@font-face{font-family:"Chrone";src:url(/assets/fonts/Chrone.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Oswald";src:url(/assets/fonts/Oswald-Regular.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Oswald";src:url(/assets/fonts/Oswald-Medium.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Raleway";src:url(/assets/fonts/Raleway.woff2) format("woff2");font-weight:100 900;font-display:swap}

:root{
  --ink:#0e0e0a;--ink-2:#16160f;--ink-3:#1f1f17;
  --deep:#003333;--teal:#006666;--lime:#cccc00;--lime-2:#dede2a;--berry:#b82d7d;
  --bone:#f3f2ea;--bone-2:#e9e8dd;--paper:#fbfaf5;
  --on-dark:#f3f2ea;--dim:rgba(243,242,234,.62);--faint:rgba(243,242,234,.14);
  --text:#16160f;--muted:#5b5b50;--line:rgba(22,22,15,.12);
  --display:"Chrone",Georgia,serif;--label:"Oswald","Arial Narrow",sans-serif;--body:"Raleway",system-ui,sans-serif;
  --gut:clamp(20px,4vw,56px);--max:1360px;
  --ease:cubic-bezier(.2,.7,.1,1);
  interpolate-size:allow-keywords;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;background:var(--ink)}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--paper);color:var(--text);font-family:var(--body);font-weight:400;font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:clip}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
p{margin:0 0 1em}
h1,h2,h3,h4{margin:0;font-weight:400}
.skip{position:absolute;left:-9999px}.skip:focus{left:16px;top:16px;z-index:100;background:var(--lime);color:var(--ink);padding:10px 14px;border-radius:99px}
:focus-visible{outline:2px solid var(--lime);outline-offset:3px}
.wrap{width:100%;max-width:var(--max);margin:0 auto;padding:0 var(--gut)}
.narrow{max-width:880px}

/* type */
.h-xl{font-family:var(--display);text-transform:uppercase;font-size:clamp(44px,7.4vw,112px);line-height:.95}
.h-lg{font-family:var(--display);text-transform:uppercase;font-size:clamp(36px,5.2vw,78px);line-height:.98}
.h-md{font-family:var(--display);text-transform:uppercase;font-size:clamp(28px,3.4vw,48px);line-height:1.02}
.h-xl em,.h-lg em,.h-md em{font-style:normal;color:var(--lime)}
.paper .h-lg em,.bone .h-lg em,.paper .h-md em,.bone .h-md em{color:var(--teal)}
.label{font-family:var(--label);font-size:12.5px;letter-spacing:.22em;text-transform:uppercase;font-weight:500}
.lime{color:var(--lime)}
.lede{font-size:clamp(18px,1.45vw,21px);line-height:1.6;font-weight:400}
.dim{color:var(--dim)}.muted{color:var(--muted)}
.center{text-align:center}.center .lede{margin-left:auto;margin-right:auto}

/* buttons */
.pill{display:inline-flex;align-items:center;gap:10px;height:52px;padding:0 26px;border-radius:99px;font-family:var(--body);font-weight:600;font-size:15px;letter-spacing:.01em;text-decoration:none;border:1px solid transparent;cursor:pointer;transition:background .35s var(--ease),color .35s var(--ease),border-color .35s var(--ease),transform .35s var(--ease);white-space:nowrap}
.pill:hover{transform:translateY(-1px)}
.pill-lime{background:var(--lime);color:var(--ink)}.pill-lime:hover{background:var(--lime-2)}
.pill-bone{background:var(--bone);color:var(--ink)}.pill-bone:hover{background:#fff}
.pill-glass{background:rgba(243,242,234,.08);color:var(--on-dark);border-color:rgba(243,242,234,.22);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.pill-glass:hover{background:rgba(243,242,234,.16)}
.pill-ink{background:var(--ink);color:var(--bone)}.pill-ink:hover{background:var(--deep)}
.pill-line{border-color:var(--line);color:var(--text)}.pill-line:hover{border-color:var(--text)}
.pill .dot{width:7px;height:7px;border-radius:50%;background:currentColor;opacity:.8}
.pill-bone .dot,.pill-ink .dot{background:var(--lime);opacity:1}
.pill-sm{height:42px;padding:0 20px;font-size:14px}
.arrow-link{font-family:var(--label);font-size:13px;letter-spacing:.2em;text-transform:uppercase;text-decoration:none;display:inline-flex;gap:10px;align-items:center;border-bottom:1px solid currentColor;padding-bottom:4px}
.arrow-link span{transition:transform .35s var(--ease)}.arrow-link:hover span{transform:translateX(4px)}

/* header */
.site-head{position:fixed;inset:0 0 auto;z-index:50;color:var(--on-dark);transition:background .4s var(--ease)}
.site-head .bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:82px}
.site-head.scrolled{background:rgba(14,14,10,.72);backdrop-filter:blur(18px) saturate(1.2);-webkit-backdrop-filter:blur(18px) saturate(1.2);border-bottom:1px solid var(--faint)}
.brand{justify-self:start}
.brand img{width:150px}
.nav{display:flex;gap:34px;justify-self:center}
.nav a{font-size:14.5px;font-weight:500;text-decoration:none;color:var(--dim);transition:color .3s;position:relative}
.nav a:hover,.nav a[aria-current=page]{color:var(--on-dark)}
.nav a[aria-current=page]::after{content:"";position:absolute;left:50%;bottom:-9px;width:4px;height:4px;border-radius:50%;background:var(--lime);transform:translateX(-50%)}
.head-cta{justify-self:end;display:flex;gap:12px;align-items:center}
.menu-btn{display:none;background:none;border:1px solid rgba(243,242,234,.3);color:inherit;width:46px;height:46px;border-radius:50%;cursor:pointer;align-items:center;justify-content:center;position:relative;z-index:51}
.menu-btn svg{width:18px;height:18px}
.mobile-nav{display:none}
@media (max-width:980px){
  .site-head .bar{grid-template-columns:1fr auto;height:70px}
  .nav,.head-cta .pill{display:none}
  .menu-btn{display:inline-flex}
  .brand{position:relative;z-index:51}
  .brand img{width:128px}
  .mobile-nav{display:flex;position:fixed;inset:0;z-index:49;background:var(--ink);color:var(--on-dark);flex-direction:column;justify-content:center;padding:90px var(--gut) 40px;gap:4px;opacity:0;visibility:hidden;transition:opacity .4s var(--ease),visibility .4s}
  .mobile-nav.open{opacity:1;visibility:visible}
  .mobile-nav a{font-family:var(--display);text-transform:uppercase;font-size:clamp(34px,9vw,44px);line-height:1.2;text-decoration:none}
  .mobile-nav a[aria-current=page]{color:var(--lime)}
  .mobile-nav .pill{font-family:var(--body);text-transform:none;font-size:15px;margin-top:30px;align-self:flex-start}
}

/* hero */
.hero{position:relative;min-height:100svh;display:grid;place-items:center;color:var(--on-dark);background:var(--ink);overflow:hidden;isolation:isolate}
.hero .bg{position:absolute;inset:0;z-index:-2}
.hero .bg img{width:100%;height:100%;object-fit:cover}
.hero::after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(90% 70% at 50% 42%,rgba(14,14,10,.12),rgba(14,14,10,.72) 78%),linear-gradient(180deg,rgba(14,14,10,.55) 0%,rgba(14,14,10,0) 30%,rgba(14,14,10,.2) 62%,var(--ink) 100%)}
.hero .inner{text-align:center;padding:150px var(--gut) 160px;max-width:1240px}
.hero .kick{display:inline-flex;gap:12px;align-items:center;color:rgba(243,242,234,.78);margin-bottom:28px}
.hero .kick::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 18px var(--lime)}
.hero h1{font-family:var(--display);text-transform:uppercase;font-size:clamp(42px,7.6vw,120px);line-height:.94;letter-spacing:.005em}
.hero h1 em{font-style:normal;color:var(--lime)}
.hero .lede{max-width:620px;margin:30px auto 40px;color:rgba(243,242,234,.84)}
.hero .actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.corner{position:absolute;z-index:2;font-family:var(--label);font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--dim)}
.corner.bl{left:var(--gut);bottom:30px}.corner.br{right:var(--gut);bottom:30px;text-align:right}
.corner .live{color:var(--on-dark)}
.scroll-cue{position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:1px;height:60px;background:linear-gradient(transparent,var(--lime));z-index:2}
@media (max-width:700px){.corner.bl{display:none}.corner.br{right:auto;left:var(--gut);text-align:left}.scroll-cue{display:none}}

/* page hero */
.page-hero{position:relative;min-height:82svh;display:grid;align-items:end;color:var(--on-dark);background:var(--ink);overflow:hidden;isolation:isolate}
.page-hero .bg{position:absolute;inset:0;z-index:-2}.page-hero .bg img{width:100%;height:100%;object-fit:cover}
.page-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(14,14,10,.62) 0%,rgba(14,14,10,.25) 38%,rgba(14,14,10,.9) 100%)}
.page-hero .inner{padding:170px var(--gut) 76px;max-width:var(--max);margin:0 auto;width:100%}
.page-hero h1{font-family:var(--display);text-transform:uppercase;font-size:clamp(42px,7vw,104px);line-height:.95;max-width:15ch;margin-top:22px}
.page-hero h1 em{font-style:normal;color:var(--lime)}
.page-hero .row{display:flex;justify-content:space-between;align-items:end;gap:30px 60px;flex-wrap:wrap;margin-top:36px;padding-top:30px;border-top:1px solid var(--faint)}
.page-hero .lede{max-width:600px;color:rgba(243,242,234,.84);margin:0}

/* chips */
.chip{position:absolute;display:inline-flex;align-items:center;gap:10px;padding:11px 18px 11px 12px;border-radius:99px;background:rgba(14,14,10,.55);border:1px solid rgba(243,242,234,.16);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:var(--on-dark);font-size:14px;font-weight:500;white-space:nowrap;box-shadow:0 20px 40px -20px rgba(0,0,0,.6)}
.chip i{width:22px;height:22px;border-radius:50%;border:1px solid var(--lime);display:grid;place-items:center;color:var(--lime);font-style:normal;font-size:11px}
@media (prefers-reduced-motion:no-preference){.chip{animation:float 7s ease-in-out infinite}.chip.c2{animation-delay:-2.3s}.chip.c3{animation-delay:-4.6s}}
@keyframes float{50%{transform:translateY(-10px)}}

/* sections */
section{position:relative}
.sec{padding:clamp(90px,11vw,170px) 0}
.sec-sm{padding:clamp(70px,8vw,120px) 0}
.ink{background:var(--ink);color:var(--on-dark)}
.ink .muted{color:var(--dim)}
.bone{background:var(--bone)}
.paper{background:var(--paper)}
.head-row{display:flex;justify-content:space-between;align-items:end;gap:30px;padding-bottom:30px;border-bottom:1px solid var(--line)}
.ink .head-row{border-color:var(--faint)}
.head-row .h-lg,.head-row .h-md{max-width:16ch}
.count{font-family:var(--label);font-size:13px;letter-spacing:.2em;color:var(--muted);flex:none}
.ink .count{color:var(--dim)}
.kicker{display:block;color:var(--teal);margin-bottom:20px}
.ink .kicker{color:var(--lime)}

/* statement */
.statement{text-align:center}
.statement .h-lg{max-width:16ch;margin:0 auto}
.statement .lede{max-width:620px;margin:30px auto 0}
.stage{position:relative;margin:clamp(60px,8vw,110px) auto 0;max-width:1300px;padding:0 var(--gut)}
.stage .frame{border-radius:28px;overflow:hidden;aspect-ratio:16/8;background:var(--ink-2)}
.stage .frame img{width:100%;height:100%;object-fit:cover}
.stage .chip.c1{left:4%;top:16%}.stage .chip.c2{right:5%;top:42%}.stage .chip.c3{left:28%;bottom:10%}
@media (max-width:700px){.stage .frame{aspect-ratio:4/5}.stage .chip{font-size:12.5px}.stage .chip.c1{left:7%;top:8%}.stage .chip.c2{right:7%;top:44%}.stage .chip.c3{left:9%;bottom:8%}}

/* numbered list */
.nlist{list-style:none;margin:0;padding:0}
.nlist li{display:grid;grid-template-columns:70px minmax(0,1fr) minmax(0,1.1fr);gap:30px;padding:32px 0;border-bottom:1px solid var(--line);align-items:baseline;transition:padding .45s var(--ease)}
.ink .nlist li{border-color:var(--faint)}
.nlist .n{font-family:var(--label);font-size:13px;letter-spacing:.14em;color:var(--muted)}
.ink .nlist .n{color:var(--dim)}
.nlist h3{font-family:var(--display);text-transform:uppercase;font-size:clamp(22px,2.3vw,32px);line-height:1.05;transition:color .35s}
.nlist p{margin:0;color:var(--muted);max-width:540px}
.ink .nlist p{color:var(--dim)}
.nlist p strong{display:block;color:var(--text);font-weight:600;margin-bottom:4px}
.ink .nlist p strong{color:var(--on-dark)}
@media (hover:hover){.nlist li:hover{padding-left:14px}.nlist li:hover h3{color:var(--teal)}.ink .nlist li:hover h3{color:var(--lime)}}
@media (max-width:760px){.nlist li{grid-template-columns:40px 1fr;gap:10px 14px;padding:26px 0}.nlist li p{grid-column:2}}

/* stages (solutions) */
.stages{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:56px}
.stage-card{position:relative;border-radius:22px;overflow:hidden;min-height:580px;color:var(--on-dark);display:flex;flex-direction:column;justify-content:flex-end;padding:28px;isolation:isolate;text-decoration:none}
.stage-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform 1.2s var(--ease)}
.stage-card::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(14,14,10,.3) 0%,rgba(14,14,10,.1) 30%,rgba(14,14,10,.94) 100%)}
.stage-card .top{position:absolute;top:24px;left:28px;right:28px;display:flex;justify-content:space-between;color:rgba(243,242,234,.85)}
.stage-card h3{font-family:var(--display);text-transform:uppercase;font-size:clamp(34px,3vw,46px);line-height:1}
.stage-card .tag{color:var(--lime);margin:10px 0 14px}
.stage-card p{color:rgba(243,242,234,.8);font-size:15.5px;line-height:1.55;margin:0}
.stage-card ul{list-style:none;padding:0;margin:0;max-height:0;opacity:0;overflow:hidden;transition:max-height .6s var(--ease),opacity .5s var(--ease),margin .6s var(--ease)}
.stage-card li{font-size:14.5px;padding:9px 0;border-top:1px solid rgba(243,242,234,.16);color:rgba(243,242,234,.9)}
@media (hover:hover){.stage-card:hover img{transform:scale(1.06)}.stage-card:hover ul,.stage-card:focus-within ul{max-height:260px;opacity:1;margin-top:18px}}
@media (hover:none){.stage-card ul{max-height:none;opacity:1;margin-top:18px}}
@media (max-width:1100px){.stages{grid-template-columns:repeat(2,1fr)}.stage-card{min-height:520px}}
@media (max-width:640px){.stages{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin-left:calc(var(--gut)*-1);margin-right:calc(var(--gut)*-1);padding:0 var(--gut);scrollbar-width:none}.stages::-webkit-scrollbar{display:none}.stage-card{flex:0 0 84%;scroll-snap-align:center;min-height:540px}}

/* marquee */
.marquee{overflow:hidden;border-top:1px solid var(--faint);border-bottom:1px solid var(--faint);background:var(--ink);color:var(--on-dark);padding:28px 0;display:flex}
.marquee .track{display:flex;flex:none;animation:marq 50s linear infinite}
.marquee span{font-family:var(--display);text-transform:uppercase;font-size:clamp(22px,2.4vw,34px);white-space:nowrap;padding-left:52px;display:inline-flex;align-items:center;gap:52px}
.marquee span::after{content:"";width:9px;height:9px;border-radius:50%;background:var(--lime);display:inline-block}
.marquee span:nth-child(even){color:transparent;-webkit-text-stroke:1px rgba(243,242,234,.6)}
@keyframes marq{to{transform:translateX(-100%)}}
@media (prefers-reduced-motion:reduce){.marquee .track{animation:none}}

/* founder */
.founder{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(40px,7vw,110px);align-items:center}
.founder .photo{border-radius:24px;overflow:hidden;aspect-ratio:4/5}
.founder .photo img{width:100%;height:100%;object-fit:cover}
.founder .h-lg{margin-bottom:26px;max-width:13ch}
.creds{list-style:none;padding:0;margin:34px 0 38px;border-top:1px solid var(--line)}
.creds li{display:flex;gap:18px;padding:16px 0;border-bottom:1px solid var(--line);font-weight:500}
.creds li::before{content:"";flex:none;width:7px;height:7px;border-radius:50%;background:var(--lime);margin-top:.62em;box-shadow:0 0 0 4px rgba(204,204,0,.18)}
@media (max-width:900px){.founder{grid-template-columns:1fr}}

/* cinematic band */
.cine{position:relative;min-height:100svh;display:grid;align-items:center;color:var(--on-dark);overflow:hidden;isolation:isolate;background:var(--ink)}
.cine .bg{position:absolute;inset:0;z-index:-2}.cine .bg img{width:100%;height:100%;object-fit:cover}
.cine::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(14,14,10,.9) 0%,rgba(14,14,10,.6) 45%,rgba(14,14,10,.2) 100%)}
.cine .inner{max-width:var(--max);margin:0 auto;width:100%;padding:140px var(--gut)}
.cine .h-xl{max-width:11ch}
.cine .lede{max-width:520px;margin:28px 0 34px;color:rgba(243,242,234,.84)}
.cine .tags{display:flex;gap:14px 34px;flex-wrap:wrap;margin-top:46px;color:var(--dim)}
.inline-form{display:flex;gap:8px;max-width:580px;padding:7px;border-radius:99px;background:rgba(243,242,234,.08);border:1px solid rgba(243,242,234,.22);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.inline-form input:not([type=hidden]){flex:1;min-width:0;background:transparent;border:0;color:var(--on-dark);font:inherit;font-size:16px;padding:0 18px}
.inline-form input::placeholder{color:var(--dim)}
.inline-form input:focus{outline:none}
.inline-form:focus-within{border-color:var(--lime)}
.inline-form .pill{height:46px}
.inline-form .name{max-width:170px;border-right:1px solid rgba(243,242,234,.18)!important}
@media (max-width:620px){.inline-form{flex-direction:column;border-radius:22px;padding:10px}.inline-form input:not([type=hidden]){height:50px}.inline-form .name{max-width:none;border-right:0!important;border-bottom:1px solid rgba(243,242,234,.18)!important}.inline-form .pill{justify-content:center}}

/* posts */
.posts{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:54px}
.post{text-decoration:none;display:block;color:inherit}
.post .img{border-radius:18px;overflow:hidden;aspect-ratio:4/3;background:var(--bone-2)}
.post img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}
.post:hover img{transform:scale(1.05)}
.post .meta{display:flex;justify-content:space-between;margin:22px 0 12px;color:var(--muted)}
.post h3{font-family:var(--display);text-transform:uppercase;font-size:clamp(21px,1.8vw,26px);line-height:1.1;margin-bottom:12px;transition:color .3s}
.post:hover h3{color:var(--teal)}
.ink .post:hover h3{color:var(--lime)}
.post p{color:var(--muted);font-size:15.5px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:0}
.ink .post p,.ink .post .meta{color:var(--dim)}
@media (max-width:900px){.posts{grid-template-columns:1fr;gap:48px}}
.posts.two{grid-template-columns:repeat(2,1fr)}@media (max-width:900px){.posts.two{grid-template-columns:1fr}}

/* white paper */
.wp{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(40px,7vw,110px);align-items:center}
.wp .cover{perspective:1400px}
.wp .cover img{border-radius:6px;box-shadow:0 60px 90px -40px rgba(14,14,10,.55),0 0 0 1px rgba(14,14,10,.06);transform:rotateY(-12deg) rotateX(4deg);transition:transform 1s var(--ease);max-width:420px;margin:0 auto}
.wp .cover:hover img{transform:none}
.wp .lede{margin:24px 0 34px}
@media (max-width:900px){.wp{grid-template-columns:1fr}.wp .cover img{max-width:300px}}

/* forms */
.form{display:grid;gap:16px}
.form .row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media (max-width:600px){.form .row{grid-template-columns:1fr}}
.form label{display:block;font-family:var(--label);font-size:12px;letter-spacing:.2em;text-transform:uppercase;margin-bottom:8px;color:var(--muted)}
.form input,.form select,.form textarea{width:100%;font:inherit;font-size:16px;padding:0 18px;height:54px;border-radius:14px;border:1px solid var(--line);background:#fff;color:var(--text);transition:border-color .3s,box-shadow .3s}
.form textarea{padding:16px 18px;height:auto;min-height:150px;resize:vertical}
.form input:focus,.form select:focus,.form textarea:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px rgba(0,102,102,.14)}
.glass .form label,.ink .form label{color:var(--dim)}
.glass .form input,.glass .form select,.glass .form textarea,.ink .form input,.ink .form select,.ink .form textarea{background:rgba(243,242,234,.06);border-color:rgba(243,242,234,.2);color:var(--on-dark)}
.glass .form input:focus,.glass .form select:focus,.glass .form textarea:focus,.ink .form input:focus,.ink .form textarea:focus{border-color:var(--lime);box-shadow:0 0 0 3px rgba(204,204,0,.16)}
.form select option{color:#111}
.form .check{display:flex;gap:12px;align-items:center;font-family:var(--body);text-transform:none;letter-spacing:0;font-size:15.5px;color:inherit}
.form .check input{width:18px;height:18px;accent-color:var(--teal)}
.form .pill{justify-self:start}
.form-note{font-size:13.5px;margin:0;color:var(--muted)}
.glass .form-note,.ink .form-note,.cine .form-note{color:var(--dim)}
.hp{position:absolute!important;left:-5000px}
.form-done{display:none;padding:26px;border-radius:18px;background:rgba(204,204,0,.1);border:1px solid rgba(204,204,0,.45)}
.form-done h3{font-family:var(--display);text-transform:uppercase;font-size:24px;margin-bottom:8px}
.form-done p{margin:0}
.form.sent,.inline-form.sent{display:none}.form.sent+.form-done,.inline-form.sent+.form-done{display:block}
.glass{background:rgba(14,14,10,.55);border:1px solid rgba(243,242,234,.14);border-radius:26px;padding:clamp(26px,3vw,40px);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);color:var(--on-dark)}
.glass h3{font-family:var(--display);text-transform:uppercase;font-size:28px;margin-bottom:8px}
.glass > p{color:var(--dim);margin-bottom:24px}
.card-light{background:#fff;border:1px solid var(--line);border-radius:26px;padding:clamp(26px,3vw,40px)}
.card-light h3{font-family:var(--display);text-transform:uppercase;font-size:28px;margin-bottom:8px}

/* faq */
.faq{margin-top:10px}
.faq-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:30px;padding:36px 0;border-bottom:1px solid var(--line)}
.faq-grid:last-child{border-bottom:0}
.faq-grid > .label{color:var(--muted);padding-top:22px}
details{border-bottom:1px solid var(--line)}
details:last-child{border-bottom:0}
summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:24px;align-items:center;padding:20px 0;font-size:clamp(17px,1.4vw,20px);font-weight:500}
summary::-webkit-details-marker{display:none}
summary .pm{flex:none;width:30px;height:30px;border-radius:50%;border:1px solid var(--line);position:relative;transition:background .3s,border-color .3s}
summary .pm::before,summary .pm::after{content:"";position:absolute;left:50%;top:50%;width:11px;height:1.5px;background:currentColor;transform:translate(-50%,-50%)}
summary .pm::after{transform:translate(-50%,-50%) rotate(90deg);transition:transform .45s var(--ease)}
summary:hover .pm{border-color:var(--text)}
details[open] summary .pm{background:var(--lime);border-color:var(--lime)}
details[open] summary .pm::after{transform:translate(-50%,-50%) rotate(0)}
details .ans{padding:0 60px 24px 0;color:var(--muted);max-width:640px}
details .ans p:last-child{margin:0}
details::details-content{block-size:0;overflow:hidden;transition:block-size .5s var(--ease),content-visibility .5s allow-discrete}
details[open]::details-content{block-size:auto}
@media (prefers-reduced-motion:reduce){details::details-content{transition:none}}
@media (max-width:760px){.faq-grid{grid-template-columns:1fr;gap:0}.faq-grid > .label{padding-top:0}details .ans{padding-right:0}}

/* finale */
.finale{position:relative;min-height:92svh;display:grid;place-items:center;text-align:center;color:var(--on-dark);overflow:hidden;isolation:isolate;background:var(--ink)}
.finale .bg{position:absolute;inset:0;z-index:-2}.finale .bg img{width:100%;height:100%;object-fit:cover}
.finale::after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(70% 60% at 50% 50%,rgba(14,14,10,.35),rgba(14,14,10,.86))}
.finale .inner{padding:140px var(--gut);max-width:1100px}
.finale .h-xl{max-width:14ch;margin:0 auto}
.finale .lede{max-width:560px;margin:28px auto 40px;color:rgba(243,242,234,.84)}
.finale .actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}

/* split content */
.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,7vw,110px);align-items:center}
.split .photo{border-radius:24px;overflow:hidden}
.split .photo img{width:100%;height:100%;object-fit:cover;aspect-ratio:4/5}
@media (max-width:900px){.split{grid-template-columns:1fr}}
.prose .h-lg,.prose .h-md{margin-bottom:26px}
.prose p{color:var(--muted)}
.prose p.lede{color:var(--text)}
.ink .prose p{color:var(--dim)}
.ink .prose p.lede{color:var(--on-dark)}

/* service rows */
.svc{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(40px,6vw,100px);align-items:center;padding:clamp(60px,7vw,100px) 0;border-top:1px solid var(--line)}
.svc:nth-child(even) .photo{order:2}
.svc .photo{border-radius:24px;overflow:hidden;aspect-ratio:5/4}
.svc .photo img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}
.svc:hover .photo img{transform:scale(1.04)}
.svc .top{display:flex;gap:18px;align-items:center;color:var(--muted);margin-bottom:18px}
.svc .top .label:first-child{color:var(--teal)}
.svc .h-lg{margin-bottom:20px}
.svc p{color:var(--muted)}
.svc ul{list-style:none;padding:0;margin:28px 0;border-top:1px solid var(--line)}
.svc li{padding:13px 0;border-bottom:1px solid var(--line);display:flex;gap:14px;font-weight:500}
.svc li::before{content:"";flex:none;width:6px;height:6px;border-radius:50%;background:var(--lime);margin-top:.72em}
.svc .why{font-family:var(--display);text-transform:uppercase;font-size:18px;line-height:1.25;color:var(--teal);margin:0}
@media (max-width:900px){.svc{grid-template-columns:1fr}.svc:nth-child(even) .photo{order:0}}

/* beacon page */
.beacon-hero{position:relative;min-height:100svh;color:var(--on-dark);background:var(--ink);overflow:hidden;isolation:isolate;display:grid;align-items:center}
.beacon-hero .bg{position:absolute;inset:0;z-index:-2}.beacon-hero .bg img{width:100%;height:100%;object-fit:cover}
.beacon-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(100deg,rgba(14,14,10,.95) 0%,rgba(14,14,10,.72) 50%,rgba(14,14,10,.4) 100%)}
.beacon-hero .inner{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(40px,6vw,90px);align-items:center;padding:150px var(--gut) 90px;max-width:var(--max);margin:0 auto;width:100%}
.beacon-hero h1{font-family:var(--display);text-transform:uppercase;font-size:clamp(42px,6vw,92px);line-height:.95;margin:22px 0 26px}
.beacon-hero h1 em{font-style:normal;color:var(--lime)}
.beacon-hero .lede{color:rgba(243,242,234,.84);max-width:560px}
.byline{display:flex;gap:16px;align-items:center;margin-top:36px}
.byline img{width:58px;height:58px;border-radius:50%;object-fit:cover;border:1px solid rgba(204,204,0,.6)}
.byline strong{display:block;font-weight:600}
.byline span{font-size:14.5px;color:var(--dim)}
@media (max-width:980px){.beacon-hero .inner{grid-template-columns:1fr;padding-top:120px}}
.layers{display:grid;grid-template-columns:repeat(3,1fr);margin-top:10px}
.layers > div{padding:44px 36px 10px 0;border-right:1px solid var(--faint)}
.layers > div + div{padding-left:36px}
.layers > div:last-child{border-right:0}
.layers .n{color:var(--lime);margin-bottom:70px;display:block}
.layers h3{font-family:var(--display);text-transform:uppercase;font-size:30px;line-height:1.05;margin-bottom:14px}
.layers p{color:var(--dim)}
@media (max-width:900px){.layers{grid-template-columns:1fr}.layers > div,.layers > div + div{padding:34px 0;border-right:0;border-bottom:1px solid var(--faint)}.layers .n{margin-bottom:22px}}

/* article */
.article{max-width:780px;margin:0 auto}
.article-head{padding:170px 0 60px;background:var(--ink);color:var(--on-dark)}
.article-head h1{font-family:var(--display);text-transform:uppercase;font-size:clamp(36px,5vw,68px);line-height:1;margin:26px 0 0}
.article-head .byline{margin-top:34px}
.article-hero{padding:0 var(--gut);position:relative;background:linear-gradient(var(--ink) 50%,var(--paper) 50%)}
.article-hero img{border-radius:24px;width:100%;max-width:1200px;margin:0 auto;aspect-ratio:16/8;object-fit:cover}
.article-body{padding:70px var(--gut) 110px}
.article-body h2{font-family:var(--display);text-transform:uppercase;font-size:clamp(26px,2.6vw,34px);line-height:1.1;margin:48px 0 16px}
.article-body h3{font-family:var(--label);text-transform:uppercase;letter-spacing:.08em;font-size:20px;margin:32px 0 10px;font-weight:500}
.article-body p,.article-body li{font-size:18.5px;line-height:1.75;color:#34342b}
.article-body a{color:var(--teal)}
.article-body ul,.article-body ol{padding-left:22px}
.article-body blockquote{margin:36px 0;padding:6px 0 6px 26px;border-left:3px solid var(--lime);font-size:22px}
.back{color:var(--dim);text-decoration:none}.back:hover{color:var(--lime)}

/* footer */
.site-foot{background:var(--ink);color:var(--on-dark);padding:100px 0 34px;overflow:hidden}
.foot-top{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px;padding-bottom:70px}
.foot-top h4{font-family:var(--label);font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--dim);margin-bottom:18px;font-weight:500}
.foot-top a{display:block;text-decoration:none;color:rgba(243,242,234,.86);padding:5px 0;transition:color .3s}
.foot-top a:hover{color:var(--lime)}
.foot-top .intro .h-md{max-width:12ch;margin-bottom:26px}
.foot-mark{border-top:1px solid var(--faint);padding-top:56px}
.foot-mark img{width:100%;max-width:none;opacity:.96}
.foot-base{display:flex;justify-content:space-between;gap:12px 20px;flex-wrap:wrap;margin-top:40px;color:var(--dim);font-size:13.5px}
@media (max-width:900px){.foot-top{grid-template-columns:1fr 1fr}.foot-top .intro{grid-column:1/-1}}

/* motion */
@media (prefers-reduced-motion:no-preference){
  .hero .inner > *,.page-hero .inner > *,.beacon-hero .inner > *{animation:rise 1.1s var(--ease) both}
  .hero .inner > :nth-child(2),.page-hero .inner > :nth-child(2),.beacon-hero .inner > :nth-child(2){animation-delay:.1s}
  .hero .inner > :nth-child(3),.page-hero .inner > :nth-child(3){animation-delay:.2s}
  .hero .inner > :nth-child(4){animation-delay:.3s}
  .hero .bg img,.page-hero .bg img,.beacon-hero .bg img{animation:settle 2.4s var(--ease) both}
  @supports ((animation-timeline: view()) and (animation-range: entry)){
    .reveal{animation:rise linear both;animation-timeline:view();animation-range:entry 0% entry 60%}
    .hero .bg,.page-hero .bg{animation:drift linear both;animation-timeline:view();animation-range:exit 0% exit 100%}
    .cine .bg img,.finale .bg img{animation:pan linear both;animation-timeline:view();animation-range:cover 0% cover 100%}
    .stage .frame img{animation:open linear both;animation-timeline:view();animation-range:entry 0% cover 45%}
  }
}
@keyframes rise{from{opacity:0;transform:translateY(34px)}}
@keyframes settle{from{transform:scale(1.08);opacity:.35}}
@keyframes drift{to{transform:scale(1.12) translateY(5%);opacity:.45}}
@keyframes pan{from{transform:scale(1.14) translateY(-4%)}to{transform:scale(1.02) translateY(3%)}}
@keyframes open{from{transform:scale(1.2);filter:brightness(.55)}}
.foot-top .pill{display:inline-flex;color:var(--ink);padding:0 26px}.foot-top .pill:hover{color:var(--ink)}
.cine .kicker,.finale .kicker{color:var(--lime)}
.head-row .h-lg,.head-row .h-md{max-width:22ch}
.founder .h-lg{font-size:clamp(34px,4.2vw,64px);max-width:15ch}
.foot-top > *{min-width:0}.foot-top a{overflow-wrap:anywhere}
@media (max-width:560px){.foot-top{grid-template-columns:1fr}}
.article-head h1{font-size:clamp(30px,5vw,68px);overflow-wrap:break-word}
h1,h2,h3{overflow-wrap:break-word}
@media (max-width:560px){.h-xl{font-size:clamp(32px,9.4vw,44px)}.cine .h-xl{max-width:none}.h-lg{font-size:clamp(30px,8.6vw,40px)}}
.hero .bg img{object-position:30% 50%}
@media (max-width:620px){.inline-form input:not([type=hidden]){flex:none;height:52px}}
h1,h2,.lede{text-wrap:balance}