:root{
  --void:#050505;--ink:#0a0a0a;--ink-2:#141414;--paper:#f4f1ea;--paper-dim:#cfc8b8;--bone:#a8a194;--dim:#77736a;--rust:#b85c2c;--line:rgba(244,241,234,.16);
  --accent:#b85c2c;--accent-text:#b85c2c;--on-accent:#0a0a0a;--tint:#e9d3c6;--nw:6;--nwm:3;
  --sans:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;--tight:"Inter Tight","Inter",system-ui,sans-serif;--mono:"Space Mono","SFMono-Regular",Consolas,Menlo,monospace;
  --gut:clamp(18px,4vw,64px);--max:1480px;--hdr:72px;--ease:cubic-bezier(.2,.7,.3,1);
  --st-ink:#05060a;--st-ink-2:#141414;--st-paper:#f4f1ea;--st-paper-dim:#cfc8b8;--st-bone:#a8a194;--st-accent:#b85c2c;--st-accent-2:#c9a96e;--st-line:#22242b;--st-mono-font:var(--mono);
  color-scheme:dark;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;background:var(--void);scroll-behavior:smooth}
body{margin:0;background:var(--ink);color:var(--paper);font:300 17px/1.6 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,video{display:block;max-width:100%}
h1,h2,h3{margin:0;font-family:var(--tight);font-weight:300;letter-spacing:-.02em;line-height:1.02}
p,ul,ol,figure{margin:0}
ul,ol{padding:0;list-style:none}
a{color:inherit;text-decoration:none}
::selection{background:var(--accent);color:var(--on-accent)}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible{outline:1px solid var(--accent-text);outline-offset:4px}
.skip{position:absolute;left:-999px;top:8px;z-index:2000;background:var(--paper);color:var(--ink);padding:8px 12px;font:12px var(--mono)}
.skip:focus{left:8px}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.wrap{width:100%;max-width:var(--max);margin:0 auto;padding-inline:var(--gut)}
.k{font:400 11px/1.4 var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--bone)}
.lead{font-size:clamp(1.05rem,1.45vw,1.4rem);font-weight:300;line-height:1.45;color:var(--paper-dim);max-width:32em}
.btn{display:inline-block;border:1px solid var(--paper);color:var(--paper);background:transparent;padding:.95em 1.9em;border-radius:999px;font:500 .85rem/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:background .25s,color .25s,border-color .25s,transform .2s}
.btn:hover{background:var(--paper);color:var(--void);transform:translateY(-1px)}
.btn.hot{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}
.btn.hot:hover{background:var(--paper);border-color:var(--paper);color:var(--void)}
.btn[disabled]{opacity:.5;cursor:default;transform:none}
.txt{border-bottom:1px solid var(--bone);padding-bottom:3px;color:var(--paper-dim);transition:color .2s,border-color .2s}
.txt:hover{color:var(--paper);border-color:var(--paper)}
.row{display:flex;gap:18px 26px;align-items:center;flex-wrap:wrap}
.top{position:fixed;left:0;right:0;top:0;z-index:50;background:linear-gradient(rgba(5,5,5,.9),rgba(5,5,5,0))}
.top .wrap{display:flex;align-items:center;justify-content:space-between;height:var(--hdr)}
.mark{display:flex;align-items:center;gap:12px;font:300 14px/1 var(--tight);letter-spacing:.3em;text-transform:uppercase;color:var(--paper-dim)}
.mark b{font-weight:700;color:var(--accent-text)}
.rm{position:relative;display:block;width:34px;height:34px;flex:0 0 auto}
.rm svg,.rm canvas{position:absolute;inset:0;width:100%;height:100%}
.rm canvas{display:none}
.rm.live canvas{display:block}
.rm.live svg{display:none}
.nav{display:flex;gap:clamp(16px,2.6vw,38px);font:400 12px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase}
.nav a{padding:8px 0;border-bottom:1px solid transparent;transition:border-color .2s}
.nav a:hover,.nav a.keep{border-color:var(--paper)}
.menu{display:none;background:none;border:0;font:400 12px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--paper);padding:8px 0;cursor:pointer}
@media(max-width:760px){
  .top{background:linear-gradient(rgba(5,5,5,.94),rgba(5,5,5,.5))}
  .nav{display:none;position:absolute;left:0;right:0;top:var(--hdr);background:var(--void);flex-direction:column;gap:0;padding:8px var(--gut) 20px;border-bottom:1px solid var(--line)}
  .nav.open{display:flex}
  .nav a{padding:14px 0;border-bottom:1px solid var(--line);font-size:14px}
  .menu{display:block}
  .mark{letter-spacing:.2em;font-size:13px}
}
.win{--fs:calc(min(92vw,1560px) / var(--nw) * .965);--lines:1;position:relative;isolation:isolate;display:flex;flex-direction:column;min-height:100vh;min-height:100svh;background:var(--void);overflow:hidden;
  padding-top:calc(var(--hdr) + var(--fs) * var(--lines) * .84 + clamp(28px,6vh,64px))}
.win .bg{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover}
.win .bg.still{animation:slow 28s ease-in-out infinite alternate}
@keyframes slow{from{transform:scale(1)}to{transform:scale(1.09)}}
.knock,.lift{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}
.knock{background:#363636;mix-blend-mode:multiply}
.lift{mix-blend-mode:lighten}
.nm{position:absolute;left:50%;top:calc(var(--hdr) + clamp(8px,2vh,24px));transform:translateX(-50%);margin:0;white-space:nowrap;font:800 var(--fs)/.86 var(--tight);letter-spacing:-.045em;text-transform:uppercase;color:#fff;animation:nmin 1.1s var(--ease) both}
.nm .pre{color:var(--tint)}
.lift .nm,.lift .nm .pre{color:var(--floor)}
@keyframes nmin{from{opacity:0;transform:translate(-50%,18px)}to{opacity:1;transform:translate(-50%,0)}}
.win::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,rgba(5,5,5,0) 30%,rgba(5,5,5,.72) 68%,var(--void) 100%)}
.win__copy{position:relative;z-index:3;margin-top:auto;padding-bottom:clamp(30px,7vh,76px)}
.win__copy .wrap{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(20px,4vw,72px);align-items:end}
.eyebrow{font:400 11px/1.5 var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--accent-text);margin-bottom:16px}
.win h1{font-size:clamp(1.55rem,3.1vw,3rem);font-weight:300;letter-spacing:-.015em;line-height:1.06;max-width:19em}
.win .lead{margin-bottom:clamp(18px,3vh,30px)}
.win.svc{min-height:min(88vh,820px);min-height:min(88svh,820px);padding-top:calc(var(--hdr) + clamp(48px,12vh,130px))}
.win.svc::after{background:linear-gradient(180deg,rgba(5,5,5,.55) 0%,rgba(5,5,5,.16) 38%,rgba(5,5,5,.93) 100%)}
.win.svc h1{font-size:clamp(1.8rem,3.9vw,3.8rem)}
.win.svc .crumbs{margin-bottom:18px}
.seam{height:2px;width:100%;background:var(--rust);opacity:.9}
@keyframes nmin2{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@media(max-width:760px){
  .win{--nw:var(--nwm);--lines:2}
  .nm{left:var(--gut);transform:none;animation-name:nmin2}
  .nm span{display:block}
  .win__copy .wrap{grid-template-columns:1fr}
}
.stack,.object{position:relative;isolation:isolate;display:flex;align-items:flex-end;overflow:hidden;background:var(--ink)}
.stack{min-height:min(94vh,900px)}
.object{min-height:min(100vh,940px)}
.m{position:absolute;inset:0;z-index:0}
.m img,.m video{width:100%;height:100%;object-fit:cover}
.stack::after,.object::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(0deg,rgba(5,5,5,.92) 0%,rgba(5,5,5,.62) 30%,rgba(5,5,5,.08) 62%,rgba(5,5,5,.4) 100%),linear-gradient(90deg,rgba(5,5,5,.55) 0%,rgba(5,5,5,0) 62%)}
.stack .in,.object .in{position:relative;z-index:2;width:100%;padding-block:clamp(44px,9vh,112px)}
.stack .grid{display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(16px,3.4vw,56px);align-items:end}
.stack .n{font:200 clamp(3.6rem,10vw,10rem)/.82 var(--tight);color:var(--accent-text);letter-spacing:-.05em}
.stack h2{font-size:clamp(1.7rem,3.7vw,3.8rem);max-width:17em}
.stack h2 a::after{content:"";position:absolute;inset:0;z-index:3}
.stack .lead{margin-top:16px}
.stack .go{display:inline-block;margin-top:22px;font:400 12px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--paper);border-bottom:1px solid var(--bone);padding-bottom:6px}
.stack:hover .go{border-color:var(--accent-text);color:var(--accent-text)}
.stack .m img,.stack .m video{transition:transform 1.4s var(--ease)}
.stack:hover .m img,.stack:hover .m video{transform:scale(1.035)}
.stack .cap,.object .cap{display:block;margin-bottom:14px}
.object p.big{font:200 clamp(1.7rem,3.8vw,3.6rem)/1.14 var(--tight);letter-spacing:-.02em;max-width:24em;color:var(--paper)}
@media(max-width:760px){.stack .grid{grid-template-columns:1fr;gap:6px}.stack .n{font-size:4rem}}
.stcta{background:var(--void);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.stcta .wrap{display:grid;gap:clamp(14px,2.4vh,26px);justify-items:start}
.stcta h2{font-size:clamp(2rem,5.4vw,5.6rem);letter-spacing:-.03em;line-height:.98;max-width:14em}
.stcta h2 a{border-bottom:2px solid var(--accent);transition:color .25s}
.stcta h2 a:hover{color:var(--accent-text)}
.studio-top{padding-top:calc(var(--hdr) + 24px)}
.sec{padding-block:clamp(64px,12vh,150px);position:relative}
.sec h2{font-size:clamp(2rem,4.6vw,4.6rem);letter-spacing:-.025em}
.sec .head{display:grid;gap:14px;margin-bottom:clamp(26px,5vh,60px)}
.how{background:var(--ink)}
.steps li{display:grid;grid-template-columns:clamp(96px,14vw,220px) minmax(0,1fr);align-items:baseline;gap:clamp(10px,3vw,48px);padding:clamp(16px,3vh,32px) 0;border-top:1px solid var(--line)}
.steps li:last-child{border-bottom:1px solid var(--line)}
.steps .num{font:200 clamp(3rem,8vw,7.6rem)/.85 var(--tight);color:var(--accent-text);letter-spacing:-.05em}
.steps .t{display:grid;gap:8px}
.steps h3{font-size:clamp(1.4rem,2.5vw,2.3rem);line-height:1.08}
.steps p{color:var(--paper-dim);max-width:34em}
.proof{background:#000}
.proof h2{max-width:13em}
.fgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(10px,1.4vw,22px)}
.fs .im{position:relative;aspect-ratio:4/5;overflow:hidden;background:#111;border-radius:clamp(10px,1.4vw,20px)}
.fs .im img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}
.fs:hover .im img{transform:scale(1.04)}
.fs figcaption{padding-top:10px}
@media(max-width:860px){.fgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.wont{background:var(--ink)}
.wont .twocol,.q .twocol{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(24px,5vw,90px);align-items:start}
.wont ul li{padding:clamp(14px,2.4vh,24px) 0;border-top:1px solid var(--line);font:300 clamp(1.1rem,1.7vw,1.55rem)/1.4 var(--sans);color:var(--paper-dim)}
.wont ul li:last-child{border-bottom:1px solid var(--line)}
.q{background:var(--void)}
.faq details{border-top:1px solid var(--line)}
.faq details:last-child{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;align-items:baseline;padding:20px 0;font:300 clamp(1.1rem,1.6vw,1.45rem)/1.3 var(--tight);color:var(--paper)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font:200 1.8rem/1 var(--tight);color:var(--accent-text);flex:0 0 auto;transition:transform .3s var(--ease)}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq .a{padding:0 0 22px;max-width:44em;color:var(--paper-dim)}
.faq .a p{margin:0}
@media(max-width:860px){.wont .twocol,.q .twocol{grid-template-columns:1fr;gap:26px}}
.close{background:var(--void);border-top:2px solid var(--rust)}
.close .grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(26px,5vw,90px);align-items:start}
.close h2{font-size:clamp(2rem,5.2vw,5.4rem);letter-spacing:-.03em;line-height:.98}
.close .lead{margin-top:20px}
.form{display:grid;gap:22px;position:relative}
.form label{display:grid;gap:8px;font:400 11px/1.4 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--bone)}
.form input,.form textarea{font:300 1.15rem/1.4 var(--sans);color:var(--paper);background:transparent;border:0;border-bottom:1px solid var(--bone);padding:10px 0;border-radius:0;width:100%;letter-spacing:0;text-transform:none}
.form textarea{min-height:120px;resize:vertical}
.form input:focus,.form textarea:focus{outline:none;border-bottom-color:var(--accent-text)}
.form .hp{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.form .row{margin-top:8px}
.form .status{display:block;min-height:1.4em;font:400 13px/1.5 var(--sans);letter-spacing:0;text-transform:none;color:var(--paper-dim)}
.form .status a{border-bottom:1px solid var(--bone)}
.sent{padding:24px 0;border-top:1px solid var(--line)}
.halq{margin-top:clamp(24px,4vh,40px);padding-top:20px;border-top:1px solid var(--line);color:var(--bone);font-size:.95rem;max-width:34em}
.halq .txt{display:inline-block;margin-top:12px;background:none;border-top:0;border-left:0;border-right:0;cursor:pointer;font:inherit;font-size:.95rem}
.mailto{margin-top:20px;color:var(--bone);font-size:.95rem}
.mailto a{border-bottom:1px solid var(--bone);color:var(--paper-dim)}
@media(max-width:860px){.close .grid{grid-template-columns:1fr}}
.pwin{position:relative;isolation:isolate;display:flex;align-items:flex-end;min-height:min(78vh,780px);overflow:hidden;background:var(--void);padding-top:calc(var(--hdr) + 40px)}
.pwin .bg{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover}
.pwin::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(5,5,5,.55) 0%,rgba(5,5,5,.25) 38%,rgba(5,5,5,.94) 100%)}
.pwin .wrap{position:relative;z-index:2;padding-bottom:clamp(36px,8vh,92px)}
.pwin.short{min-height:min(52vh,520px)}
.crumbs{display:flex;flex-wrap:wrap;gap:8px 12px;margin-bottom:clamp(18px,3vh,30px)}
.crumbs a:hover{color:var(--paper)}
.crumbs b{font-weight:400;color:var(--rust)}
.pwin h1{font-size:clamp(2rem,5.2vw,5rem);line-height:1.02;max-width:17em}
.pwin .lead{margin-top:clamp(16px,2.6vh,26px);max-width:40em}
.band{padding-block:clamp(56px,10vh,120px);background:var(--ink)}
.band .twocol{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:clamp(28px,6vw,100px);align-items:start}
.prose h2{font-size:clamp(1.6rem,2.7vw,2.5rem);margin:2em 0 .55em}
.prose h2:first-child{margin-top:0}
.prose p{color:var(--paper-dim);max-width:44em;font-size:1.08rem;margin-bottom:1em}
.aside{position:sticky;top:calc(var(--hdr) + 24px)}
.checklist{margin-top:16px}
.checklist li{display:grid;grid-template-columns:2.6em minmax(0,1fr);gap:6px;padding:13px 0;border-top:1px solid var(--line);color:var(--paper-dim)}
.checklist li span{font:400 11px/1.9 var(--mono);color:var(--accent-text);letter-spacing:.14em}
.others{margin-top:30px}
.others a{display:flex;justify-content:space-between;gap:12px;padding:13px 0;border-top:1px solid var(--line);color:var(--paper-dim)}
.others a:hover{color:var(--paper)}
.others a:last-child{border-bottom:1px solid var(--line)}
@media(max-width:860px){.band .twocol{grid-template-columns:1fr}.aside{position:static}}
.lost{min-height:100vh;min-height:100svh;display:flex;align-items:flex-end;padding:calc(var(--hdr) + 40px) 0 clamp(40px,8vh,90px);background:var(--void)}
.lost h1{font-size:clamp(2rem,5.6vw,5.4rem);max-width:14em;margin:0 0 24px}
.foot{background:#000;border-top:1px solid var(--line);padding:clamp(40px,7vh,72px) 0 clamp(40px,7vh,68px);color:var(--bone);font-size:.9rem}
.foot .wrap{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:clamp(20px,4vw,72px)}
.foot .legal{max-width:46em;line-height:1.7}
.foot .links{display:grid;gap:8px;align-content:start;justify-items:start}
.foot .links a{border-bottom:1px solid transparent}
.foot .links a:hover{color:var(--paper);border-color:var(--bone)}
.foot .who{font:300 14px/1 var(--tight);letter-spacing:.3em;text-transform:uppercase;color:var(--paper-dim);margin-bottom:16px}
.foot .who b{font-weight:700;color:var(--accent-text)}
@media(max-width:760px){.foot .wrap{grid-template-columns:1fr}}
.hal-eye{--hal:#ff2f18;--halglow:#e01d06;--pupil:#ffeab0;position:fixed;right:22px;bottom:22px;z-index:900;padding:0;cursor:pointer;width:clamp(44px,4.2vw,56px);aspect-ratio:1;border:1px solid #191b21;border-radius:50%;background:radial-gradient(circle at 50% 42%,#15161a 0%,#0c0d10 58%,#070809 78%,#0e0f13 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.05),inset 0 0 34px rgba(0,0,0,.9),0 12px 30px -14px #000;filter:brightness(.62) saturate(1.05);transition:filter .25s linear,transform .18s ease}
.hal-eye::before{content:"";position:absolute;inset:15%;border-radius:50%;background:radial-gradient(circle at 50% 50%,var(--pupil) 0%,var(--pupil) 5%,#ffb24a 9%,var(--hal) 21%,var(--halglow) 44%,#6d0d02 74%,#2a0500 100%);box-shadow:0 0 26px 4px rgba(224,29,6,.36),inset 0 0 18px rgba(0,0,0,.55)}
.hal-eye::after{content:"";position:absolute;top:50%;left:50%;width:9%;aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle at 50% 45%,#fffdf4 0%,#ffe9a8 34%,#ffc245 72%,#ff9b10 100%);box-shadow:0 0 11px 3px rgba(255,232,170,.55)}
.hal-eye:hover,.hal-eye:focus-visible,.hal-eye[aria-expanded="true"]{filter:none;transform:scale(1.04)}
.hal-eye:focus-visible{outline:1px solid var(--hal);outline-offset:5px}
.hal-eye-tag{position:fixed;right:86px;bottom:38px;z-index:900;pointer-events:none;color:#787f8c;text-transform:uppercase;letter-spacing:.14em;font:11px/1 var(--mono)}
@media(max-width:620px){.hal-eye-tag{display:none}}
.hal-panel{position:fixed;top:0;right:0;bottom:0;width:min(460px,100vw);background:#05060a;z-index:1000;transform:translateX(102%);visibility:hidden;transition:transform .45s var(--ease),visibility 0s .45s;display:flex;flex-direction:column;border-left:1px solid var(--line)}
.hal-panel.open{transform:none;visibility:visible;transition:transform .45s var(--ease),visibility 0s}
.hal-panel header{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;border-bottom:1px solid var(--line)}
.hal-panel header b{font:400 12px/1 var(--mono);letter-spacing:.32em;display:block}
.hal-panel header small{font:400 10px/1 var(--mono);letter-spacing:.24em;color:var(--bone);display:block;margin-top:6px}
.hal-panel .x{background:none;border:1px solid var(--line);color:var(--paper);font:400 11px var(--mono);letter-spacing:.2em;padding:8px 10px;cursor:pointer}
.hal-panel .slot{flex:1;position:relative}
.hal-panel iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.hal-panel .note{padding:10px 18px;border-top:1px solid var(--line);font:400 10px/1.6 var(--mono);letter-spacing:.14em;color:var(--bone);text-transform:uppercase}
.cbar{position:fixed;left:0;right:0;bottom:0;z-index:880;background:rgba(14,14,14,.97);border-top:1px solid var(--line);padding:12px calc(var(--gut) + 70px) 12px var(--gut);display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center}
.cbar p{margin:0;flex:1 1 380px;font-size:13px;line-height:1.45;color:var(--paper-dim)}
.cbar p b{color:var(--paper);font-weight:400}
.cbar button{font:400 11px/1 var(--mono);letter-spacing:.2em;text-transform:uppercase;background:none;border:1px solid var(--line);color:var(--paper);padding:10px 14px;cursor:pointer;margin:0}
.cbar button:hover{border-color:var(--accent-text)}
.cb .hal-eye-tag{display:none}
@media(max-width:620px){.cbar{padding:10px 74px 10px 14px;gap:8px 10px}.cbar p{font-size:12px;flex-basis:100%}.cbar button{padding:9px 11px}}
.js .r{opacity:0;transform:translateY(22px);transition:opacity .9s ease,transform .9s var(--ease)}
.js .r.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .win .bg.still,.nm{animation:none}
  .js .r{opacity:1;transform:none;transition:none}
  .stack .m img,.stack .m video,.fs .im img,.hal-eye,.hal-panel{transition:none}
}