@font-face{font-family:Lato;src:url(assets/lato-400.ttf) format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Lato;src:url(assets/lato-900.ttf) format('truetype');font-weight:900;font-display:swap}
@font-face{font-family:Montserrat;src:url(assets/montserrat-400.ttf) format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Montserrat;src:url(assets/montserrat-600.ttf) format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:Montserrat;src:url(assets/montserrat-700.ttf) format('truetype');font-weight:700;font-display:swap}
:root{--bg:#080b09;--fg:#f6f7f3;--green:#86dc7f;--violet:#ac83c7;--muted:#c1c8c2;--line:#ffffff32}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.45 Montserrat,"Century Gothic",Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}
.skip{position:fixed;top:-80px;left:20px;z-index:50;background:var(--green);color:#09100b;padding:10px 14px}.skip:focus{top:14px}
.experience{height:760svh;position:relative}.sticky{position:sticky;top:0;height:100svh;min-height:620px;overflow:hidden;background:var(--bg)}
.media,.frame,.frame img,.shade,.grain{position:absolute;inset:0}.frame{margin:0;opacity:0;will-change:opacity,transform,clip-path}.frame img{width:100%;height:100%;object-fit:cover;will-change:transform}.frame-team img{object-position:center 45%}
.shade{z-index:6;pointer-events:none;background:linear-gradient(90deg,#060907e8 0%,#060907a6 32%,#06090718 70%),linear-gradient(180deg,#05080655 0%,transparent 30%,transparent 65%,#050806c2 100%)}
.grain{z-index:7;opacity:.09;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.88' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.38'/%3E%3C/svg%3E");mix-blend-mode:soft-light}
.scene{position:absolute;z-index:10;inset:0;padding:12vh 5% 18vh;display:flex;flex-direction:column;justify-content:center;opacity:0;pointer-events:none;will-change:opacity,transform}.eyebrow{margin:0 0 25px;font-size:11px;letter-spacing:2.2px;text-transform:uppercase}.eyebrow span{display:inline-block;width:38px;color:var(--green)}
h1,h2{margin:0;max-width:1250px;font-size:clamp(58px,8.3vw,138px);font-weight:900;line-height:.84;letter-spacing:-.065em}h1 em,h2 em{color:transparent;-webkit-text-stroke:1.5px var(--fg);font-style:normal}.copy{margin:30px 0 0 3px;max-width:620px;color:var(--muted);font-size:clamp(14px,1.2vw,18px);line-height:1.6}
.scene-1{align-items:flex-end;text-align:right}.scene-1 .copy{max-width:650px}.scene-2{justify-content:flex-end;padding-bottom:18vh}.scene-2 h2{font-size:clamp(52px,7.1vw,118px)}.scene-3{align-items:flex-end;text-align:right}.scene-3 h2{font-size:clamp(46px,6.4vw,106px)}.scene-3 .copy{max-width:720px}
.scene-4{background:#070a08;align-items:center;text-align:center;padding-bottom:15vh}.scene-4 h2{font-size:clamp(44px,6.5vw,104px)}.scene-4 h2 em{color:var(--green);-webkit-text-stroke:0}.finale{margin-top:42px;display:flex;flex-direction:column;align-items:center}.finale img{width:min(240px,40vw);height:auto}.finale p{margin:14px 0 26px;color:#aeb8b0;font-size:11px;letter-spacing:1.8px;text-transform:uppercase}.finale a{pointer-events:auto;padding:11px 0;border-bottom:1px solid #aeb8b0;font-size:13px}.finale a span{margin-left:38px;color:var(--green)}
.chapters{position:absolute;z-index:20;left:5%;right:5%;bottom:43px;display:grid;grid-template-columns:repeat(5,1fr);gap:18px}.chapters a{padding:8px 0 14px;color:#89958c;font-size:10px;letter-spacing:.5px}.chapters b{display:block;margin-bottom:3px;font-weight:400}.chapters a[aria-current]{color:#fff}.chapters a[aria-current] b{color:var(--green)}.rail{position:absolute;bottom:0;left:0;right:0;height:1px;background:var(--line)}.rail i{display:block;width:0;height:2px;background:linear-gradient(90deg,var(--green),var(--violet))}.motion{position:absolute;z-index:21;left:5%;bottom:10px;border:0;padding:0;background:none;color:#89958c;font:10px Montserrat,"Century Gothic",Arial,sans-serif;cursor:pointer}.motion:before{content:'◉';margin-right:8px;color:var(--green)}
.milestones{position:absolute;inset:0;pointer-events:none}.milestones i{position:absolute;left:0;width:1px;height:1px}.milestones i:nth-child(1){top:0}.milestones i:nth-child(2){top:19%}.milestones i:nth-child(3){top:40%}.milestones i:nth-child(4){top:61%}.milestones i:nth-child(5){top:82%}.static-mode .experience{height:100svh}.static-mode .milestones{display:none}.static-mode .frame,.static-mode .scene{transition:opacity .35s ease}
@media(max-width:800px){.sticky{min-height:640px}.experience{height:700svh}.scene{padding:10vh 6% 20vh;justify-content:center}.shade{background:linear-gradient(180deg,#0508068a 0%,transparent 35%,transparent 55%,#050806d5 100%)}h1,h2,.scene-2 h2,.scene-3 h2{font-size:clamp(43px,13.5vw,76px);line-height:.88;letter-spacing:-.058em}.scene-4 h2{font-size:clamp(35px,9.8vw,56px);line-height:.92;letter-spacing:-.052em}h1 em,h2 em{-webkit-text-stroke:1px var(--fg)}.scene-1,.scene-3{align-items:flex-start;text-align:left}.scene-2{justify-content:center;padding-bottom:20vh}.copy{margin-top:24px;font-size:13px}.copy br{display:block}.frame-moment img{object-position:62% center}.frame-team img{object-position:57% center}.frame-tech img{object-position:58% center}.chapters{left:6%;right:6%;gap:3px;bottom:42px}.chapters a{text-align:center;font-size:8px}.chapters a span{display:none}.chapters b{font-size:9px}.motion{left:6%;font-size:9px}.finale{margin-top:34px}.finale img{width:min(210px,52vw)}.finale p{font-size:9px;letter-spacing:1.1px}.static-mode .experience{height:max(100svh,640px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.site-header{position:absolute;z-index:40;top:0;left:0;right:0;padding:22px 5%;display:flex;align-items:flex-start;justify-content:space-between;pointer-events:none}.site-logo,.menu-toggle{pointer-events:auto}.site-logo img{display:block;width:190px;height:auto}.menu-toggle{display:flex;align-items:center;gap:8px;border:1px solid #ffffff38;border-radius:100px;background:#080b0990;backdrop-filter:blur(12px);color:var(--fg);padding:11px 16px;font:10px Montserrat,"Century Gothic",Arial,sans-serif;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer}.menu-toggle i{display:block;width:15px;height:1px;background:var(--fg);transition:transform .3s ease,opacity .3s ease}.menu-toggle i+ i{margin-left:-23px;transform:translateY(4px)}.menu-open .menu-toggle i{transform:translateY(2px) rotate(45deg)}.menu-open .menu-toggle i+ i{transform:translateY(2px) rotate(-45deg)}
.menu-panel{position:absolute;z-index:35;inset:0;display:flex;align-items:center;justify-content:center;padding:12vh 8%;background:#070a08f5;backdrop-filter:blur(16px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .35s ease,visibility .35s ease}.menu-open .menu-panel{opacity:1;visibility:visible;pointer-events:auto}.menu-links{width:min(880px,100%);display:flex;flex-direction:column}.menu-links a{display:grid;grid-template-columns:50px 1fr auto;align-items:center;padding:13px 0;border-bottom:1px solid #ffffff24;font-size:clamp(30px,5.3vw,72px);font-weight:900;line-height:1;letter-spacing:-.04em}.menu-links a span{color:var(--green);font-size:10px;font-weight:400;letter-spacing:1px}.menu-links a i{font-size:18px;font-style:normal;font-weight:400;color:var(--green);transition:transform .2s ease}.menu-links a:hover i{transform:translate(4px,-4px)}
.copy{font-size:clamp(17px,1.45vw,22px);font-weight:400;color:#e1e6e2}.scene-cta{display:inline-flex;width:max-content;gap:45px;align-items:center;margin-top:20px;padding:10px 0;border-bottom:1px solid #b8c2ba;color:#fff;font-size:13px;pointer-events:auto}.scene-cta span{color:var(--green)}.scene-1 .scene-cta,.scene-3 .scene-cta{align-self:flex-end}.finale{margin-top:20px}.finale p{margin:0 0 18px;font-size:clamp(15px,1.35vw,20px);letter-spacing:0;text-transform:none;color:#dce2dd}.finale a{font-size:13px}
@media(max-width:800px){.site-header{padding:16px 6%}.site-logo img{width:145px}.menu-toggle{padding:9px 13px}.menu-toggle span{font-size:9px}.menu-panel{padding:12vh 7% 18vh}.menu-links a{grid-template-columns:34px 1fr auto;padding:15px 0;font-size:clamp(30px,9vw,48px)}.menu-links a i{font-size:14px}.copy{font-size:16px;line-height:1.45}.scene-cta{margin-top:17px;font-size:12px;gap:34px}.scene-1 .scene-cta,.scene-3 .scene-cta{align-self:flex-start}.scene-4 h2{font-size:clamp(38px,10.5vw,60px)}.finale{margin-top:22px}.finale p{font-size:15px}}

/* Stronger editorial contrast and brand-aligned geometry. */
h1,h2{font-weight:700;letter-spacing:-.055em;text-shadow:0 3px 28px #000c}.scene h1 em,.scene h2 em{color:var(--green);-webkit-text-stroke:0;text-shadow:0 3px 24px #000d}.copy,.scene-cta{letter-spacing:-.01em;text-shadow:0 2px 12px #000}.menu-links a{font-weight:700}.shade{background:linear-gradient(90deg,#050806f2 0%,#050806bd 38%,#05080624 72%),linear-gradient(180deg,#05080673 0%,transparent 28%,transparent 64%,#050806d4 100%)}
.milestones i:nth-child(2){top:20%}.milestones i:nth-child(3){top:40%}.milestones i:nth-child(4){top:60%}.milestones i:nth-child(5){top:80%}
@media(max-width:800px){.shade{background:linear-gradient(180deg,#0508068f 0%,#05080642 34%,#05080666 62%,#050806dc 100%),linear-gradient(90deg,#050806ac 0%,transparent 88%)}h1,h2,.scene-2 h2,.scene-3 h2,.scene-4 h2{font-size:clamp(42px,10.5vw,62px);font-weight:700;line-height:.9;letter-spacing:-.048em}.copy{font-size:17px;font-weight:600}.scene-cta{font-weight:600}}