/* ===== ELTUS – style ===== */
:root{
  --bg:#010101;            /* = tło klatek z filmów, krawędzie canvasa niewidoczne */
  --bg-2:#0a0d12;
  --ink:#f3f5f8;
  --ink-2:rgba(243,245,248,.64);
  --brand:#1f74e8;         /* niebieski z logo Eltus */
  --brand-2:#4b9bff;
  --red:#d2343a;
  --light:#eef0f3;
  --light-ink:#0d1117;
  --light-ink-2:#4a5260;
  --line:rgba(255,255,255,.12);
  --line-dark:rgba(13,17,23,.1);
  --scene-hill:#e2e5ea;
  --scene-building:#d5d9df;
  --scene-building-2:#c3c8cf;
  --scene-door:#b4bac2;
  --scene-road:#2a2e35;
  --f-display:"Archivo",system-ui,sans-serif;
  --f-body:"Inter",system-ui,sans-serif;
  --gutter:clamp(16px,4vw,56px);
  --ease:cubic-bezier(.2,.7,.2,1);
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
body{margin:0;background:var(--bg);color:var(--ink);font:400 16px/1.65 var(--f-body);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
.wrap{max-width:1320px;margin:0 auto;padding:0 var(--gutter)}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip{position:fixed;left:16px;top:-60px;z-index:200;background:var(--brand);color:#fff;padding:10px 16px;border-radius:8px;text-decoration:none;transition:top .2s}
.skip:focus{top:16px}
:focus-visible{outline:2px solid var(--brand-2);outline-offset:3px}

/* ---- typografia ---- */
.display{font-family:var(--f-display);font-stretch:125%;font-weight:850;text-transform:uppercase;line-height:.92;letter-spacing:-.01em;font-size:clamp(44px,7.4vw,118px);margin:0 0 .35em}
.display--sm{font-size:clamp(38px,5.6vw,88px)}
.display--page{font-size:clamp(38px,6vw,96px);max-width:14em}
.h2{font-family:var(--f-display);font-stretch:118%;font-weight:800;text-transform:uppercase;line-height:.98;font-size:clamp(30px,4vw,60px);margin:0 0 .45em}
.eyebrow{font:600 12px/1 var(--f-body);letter-spacing:.18em;text-transform:uppercase;color:var(--brand-2);margin:0 0 18px}
.eyebrow--dark{color:var(--brand)}
.lead{color:var(--ink-2);font-size:clamp(15px,1.25vw,18px);max-width:36em;margin:0 0 28px}
.accent{color:var(--brand-2)}
.link{color:var(--brand-2);text-decoration:none}
.link:hover{text-decoration:underline}

/* ---- przyciski ---- */
.btn{display:inline-flex;align-items:center;gap:8px;height:50px;padding:0 26px;border-radius:999px;font:600 14px/1 var(--f-body);text-decoration:none;border:1px solid transparent;cursor:pointer;transition:transform .2s,background .2s,color .2s,border-color .2s;white-space:nowrap}
.btn:hover{transform:translateY(-2px)}
.btn--primary{background:var(--brand);color:#fff}
.btn--primary:hover{background:var(--brand-2)}
.btn--ghost{border-color:currentColor;color:inherit;opacity:.9}
.btn--ghost:hover{opacity:1}
.btn--pill{height:42px;background:#fff;color:#000}

/* ---- logo ---- */
.logo{font-family:var(--f-display);font-weight:900;font-style:italic;color:var(--brand);letter-spacing:-.02em;text-shadow:2px 2px 0 #0b3d86;font-size:34px;line-height:.8;text-decoration:none;display:inline-flex;flex-direction:column}
.logo small{font:600 9px/1 var(--f-body);font-style:normal;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);opacity:.7;text-shadow:none;margin-top:6px}

/* ---- header ---- */
.header{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;gap:32px;padding:16px var(--gutter);transition:background .3s,color .3s,backdrop-filter .3s}
.header.is-scrolled{background:rgba(1,1,1,.74);backdrop-filter:blur(12px)}
.header.is-light{background:rgba(238,240,243,.86);color:var(--light-ink)}
.header.is-light .logo small{color:var(--light-ink)}
.header.is-light .btn--pill{background:var(--light-ink);color:#fff}
.nav{margin-left:auto}
.nav>ul{display:flex;gap:28px;list-style:none;margin:0;padding:0;align-items:center}
.nav a{font:500 14px var(--f-body);text-decoration:none;opacity:.8;transition:opacity .2s}
.nav a:hover,.nav a.is-current,.nav a[aria-current]{opacity:1}
.nav a.is-current{box-shadow:inset 0 -2px 0 var(--brand)}
.has-sub{position:relative}
.sub{list-style:none;margin:0;padding:10px;position:absolute;top:calc(100% + 12px);left:-14px;min-width:250px;background:#0d1117;border:1px solid var(--line);border-radius:14px;opacity:0;visibility:hidden;transform:translateY(6px);transition:.2s;color:var(--ink)}
.sub::before{content:"";position:absolute;left:0;right:0;top:-14px;height:14px}
.sub a{display:block;padding:10px 12px;border-radius:8px;opacity:.85}
.sub a:hover{background:rgba(255,255,255,.06);opacity:1}
.has-sub:hover .sub,.has-sub:focus-within .sub{opacity:1;visibility:visible;transform:none}
.sub-toggle{display:none}
.burger{display:none;background:none;border:0;width:44px;height:44px;cursor:pointer;color:inherit;position:relative}
.burger span{position:absolute;left:10px;right:10px;height:2px;background:currentColor;transition:transform .3s}
.burger span:first-child{top:17px}.burger span:last-child{top:25px}
.burger[aria-expanded="true"] span:first-child{transform:translateY(4px) rotate(45deg)}
.burger[aria-expanded="true"] span:last-child{transform:translateY(-4px) rotate(-45deg)}

/* ---- sekwencje klatek (canvas sticky) ---- */
.seq{position:relative;height:400vh;background:var(--bg)}
.seq--explode{height:420vh}
.seq--load{height:600vh}
.seq__stick{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden}
.seq__poster,.seq__canvas{position:absolute;inset:0;width:100%;height:100%}
.seq__poster{object-fit:cover;transition:opacity .4s}
.seq.is-ready .seq__poster{opacity:0}
.seq__shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(1,1,1,.85) 0%,rgba(1,1,1,.35) 38%,transparent 60%),linear-gradient(0deg,rgba(1,1,1,.7) 0%,transparent 30%)}
.seq__shade--soft{background:linear-gradient(0deg,rgba(1,1,1,.6) 0%,transparent 35%)}
.seq__text{position:absolute;z-index:2;opacity:0;will-change:opacity}
.seq__text--hero,.seq__text--left{left:var(--gutter);top:50%;transform:translateY(-50%);max-width:min(640px,90vw)}
.seq__text--hero{top:auto;bottom:12vh;transform:none}
.seq__text--right{right:var(--gutter);top:50%;transform:translateY(-50%);text-align:right;max-width:min(520px,90vw)}
.seq__text--right .lead{margin-left:auto}
.seq__text--center{left:50%;top:16vh;transform:translateX(-50%);text-align:center;width:min(900px,92vw)}
.seq__text--bottom{top:auto;bottom:10vh}
.hero__cta{display:flex;gap:12px;flex-wrap:wrap}
.scroll-hint{position:absolute;right:var(--gutter);bottom:5vh;font:600 11px var(--f-body);letter-spacing:.2em;text-transform:uppercase;color:var(--ink-2);display:flex;align-items:center;gap:12px}
.scroll-hint span{width:1px;height:40px;background:var(--ink-2);animation:hint 1.8s infinite}
@keyframes hint{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}

/* ---- nagłówek podstrony z Ken Burns ---- */
.page-hero{position:relative;min-height:min(78vh,760px);display:flex;align-items:flex-end;overflow:hidden;padding:140px 0 clamp(48px,8vh,96px)}
.page-hero__media{position:absolute;inset:0}
.page-hero__media img{width:100%;height:100%;object-fit:cover}
.kb{animation:kenburns 26s ease-in-out infinite alternate;transform-origin:60% 50%;will-change:transform}
@keyframes kenburns{0%{transform:scale(1.02) translate3d(0,0,0)}100%{transform:scale(1.14) translate3d(-2.5%,-1.5%,0)}}
.page-hero__shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(1,1,1,.9) 0%,rgba(1,1,1,.55) 45%,rgba(1,1,1,.15) 100%),linear-gradient(0deg,rgba(1,1,1,.85) 0%,transparent 45%)}
.page-hero__in{position:relative;width:100%}
.crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:0 0 28px;padding:0;font-size:13px;color:var(--ink-2)}
.crumbs li+li::before{content:"/";margin-right:6px;opacity:.5}
.crumbs a{text-decoration:none}
.crumbs a:hover{color:var(--ink)}

/* ---- sekcje ---- */
.section{padding:clamp(72px,10vw,140px) 0}
.section--light{background:var(--light);color:var(--light-ink)}
.section--light .lead{color:var(--light-ink-2)}
.section__head{max-width:760px;margin-bottom:48px}
.page-plain{padding-top:140px}

/* ---- statystyki ---- */
.stats{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:56px 0}
.stats__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}
.stat b{display:block;font-family:var(--f-display);font-stretch:125%;font-weight:850;font-size:clamp(40px,4.6vw,72px);line-height:1;color:#fff}
.stat b em{font-style:normal;color:var(--brand-2)}
.stat span{color:var(--ink-2);font-size:14px;display:block;margin-top:10px;max-width:16em}

/* ---- karty usług ---- */
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}
.card{display:flex;flex-direction:column;gap:10px;padding:32px;border-radius:18px;background:#fff;border:1px solid var(--line-dark);text-decoration:none;color:var(--light-ink);transition:transform .3s var(--ease),box-shadow .3s}
.card:hover{transform:translateY(-6px);box-shadow:0 24px 50px -24px rgba(13,17,23,.35)}
.card__num{font:800 13px var(--f-display);color:var(--brand)}
.card h3{font-family:var(--f-display);font-stretch:112%;font-weight:800;text-transform:uppercase;font-size:24px;line-height:1.05;margin:24px 0 0}
.card p{margin:0;color:var(--light-ink-2);flex:1}
.card__more{font:600 14px var(--f-body);color:var(--brand);margin-top:12px}
.card__more i{font-style:normal;display:inline-block;transition:transform .2s}
.card:hover .card__more i{transform:translateX(4px)}

/* ---- split (zdjęcie + tekst) ---- */
.split__grid,.prose-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(32px,6vw,96px);align-items:center}
.prose-grid{grid-template-columns:1.5fr 1fr;align-items:start}
.split__text p{color:var(--ink-2)}
.split__media img{width:100%;filter:drop-shadow(0 30px 40px rgba(0,0,0,.5))}
.ticks{list-style:none;padding:0;margin:28px 0 32px;border-top:1px solid var(--line-dark)}
.ticks li{padding:14px 0 14px 34px;border-bottom:1px solid var(--line-dark);position:relative;font-weight:500}
.ticks li::before{content:"";position:absolute;left:0;top:20px;width:16px;height:9px;border-left:2px solid var(--brand);border-bottom:2px solid var(--brand);transform:rotate(-45deg)}
.ticks--dark{border-color:var(--line)}
.ticks--dark li{border-color:var(--line)}

/* ---- treść ---- */
.prose{font-size:clamp(16px,1.2vw,18px)}
.prose h2{font-family:var(--f-display);font-stretch:112%;font-weight:800;text-transform:uppercase;font-size:clamp(26px,2.6vw,38px);line-height:1.05;margin:0 0 .7em}
.prose h2:not(:first-child){margin-top:1.6em}
.prose p{margin:0 0 1.1em;color:var(--light-ink-2)}
.prose strong{color:var(--light-ink)}
.prose--dark p,.prose--dark li{color:var(--ink-2)}
.prose--dark strong,.prose--dark b{color:var(--ink)}
.steps-list{padding:0;margin:0;list-style:none;counter-reset:s}
.steps-list li{counter-increment:s;position:relative;padding:16px 0 16px 56px;border-bottom:1px solid var(--line)}
.steps-list li::before{content:counter(s,decimal-leading-zero);position:absolute;left:0;top:16px;font:800 14px var(--f-display);color:var(--brand-2)}
.facts{background:#fff;border:1px solid var(--line-dark);border-radius:18px;padding:28px;position:sticky;top:110px}
.facts__h{font:600 12px var(--f-body);letter-spacing:.16em;text-transform:uppercase;color:var(--brand);margin:0 0 12px}
.facts dl{margin:0 0 24px}
.facts dl div{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--line-dark)}
.facts dt{color:var(--light-ink-2);font-size:14px}
.facts dd{margin:0;font-weight:600;text-align:right;font-size:14px}
.legal{max-width:760px}
.legal h1{margin-bottom:.6em}

/* ---- cechy ---- */
.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:18px;overflow:hidden}
.feature{background:var(--bg);padding:32px}
.feature h2,.feature h3{font-family:var(--f-display);font-stretch:112%;font-weight:800;text-transform:uppercase;font-size:20px;line-height:1.1;margin:0 0 12px}
.feature p{margin:0;color:var(--ink-2)}

/* ---- FAQ ---- */
.faq{padding:clamp(72px,10vw,140px) 0;border-top:1px solid var(--line)}
.faq__grid{display:grid;grid-template-columns:1fr 1.6fr;gap:clamp(32px,6vw,96px)}
.faq__item{border-bottom:1px solid var(--line)}
.faq__item summary{list-style:none;cursor:pointer;padding:22px 40px 22px 0;position:relative}
.faq__item summary::-webkit-details-marker{display:none}
.faq__item summary::after{content:"+";position:absolute;right:4px;top:18px;font:300 28px/1 var(--f-body);color:var(--brand-2);transition:transform .3s}
.faq__item[open] summary::after{transform:rotate(45deg)}
.faq__item h3{margin:0;font:600 clamp(16px,1.3vw,19px)/1.4 var(--f-body)}
.faq__item p{margin:0 0 22px;color:var(--ink-2);max-width:42em}

/* ---- CTA ---- */
.cta-band{background:var(--brand);color:#fff;padding:clamp(56px,8vw,100px) 0}
.cta-band__in{display:flex;justify-content:space-between;align-items:center;gap:32px;flex-wrap:wrap}
.cta-band .lead{color:rgba(255,255,255,.82);margin:0}
.cta-band .h2{margin-bottom:.3em}
.cta-band__actions{display:flex;gap:12px;flex-wrap:wrap}
.cta-band .btn--primary{background:#fff;color:var(--light-ink)}

/* ---- flota ---- */
.fleet-item{display:grid;grid-template-columns:1.3fr 1fr;gap:clamp(32px,5vw,80px);align-items:center}
.fleet-item+.fleet-item{margin-top:clamp(64px,8vw,120px)}
.fleet-item--rev{grid-template-columns:1fr 1.2fr}
.fleet-item--rev .fleet-item__img{order:2}
.fleet-item__img img{filter:drop-shadow(0 30px 30px rgba(13,17,23,.25))}
.fleet-item__text p{color:var(--light-ink-2)}
.spec{width:100%;border-collapse:collapse;margin-top:24px}
.spec th,.spec td{padding:12px 0;border-bottom:1px solid var(--line-dark);text-align:left;font-size:15px}
.spec th{font-weight:500;color:var(--light-ink-2)}
.spec td{font-weight:600;text-align:right}
.gallery{padding:clamp(56px,8vw,120px) 0}
.gallery__grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.gallery figure{margin:0;border-radius:18px;overflow:hidden;position:relative}
.gallery img{transition:transform 1.2s var(--ease)}
.gallery figure:hover img{transform:scale(1.04)}
.gallery figcaption{position:absolute;left:20px;bottom:16px;font:600 13px var(--f-body);letter-spacing:.08em;text-transform:uppercase}

/* ---- dokumenty ---- */
.docs__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.doc{background:#fff;border-radius:18px;padding:32px;text-decoration:none;display:flex;flex-direction:column;gap:8px;border:1px solid var(--line-dark);transition:transform .25s,box-shadow .25s}
.doc:hover{transform:translateY(-4px);box-shadow:0 18px 40px -20px rgba(13,17,23,.3)}
.doc__icon{align-self:flex-start;font:800 11px var(--f-display);letter-spacing:.1em;color:#fff;background:var(--brand);border-radius:6px;padding:6px 8px;margin-bottom:24px}
.doc h2{font-family:var(--f-display);font-stretch:112%;font-weight:800;font-size:22px;text-transform:uppercase;margin:0}
.doc p{margin:0;color:var(--light-ink-2);font-size:15px;flex:1}

/* ---- kontakt ---- */
.contact__grid{display:grid;grid-template-columns:1fr 1.15fr;gap:clamp(40px,6vw,96px);align-items:start}
.contact__data{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin:24px 0 0}
.contact__data dt{font:600 11px var(--f-body);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2);margin-bottom:8px}
.contact__data dd{margin:0;font-size:17px;font-weight:500}
.contact__data a{text-decoration:none}
.contact__data a:hover{color:var(--brand-2)}
.form{display:flex;flex-direction:column;gap:16px;background:var(--bg-2);border:1px solid var(--line);border-radius:20px;padding:clamp(24px,3vw,40px)}
.form label{display:flex;flex-direction:column;gap:8px;font:500 13px var(--f-body);color:var(--ink-2);flex:1}
.form input,.form textarea{font:inherit;font-size:16px;color:var(--ink);background:#13171e;border:1px solid var(--line);border-radius:10px;padding:13px 14px;resize:vertical}
.form input:focus,.form textarea:focus{outline:2px solid var(--brand);outline-offset:1px;border-color:transparent}
.form__row{display:flex;gap:16px}
.form__check{flex-direction:row!important;align-items:flex-start;gap:12px!important;font-size:13px!important}
.form__check input{width:18px;height:18px;margin-top:2px;accent-color:var(--brand);flex:none}
.form__check a{color:var(--brand-2)}
.form .btn{align-self:flex-start;margin-top:8px}
.form__note{margin:0;font-size:14px;color:var(--brand-2);min-height:1.4em}

/* ---- 404 ---- */
.notfound{min-height:80vh;display:flex;align-items:center;padding:140px 0 80px}

/* ---- stopka ---- */
.footer{border-top:1px solid var(--line);padding:64px 0 28px;color:var(--ink-2);font-size:14px}
.footer__grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.3fr;gap:40px}
.footer__brand p{max-width:26em;margin:18px 0 0}
.footer__h{font:600 11px var(--f-body);letter-spacing:.16em;text-transform:uppercase;color:var(--ink);margin:0 0 14px}
.footer ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.footer a{text-decoration:none}
.footer a:hover{color:var(--ink)}
.footer__nap{font-style:normal;line-height:1.8}
.footer__bottom{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;border-top:1px solid var(--line);margin-top:48px;padding-top:24px}
.logo--footer{font-size:28px}

/* ---- animacja wejścia ---- */
.reveal{opacity:0;transform:translateY(30px);transition:opacity .9s var(--ease),transform .9s var(--ease)}
.reveal.is-in{opacity:1;transform:none}

/* ---- ZAŁADUNEK: tymczasowa scena SVG ---- */
.load{position:relative;height:650vh;background:var(--light);color:var(--light-ink)}
.load__stick{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;display:flex;flex-direction:column}
.load__head{width:100%;padding-top:clamp(96px,14vh,140px);display:flex;justify-content:space-between;align-items:flex-start;gap:24px}
.load__steps{display:flex;flex-direction:column;gap:14px}
.step{display:flex;gap:16px;align-items:flex-start;opacity:.32;transition:opacity .4s}
.step.is-active{opacity:1}
.step i{font:normal 800 13px var(--f-display);color:var(--brand);padding-top:8px;min-width:22px}
.step h3{font-family:var(--f-display);font-stretch:118%;font-weight:800;text-transform:uppercase;font-size:clamp(24px,2.6vw,40px);line-height:1;margin:0 0 4px}
.step p{margin:0;color:var(--light-ink-2);font-size:15px;max-height:0;overflow:hidden;transition:max-height .4s}
.step.is-active p{max-height:3em}
.load__counter{display:flex;align-items:flex-end;gap:12px}
.load__counter b{font-family:var(--f-display);font-stretch:125%;font-weight:900;font-size:clamp(64px,8vw,128px);line-height:.8;font-variant-numeric:tabular-nums}
.load__counter span{font:600 12px/1.4 var(--f-body);letter-spacing:.12em;text-transform:uppercase;color:var(--light-ink-2);padding-bottom:4px}
.load__scene{flex:1;position:relative;min-height:0}
#scene{position:absolute;left:0;right:0;bottom:0;width:100%;height:100%;overflow:hidden}
.svg-brand{font-family:var(--f-display);font-weight:900;font-style:italic;fill:var(--brand);letter-spacing:-1px}
.svg-sub{font-family:var(--f-body);font-weight:600;fill:var(--brand)}
.svg-red{font-family:var(--f-body);font-weight:600;fill:var(--red)}
.svg-model{font-family:var(--f-body);font-weight:600;fill:#8d939b;letter-spacing:.08em}
.load__tagline{position:absolute;left:0;right:0;top:42%;text-align:center;opacity:0;pointer-events:none;padding:0 var(--gutter)}
.load__progress{position:absolute;left:0;right:0;bottom:0;height:3px;background:rgba(0,0,0,.08)}
.load__progress span{display:block;height:100%;width:100%;background:var(--brand);transform:scaleX(0);transform-origin:left}

/* ---- responsywność ---- */
@media (max-width:1080px){
  .nav{position:fixed;inset:0;background:rgba(1,1,1,.97);color:var(--ink);display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s;margin:0;overflow:auto}
  .nav.is-open{opacity:1;visibility:visible}
  .nav>ul{flex-direction:column;gap:20px;align-items:center;text-align:center}
  .nav>ul>li>a{font:800 26px var(--f-display);text-transform:uppercase}
  .nav a.is-current{box-shadow:none;color:var(--brand-2)}
  .has-sub{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px}
  .sub-toggle{display:inline-block;width:32px;height:32px;border:1px solid var(--line);border-radius:50%;background:none;color:var(--ink);cursor:pointer;position:relative}
  .sub-toggle::before{content:"+";font:400 20px/30px var(--f-body)}
  .sub-toggle[aria-expanded="true"]::before{content:"−"}
  .sub{position:static;flex-basis:100%;opacity:1;visibility:visible;transform:none;display:none;background:none;border:0;padding:8px 0 0;min-width:0}
  .has-sub.is-open .sub{display:block}
  .has-sub:hover .sub{transform:none}
  .burger{display:block;margin-left:auto;z-index:2}
  .header .logo{position:relative;z-index:2}
  .header.nav-open{color:var(--ink);background:transparent;backdrop-filter:none;transition:none}
  .header.nav-open .logo small{color:var(--ink)}
  .header__cta{display:none}
  .footer__grid{grid-template-columns:1fr 1fr}
}
@media (max-width:960px){
  .stats__grid{grid-template-columns:1fr 1fr}
  .split__grid,.prose-grid,.contact__grid,.fleet-item,.fleet-item--rev,.faq__grid{grid-template-columns:1fr}
  .fleet-item--rev .fleet-item__img{order:0}
  .docs__grid,.gallery__grid{grid-template-columns:1fr}
  .facts{position:static}
}
@media (max-width:640px){
  .load__head{flex-direction:column;gap:16px;padding-top:88px}
  .load__counter b{font-size:56px}
  .seq__shade{background:linear-gradient(0deg,rgba(1,1,1,.92) 0%,rgba(1,1,1,.4) 50%,transparent 75%)}
  .seq__text--left,.seq__text--right{top:auto;bottom:10vh;transform:none;left:var(--gutter);right:var(--gutter);text-align:left}
  .seq__text--right .lead{margin-left:0}
  .contact__data{grid-template-columns:1fr}
  .form__row{flex-direction:column}
  .footer__grid{grid-template-columns:1fr}
  .page-hero{min-height:70vh}
}
@media (prefers-reduced-motion:reduce){
  .scroll-hint span,.kb{animation:none}
  .reveal{opacity:1;transform:none;transition:none}
}