:root{--bg:#2A2829;--panel:#0a1d2c;--panel2:#10283a;--text:#f4f8fb;--muted:#a7b7c6;--blue:#1596ff;--line:#214157;--radius:12px}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}button,input{font:inherit}.shell{width:min(1180px,calc(100% - 32px));margin:auto}.topbar{position:sticky;top:0;z-index:20;border-bottom:1px solid rgba(92,150,190,.28);background:rgba(2,12,20,.88);backdrop-filter:blur(16px)}.nav{height:74px;display:flex;align-items:center;gap:28px}.brand{display:flex;flex-direction:column;line-height:.85;font-weight:900;letter-spacing:.08em;font-size:24px;margin-right:auto}.brand small{font-size:9px;color:#4fbcff;letter-spacing:.32em;text-align:center;margin-top:8px}.links{display:flex;align-items:center;gap:23px;font-size:14px;color:#bdc9d3}.links a:hover,.links a.active{color:#fff}.links a.active{border-bottom:2px solid var(--blue);padding-bottom:9px}.live,.primary{border:0;border-radius:7px;background:var(--blue);color:white;font-weight:700;padding:11px 18px;box-shadow:0 8px 28px rgba(21,150,255,.22)}.menu{display:none;background:none;border:0;color:#fff;font-size:24px}.hero{min-height:570px;display:grid;align-items:center;position:relative;isolation:isolate;overflow:hidden;background-image:url('https://lirp.cdn-website.com/dfc4d414/dms3rep/multi/opt/Natuur-nieuws-nl-petitie-tegen-Lelystad-airport-openen--Airplane%2BAirport%2BTakeoff.%2BFree%2BStock%2BVideo%2B-%2BPixabay-1920w.png');background-size:cover;background-position:center}.hero:after{content:"";position:absolute;inset:auto 0 0;height:130px;background:linear-gradient(transparent,var(--bg));z-index:-1}.eyebrow{font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:#71c8ff;font-weight:800}.hero h1,.page-hero h1{font-size:clamp(48px,9vw,108px);line-height:.88;margin:18px 0 15px;letter-spacing:-.055em}.hero h1 span{display:block;font-size:.25em;letter-spacing:.3em;color:#9ecce9;margin-left:.16em;margin-top:18px}.lead{font-size:18px;color:#d3dde5;max-width:530px}.actions{display:flex;gap:12px;margin-top:28px}.secondary{border:1px solid #426078;border-radius:7px;padding:11px 18px;background:rgba(2,12,20,.66);font-weight:700}.section{padding:72px 0}.section.compact{padding-top:30px}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:24px}.section-head h2{margin:0;font-size:25px;letter-spacing:.02em}.section-head a{color:#55baff;font-size:14px}.grid{display:grid;gap:16px}.feature-grid{grid-template-columns:repeat(5,1fr);margin-top:-70px;position:relative;z-index:3}.card{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(155deg,rgba(16,40,58,.95),rgba(5,20,31,.98));overflow:hidden;transition:.25s transform,.25s border-color,.25s box-shadow}.card:hover{transform:translateY(-4px);border-color:#3e779c;box-shadow:0 18px 36px rgba(0,0,0,.22)}.card-media{height:155px;background-size:cover;background-position:center;position:relative}.card-media:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#0b2030)}.card-body{padding:16px}.card h3{margin:0 0 5px;font-size:17px}.card p{margin:0;color:var(--muted);font-size:13px}.arrow{display:block;color:#70c8ff;font-size:25px;margin-top:18px}.two-col{display:grid;grid-template-columns:1.35fr .9fr;gap:16px}.video{min-height:330px;display:flex;align-items:flex-end;background-image:linear-gradient(0deg,rgba(0,8,15,.9),transparent 70%),url('https://images.unsplash.com/photo-1564689510742-4e9c7584181d?auto=format&fit=crop&q=82&w=1600');background-size:cover;background-position:center}.video .card-body{width:100%;padding:24px}.play{display:inline-grid;place-items:center;width:56px;height:56px;border-radius:50%;background:#ef2a2a;margin-bottom:50px}.list{display:grid;gap:12px}.list-item{display:grid;grid-template-columns:110px 1fr;gap:14px;padding:10px;align-items:center}.thumb{height:74px;border-radius:7px;background-size:cover;background-position:center}.partners{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;color:#bdc9d1;font-weight:800;letter-spacing:.05em;align-items:center;text-align:center}.page-hero{min-height:300px;display:flex;align-items:center;background-image:url('https://images.unsplash.com/photo-1605590427165-3884d6aa6731?auto=format&fit=crop&q=82&w=1800');background-size:cover;background-position:center}.page-hero h1{font-size:clamp(42px,7vw,76px);margin:10px 0 12px}.page-hero p{max-width:640px;color:#d7e2e9;margin:0;font-size:17px}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}.pill{cursor:pointer;color:#b9c9d4;background:#0c2232;border:1px solid var(--line);padding:9px 15px;border-radius:7px}.pill.active,.pill:hover{background:var(--blue);color:white}.search{margin-left:auto;min-width:230px;color:white;background:#071722;border:1px solid #39566c;border-radius:7px;padding:9px 13px}.catalog{grid-template-columns:repeat(4,1fr)}.catalog .card-media{height:145px}.tags{display:flex;gap:6px;margin-top:13px;flex-wrap:wrap}.tag{font-size:11px;padding:4px 7px;border-radius:5px;background:#17384e;color:#c9e7f8}.feature-page-grid{grid-template-columns:repeat(3,1fr)}.feature-page-grid .card-media{height:210px}.info-strip{padding:28px;border:1px solid var(--line);background:linear-gradient(100deg,#0b263a,#081722);border-radius:14px;display:flex;justify-content:space-between;gap:20px;align-items:center}.control-grid{grid-template-columns:repeat(2,1fr)}.control{padding:22px}.control label{display:block;font-weight:700;margin-bottom:8px}.control select,.control input[type=range]{width:100%}.footer{border-top:1px solid var(--line);padding:38px 0;color:#8ca0ae;font-size:13px}.footer-row{display:flex;justify-content:space-between;gap:20px}.empty{display:none;text-align:center;color:var(--muted);padding:50px}.about-copy{max-width:760px;margin:auto;text-align:center}.about-copy h2{font-size:38px;margin-bottom:12px}@media(max-width:900px){.links{display:none}.menu{display:block}.links.open{display:flex;position:absolute;top:74px;left:0;right:0;padding:22px 28px;background:#061621;flex-direction:column;align-items:flex-start}.feature-grid,.catalog{grid-template-columns:repeat(2,1fr)}.feature-grid{margin-top:-30px}.two-col{grid-template-columns:1fr}.partners{grid-template-columns:repeat(3,1fr)}.feature-page-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.shell{width:min(100% - 22px,1180px)}.nav{height:64px}.live{display:none}.hero{min-height:620px;background-position:65% center}.hero h1{font-size:58px}.feature-grid,.catalog,.feature-page-grid,.control-grid{grid-template-columns:1fr}.feature-grid{margin-top:0;padding-top:18px}.section{padding:46px 0}.partners{grid-template-columns:repeat(2,1fr)}.filters{align-items:stretch}.search{margin-left:0;width:100%}.footer-row,.info-strip{flex-direction:column;align-items:flex-start}}
/* Bundle the homepage display face so the wordmark is consistent on every device. */
@font-face{font-family:"Kenco Rubik";src:url("./fonts/rubik-bold.ttf") format("truetype");font-style:normal;font-weight:700 900;font-display:swap}
.hero h1{font-family:"Kenco Rubik",ui-rounded,sans-serif;font-weight:900;letter-spacing:-.018em}
.hero h1 span{font-size:.32em;color:#e2e5e8;letter-spacing:.18em;margin-top:7px}
.live{border:2px solid #9146ff;background:rgba(145,70,255,.08);box-shadow:0 8px 28px rgba(145,70,255,.2)}
.hero .primary{border:2px solid var(--blue);background:#000;box-shadow:0 8px 28px rgba(0,0,0,.34)}
.footer{background:#000}

/* Keep every page title consistent with the KENCO home-page wordmark. */
.page-hero h1{
  font-family:"Kenco Rubik",ui-rounded,sans-serif;
  font-size:clamp(48px,9vw,108px);
  font-weight:900;
  letter-spacing:-.018em;
  line-height:.88;
}

@media(max-width:560px){
  .page-hero h1{font-size:58px}
}

/* Avoid showing fallback heading metrics before the brand font is ready. */
html.title-font-loading .page-hero h1,html.title-font-loading .hero h1{visibility:hidden}

body[data-page="home"] .hero h1,
body[data-page="home"] .hero .lead,
body[data-page="home"] .creator-stats { -webkit-user-select: none; user-select: none; }

/* Keep header titles from being selected when dragging the mouse. */
h1, h2, h3, h4, h5, h6, .model-card-heading {
  -webkit-user-select: none;
  user-select: none;
}

/* Keep header descriptions and introductory labels unselectable. */
.hero .lead, .hero .eyebrow, .page-hero p, .page-hero .eyebrow {
  -webkit-user-select: none;
  user-select: none;
}

/* Initial page banner layout: loaded before page content is rendered. */
.page-hero {
  border-bottom: 1px solid #29abe2;
}

.hero > .shell,
.page-hero > .shell {
  text-align: center;
}

.hero .lead,
.page-hero p {
  margin-left: auto;
  margin-right: auto;
}

/* Keep the feature cards below the banner divider at every screen size. */
.hero + main > .feature-grid,
.page-hero + main > .feature-grid {
  margin-top: 0;
}

.hero + main > .feature-grid {
  padding-top: 30px;
}

/* Clear header photography, with text shadows for readable headings. */
.hero::after { display: none; }
.page-hero > .shell { text-shadow: 0 2px 5px rgba(0,0,0,.9), 0 1px 16px rgba(0,0,0,.65); }
body[data-page="scenery"] .page-hero { background-position: center 85%; }

/* Readable header descriptions directly over the photography. */
.hero .lead,
.page-hero p {
  color: #fff;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.6;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
}