:root{--ink:#07100f;--paper:#edf1eb;--acid:#b9ff61;--cyan:#61f0dc;--muted:#87928c;--line:rgba(237,241,235,.16);--display:'Space Grotesk',sans-serif;--body:'DM Sans',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--body);overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;width:100%}.nav{height:88px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 4vw;border-bottom:1px solid var(--line);position:fixed;top:0;left:0;right:0;z-index:20;background:rgba(7,16,15,.82);backdrop-filter:blur(14px)}.brand{font:700 16px/13px var(--display);letter-spacing:-.04em}.brand span{font-size:9px;letter-spacing:.14em;color:var(--acid)}nav{display:flex;gap:30px;font-size:12px;text-transform:uppercase;letter-spacing:.08em}nav a{opacity:.7}nav a:hover{opacity:1}.nav-cta{justify-self:end;font-size:11px;letter-spacing:.1em;color:var(--acid)}.nav-cta span{font-size:16px;margin-left:6px}.menu{display:none;background:none;border:0}.hero{min-height:100vh;padding:145px 4vw 40px;position:relative;display:grid;grid-template-columns:47% 53%;align-items:center;background:radial-gradient(circle at 72% 44%,rgba(63,226,204,.13),transparent 29%),linear-gradient(180deg,#07100f,#0a1715)}.hero-copy{position:relative;z-index:2}.eyebrow,.section-label{font-size:10px;letter-spacing:.18em;color:var(--acid);text-transform:uppercase}.hero h1{font:600 clamp(65px,9.5vw,150px)/.83 var(--display);letter-spacing:-.08em;margin:26px 0 35px}.hero h1 em,.closing em{font-style:normal;color:transparent;-webkit-text-stroke:1px var(--paper)}.lede{max-width:420px;font-size:18px;line-height:1.5;color:#b8c2bd}.circle-link{display:flex;width:62px;height:62px;border:1px solid var(--line);border-radius:50%;align-items:center;justify-content:center;margin-top:46px;color:var(--acid);font-size:22px}.hero-art{position:absolute;right:0;top:145px;bottom:0;width:58vw;height:calc(100vh - 145px);max-width:none;opacity:.98;z-index:1}.hero-art img{width:100%;height:100%;object-fit:cover;object-position:center}.hero-art .image-overlay{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(7,16,15,.18),transparent 32%,rgba(7,16,15,.02)),linear-gradient(180deg,rgba(7,16,15,.08),transparent 35%,rgba(7,16,15,.42));pointer-events:none}.hero-meta{position:absolute;bottom:34px;left:4vw;right:4vw;display:flex;justify-content:space-between;color:#71807a;font-size:9px;letter-spacing:.16em}.statement{padding:180px 8vw;display:grid;grid-template-columns:22% 1fr;gap:7vw;background:var(--paper);color:var(--ink)}.statement .section-label,.split .section-label,.mobility .section-label,.future .section-label{color:#4b655d}.statement h2,.mobility h2,.future h2{font:600 clamp(54px,8vw,125px)/.86 var(--display);letter-spacing:-.075em;margin:0 0 55px}.statement h2 span,.mobility h2 span,.future h2 span{color:#168c7b}.big-copy{font-size:clamp(22px,2.4vw,35px);line-height:1.3;max-width:920px;margin:0}.visual-band{height:78vh;min-height:540px;position:relative;overflow:hidden;background:#03100e}.visual-band img{height:100%;object-fit:cover}.band-caption{position:absolute;bottom:30px;left:4vw;font-size:9px;letter-spacing:.18em;color:var(--acid)}.split{display:grid;grid-template-columns:1.08fr .92fr;min-height:850px}.split-image{background:#0c211d}.split-image img{height:100%;object-fit:cover}.split-copy{padding:12vw 7vw;background:#0d1816}.split-copy h2{font:600 clamp(52px,6.5vw,100px)/.85 var(--display);letter-spacing:-.07em;margin:28px 0 40px}.split-copy p{max-width:530px;font-size:17px;line-height:1.65;color:#aebbb5}.stat-row{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);margin-top:70px;padding-top:25px;gap:15px}.stat-row strong{font:500 42px var(--display);display:block;color:var(--acid)}.stat-row span{font-size:10px;color:#72817b;text-transform:uppercase;letter-spacing:.12em}.marquee{overflow:hidden;white-space:nowrap;border-block:1px solid var(--line);padding:27px 0;background:#b9ff61;color:#07100f}.marquee div{font:600 34px var(--display);letter-spacing:-.04em;animation:scroll 22s linear infinite}@keyframes scroll{to{transform:translateX(-45%)}}.mobility{padding:160px 4vw;background:#07100f}.mobility-head{display:grid;grid-template-columns:1fr 32%;gap:5vw;align-items:end;margin:50px 0 90px}.mobility h2{margin:0}.mobility-head p{font-size:17px;line-height:1.6;color:#aab6b1}.image-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:14px}.image-grid figure{margin:0}.image-grid img{height:520px;object-fit:cover}.image-grid .wide img{height:650px}.image-grid figcaption{font-size:9px;color:#77847f;letter-spacing:.16em;margin-top:14px}.principles{padding:150px 8vw;background:var(--paper);color:var(--ink)}.principles .section-label{margin-bottom:80px}.principle{display:grid;grid-template-columns:10% 34% 1fr;align-items:center;border-top:1px solid #cbd3ce;padding:30px 0}.principle:last-child{border-bottom:1px solid #cbd3ce}.principle span{font-size:11px;color:#54726a}.principle h3{font:500 clamp(30px,4vw,58px) var(--display);letter-spacing:-.05em;margin:0}.principle p{font-size:15px;color:#50615a;max-width:420px;margin:0;line-height:1.55}.future{display:grid;grid-template-columns:1.15fr .85fr;background:#0a1513}.future-image img{height:100%;min-height:800px;object-fit:cover}.future-copy{padding:13vw 7vw}.future-copy h2{margin-top:30px}.future-copy p{font-size:18px;line-height:1.6;color:#aebbb5;max-width:480px}.text-link{display:inline-block;margin-top:35px;color:var(--acid);font-size:11px;letter-spacing:.14em}.text-link span{font-size:20px;margin-left:15px}.closing{min-height:90vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:radial-gradient(circle at center,rgba(185,255,97,.12),transparent 35%),#07100f}.closing h2{font:600 clamp(75px,14vw,210px)/.78 var(--display);letter-spacing:-.09em;margin:35px 0}.big-arrow{font-size:55px;color:var(--acid);border:1px solid var(--line);border-radius:50%;width:100px;height:100px;display:flex;align-items:center;justify-content:center}footer{padding:50px 4vw;display:grid;grid-template-columns:1fr 1fr 1fr;border-top:1px solid var(--line);color:#74817c;font-size:11px}footer .brand{color:var(--paper)}footer>div:last-child{display:flex;justify-content:space-between;align-items:end;flex-direction:column;gap:25px}footer a{color:var(--acid);font-size:9px;letter-spacing:.15em}@media(max-width:900px){.hero-art{top:360px;bottom:0;width:100vw;height:52vh;right:0}.hero-art img{object-position:center}.nav{grid-template-columns:1fr auto}.nav nav,.nav-cta{display:none}.menu{display:flex;flex-direction:column;gap:5px}.menu i{display:block;width:25px;height:1px;background:var(--paper)}.hero{grid-template-columns:1fr;padding-top:135px;min-height:850px}.hero-art{width:110%;right:-15%;bottom:5%}.hero-copy{align-self:start}.hero h1{font-size:18vw}.statement,.split,.future{grid-template-columns:1fr}.statement{padding:100px 7vw}.split-image{height:500px}.split-copy{padding:90px 7vw}.mobility{padding:100px 7vw}.mobility-head{grid-template-columns:1fr;margin:40px 0 60px}.image-grid{grid-template-columns:1fr}.image-grid img,.image-grid .wide img{height:450px}.principles{padding:100px 7vw}.principle{grid-template-columns:14% 1fr;gap:10px}.principle p{grid-column:2}.future-image img{min-height:500px}.future-copy{padding:100px 7vw}footer{grid-template-columns:1fr;gap:35px}footer>div:last-child{align-items:start}}


/* Cinematic editorial imagery */
.photo-hero { position: relative; overflow: hidden; }
.photo-hero img { width:100%; height:100%; object-fit:cover; object-position:center; filter:saturate(.72) contrast(1.08); transform:scale(1.02); }
.photo-hero .image-overlay { position:absolute; inset:0; z-index:1; background:linear-gradient(120deg, rgba(5,13,13,.38), transparent 55%, rgba(170,255,65,.08)); pointer-events:none; }
.photo-band { position:relative; overflow:hidden; min-height:68vh; background:#071111; }
.band-photo { position:absolute; inset:0; background-size:cover; background-position:center; filter:grayscale(.35) saturate(.7); opacity:.76; }
.photo-band:after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(0,0,0,.66),rgba(0,0,0,.08) 65%,rgba(0,0,0,.35)); }
.photo-band .band-caption { position:relative; z-index:2; }
.photo-tech img { width:100%; height:100%; object-fit:cover; filter:saturate(.65) contrast(1.08); }
.image-grid img { filter:saturate(.72) contrast(1.06); transition:transform .8s ease, filter .5s ease; }
.image-grid figure:hover img { transform:scale(1.035); filter:saturate(.95) contrast(1.08); }
.image-note { display:grid; grid-template-columns:1fr 2fr; gap:3rem; padding:7rem 7vw 8rem; border-top:1px solid rgba(255,255,255,.12); }
.image-note span { font-size:.7rem; letter-spacing:.16em; opacity:.55; }
.image-note p { max-width:700px; font-size:clamp(1.1rem,2vw,1.7rem); line-height:1.45; margin:0; }
@media(max-width:760px){.image-note{grid-template-columns:1fr;gap:1rem;padding:4rem 6vw}.photo-band{min-height:48vh}}

/* Hero positioning fix: keep the cinematic vehicle image anchored beside the headline */
.hero .hero-art.photo-hero{
  position:absolute;
  top:88px;
  right:0;
  bottom:0;
  width:58vw;
  height:calc(100vh - 88px);
  z-index:1;
}
.hero .hero-art.photo-hero img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
}
@media(max-width:900px){
  .hero .hero-art.photo-hero{
    top:330px;
    bottom:0;
    right:-8%;
    width:108%;
    height:calc(100vh - 330px);
  }
}

/* V5 — premium editorial section refinement */
.statement{position:relative;overflow:hidden}
.statement:after{content:'H₂';position:absolute;right:-2vw;bottom:-8vw;font:700 42vw/.7 var(--display);letter-spacing:-.12em;color:rgba(7,16,15,.035);pointer-events:none}
.vision-image-row{display:grid;grid-template-columns:1.45fr .75fr;gap:16px;margin-top:100px;position:relative;z-index:1}
.vision-image-row figure{margin:0;overflow:hidden}
.vision-image-row img{height:390px;object-fit:cover;filter:saturate(.65) contrast(1.08);transition:transform .8s ease}
.vision-image-row figure:last-child img{height:300px;margin-top:90px}
.vision-image-row figure:hover img{transform:scale(1.035)}
.vision-image-row figcaption{font-size:9px;letter-spacing:.16em;color:#6c7d75;margin-top:12px}
.band-content{position:absolute;z-index:2;left:8vw;top:50%;transform:translateY(-50%);display:flex;gap:35px;align-items:flex-start}
.band-content span{font:600 12px var(--display);color:var(--acid);letter-spacing:.12em}
.band-content strong{font:600 clamp(48px,7vw,110px)/.82 var(--display);letter-spacing:-.07em}
.visual-band .band-caption{z-index:3}
.split-image{position:relative;overflow:hidden}
.image-tag{position:absolute;left:28px;bottom:28px;z-index:2;font-size:9px;letter-spacing:.18em;color:var(--acid);border:1px solid rgba(185,255,97,.4);padding:11px 13px;background:rgba(0,0,0,.28);backdrop-filter:blur(8px)}
.mini-image{margin-top:60px;position:relative;height:190px;overflow:hidden}
.mini-image img{height:100%;object-fit:cover;filter:saturate(.55) contrast(1.1)}
.mini-image span{position:absolute;left:18px;bottom:15px;font-size:8px;letter-spacing:.16em;color:var(--acid)}
.mobility{position:relative;overflow:hidden}
.mobility:before{content:'03';position:absolute;right:3vw;top:110px;font:600 24vw/.8 var(--display);color:rgba(255,255,255,.025);letter-spacing:-.12em}
.image-grid figure{position:relative;z-index:1;overflow:hidden}
.image-grid figcaption span{opacity:.45;margin-left:8px}
.mobility-feature{margin-top:110px;min-height:620px;position:relative;overflow:hidden}
.mobility-feature img{height:620px;object-fit:cover;filter:saturate(.6) contrast(1.12);transition:transform 1s ease}
.mobility-feature:hover img{transform:scale(1.025)}
.mobility-feature:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,12,11,.72),transparent 65%)}
.mobility-feature>div{position:absolute;z-index:2;left:6vw;top:50%;transform:translateY(-50%)}
.mobility-feature span{display:block;color:var(--acid);font-size:9px;letter-spacing:.18em;margin-bottom:25px}
.mobility-feature strong{font:600 clamp(48px,6vw,92px)/.84 var(--display);letter-spacing:-.07em}
.future-image{position:relative;overflow:hidden}
.future-image img{filter:saturate(.65) contrast(1.08)}
.future-stamp{position:absolute;right:30px;top:30px;color:var(--acid);font-size:9px;line-height:1.5;letter-spacing:.16em;border:1px solid rgba(185,255,97,.45);padding:12px;background:rgba(0,0,0,.25);backdrop-filter:blur(8px)}
.future-line{height:1px;background:var(--line);margin-top:65px;max-width:480px}
@media(max-width:900px){
 .vision-image-row{grid-template-columns:1fr;margin-top:65px}.vision-image-row figure:last-child img{height:280px;margin-top:0}.vision-image-row img{height:330px}
 .band-content{left:7vw;gap:18px}.band-content strong{font-size:14vw}
 .mini-image{height:170px}.mobility-feature{margin-top:75px;min-height:500px}.mobility-feature img{height:500px}.mobility-feature>div{left:7vw}.mobility-feature strong{font-size:12vw}
}

/* V6 — brand + interaction polish */
::selection{background:var(--acid);color:var(--ink)}
body{cursor:default}
.nav{transition:background .35s ease, border-color .35s ease}
.nav:after{content:'H₂ / 01';justify-self:start;position:absolute;left:50%;transform:translateX(-50%);font-size:8px;letter-spacing:.18em;color:rgba(237,241,235,.42);pointer-events:none}
.nav .brand{transition:transform .3s ease}.nav .brand:hover{transform:translateX(3px)}
.nav nav a{position:relative}.nav nav a:after{content:'';position:absolute;left:0;right:100%;bottom:-7px;height:1px;background:var(--acid);transition:right .35s ease}.nav nav a:hover:after{right:0}
.reveal{opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}
.reveal.is-visible{opacity:1;transform:none}
.vision-image-row figure:nth-child(2),.image-grid figure:nth-child(2){transition-delay:.12s}.vision-image-row figure:nth-child(1),.image-grid figure:nth-child(1){transition-delay:.04s}.vision-image-row figure:nth-child(3),.image-grid figure:nth-child(3){transition-delay:.2s}
.hero .circle-link{transition:background .3s ease,color .3s ease,transform .3s ease}.hero .circle-link:hover{background:var(--acid);color:var(--ink);transform:translateY(5px)}
.photo-hero img{will-change:transform}
.marquee div{will-change:transform}
.principle{transition:padding-left .4s ease}.principle:hover{padding-left:15px}.principle:hover h3{color:#19342d}
.big-arrow{transition:background .35s ease,color .35s ease,transform .35s ease}.big-arrow:hover{background:var(--acid);color:var(--ink);transform:rotate(-8deg)}
.text-link{position:relative}.text-link:after{content:'';position:absolute;left:0;right:100%;bottom:-7px;height:1px;background:var(--acid);transition:right .35s ease}.text-link:hover:after{right:28px}
.image-grid figure,.vision-image-row figure,.mobility-feature,.future-image{background:#0d1b18}
.image-grid figure:before,.vision-image-row figure:before{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,transparent 60%,rgba(4,12,11,.28));opacity:.8}
.image-grid figure figcaption,.vision-image-row figure figcaption{position:relative;z-index:2}
@media(max-width:900px){
 .nav:after{display:none}
 .nav nav.open{position:absolute;display:flex;flex-direction:column;top:88px;left:0;right:0;padding:25px 7vw;background:rgba(7,16,15,.97);border-bottom:1px solid var(--line);gap:20px}
 .nav nav.open a{opacity:1}
 .menu.active i:first-child{transform:translateY(3px) rotate(45deg)}
 .menu.active i:last-child{transform:translateY(-3px) rotate(-45deg)}
 .menu i{transition:transform .25s ease}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.image-grid img,.vision-image-row img,.mobility-feature img,.hero-art img{transition:none}.marquee div{animation:none}}