:root{--bg:#111310;--panel:#1a1d18;--text:#f3f4ed;--muted:#abb1a4;--green:#b1f268;--ink:#17220e;--line:#343a30;--light:#e9ecdf;--serif:'Bricolage Grotesque',sans-serif;--sans:'Instrument Sans',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.55 var(--sans)}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--green);outline-offset:6px}img,video{display:block;max-width:100%}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--serif);font-weight:500;letter-spacing:-.045em}em{font-style:normal}
.topbar{position:absolute;z-index:20;top:32px;left:32px;right:32px;display:flex;align-items:center;justify-content:space-between;gap:20px}.wordmark{font:600 23px var(--serif);letter-spacing:-.05em}.wordmark span{color:var(--green)}.topbar-link{position:fixed;z-index:21;top:32px;right:32px;display:inline-flex;align-items:center;gap:18px;background:var(--text);color:var(--ink);padding:15px 20px;border-radius:999px;font-size:16px;transition:transform .25s,background .25s,opacity .3s}.topbar-link.is-hidden{opacity:0;transform:translateY(-18px);pointer-events:none}.topbar-link span{font-size:22px;line-height:1}.topbar-link:hover{transform:translateY(-2px);background:#fff}
.intro{min-height:780px;min-height:92svh;position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:170px 32px 140px;text-align:center;border-radius:0 0 36px 36px}.hero-wall{position:absolute;inset:0;z-index:-2;background:var(--panel)}.hero-wall video{width:100%;height:100%;object-fit:cover;opacity:.7;transition:opacity .32s}.hero-wall-vignette{position:absolute;inset:0;background:radial-gradient(ellipse at 78% 62%,#b1f2682b,transparent 48%),linear-gradient(180deg,#1113109e 0%,#1113105c 42%,#111310f0 100%)}.intro-ghost,.signal,.hero-wall-label,.intro-kicker span:last-child,.section-aside{display:none}.intro-kicker{font-size:14px;color:#e9ecdf;letter-spacing:.06em;margin-bottom:30px}.intro-grid{max-width:1050px;width:100%}.intro h1{font-size:88px;line-height:1.04;margin:0 0 26px;letter-spacing:-.045em}.intro h1 em{color:var(--green)}.intro-note{max-width:530px;margin:auto}.intro-note p{font-size:19px;line-height:1.6;color:#e1e5db;margin-bottom:30px;text-wrap:pretty}.scroll-link{display:inline-flex;align-items:center;gap:30px;background:var(--green);color:var(--ink);padding:16px 24px;border-radius:999px;font-weight:600}.scroll-link span{font-size:22px}.hero-marquee{position:absolute;bottom:32px;left:32px;right:32px;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:28px;color:#d9ded2;font-size:13px;letter-spacing:.08em}.hero-marquee i{font-style:normal;color:var(--green)}
.feature,.work-section{width:min(1280px,calc(100% - 64px));margin:96px auto}.feature{padding:56px 72px;background:var(--light);color:var(--ink);border-radius:32px;display:grid;grid-template-columns:minmax(0,380px) minmax(0,1fr);gap:80px;align-items:center}.feature-media{position:relative;aspect-ratio:9/16;overflow:hidden;border-radius:22px;background:var(--ink)}.feature-media img{width:100%;height:100%;object-fit:cover}.play-button{position:absolute;bottom:20px;left:20px;display:flex;align-items:center;gap:12px;border:0;padding:14px 20px;background:var(--green);color:var(--ink);border-radius:999px}.play-button b{font-weight:600}.media-stamp{position:absolute;right:18px;top:18px;font-size:12px;color:var(--text);padding:8px 12px;background:#111310b8;border-radius:12px}.media-stamp strong{display:block;font-size:23px}.eyebrow{font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:24px}.feature .eyebrow{color:#58634e}.feature-copy h2{font-size:68px;line-height:1.04;margin-bottom:24px}.feature-copy h2 span{color:#56624a}.feature-copy>p:not(.eyebrow){font-size:20px;color:#4e5a44;max-width:420px;margin-bottom:40px}.feature-detail{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #17220e25;padding:16px 0;font-size:15px}.feature-detail strong{font-weight:500;text-align:right}
.section-head{margin-bottom:36px}.section-head h2{font-size:60px;line-height:1.08;margin:0}.section-head h2 span{color:var(--muted)}.filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:32px}.filter{border:1px solid var(--line);background:transparent;padding:12px 18px;border-radius:999px;font-size:15px}.filter span{margin-left:8px;font-size:13px;opacity:.75}.filter.is-active{background:var(--text);color:var(--ink);border-color:var(--text)}.work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px 24px}.work-card{min-width:0}.work-card.is-hidden{display:none}.card-media{position:relative;width:100%;aspect-ratio:9/16;display:block;overflow:hidden;padding:0;border:0;border-radius:22px;background:var(--panel)}.card-media img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.card-play{position:absolute;bottom:18px;left:18px;width:48px;height:48px;display:grid;place-items:center;line-height:1;background:var(--green);color:var(--ink);border-radius:50%;font-size:15px}.card-index{position:absolute;top:16px;right:16px;padding:4px 10px;background:#111310c4;border-radius:999px;font-size:14px}.card-info{position:relative;padding:18px 28px 0 0}.card-info h3{font-size:25px;line-height:1.2;margin:0 0 6px}.card-info p{font-size:15px;color:var(--muted);margin:0}.card-arrow{position:absolute;right:0;top:18px;font-size:24px;color:var(--muted)}
.closing{width:min(1280px,calc(100% - 64px));margin:120px auto 48px;padding:64px;border:1px solid var(--line);border-radius:32px;background:var(--panel);display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:64px;align-items:center}.closing-mark{display:none}.closing h2{font-size:56px;line-height:1.1;margin-bottom:24px}.closing h2 em{color:var(--green)}.closing-lead{color:var(--muted);font-size:18px;margin-bottom:30px}.closing-actions{display:flex;gap:12px;flex-wrap:wrap}.closing-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;background:var(--green);color:var(--ink);border:1px solid var(--green);border-radius:14px;font-size:16px;overflow-wrap:anywhere}.closing-cta--outline{background:transparent;color:var(--text);border-color:var(--line)}.closing-side{border-left:1px solid var(--line);padding-left:36px}.closing-side-label{font-size:14px;color:var(--muted)}.closing-side ol{list-style:none;padding:0;margin:0}.closing-side li{display:grid;grid-template-columns:32px 1fr;padding:18px 0;column-gap:10px;border-top:1px solid var(--line)}.closing-side li span{grid-row:span 2;color:var(--green);font-size:14px}.closing-side strong{font-size:22px;font-weight:500}.closing-side small{font-size:15px;color:var(--muted)}.footer{width:min(1280px,calc(100% - 64px));margin:0 auto;padding:30px 0 40px;display:flex;justify-content:space-between;gap:24px;align-items:center;flex-wrap:wrap}.footer-links{display:flex;gap:24px;font-size:15px}.footer small{color:var(--muted);font-size:14px}
.viewer{padding:0;border:0;background:transparent;overflow:visible;width:min(440px,calc((100dvh - 110px)*.5625),calc(100vw - 48px));max-height:none;color:var(--text)}.viewer::backdrop{background:#080a08de;backdrop-filter:blur(12px)}.viewer-inner{padding:0}.viewer video{width:100%;aspect-ratio:9/16;object-fit:contain;background:#000;border-radius:20px}.viewer-inner p{position:static;font-size:17px;margin:12px 0 0;text-align:center}.viewer-close{position:absolute;right:-14px;top:-14px;width:44px;height:44px;border:1px solid var(--line);border-radius:50%;background:var(--text);color:var(--ink);font-size:28px;z-index:2}
@media(hover:hover){.card-media:hover img{transform:scale(1.025)}.scroll-link:hover,.play-button:hover,.closing-cta:hover{background:#c6ff8c}.closing-cta--outline:hover{background:#272e22}.filter:hover{border-color:var(--green)}}
@media(max-width:1000px){.intro h1{font-size:72px}.feature{gap:40px;padding:40px}.feature-copy h2{font-size:52px}.closing{padding:40px;gap:32px}.closing h2{font-size:44px}.work-grid{gap:34px 18px}}
@media(max-width:760px){.topbar{top:22px;left:20px;right:20px}.wordmark{font-size:20px}.topbar-link{top:22px;right:20px;font-size:14px;padding:11px 14px;gap:10px}.topbar-link span{font-size:19px}.intro{min-height:740px;padding:140px 24px 130px;border-radius:0 0 24px 24px}.intro h1{font-size:58px;line-height:1.08}.intro-note p{font-size:17px}.hero-marquee{gap:12px 20px;font-size:11px;bottom:28px}.hero-marquee i{display:none}.feature,.work-section,.closing,.footer{width:calc(100% - 32px)}.feature{margin:48px auto;padding:24px;gap:32px;grid-template-columns:1fr}.feature-media{width:min(100%,330px);margin:auto}.feature-copy h2{font-size:48px}.feature-copy>p:not(.eyebrow){font-size:18px}.work-section{margin:72px auto}.section-head h2{font-size:42px}.work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 12px}.card-media{border-radius:16px}.card-info h3{font-size:20px}.card-info p{font-size:14px}.card-play{width:40px;height:40px;left:12px;bottom:12px}.filters{gap:8px}.filter{font-size:14px;padding:10px 14px}.closing{grid-template-columns:1fr;padding:28px;margin-top:72px;gap:36px}.closing h2{font-size:42px}.closing-side{padding-left:0;border-left:0}.closing-actions{flex-direction:column;align-items:stretch}.footer{align-items:flex-start;flex-direction:column}.footer-links{flex-wrap:wrap}}
@media(max-width:380px){.topbar .wordmark{font-size:17px}.topbar-link{font-size:13px}.topbar-link span{display:none}.intro h1{font-size:48px}.section-head h2,.closing h2{font-size:36px}.feature-detail{font-size:14px}.card-info h3{font-size:18px}.closing{padding:22px}.closing-cta{font-size:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}