@font-face{font-family:Manrope;src:url("assets/manrope.ttf") format("truetype");font-weight:200 800;font-display:swap}
:root{--sc-canvas:var(--ah-bone);--sc-surface:var(--ah-surface);--sc-ink:var(--ah-ink);--sc-ink-soft:var(--ah-muted);--sc-accent:var(--ah-emerald);--sc-accent-ink:var(--ah-ink);--sc-font-display:Manrope,sans-serif;--sc-font-text:Manrope,sans-serif;--sc-ease-out:var(--ah-ease)}
html{scroll-behavior:auto;scroll-padding-top:9rem}
body{margin:0;background:var(--ah-bone);font-family:var(--ah-font);font-size:var(--ah-type-body);line-height:1.6;color:var(--ah-ink)}
button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}
a{text-underline-offset:.22em}button{font:inherit}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:600}button{cursor:pointer}
:focus-visible{outline:3px solid var(--ah-link);outline-offset:5px}
[hidden]{display:none!important}
.skip{position:absolute;left:20px;top:-100px;z-index:30;background:var(--ah-bone);padding:12px}
.skip:focus{top:12px}
.review-bar{position:sticky;top:0;z-index:10;background:var(--ah-surface);border-bottom:1px solid var(--ah-border);padding:12px max(20px,calc((100% - 1280px)/2));display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.review-identity{display:flex;align-items:center;gap:16px;font-size:14px;color:var(--ah-muted)}
.review-identity img{width:176px;height:auto;display:block}
.variants{display:flex;flex-wrap:wrap;gap:8px}
.variants a{display:flex;align-items:center;justify-content:center;min-height:48px;padding:8px 16px;text-decoration:none;border-radius:8px;font-size:14px;font-weight:650;color:var(--ah-ink);border:1px solid transparent}
.variants a[aria-current=page]{background:var(--ah-ink);color:var(--ah-bone)}
.variants a:hover:not([aria-current]){border-color:var(--ah-control-border)}
.shell{max-width:calc(1280px + 2 * var(--ah-gutter));padding-inline:var(--ah-gutter);margin-inline:auto}
.study-intro{padding-block:48px 32px;display:grid;grid-template-columns:1fr auto;align-items:end;gap:24px}
.study-intro h1{font-size:clamp(2rem,4vw,3rem);letter-spacing:-.04em;line-height:1.1;margin-bottom:16px}
.study-intro p{max-width:62ch;color:var(--ah-muted);font-size:16px}
.tools{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px;align-items:center}
.tools button{min-height:48px;border:1px solid var(--ah-control-border);background:transparent;padding:8px 16px;border-radius:8px;font-size:14px;font-weight:650;color:var(--ah-ink)}
.tools button:disabled{opacity:.6;cursor:default}
#motion-note{font-size:14px;color:var(--ah-muted);display:block;min-height:1.6em;margin-top:8px}
.study-stamp{font-size:14px;color:var(--ah-muted);text-align:right}
.preview-label{display:flex;align-items:center;justify-content:space-between;padding-block:16px;border-top:1px solid var(--ah-control-border);font-size:14px;color:var(--ah-muted);gap:16px}
.preview-label span:last-child{color:var(--ah-link)}
#sample{isolation:isolate}
.intro-section{padding-block:48px 88px;display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,72px);align-items:center}
.intro-copy h2{font-size:clamp(2.4rem,4.5vw,4rem);line-height:1.1;letter-spacing:-.045em;margin-bottom:24px}
.headline-line{display:block}
.intro-copy p{max-width:43ch;color:var(--ah-muted);margin-bottom:28px}
.inline-link{display:inline-flex;align-items:center;gap:16px;min-height:48px;font-size:16px;font-weight:650;color:var(--ah-link)}
.arrow{display:inline-block;transition:transform 180ms var(--ah-ease)}
.inline-link:hover .arrow,.inline-link:focus-visible .arrow{transform:translateX(4px)}
.brand-figure{position:relative;margin:0}
.image-frame{aspect-ratio:1.42;position:relative;overflow:hidden;border-radius:var(--ah-radius-media);background:#e1dbd1}
.art-plane{position:absolute;inset:-24px}
.art-plane img{width:100%;height:100%;object-fit:cover;display:block}
.image-caption{margin-top:12px;font-size:14px;color:var(--ah-muted)}
.section-top{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:end;margin-bottom:40px}
.section-top h2{font-size:var(--ah-type-h2);line-height:1.1;letter-spacing:-.04em;max-width:16ch}
.section-top p{max-width:43ch;color:var(--ah-muted)}
.examples{background:var(--ah-surface);padding-block:72px}
.work-area{display:grid;grid-template-columns:minmax(230px,.75fr) minmax(0,1.25fr);gap:clamp(32px,6vw,88px)}
.workflow-choices{display:flex;flex-direction:column;gap:0}
.workflow-choices button{position:relative;text-align:left;border:0;border-bottom:1px solid var(--ah-border);background:transparent;min-height:64px;padding:18px 40px 18px 0;color:var(--ah-muted);font-size:18px;font-weight:600}
.workflow-choices button::after{content:'↗';position:absolute;right:8px;color:var(--ah-link);opacity:0;transform:translateX(-4px);transition:opacity 160ms ease,transform 180ms var(--ah-ease)}
.workflow-choices button[aria-pressed=true]{color:var(--ah-ink)}
.workflow-choices button[aria-pressed=true]::after{opacity:1;transform:none}
.choice-line{position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--ah-emerald);transform:scaleX(0);transform-origin:left;transition:transform 240ms var(--ah-ease)}
.workflow-choices button[aria-pressed=true] .choice-line{transform:scaleX(1)}
.example-pane{min-height:270px;padding:32px;border:1px solid var(--ah-border);border-radius:var(--ah-radius-card);background:var(--ah-bone)}
.example-label{font-size:14px;color:var(--ah-link);margin-bottom:14px}
.example-pane h3{font-size:var(--ah-type-h3);letter-spacing:-.025em;line-height:1.2;margin-bottom:16px}
.example-pane p{color:var(--ah-muted);max-width:50ch}
.human-check{display:flex;gap:12px;align-items:flex-start;margin-top:24px;padding-top:20px;border-top:1px solid var(--ah-border);font-size:14px;color:var(--ah-ink)}
.human-check svg{flex:none;width:24px;height:24px;stroke:var(--ah-link);fill:none;stroke-width:1.75}
.method{padding-block:88px}
.method-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:clamp(32px,6vw,88px)}
.method-title h2{font-size:var(--ah-type-h2);letter-spacing:-.04em;line-height:1.1;margin-bottom:24px;max-width:13ch}
.method-title p{max-width:35ch;color:var(--ah-muted)}
.method-rows{list-style:none;margin:0;padding:0;counter-reset:steps}
.method-row{position:relative;display:grid;grid-template-columns:44px 1fr;gap:16px;padding:24px 0;border-bottom:1px solid var(--ah-border);--step-progress:clamp(0,calc((var(--sc-p, 0) - .28) * 3.3),1)}
.step-marker{position:relative;width:32px;height:32px;border:1px solid var(--ah-control-border);border-radius:50%;display:grid;place-items:center;font-size:14px;margin-top:4px;isolation:isolate}
.step-marker::before{content:'';position:absolute;inset:-1px;border-radius:inherit;background:var(--ah-emerald);opacity:0;z-index:-1}
.method-row h3{font-size:24px;letter-spacing:-.025em;margin-bottom:6px;line-height:1.3}
.method-row p{font-size:16px;color:var(--ah-muted);max-width:46ch}
.step-trace{position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--ah-emerald);transform-origin:left;transform:scaleX(0)}
.close-section{background:var(--ah-ink);color:var(--ah-bone);padding-block:64px}
.close-content{display:flex;gap:32px;justify-content:space-between;align-items:center}
.close-content h2{font-size:clamp(2rem,3.6vw,3.25rem);letter-spacing:-.04em;line-height:1.1;max-width:19ch}
.close-content a{flex:none}
.review-end{padding-block:48px 64px}
.review-end h2{font-size:24px;line-height:1.25;margin-bottom:12px}
.review-end p{font-size:16px;color:var(--ah-muted);max-width:64ch}
.pick-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px;align-items:center}
.pick-status{font-size:14px!important;min-height:24px;margin-top:12px}
#choice-copy{display:block;margin-top:12px;max-width:640px}
.review-note{font-size:14px!important;margin-top:32px}
html:not(.motion-ready) [data-sc-in],html:not(.motion-ready) [data-sc-stagger]>*{opacity:1;transform:none;transition:none}
.motion-ready [data-sc-in],.motion-ready [data-sc-stagger]>*{transition-duration:360ms;transition-timing-function:var(--ah-ease)}
.motion-ready [data-sc-in]:focus-within{opacity:1;transform:none}
[data-treatment=a] .line-mask{display:block;overflow:hidden;padding-block:.12em;margin-block:-.12em}
[data-treatment=a].motion-ready .headline-line{transition:opacity 360ms var(--ah-ease),transform 360ms var(--ah-ease)}
[data-treatment=a].motion-ready h2:not(.sc-in) .headline-line{opacity:0;transform:translateY(35%)}
[data-treatment=b].motion-ready [data-sc-in]{transition-duration:420ms}
[data-treatment=b] .example-pane{--panel-progress:clamp(0,calc((var(--sc-p,0) - .15) * 2.5),1)}
[data-treatment=b].motion-ready .example-pane{transform:scale(calc(.985 + var(--panel-progress) * .015));transform-origin:50% 80%}
[data-treatment=c].motion-ready .method-row .step-trace{transform:scaleX(var(--step-progress))}
[data-treatment=c].motion-ready .step-marker::before{opacity:var(--step-progress)}
[data-treatment=c].motion-ready .intro-rule{transform:scaleX(clamp(0,calc((var(--sc-p,0) - .2) * 3),1))}
.intro-rule{width:96px;height:2px;background:var(--ah-emerald);margin-bottom:24px;transform-origin:left}
[data-treatment=a] .intro-rule,[data-treatment=b] .intro-rule{visibility:hidden}
.motion-off [data-sc-in],.motion-off [data-sc-stagger]>*,.motion-off .headline-line{opacity:1!important;transform:none!important;transition:none!important}
.motion-off .art-plane,.motion-off .example-pane{transform:none!important}
.motion-off[data-treatment=c] .step-trace,.motion-off[data-treatment=c] .intro-rule{transform:scaleX(1)!important}
.motion-off[data-treatment=c] .step-marker::before{opacity:1!important}
.motion-off *, .motion-off *::after, .motion-off *::before{animation:none!important;transition:none!important}
@media(max-width:850px){.review-identity span{display:none}.study-intro{grid-template-columns:1fr}.study-stamp{text-align:left}.intro-section{gap:32px}.work-area,.method-layout{grid-template-columns:.8fr 1.2fr;gap:32px}}
@media(max-width:650px){
html{scroll-padding-top:10rem}
.review-bar{padding:8px 20px;gap:8px}
.review-identity img{width:176px}
.variants{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:4px}
.variants a{padding:6px;font-size:14px}
.study-intro{padding-top:32px}
.study-stamp{display:none}
.preview-label{font-size:14px}
.preview-label span:last-child{display:none}
.intro-section{grid-template-columns:1fr;padding-block:32px 56px;gap:32px}
.intro-copy h2{font-size:clamp(2.25rem,8.5vw,3rem)}
.section-top{grid-template-columns:1fr;gap:20px;margin-bottom:28px}
.work-area,.method-layout{grid-template-columns:1fr;gap:28px}
.examples{padding-block:48px}
.workflow-choices{flex-direction:row;gap:16px;flex-wrap:wrap}
.workflow-choices button{font-size:16px;min-height:48px;padding:10px 0}
.workflow-choices button::after{display:none}
.example-pane{padding:24px;min-height:290px}
.method{padding-block:56px}
.method-title h2{max-width:18ch}
.method-row{grid-template-columns:36px 1fr;gap:12px}
.close-content{align-items:flex-start;flex-direction:column}
.close-section{padding-block:48px}
.tools{gap:8px}
}
@media(prefers-reduced-motion:reduce){
[data-sc-in],[data-sc-stagger]>*,.headline-line{opacity:1!important;transform:none!important;transition:none!important}
.art-plane,.example-pane{transform:none!important}
[data-treatment=c] .step-trace,[data-treatment=c] .intro-rule{transform:scaleX(1)!important}
[data-treatment=c] .step-marker::before{opacity:1!important}
*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}

[data-treatment=a] .line-mask:nth-child(2) .headline-line{transition-delay:60ms}
[data-treatment=a].motion-ready .intro-copy h2[data-sc-in]{transform:none}