@font-face{font-family:DM;src:url('/landingv2/jarvis/assets/dm-sans.woff2') format('woff2');font-weight:100 1000;font-display:swap}

@font-face{font-family:Bodoni;src:url('/landingv2/jarvis/assets/bodoni.woff2') format('woff2');font-weight:400 900;font-display:swap}

@font-face{font-family:Mono;src:url('/landingv2/jarvis/assets/mono.woff2') format('woff2');font-weight:100 900;font-display:swap}

:root{--bg:#08090d;--panel:#12141b;--line:#292c35;--fg:#f5f5f5;--muted:#afb2bc;--quiet:#959ba8;--amber:#f5a623;--cyan:#37c8df;--ease:cubic-bezier(.16,1,.3,1);color-scheme:dark}

*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:82px}
body{margin:0;background:var(--bg);color:var(--fg);font-family:DM,Arial,sans-serif;-webkit-font-smoothing:antialiased}
::selection{background:var(--amber);color:var(--bg)}
button,input,a{-webkit-tap-highlight-color:transparent}
button,a{touch-action:manipulation}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;cursor:pointer}
button:disabled{cursor:default}
img{display:block;max-width:100%;object-fit:cover}
button{border:0;background:none}
h1,h2,h3,p,figure,blockquote{margin:0}
h1,h2,h3{font-weight:500;letter-spacing:-.055em}
h1{font-size:clamp(70px,6.9vw,112px);line-height:.99}
h2{font-size:clamp(48px,4.8vw,76px);line-height:1.06}
h3{font-size:32px;line-height:1.15}
em{font-family:Bodoni,Georgia,serif;font-style:italic;font-weight:400;letter-spacing:-.05em}
p{line-height:1.65}
strong{font-weight:550;color:var(--fg)}
:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip{position:fixed;left:15px;top:-100px;padding:14px 20px;background:var(--amber);color:#08090d;z-index:100}
.skip:focus{top:10px}

.preview-bar{min-height:44px;padding:0 4%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);background:#13151b;color:var(--muted);font:10px Mono,monospace;letter-spacing:.08em}
.preview-bar a{min-height:44px;display:flex;align-items:center;gap:13px}
.preview-bar a:hover{color:white}
.header{height:90px;display:flex;align-items:center;justify-content:space-between;margin:0 5%;gap:30px;border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;justify-content:center;min-width:72px;min-height:52px}
.brand img{width:72px;height:auto;object-fit:contain}
.header nav{display:flex;gap:36px;margin-left:auto;margin-right:40px}
.header nav a,.header-cta{font-size:13px;min-height:44px;display:flex;align-items:center;gap:20px}
.header nav a{color:var(--muted)}
.header nav a:hover{color:white}
.header-cta{border-bottom:1px solid var(--amber);font-weight:600;padding:0 2px}

.eyebrow{font:10px Mono,monospace;letter-spacing:.16em;line-height:1.7;color:var(--muted)}
.cyan{color:var(--cyan)}
.button{min-height:56px;padding:0 24px;display:inline-flex;align-items:center;justify-content:space-between;gap:35px;font-size:14px;font-weight:600;border-radius:3px;line-height:1.25;transition:transform .24s var(--ease),background .24s}
.button:hover{transform:translateY(-3px)}
.button span{font-size:23px;font-weight:400}
.primary{background:var(--amber);color:#111016}
.primary:hover{background:#ffb644}
.text-link{display:inline-flex;min-height:48px;align-items:center;justify-content:space-between;gap:20px;font-size:13px;line-height:1.4;padding:0;border-bottom:1px solid #575b64}
.text-link:hover{border-color:var(--fg)}
.actions{display:flex;gap:28px;align-items:center;flex-wrap:wrap}
.actions .text-link{min-height:56px}
.icon-button{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:1px solid #74778066;border-radius:50%;background:#08090d66}
.icon-button:hover{background:#252830}
.section{max-width:1440px;margin:0 auto;padding:110px 7.2%;scroll-margin-top:20px}
.section-marker{display:flex;align-items:center;gap:27px;font:10px Mono,monospace;letter-spacing:.13em;color:var(--muted);margin-bottom:64px;min-height:25px}
.section-marker>span:first-child{color:var(--amber)}
.section-marker:after{content:'';height:1px;flex:1;background:var(--line)}
.marker-end{margin-left:auto;order:2}
.section-marker .marker-end+span{display:none}

.hero{height:min(830px,calc(100svh - 128px));min-height:680px;position:relative;overflow:hidden;isolation:isolate;border-bottom:1px solid var(--line)}
.hero-content{position:relative;z-index:3;padding:62px 0 100px 7.2%;width:62%;pointer-events:none}
.hero-content a{pointer-events:auto}
.hero-content .eyebrow{margin-bottom:30px}
.hero h1 em{color:#e9d2ab;display:inline-block;font-size:1.16em;line-height:.9;margin-top:3px}
.hero-lead{color:#c8c9cf;margin-top:30px;font-size:16px;line-height:1.65}
.hero-answer{font-size:14px;color:var(--muted);margin-top:12px;max-width:400px}
.hero .actions{margin-top:27px}
.hero-media{position:absolute;inset:0 0 0 43%;overflow:hidden;z-index:0;transform:translateY(var(--hero-y,0px)) scale(var(--hero-scale,1));transform-origin:50% 45%}
.hero-media video{width:100%;height:100%;object-fit:cover;object-position:50% 48%;filter:saturate(.8)}
.hero-shade{position:absolute;inset:-1px;background:linear-gradient(90deg,var(--bg) 0%,rgba(8,9,13,.7) 10%,rgba(8,9,13,.07) 38%),linear-gradient(0deg,var(--bg) 0%,transparent 29%,transparent 90%,rgba(8,9,13,.3))}
.media-frame{position:absolute;inset:10% 12% 18% 17%;opacity:.65;pointer-events:none}
.media-frame:before,.media-frame:after{content:"";position:absolute;width:40px;height:40px;border:1px solid var(--cyan)}
.media-frame:before{left:0;top:0;border-right:0;border-bottom:0}
.media-frame:after{right:0;bottom:0;border-left:0;border-top:0}
.hero-signature{position:absolute;right:7.2%;bottom:115px;z-index:4;display:flex;align-items:center;gap:16px}
.hero-signature strong{font-size:17px;letter-spacing:-.02em;display:block}
.hero-signature div>span{font:9px Mono,monospace;letter-spacing:.14em;color:var(--muted);display:block;margin-top:7px}
.hero-signature .icon-button{margin-left:25px}
.tiny-cross{font:28px Mono,monospace;color:var(--cyan);font-weight:200}
.hero-bottom{position:absolute;bottom:0;left:7.2%;right:7.2%;height:68px;border-top:1px solid #bfc1c522;display:flex;align-items:center;justify-content:space-between;z-index:5;font:9px Mono,monospace;letter-spacing:.17em;color:var(--muted)}
.hero-bottom a{min-height:44px;display:flex;gap:24px;align-items:center}

.turn{padding-top:130px;padding-bottom:140px}
.turn-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:100px}
.turn h2{font-size:clamp(49px,5.1vw,80px)}
.turn h2 em{color:#b6b8c2}
.turn-body{padding-top:14px;max-width:395px}
.small-rule{width:45px;height:1px;background:var(--amber);margin-bottom:34px}
.turn-body p{font-size:17px;color:var(--muted);margin-bottom:24px}
.turn-body .turn-payoff{font-size:21px;color:var(--fg);font-weight:500;letter-spacing:-.02em}
.turn-body .text-link{margin-top:8px}

.reading{position:relative;padding-top:70px;border-top:1px solid var(--line);padding-bottom:120px;background:radial-gradient(ellipse at 20% 50%,#101b22 0,transparent 65%)}
.reading-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:85px;align-items:center}
.reading-visual{border:1px solid #27414b;position:relative;background:#080c11;box-shadow:0 35px 80px #0004}
.hud-top,.hud-bottom{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:18px 20px;font:9px Mono,monospace;letter-spacing:.12em;color:var(--cyan)}
.hud-top{border-bottom:1px solid #27414b}
.hud-top>span:first-child{display:flex;align-items:center;gap:9px}
.status-dot{width:5px;height:5px;background:var(--cyan);border-radius:50%;display:block}
.hud-bottom{border-top:1px solid #27414b;padding:6px 16px;color:var(--muted)}
.hud-bottom .text-link{font:10px Mono,monospace;border:0;white-space:nowrap}
.face-stage{position:relative;aspect-ratio:6/7;overflow:hidden;--zone-x:37%;--zone-y:9%;--zone-w:41%;--zone-h:30%}
.face-image{position:absolute;inset:0;overflow:hidden}
.face-image img{width:100%;height:100%;object-fit:cover;object-position:50% 30%;filter:saturate(.5) brightness(.85);transform:scale(var(--face-scale,1)) translate(var(--face-x,0),var(--face-y,0));transition:transform 1.25s var(--ease);will-change:transform}
.face-grid{position:absolute;inset:0;background-image:radial-gradient(#65b5c144 .7px,transparent .7px);background-size:20px 20px;mask-image:linear-gradient(90deg,#000,transparent 23%,transparent 78%,#000)}
.face-hud{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:var(--cyan);stroke-width:1.4}
.face-hud path{stroke-dasharray:900;stroke-dashoffset:0}
.face-hud circle{fill:#08090d66}
.hud-corners{opacity:.6}
.target-box{position:absolute;left:var(--zone-x);top:var(--zone-y);width:var(--zone-w);height:var(--zone-h);border:1px solid #f5a62399;background:linear-gradient(90deg,#f5a62310,transparent);transition:left .9s var(--ease),top .9s var(--ease),width .9s var(--ease),height .9s var(--ease)}
.target-box:before,.target-box:after{content:'';position:absolute;width:9px;height:9px;border:2px solid var(--amber)}
.target-box:before{top:-2px;left:-2px;border-right:0;border-bottom:0}
.target-box:after{bottom:-2px;right:-2px;border-left:0;border-top:0}
.hud-callout{position:absolute;right:7%;top:30%;padding:9px 10px;background:#08090de8;border:1px solid #496b75;font:9px Mono,monospace;letter-spacing:.1em;color:var(--cyan)}
.face-bottom{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;gap:10px;padding:40px 17px 17px;background:linear-gradient(transparent,#08090ded);font:8px Mono,monospace;letter-spacing:.06em;color:#e1e4e8}
.reading-copy h2{margin:19px 0 22px}
.body-intro{color:var(--muted);font-size:16px;max-width:380px}
.zone-list{margin-top:31px}
.zone{display:flex;width:100%;text-align:left;gap:16px;padding:23px 0;border-top:1px solid var(--line);transition:color .25s}
.zone-index{font:10px Mono,monospace;line-height:23px;color:var(--quiet)}
.zone strong{display:block;font-size:16px;font-weight:500;color:var(--muted);line-height:1.45}
.zone small{display:block;color:var(--muted);font-size:13px;line-height:1.6;margin-top:8px}
.zone-arrow{margin-left:auto;color:var(--muted);font-size:21px;line-height:23px;opacity:0}
.zone.active .zone-index,.zone.active .zone-arrow{color:var(--amber);opacity:1}
.zone.active strong{color:var(--fg)}
.zone.active{border-top-color:var(--amber)}
.reading-close{font-size:18px;margin-top:26px;line-height:1.5;letter-spacing:-.02em}

.project{border-top:1px solid var(--line)}
.project-heading,.results-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin-bottom:50px}
.project-heading p,.results-heading p{color:var(--muted);font-size:16px;line-height:1.65;max-width:290px;padding-bottom:8px}
.project-flow{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.project-tabs{display:flex;border-bottom:1px solid var(--line)}
.project-tabs button{flex:1;min-height:70px;border-right:1px solid var(--line);display:flex;gap:17px;align-items:center;padding:0 27px;font-size:14px;color:var(--muted);position:relative}
.project-tabs button:last-child{border-right:0}
.project-tabs button span{font:10px Mono,monospace}
.project-tabs button[aria-selected=true]{color:var(--fg);background:#f5a62307}
.project-tabs button[aria-selected=true]:after{content:'';height:2px;background:var(--amber);position:absolute;left:0;right:0;bottom:-1px}
.project-tabs button[aria-selected=true] span{color:var(--amber)}
.project-panel{min-height:430px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px;padding:30px 60px 30px 25px;overflow:hidden}
.project-diagram{position:relative;height:360px;perspective:900px}
.orbit{position:absolute;border:1px solid #37c8df33;left:10%;top:7%;width:80%;height:86%;border-radius:50%;transform:rotateX(55deg) rotateZ(-32deg);transition:transform 1.2s var(--ease)}
.orbit-two{transform:rotateY(50deg) rotateZ(45deg);border-color:#ffffff17}
.orbit-core{height:100%;position:relative;overflow:hidden;mask-image:linear-gradient(#000 78%,transparent)}
.orbit-core img{height:100%;width:auto;margin:0 auto;filter:saturate(.65);transition:transform 1s var(--ease)}
.diagram-tag{position:absolute;font:9px Mono,monospace;padding:10px 14px;background:#08090de8;border:1px solid #435058;letter-spacing:.14em;color:var(--cyan);transition:transform 1s var(--ease),border-color 1s}
.tag-one{left:4%;top:20%}
.tag-two{right:0;top:52%}
.tag-three{left:10%;bottom:13%}
.project-panel-copy .eyebrow{font-size:9px}
.project-panel-copy h3{font-size:36px;margin:22px 0}
.project-panel-copy>p{color:var(--muted);font-size:16px;max-width:380px;min-height:100px}
.project-outcome{font-size:13px;margin-top:20px;display:block;border-top:1px solid var(--line);padding-top:18px}
.project-panel[data-stage="1"] .orbit-one{transform:rotateX(25deg) rotateZ(80deg)}
.project-panel[data-stage="1"] .orbit-core img{transform:translateX(20px) scale(1.07)}
.project-panel[data-stage="1"] .tag-one{transform:translate(14px,-9px)}
.project-panel[data-stage="1"] .tag-two{transform:translate(-9px,20px)}
.project-panel[data-stage="2"] .orbit-one{transform:rotateX(70deg) rotateZ(150deg)}
.project-panel[data-stage="2"] .orbit-two{transform:rotateY(30deg) rotateZ(100deg)}
.project-panel[data-stage="2"] .orbit-core img{transform:scale(.93)}
.project-panel[data-stage="2"] .diagram-tag{border-color:#f5a62366}

.results{padding-top:70px}
.comparison{border:1px solid var(--line);background:var(--panel);max-width:100%;margin-top:15px}
.comparison-image{height:650px;position:relative;overflow:hidden;background:#15181b}
.comparison-image>img,.comparison-after img{height:100%;width:100%;object-fit:cover;object-position:50% 36%}
.comparison-after{position:absolute;inset:0;clip-path:inset(0 0 0 var(--reveal));pointer-events:none}
.comparison-divider{position:absolute;left:var(--reveal);top:0;bottom:0;width:1px;background:white;pointer-events:none}
.comparison-divider>span{position:absolute;top:50%;left:0;transform:translate(-50%,-50%);width:52px;height:52px;border-radius:50%;background:#0b0e14dd;border:1px solid #ffffff80;display:flex;align-items:center;justify-content:center;font-size:21px;color:white}
.photo-label{position:absolute;top:23px;padding:9px 13px;background:#08090de8;font:9px Mono,monospace;letter-spacing:.14em}
.label-before{left:24px}
.label-after{right:24px}
.comparison input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:ew-resize;margin:0;z-index:3}
.comparison input:focus-visible{opacity:.12;outline:5px solid var(--cyan);outline-offset:-5px}
.comparison-footer{display:flex;align-items:center;justify-content:space-between;padding:10px 22px;gap:15px}
.comparison-footer>span{font:9px Mono,monospace;letter-spacing:.12em;color:var(--muted)}
.comparison-footer>div{display:flex;gap:8px}
.mode-button{min-height:44px;padding:0 15px;font-size:12px;border:1px solid transparent;color:var(--muted)}
.mode-button.active{border-color:#68707b;color:white}
.comparison.pair .comparison-image{display:flex;gap:1px;height:540px}
.comparison.pair .comparison-image>img,.comparison.pair .comparison-after{position:relative;width:50%;clip-path:none}
.comparison.pair .comparison-after img{object-position:50% 30%}
.comparison.pair .comparison-divider,.comparison.pair input{display:none}
.results-note{font-size:12px;color:var(--muted);max-width:650px;margin-top:20px}

.story{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;align-items:center;padding-top:55px;padding-bottom:130px}
.story-photo{position:relative;max-width:410px}
.story-photo img{width:100%;aspect-ratio:3/4;object-position:50% 32%}
.story-photo>span{display:block;font:8px Mono,monospace;letter-spacing:.1em;color:var(--muted);margin-top:15px}
.story-copy h2{font-size:clamp(42px,4vw,64px);margin:25px 0}
.story-copy>p:not(.eyebrow):not(.story-credit){font-size:16px;color:var(--muted);max-width:460px}
.story-copy blockquote{margin:28px 0;font-size:22px;line-height:1.5;font-weight:400;letter-spacing:-.03em;max-width:500px}
.story-credit{display:flex;flex-direction:column;gap:5px;padding-top:22px;border-top:1px solid var(--line)}
.story-credit strong{font-size:14px}
.story-credit span{font:9px Mono,monospace;color:var(--muted);line-height:1.8;letter-spacing:.05em}

.offer{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#0e1015}
.offer-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:100px}
.offer-intro>p{font-size:17px;color:var(--muted);margin:30px 0;max-width:370px}
.offer-location{display:block;margin-top:20px;font:9px Mono,monospace;color:var(--muted);letter-spacing:.06em}
.deliverable{display:flex;gap:22px;padding:27px 0;border-bottom:1px solid var(--line)}
.deliverable:first-child{padding-top:7px}
.deliverable>span{font:10px Mono,monospace;color:var(--amber);padding-top:7px}
.deliverable h3{font-size:23px;letter-spacing:-.03em;line-height:1.3}
.deliverable p{color:var(--muted);font-size:14px;margin-top:12px;line-height:1.7}
.offer-note{display:flex;gap:20px;padding-top:28px}
.offer-note .tiny-cross{color:var(--muted)}
.offer-note p{color:var(--muted);font-size:12px}

.founder-header{display:grid;grid-template-columns:1.4fr 1fr;gap:80px;align-items:end;margin-bottom:50px}
.founder-header h2{font-size:clamp(45px,4.2vw,64px);margin-top:22px}
.founder-header>p{font-size:16px;color:var(--muted);margin-bottom:3px}
.place-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:25px}
.founder-portrait{height:535px;position:relative;overflow:hidden}
.founder-portrait img{width:100%;height:100%;object-position:50% 25%;filter:saturate(.6)}
.founder-portrait figcaption{position:absolute;bottom:0;left:0;right:0;padding:45px 25px 25px;background:linear-gradient(transparent,#08090de8);font:9px Mono,monospace;letter-spacing:.14em}
.place-photo{position:relative;height:535px;overflow:hidden}
.place-photo>img{width:100%;height:100%;filter:brightness(.6) saturate(.7)}
.place-photo figcaption{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:end;padding:40px;background:linear-gradient(transparent 10%,#08090dbb)}
.place-photo figcaption>span{font:10px Mono,monospace;color:#d5d7dc;letter-spacing:.1em;line-height:1.8}
.place-photo figcaption>strong{font-size:34px;line-height:1.2;letter-spacing:-.04em;margin:18px 0 24px}

.faq{display:grid;grid-template-columns:1fr 1.2fr;gap:90px;padding-top:20px}
.faq h2{font-size:clamp(39px,3.5vw,55px);margin-top:24px}
.faq details{border-bottom:1px solid var(--line)}
.faq details:first-child{border-top:1px solid var(--line)}
.faq summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:74px;font-size:15px;cursor:pointer;padding:17px 0}
.faq summary::-webkit-details-marker{display:none}
.faq summary>span{color:var(--amber);font-size:20px;transition:transform .3s}
.faq details[open] summary>span{transform:rotate(45deg)}
.faq details>p{font-size:14px;color:var(--muted);padding:0 25px 24px 0}

.closing{position:relative;overflow:hidden;text-align:center;padding-top:115px;padding-bottom:110px;border-top:1px solid var(--line);max-width:none;isolation:isolate}
.closing-content{position:relative;z-index:2}
.closing h2{font-size:clamp(70px,8.5vw,128px);margin:28px 0;line-height:1}
.closing-content>p:not(.eyebrow):not(.ai-note){font-size:18px;color:var(--muted);line-height:1.65}
.closing .button{margin:32px 0 22px;min-width:300px}
.closing-detail{display:block;font:9px Mono,monospace;letter-spacing:.1em;color:var(--muted)}
.closing-content .ai-note{font-size:11px;color:var(--quiet);margin-top:15px}
.closing-rings{position:absolute;width:1000px;height:1000px;left:50%;top:50%;transform:translate(-50%,-50%) rotateX(55deg);z-index:-1;pointer-events:none}
.closing-rings i{position:absolute;inset:0;border:1px solid #37c8df20;border-radius:50%}
.closing-rings i:nth-child(2){inset:14%;border-style:dashed;opacity:.5}
.closing-rings i:nth-child(3){inset:28%;border-color:#f5a62318}
footer{border-top:1px solid var(--line);display:flex;align-items:center;gap:25px;padding:30px 7.2% 55px}
footer p{font-size:12px}
footer p>span{color:var(--muted);font-size:11px}
footer>a:last-child{font-size:11px;color:var(--muted);margin-left:auto;min-height:44px;display:flex;gap:15px;align-items:center}

dialog{color:var(--fg);border:1px solid #454b58;background:#11141c;width:590px;max-width:calc(100vw - 32px);padding:45px;border-radius:5px;max-height:90svh;overflow:auto}
dialog::backdrop{background:#000c;backdrop-filter:blur(8px)}
dialog h2{font-size:45px;margin:20px 0}
dialog>p:not(.eyebrow){font-size:14px;color:var(--muted)}
.dialog-close{position:absolute;right:16px;top:16px;font-size:28px}
.journey-options{display:grid;gap:8px;margin:25px 0}
.journey-options button{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:15px;text-align:left;min-height:57px;border:1px solid #3d4452;background:#191d27;font-size:13px;line-height:1.5}
.journey-options button[aria-pressed=true]{border-color:var(--amber)}
dialog #journey-response{font-size:12px;min-height:50px}
dialog .button{width:100%;margin:16px 0}
dialog>small{display:block;color:var(--muted);font-size:11px;line-height:1.6}
.reveal{opacity:1}
.js-motion .reveal:not(.is-visible){opacity:.08;transform:translateY(25px)}
.js-motion .reveal{transition:opacity .75s var(--ease),transform 1s var(--ease)}

@media(min-width:1700px){.hero-content{padding-left:max(7.2%,calc((100vw - 1240px)/2))}
.hero-media{right:4%}
}

@media(max-width:1100px){.section{padding-left:6%;padding-right:6%}
.hero-content{padding-left:6%;width:65%}
.hero h1{font-size:76px}
.reading-grid,.turn-layout{gap:45px}
.offer-grid,.story,.faq{gap:45px}
.hero-signature{right:5%;bottom:100px}
.hero-signature .icon-button{margin-left:0}
.hero-signature strong{font-size:14px}
.hero-signature>span{display:none}
.project-panel{gap:20px;padding-right:30px}
.project-panel-copy h3{font-size:31px}
.project-heading p{max-width:230px}
.comparison-image{height:560px}
.founder-header{gap:35px}
.header nav{margin-right:10px;gap:24px}
.place-photo figcaption{padding:30px}
.place-photo figcaption>strong{font-size:28px}
.review-diagnosis{grid-template-columns:1fr 1fr}
.review-diagnosis>div{border-bottom:1px solid var(--line)}
}

@media(max-width:760px){html{scroll-padding-top:20px}
.preview-bar{padding:0 20px;font-size:8px;letter-spacing:.04em;min-height:38px}
.header{height:75px;margin:0 23px;gap:15px}
.brand,.brand img{width:62px;min-width:62px}
.header nav{display:none}
.header-cta{font-size:12px;gap:25px}
.section{padding:75px 24px}
.section-marker{margin-bottom:35px;gap:20px;font-size:8px;letter-spacing:.12em}
.section-marker .marker-end{display:none}
h2{font-size:45px}
.eyebrow{font-size:8px;letter-spacing:.12em}
.hero{height:auto;min-height:790px}
.hero-media{inset:0 -45px 200px 15%;opacity:.82;transform:none!important}
.hero-media video{object-position:50% 32%}
.hero-shade{background:linear-gradient(0deg,var(--bg) 0%,rgba(8,9,13,.84) 20%,rgba(8,9,13,.12) 76%),linear-gradient(90deg,#08090d90,transparent 80%)}
.media-frame{inset:8% 24% 35% 18%;opacity:.3}
.hero-content{width:100%;padding:40px 24px 94px;pointer-events:auto}
.hero-content .eyebrow{font-size:8px;max-width:280px;margin-bottom:150px;letter-spacing:.11em}
.hero h1{font-size:clamp(45px,12.4vw,85px);line-height:1.01;max-width:580px;text-shadow:0 2px 20px #08090d66}
.hero h1 em{font-size:1.13em;color:#e9d2ab}
.hero-lead{font-size:14px;margin-top:24px;max-width:340px}
.hero-answer{font-size:12px;margin-top:10px;max-width:300px}
.hero .actions{margin-top:23px;gap:13px;align-items:stretch;flex-direction:column;max-width:400px}
.hero .button{min-height:54px}
.hero .text-link{align-self:stretch;justify-content:space-between;font-size:12px;min-height:54px}
.hero-signature{bottom:auto;top:180px;right:27px;gap:10px;text-align:right}
.hero-signature strong{font-size:12px}
.hero-signature div>span{font-size:7px;letter-spacing:.06em}
.hero-signature .icon-button{width:44px;height:44px;margin-left:4px}
.hero-bottom{left:24px;right:24px;height:55px;font-size:7px;letter-spacing:.05em}
.hero-bottom a{gap:12px}
.turn{padding-top:85px;padding-bottom:85px}
.turn-layout{grid-template-columns:1fr;gap:35px}
.turn h2{font-size:48px}
.turn-body{max-width:100%;padding:0}
.small-rule{margin-bottom:24px}
.turn-body p{font-size:15px;margin-bottom:20px}
.turn-body .turn-payoff{font-size:19px}
.reading{padding-top:50px;padding-bottom:75px}
.reading-grid{grid-template-columns:1fr;gap:37px}
.reading-visual{order:2}
.reading-copy{display:contents}
.reading-copy>.eyebrow{display:none}
.reading-copy>h2{order:0;margin:0;line-height:1.03}
.reading-copy>h2 br{display:none}
.reading-copy>h2 em{margin-left:8px}
.reading-copy>.body-intro{order:1;margin-top:-20px;font-size:14px;max-width:100%}
.zone-list{order:3;margin:0}
.reading-close{order:4;margin-top:-10px;font-size:18px}
.hud-top{padding:15px;font-size:8px}
.hud-bottom{padding:5px 12px;font-size:7px;gap:8px}
.hud-bottom .text-link{font-size:8px;gap:8px}
.face-bottom{font-size:8px}
.hud-callout{font-size:8px}
.zone{padding:18px 0}
.zone strong{font-size:15px}
.zone small{font-size:12px}
.zone-index{font-size:9px}
.project-heading,.results-heading{display:block;margin-bottom:30px}
.project-heading h2,.results-heading h2{font-size:44px}
.project-heading p,.results-heading p{font-size:14px;max-width:100%;margin-top:22px}
.project-tabs button{padding:0 10px;gap:8px;font-size:11px;min-height:58px;justify-content:center}
.project-tabs button span{font-size:8px}
.project-panel{grid-template-columns:1fr;gap:15px;padding:5px 15px 25px;min-height:0}
.project-diagram{height:270px;max-width:340px;width:100%;margin:0 auto}
.project-panel-copy .eyebrow{font-size:8px;line-height:1.7}
.project-panel-copy h3{font-size:30px;margin:17px 0}
.project-panel-copy>p{font-size:14px;min-height:95px}
.project-outcome{font-size:12px}
.results{padding-top:25px}
.comparison-image{height:460px}
.comparison-image>img,.comparison-after img{object-position:50% 28%}
.comparison.pair .comparison-image{height:300px}
.comparison-footer{flex-direction:column;padding:12px 8px 8px;gap:8px;align-items:center}
.comparison-footer>span{font-size:8px}
.mode-button{font-size:11px}
.photo-label{font-size:7px;padding:8px;top:15px}
.label-before{left:14px}
.label-after{right:14px}
.results-note{font-size:11px;line-height:1.6}
.story{grid-template-columns:1fr;gap:35px;padding-top:25px;padding-bottom:80px}
.story-photo{max-width:100%}
.story-photo img{aspect-ratio:4/4.6}
.story-photo>span{font-size:7px;line-height:1.6}
.story-copy h2{font-size:43px;margin:20px 0}
.story-copy>p:not(.eyebrow):not(.story-credit){font-size:14px}
.story-copy blockquote{font-size:21px}
.story-credit span{font-size:8px}
.offer-grid{grid-template-columns:1fr;gap:45px}
.offer-intro h2{font-size:49px}
.offer-intro>p{font-size:15px;margin:25px 0}
.offer-intro .button{width:100%}
.offer-location{font-size:8px}
.deliverable h3{font-size:21px}
.deliverable p{font-size:13px}
.offer-note p{font-size:11px}
.founder-header{grid-template-columns:1fr;gap:22px;margin-bottom:32px}
.founder-header h2{font-size:44px;margin-top:18px}
.founder-header>p{font-size:14px}
.place-grid{grid-template-columns:1fr;gap:20px}
.founder-portrait{height:440px}
.place-photo{height:370px}
.place-photo figcaption{padding:25px}
.place-photo figcaption>span{font-size:8px}
.place-photo figcaption>strong{font-size:28px}
.faq{grid-template-columns:1fr;gap:35px;padding-top:15px}
.faq h2{font-size:42px;margin-top:19px}
.faq summary{font-size:14px;min-height:70px}
.faq details>p{font-size:13px}
.closing{padding-top:85px;padding-bottom:80px}
.closing h2{font-size:76px;margin:25px 0}
.closing-content>p:not(.eyebrow):not(.ai-note){font-size:16px}
.closing .button{min-width:0;width:100%;max-width:390px;font-size:13px;padding:0 20px}
.closing-detail{font-size:7px;letter-spacing:.04em}
.closing-content .ai-note{font-size:10px;max-width:280px;margin:15px auto 0}
.closing-rings{width:650px;height:650px}
footer{padding:25px 24px 40px;flex-wrap:wrap;gap:16px}
footer>a:last-child{width:100%;margin-left:0;font-size:10px}
dialog{padding:40px 22px 24px}
dialog h2{font-size:37px}
dialog>.eyebrow{padding-right:30px}
.journey-options button{font-size:12px}
.review-intro h1{font-size:47px}
.review-intro>p{font-size:15px}
.review-diagnosis{grid-template-columns:1fr;margin-top:30px}
.review-diagnosis>div{padding:20px;border-right:0}
.review-columns{grid-template-columns:1fr;gap:15px}
.review-columns>div{padding:20px}
.review-block h2{font-size:34px}
.review-block{padding-top:35px;padding-bottom:35px}
.review-block>p{font-size:14px}
.review-columns p{font-size:14px}
.full-copy summary{font-size:13px}
.full-copy pre{font-size:13px}
.review-footer{padding:25px}
}

@media(max-width:360px){.hero h1{font-size:45px}
.hero-content{padding-left:20px;padding-right:20px}
.section{padding-left:20px;padding-right:20px}
.project-tabs button{padding:0 7px;font-size:10px}
.project-tabs button span{display:none}
.reading-copy>h2{font-size:40px}
.closing h2{font-size:68px}
}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
*,*:before,*:after{animation:none!important;transition:none!important}
.hero-media,.face-image img{transform:none!important}
.js-motion .reveal:not(.is-visible){opacity:1;transform:none}
.hero video{opacity:1}
}


/* V2 — scroll choreography. The document always owns the scroll. */
.reading-progress{position:fixed;inset:0 0 auto;height:2px;background:transparent;z-index:90;pointer-events:none}
.reading-progress i{display:block;width:100%;height:100%;background:var(--amber);transform:scaleX(var(--page-progress,0));transform-origin:left}

.method-bridge{display:flex;gap:24px;align-items:center;margin-top:80px;font:9px Mono,monospace;letter-spacing:.13em;color:var(--muted)}
.method-bridge svg{height:70px;flex:1;min-width:0;overflow:visible;fill:none;stroke-width:1}
.bridge-track{stroke:#293c43}
.bridge-draw{stroke:var(--cyan);stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--bridge-progress,0))}
.method-bridge circle{fill:var(--bg);stroke:var(--cyan);opacity:var(--bridge-progress,0)}

.reading-intro{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:48px}
.reading-intro>div{max-width:380px}
.reading-intro .body-intro{margin-top:18px}
.reading-grid{align-items:center;gap:65px}
.reading-copy{display:block}
.reading-copy .zone-list{margin:0}
.reading-caption{display:none}
.face-stage{aspect-ratio:auto;height:min(57svh,570px)}
.reading-visual{transform:none!important;opacity:1!important}
.scan-line{position:absolute;left:5%;right:5%;height:1px;background:linear-gradient(90deg,transparent,#37c8df80,transparent);top:var(--scan-y,12%);pointer-events:none}
.hud-bottom{min-height:49px}
.scroll-cue{font:8px Mono,monospace;letter-spacing:.08em;display:flex;gap:8px;align-items:center;white-space:nowrap}
.scroll-cue b{font-weight:400;font-size:15px}
.face-image img,.target-box{transition:none}
.target-box{background:linear-gradient(90deg,#f5a62308,transparent)}
.hud-callout{transition:top .5s var(--ease)}
.js-motion .reading-track{height:calc(var(--reading-height,650px) + 90svh)}
.js-motion .reading-grid{position:sticky;top:28px}
.reading{padding-bottom:90px}
.js-motion .project-track{height:calc(var(--project-height,500px) + 85svh)}
.js-motion .project-flow{position:sticky;top:48px;background:var(--bg)}
.project-flow{position:relative}
.project-flow:after{content:'';position:absolute;bottom:-1px;left:0;width:100%;height:1px;background:var(--cyan);transform:scaleX(var(--project-progress,0));transform-origin:left}
.project-diagram .orbit-one{transform:rotateX(calc(55deg - var(--project-progress,0)*30deg)) rotateZ(calc(-32deg + var(--project-progress,0)*210deg))!important;transition:none}
.project-diagram .orbit-two{transform:rotateY(calc(50deg - var(--project-progress,0)*25deg)) rotateZ(calc(45deg + var(--project-progress,0)*150deg))!important;transition:none}
.project-diagram .orbit-core img{transform:translateX(calc(var(--project-progress,0)*10px)) scale(calc(1 + var(--project-progress,0)*.05))!important;transition:none}
.project-panel-copy{min-width:0}
.project-panel-copy>p{min-height:110px}
.project-outcome{min-height:65px}

.comparison-pair{display:grid;grid-template-columns:1fr 1fr;gap:30px;position:relative;padding:0 24px}
.comparison-pair figure{min-width:0;border-bottom:1px solid var(--line)}
.case-photo{height:auto;aspect-ratio:3/4;max-height:680px;background:#12151a;overflow:hidden}
.case-photo img{display:block;width:100%;height:100%;object-fit:contain;transform:none}
.comparison-pair figcaption{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:20px 0}
.comparison-pair figcaption>span:first-child{font:9px Mono,monospace;letter-spacing:.08em;color:var(--cyan)}
.comparison-pair figure:last-of-type figcaption>span:first-child{color:var(--amber)}
.comparison-pair figcaption>span:last-child{font-size:12px;color:var(--muted)}
.case-connector{position:absolute;inset:45% 0 auto;display:flex;align-items:center;justify-content:center;pointer-events:none;gap:0}
.case-connector i{height:1px;background:var(--cyan);width:15px;opacity:.5}
.case-connector span{border:1px solid #4b5f66;background:var(--bg);width:35px;height:35px;border-radius:50%;display:grid;place-items:center;color:var(--cyan);font:18px DM,sans-serif}
.results-note{max-width:700px;margin:24px auto 0;text-align:center;color:var(--muted);font-size:12px;line-height:1.7}

.story{grid-template-columns:1fr 1.1fr;gap:85px;align-items:center;padding-top:70px}
.story-media{max-width:500px;width:100%;position:relative}
.story-film{position:relative;aspect-ratio:9/16;background:#11151a;overflow:hidden;max-height:660px;margin:0 auto}
.story-film video{display:block;width:100%;height:100%;object-fit:contain}
.film-corners{position:absolute;inset:16px;pointer-events:none}
.film-corners:before,.film-corners:after{content:'';position:absolute;width:25px;height:25px;border:1px solid #37c8df99}
.film-corners:before{inset:0 auto auto 0;border-right:0;border-bottom:0}
.film-corners:after{inset:auto 0 0 auto;border-left:0;border-top:0}
.film-label{position:absolute;bottom:0;left:0;right:0;padding:45px 25px 23px;background:linear-gradient(transparent,#08090dc9);font:9px Mono,monospace;letter-spacing:.15em}
.film-progress{position:absolute;bottom:0;left:0;right:0;height:2px;background:#37c8df22}
.film-progress i{display:block;width:100%;height:100%;background:var(--amber);transform:scaleX(var(--film-progress,0));transform-origin:left}
.film-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;max-width:372px;margin:0 auto 24px;color:var(--muted)}
.film-footer>span{font:8px Mono,monospace;letter-spacing:.09em}
.film-footer .text-link{font-size:11px;min-height:44px;border:0}
.story-originals{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.story-originals img{width:100%;height:260px;object-fit:contain;background:#11151a;transform:none}
.story-originals figcaption{font:8px Mono,monospace;color:var(--muted);padding:13px 0;letter-spacing:.04em}
.story-originals figure:last-child figcaption{color:var(--amber)}
.story-copy{position:sticky;top:100px;align-self:start;margin-top:100px}
.story-copy h2{font-size:clamp(43px,4.3vw,66px)}

.js-motion .section-marker:after{transform:scaleX(var(--section-progress,0));transform-origin:left}
.js-motion .deliverable{transition-delay:calc(var(--item-index,0)*90ms)}
.deliverable:nth-child(2){--item-index:1}
.deliverable:nth-child(3){--item-index:2}
.closing-rings{transform:translate(-50%,-50%) rotateX(55deg) rotateZ(calc(var(--closing-progress,0)*35deg))}
.place-photo>img{transform:scale(1.07) translateY(calc(var(--place-progress,0)*-18px));will-change:transform}

@media(min-width:901px) and (max-height:800px){.face-stage{height:52svh}
.zone{padding:17px 0}
.reading-close{font-size:16px;margin-top:20px}
.hud-top{padding:15px}
.project-panel{min-height:390px}
.project-diagram{height:310px}
}

@media(max-width:1100px){.story{gap:40px}
.comparison-pair{padding:0;gap:20px}
.story-originals img{height:220px}
.reading-grid{gap:35px}
.zone strong{font-size:15px}
.zone small{font-size:12px}
}

@media(max-width:900px){.reading-intro{display:block}
.reading-intro>div{max-width:100%;margin-top:24px}
.reading-intro .body-intro{max-width:540px;font-size:14px;margin-top:9px}
.reading-grid{display:grid;grid-template-columns:1fr;gap:18px;max-width:560px;margin:0 auto}
.reading-visual{order:0;width:100%;max-width:420px;margin:0 auto}
.reading-copy{order:1;display:block}
.face-stage{height:min(39svh,360px)}
.face-image img{object-fit:cover;object-position:50% 31%}
.zone-list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.zone{display:block;padding:12px 0;min-width:0;min-height:71px}
.zone-index{display:none}
.zone strong{font-size:11px;line-height:1.5}
.zone small,.zone-arrow{display:none}
.reading-caption{display:block;font-size:13px;color:var(--muted);margin-top:9px;min-height:63px;line-height:1.55}
.reading-close{display:none}
.js-motion .reading-grid{top:14px}
.js-motion .reading-track{height:calc(var(--reading-height,600px) + 80svh)}
.project-panel{grid-template-columns:1fr 1fr;gap:24px;padding:20px}
.project-diagram{height:320px}
.project-panel-copy h3{font-size:28px}
.project-panel-copy>p{font-size:13px;min-height:125px}
.project-outcome{font-size:11px;min-height:66px}
.project-panel-copy .eyebrow{font-size:8px}
.story{grid-template-columns:1fr;gap:35px}
.story-media{max-width:520px;margin:0 auto}
.story-copy{position:static;margin-top:0}
.story-copy h2{font-size:55px}
.story-originals img{height:280px}
.story-film{max-height:620px}
.story-copy h2 br:first-child{display:none}
}

@media(max-width:760px){.method-bridge{gap:14px;margin-top:45px;font-size:7px;letter-spacing:.06em}
.method-bridge svg{height:50px}
.turn{padding-bottom:50px}
.reading-intro h2{font-size:44px}
.reading-intro h2 br{display:none}
.reading-intro h2 em{margin-left:8px}
.reading-intro{margin-bottom:28px}
.reading{padding-bottom:65px}
.hud-top{padding:12px;font-size:8px}
.hud-bottom{min-height:40px;padding:8px 10px}
.hud-bottom>span:first-child{font-size:6px;letter-spacing:.05em}
.scroll-cue{font-size:6px;letter-spacing:.03em;gap:4px}
.face-bottom{font-size:6px;padding:35px 12px 14px}
.reading-grid{gap:15px}
.project-panel{display:block;padding:15px 18px 20px}
.project-diagram{height:min(29svh,240px);max-width:320px}
.project-panel-copy h3{font-size:28px;margin:13px 0}
.project-panel-copy>p{min-height:85px;font-size:12px;line-height:1.65}
.project-panel-copy .eyebrow{font-size:7px}
.project-outcome{font-size:11px;min-height:53px;margin-top:14px;padding-top:12px}
.project-tabs button{min-height:50px;font-size:10px}
.js-motion .project-flow{top:14px}
.js-motion .project-track{height:calc(var(--project-height,560px) + 75svh)}
.comparison-pair{gap:12px;padding:0}
.case-photo{aspect-ratio:3/4;max-height:none}
.comparison-pair figcaption{display:block;padding:13px 0}
.comparison-pair figcaption>span:first-child{font-size:7px;letter-spacing:.04em}
.comparison-pair figcaption>span:last-child{display:block;margin-top:7px;font-size:10px}
.case-connector i{width:4px}
.case-connector span{width:25px;height:25px;font-size:13px}
.case-connector{top:38%}
.results-note{font-size:11px;text-align:left}
.story{padding-top:35px;gap:30px}
.story-film{max-height:540px;width:auto}
.story-originals{gap:12px}
.story-originals img{height:240px}
.story-originals figcaption{font-size:6px}
.story-copy h2{font-size:42px}
.film-footer{margin-bottom:16px}
.film-label{font-size:8px}
.film-footer>span{font-size:7px}
.story-media{max-width:100%}
}

@media(prefers-reduced-motion:reduce){.reading-track,.project-track{height:auto!important}
.reading-grid,.project-flow{position:static!important}
.scan-line,.scroll-cue{display:none}
.method-bridge .bridge-draw{stroke-dashoffset:0}
.method-bridge circle{opacity:1}
.section-marker:after{transform:none!important}
.place-photo>img{transform:none}
.story-film,.film-footer{display:none}
.story-originals img{height:auto;aspect-ratio:9/16}
.story-copy{margin-top:0;position:static}
.story-originals{gap:16px}
.story-media{max-width:none}
.reading-progress{display:none}
}

@media(min-width:901px){.reading-copy .zone{min-height:120px}
}

.js-motion .reading-grid{top:max(14px,calc((100svh - var(--reading-height,650px))/2))}

.js-motion .project-flow{top:max(14px,calc((100svh - var(--project-height,500px))/2))}


/* Production: original photos, complete contact dialog, no prototype controls. */
.story{grid-template-columns:1.05fr 1fr;gap:65px;align-items:center}
.story-media{max-width:none}
.story-originals img{height:auto;aspect-ratio:9/16;object-fit:contain}
.story-copy{position:static;margin-top:0;align-self:center}
.story-copy h2{font-size:clamp(40px,4vw,60px)}

.footer-links{margin-left:auto;display:flex;flex-wrap:wrap;align-items:center;gap:22px}
.footer-links a{font-size:11px;color:var(--muted);min-height:44px;display:flex;align-items:center}

.lead-modal{color:var(--fg);background:var(--panel);border:1px solid #454b58;border-radius:5px;width:520px;padding:36px;max-width:calc(100vw - 32px);max-height:90svh;overflow:auto}
.lead-modal::backdrop{background:#000b;backdrop-filter:blur(7px)}
.lead-modal-box{position:relative}
.lead-modal-close{position:absolute;right:-15px;top:-15px;font-size:28px}
.lead-modal h2{font-size:36px;margin:22px 0 18px}
.lead-modal #lead-modal-desc{font-size:14px;color:var(--muted);line-height:1.6}
.lead-form{display:grid;gap:18px;margin-top:25px}
.lead-field label{display:block;font-size:12px;margin-bottom:8px}
.lead-field input{width:100%;min-height:50px;padding:12px 14px;border:1px solid #626a79;border-radius:3px;background:#08090d;color:var(--fg);font:16px DM,sans-serif}
.lead-field input.is-error{border:2px solid #f19b90}
.lead-form-legal,.lead-saved{font-size:11px;color:var(--muted);line-height:1.6}
.lead-form-legal a{text-decoration:underline;text-underline-offset:3px}
.lead-saved{display:none}
.lead-saved.is-on{display:block;color:var(--cyan)}
.lead-form .button{width:100%;text-align:left}
.lead-form .button span:first-child{font-size:14px;font-weight:600}
.lead-modal .eyebrow{padding-right:25px}

@media(max-width:900px){.story{grid-template-columns:1fr;gap:35px}
.story-media{max-width:600px}
.story-copy h2{font-size:48px}
}

@media(max-width:760px){.story-copy h2{font-size:42px}
.footer-links{margin-left:0;gap:18px}
.lead-modal{padding:30px 22px}
.lead-modal-close{right:-6px;top:-12px}
.lead-modal h2{font-size:31px}
.story-originals figcaption{font-size:7px}
}