@font-face{font-family:Manrope;src:url('/api/fonts/manrope/e391a6ac08ae3daf') format('woff2');font-weight:200 800;font-display:swap}
:root{color-scheme:dark;--ink:var(--fw-charcoal);--paper:var(--fw-ivory);--muted:var(--fw-muted-dark);--accent:var(--fw-amber);--line:rgb(var(--fw-ivory-rgb) / 0.157);--gutter:clamp(22px,5.4vw,104px)}
*{box-sizing:border-box}html{scroll-padding-top:88px}body{margin:0;background:var(--ink);color:var(--paper);font:16px/1.65 Manrope,system-ui,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid currentColor;outline-offset:6px}img{display:block;width:100%;max-width:100%;height:auto}figure,p,h1,h2,h3{margin:0}h1,h2,h3{font-weight:500;line-height:1.04;letter-spacing:-.055em;text-wrap:balance;overflow-wrap:anywhere}p{overflow-wrap:anywhere;text-wrap:pretty}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip{position:absolute;top:16px;left:16px;transform:translateY(-180%);z-index:30;background:var(--paper);color:var(--ink);padding:14px 22px}.skip:focus{transform:none}
.case-header{min-height:100px;padding:24px var(--gutter);display:flex;align-items:center;gap:30px;border-bottom:1px solid var(--line);background:var(--fw-ivory)}.wordmark{font-size:22px;font-weight:750;letter-spacing:-.055em;white-space:nowrap}.wordmark span{color:var(--accent);font-size:14px;margin-left:10px}.back-link{margin-left:auto;display:flex;gap:18px;align-items:center;min-height:44px;font-size:13px}.header-contact{margin-left:40px;border:1px solid rgb(var(--fw-ivory-rgb) / 0.439);border-radius:50px;padding:10px 20px;font-size:13px}.header-contact span{margin-left:22px}.case-hero{padding:46px var(--gutter) 0;background:var(--fw-ivory)}.hero-top{display:flex;justify-content:space-between;gap:25px}.eyebrow,.edition,.section-label,.project-meta>div>span,.plate-label,.scroll-cue,.case-index,.row-number{font-size:11px;letter-spacing:.09em;text-transform:uppercase}.edition{color:var(--muted)}.hero-heading{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:7vw;align-items:end;padding:46px 0 66px}.case-title{font-size:clamp(64px,8.9vw,170px);max-width:9ch;line-height:.96;letter-spacing:-.065em}.hero-intro{max-width:38ch;padding-bottom:4px}.hero-statement{font-size:clamp(22px,2.5vw,40px);line-height:1.16;letter-spacing:-.04em;margin-bottom:22px}.hero-intro>p:not(.hero-statement){color:var(--muted);font-size:14px;line-height:1.75}.pill{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;min-height:52px;background:var(--paper);color:var(--ink);padding:15px 23px;border-radius:40px;font-size:13px;font-weight:650;transition:background .2s,transform .2s}.pill:hover{background:var(--accent);transform:translateY(-2px)}.pill span{font-size:20px;line-height:1}.hero-intro .pill{margin-top:30px}.hero-plate{position:relative;border-radius:20px;overflow:hidden;background:var(--fw-raised);isolation:isolate}.hero-plate img{aspect-ratio:1.88;object-fit:cover;object-position:center;transform:scale(1.04)}.hero-plate:after{content:'';position:absolute;inset:60% 0 0;z-index:0;background:linear-gradient(transparent,rgb(var(--fw-charcoal-rgb) / 0.902));pointer-events:none}.plate-label,.scroll-cue{position:absolute;bottom:32px;z-index:1}.plate-label{left:34px}.plate-label>span{padding:0 16px;color:var(--accent)}.scroll-cue{right:34px;display:flex;align-items:center;gap:28px;min-height:44px}.scroll-cue>span{font-size:26px}.project-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:35px;padding:35px 0 48px}.project-meta>div>span{color:var(--muted)}.project-meta p{font-size:13px;line-height:1.5;margin-top:9px}.case-index{position:sticky;top:0;z-index:10;padding:0 var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px;background:rgb(var(--fw-charcoal-rgb) / 0.961);border-block:1px solid var(--line);backdrop-filter:blur(12px)}.case-index a{display:flex;align-items:center;min-height:60px;position:relative}.case-index a:after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .3s}.case-index a[aria-current=true]:after,.case-index a:hover:after{transform:scaleX(1)}.section-pad{padding:110px var(--gutter)}.light-section{background:var(--paper);color:var(--ink);--line:rgb(var(--fw-ink-rgb) / 0.188);--muted:var(--fw-muted-light);color-scheme:light}.section-label{margin-bottom:48px;display:flex;align-items:center;gap:14px}.section-label:before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor}.section-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:10vw;align-items:start}.section-grid h2{font-size:clamp(40px,5.2vw,86px);max-width:12ch}.body-copy{max-width:51ch;font-size:15px;line-height:1.85;color:var(--muted)}.body-copy p+p{margin-top:24px}.principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;margin-top:80px;padding-top:30px;border-top:1px solid var(--line)}.principles p{font-size:17px;letter-spacing:-.03em}.principles span{display:block;font:11px/1.5 Manrope,sans-serif;letter-spacing:.1em;margin-bottom:14px;color:var(--muted)}.evolution{padding-top:25px}.evolution .section-label{border-top:1px solid var(--line);padding-top:45px}.compact{margin-bottom:56px}.study-tabs{display:flex;gap:0;border-block:1px solid var(--line);margin-bottom:30px}.study-tabs a{flex:1;display:flex;gap:15px;align-items:center;min-width:0;min-height:76px;padding:15px 12px;font-size:12px;line-height:1.3;position:relative;transition:background .25s,color .25s}.study-tabs a>span{font-size:10px;opacity:.6}.study-tabs [aria-selected=true]{background:var(--ink);color:var(--paper)}.study-tabs a:hover{background:rgb(var(--fw-charcoal-rgb) / 0.051)}.study-tabs [aria-selected=true]:hover{background:var(--ink)}.study-panel figure img{aspect-ratio:1425/891;object-fit:contain;background:var(--fw-raised);border-radius:16px}.study-panel[hidden]{display:none}.study-panel:not(:last-child){margin-bottom:50px}.study-viewer[data-enhanced] .study-panel{margin-bottom:0}.study-panel figcaption,figure>figcaption{display:flex;justify-content:space-between;gap:20px;font-size:11px;color:var(--muted);padding-top:16px;line-height:1.5}.study-story{display:grid;grid-template-columns:.32fr 1fr .6fr;gap:30px;padding-top:40px;align-items:start}.study-numeral{font-size:75px;line-height:1;letter-spacing:-.07em}.study-story h3{font-size:32px;max-width:18ch;margin:0 0 20px}.study-story p{font-size:14px;color:var(--muted);max-width:57ch;line-height:1.85}.text-link{display:inline-flex;align-items:center;gap:12px;min-height:44px;font-size:13px;line-height:1.5;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px}.text-link:hover{color:var(--fw-amber-ink)}.study-story>.text-link{justify-self:end}.archive-footer{display:flex;gap:50px;justify-content:space-between;align-items:end;padding-top:50px}.archive-footer p{max-width:55ch;color:var(--muted);font-size:12px}.craft{padding-bottom:100px;background:var(--fw-charcoal)}.craft .section-grid{margin-bottom:70px}.craft h2{max-width:14ch}.wide-figure{margin-bottom:70px}.wide-figure img{border-radius:18px;aspect-ratio:16/9;object-fit:cover}.refinement-row{display:grid;grid-template-columns:.16fr .8fr 1fr;gap:4vw;padding:44px 0;border-top:1px solid var(--line);align-items:start}.row-number{color:var(--accent);padding-top:5px}.refinement-row h3{font-size:clamp(26px,3vw,42px);max-width:15ch}.refinement-row .text-link{margin-top:25px;color:var(--paper)}.material-pair{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin:40px 0 60px}.material-pair img{border-radius:14px;aspect-ratio:1.35;object-fit:cover}.material-pair figcaption{font-size:11px}.device-proof{display:grid;grid-template-columns:minmax(0,.45fr) minmax(0,1fr);gap:8vw;align-items:start;margin:75px 4vw 95px}.portrait-proof img{border:7px solid var(--ink);border-radius:30px;box-shadow:0 24px 55px rgb(var(--fw-charcoal-rgb) / 0.094)}.landscape-column{padding-top:85px}.landscape-column figure img{border:7px solid var(--ink);border-radius:22px;box-shadow:0 24px 55px rgb(var(--fw-charcoal-rgb) / 0.094)}.proof-copy{max-width:49ch;margin:65px auto 0}.proof-copy h3{font-size:32px;line-height:1.15;max-width:22ch;margin-bottom:22px}.proof-copy p{font-size:14px;line-height:1.85;color:var(--muted)}.performance{display:grid;grid-template-columns:1.15fr .65fr .65fr;gap:5vw;border-block:1px solid var(--line);padding:45px 0}.performance h3{font-size:32px;max-width:18ch;margin-bottom:24px}.performance p{font-size:13px;color:var(--muted);line-height:1.8}.metric strong{display:block;font-size:clamp(48px,5.5vw,85px);letter-spacing:-.07em;font-weight:500;line-height:1.05;white-space:nowrap}.metric strong span{font-size:.38em;letter-spacing:-.04em;margin-left:4px}.metric p{font-size:14px;margin:24px 0 12px;color:var(--ink)}.metric small{display:block;color:var(--muted);font-size:11px;line-height:1.7}.verification summary{list-style:none;display:flex;justify-content:space-between;gap:24px;cursor:pointer;padding:23px 0;min-height:64px;font-size:14px}.verification summary::-webkit-details-marker{display:none}.verification summary span{font-size:23px;line-height:1}.verification[open] summary span{transform:rotate(45deg)}.verification>div{display:grid;grid-template-columns:1fr 1fr;gap:40px;font-size:13px;color:var(--muted);padding:10px 0 30px}.living h2{max-width:12ch}.content-map{display:flex;align-items:center;margin:65px auto 0;max-width:940px}.record-node{font-size:27px;line-height:1.2;padding:30px 35px;border:1px solid var(--line);border-radius:14px;flex:1;letter-spacing:-.04em}.record-node span,.record-destinations span{display:block;font-size:12px;line-height:1.6;color:var(--muted);letter-spacing:0;margin-top:12px}.map-connector{height:1px;flex:.22;background:var(--accent);position:relative}.map-connector:after{content:'';position:absolute;right:-1px;top:-3px;width:7px;height:7px;border-right:1px solid var(--accent);border-top:1px solid var(--accent);transform:rotate(45deg)}.record-destinations{flex:1;border-left:1px solid var(--accent);padding-left:40px}.record-destinations>div{font-size:20px;padding:15px 0}.record-destinations>div+div{border-top:1px solid var(--line)}.closing h2{font-size:clamp(44px,6.4vw,106px);max-width:17ch}.closing>p{max-width:57ch;margin:35px 0;color:var(--muted);font-size:15px;line-height:1.8}.closing-actions{display:flex;gap:35px;align-items:center;flex-wrap:wrap;margin-top:45px}.dark-pill{background:var(--ink);color:var(--paper)}.dark-pill:hover{background:var(--fw-raised)}.case-footer{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:45px var(--gutter)}.case-footer>div{display:flex;gap:30px;flex-wrap:wrap}.case-footer>div a{font-size:12px;display:inline-flex;align-items:center;min-height:44px}
@media(min-width:1600px){.body-copy{font-size:17px}.hero-intro>p:not(.hero-statement),.study-story p{font-size:16px}.section-pad{padding-top:145px;padding-bottom:145px}.evolution{padding-top:30px}}
@media(max-width:900px){.hero-heading{gap:5vw;grid-template-columns:1.2fr 1fr}.case-title{font-size:9.5vw}.hero-intro .pill{font-size:11px;padding:14px 17px;gap:15px}.section-grid{gap:7vw}.section-pad{padding-top:80px;padding-bottom:80px}.evolution{padding-top:0}.hero-heading{padding-bottom:46px}.project-meta{gap:22px}.project-meta p{font-size:11px}.study-tabs a{gap:8px;font-size:11px}.study-story{grid-template-columns:.25fr 1fr;gap:22px}.study-story>.text-link{grid-column:2;justify-self:start}.study-numeral{font-size:60px}.archive-footer{align-items:start;gap:30px}.archive-footer p{flex:1}.archive-footer>a{flex:1}.refinement-row{grid-template-columns:25px 1fr 1.3fr;gap:24px}.device-proof{margin-inline:0;gap:6vw}.landscape-column{padding-top:55px}.performance{grid-template-columns:1fr 1fr;gap:35px}.performance>div:first-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:40px}.performance h3{margin:0}.metric strong{font-size:64px}}
@media(max-width:600px){:root{--gutter:22px}.case-header{min-height:80px;gap:15px;padding-block:17px}.wordmark{font-size:19px}.wordmark span{font-size:11px;margin-left:7px}.header-contact{display:none}.back-link{font-size:11px;gap:8px}.case-hero{padding-top:30px}.edition{display:none}.eyebrow{font-size:9px}.hero-heading{display:block;padding:32px 0 37px}.case-title{font-size:clamp(58px,14.6vw,88px);max-width:9ch}.hero-intro{margin-top:32px;max-width:40ch}.hero-statement{font-size:27px;max-width:20ch;margin-bottom:16px}.hero-intro>p:not(.hero-statement){font-size:13px}.hero-intro .pill{font-size:12px;margin-top:22px;padding:14px 20px;gap:24px}.hero-plate{margin-inline:calc(-1 * var(--gutter));border-radius:0}.hero-plate img{aspect-ratio:1.18;object-position:70% center;transform:none}.plate-label{bottom:19px;left:22px;font-size:8px;letter-spacing:.05em}.plate-label>span{padding:0 7px}.scroll-cue{right:22px;bottom:14px;font-size:0;gap:0}.scroll-cue>span{font-size:22px}.project-meta{grid-template-columns:1fr 1fr;gap:25px;padding:28px 0 34px}.project-meta>div>span{font-size:9px}.project-meta p{font-size:11px;margin-top:6px}.case-index{min-height:56px;padding-inline:18px;gap:10px;font-size:8px;letter-spacing:.035em;backdrop-filter:none;background:var(--ink)}.case-index a{min-height:56px}.section-pad{padding:66px var(--gutter)}.section-label{font-size:9px;letter-spacing:.08em;margin-bottom:30px}.section-grid{display:block}.section-grid h2{font-size:43px;max-width:14ch}.section-grid>.body-copy{margin-top:30px}.body-copy{font-size:14px;line-height:1.85}.body-copy p+p{margin-top:20px}.principles{display:block;margin-top:35px;padding-top:14px}.principles p{display:flex;align-items:center;gap:20px;padding:12px 0;font-size:15px}.principles span{display:inline;margin:0;font-size:9px}.evolution{padding-top:0}.evolution .section-label{padding-top:30px}.compact{margin-bottom:30px}.study-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin-bottom:20px}.study-tabs a{display:flex;flex-direction:column;align-items:start;gap:7px;padding:12px 5px;font-size:9px;min-height:76px;line-height:1.35}.study-tabs a>span{font-size:10px}.study-panel figure img{border-radius:7px}.study-panel figcaption,figure>figcaption{font-size:9px;gap:15px;padding-top:12px}.study-story{grid-template-columns:45px 1fr;gap:15px;padding-top:27px}.study-numeral{font-size:46px}.study-story h3{font-size:27px;margin-bottom:16px}.study-story p{font-size:13px}.study-story>.text-link{font-size:12px;margin-top:0}.archive-footer{display:block;padding-top:30px}.archive-footer p{font-size:11px}.archive-footer>a{margin-top:13px;font-size:12px}.craft .section-grid{margin-bottom:36px}.wide-figure{margin-bottom:35px}.wide-figure img{border-radius:9px;aspect-ratio:1.25;object-fit:cover}.wide-figure figcaption{display:block}.wide-figure figcaption span{display:block}.wide-figure figcaption span+span{margin-top:4px}.refinement-row{grid-template-columns:26px 1fr;gap:12px;padding:30px 0}.refinement-row h3{font-size:30px;max-width:18ch}.refinement-row .body-copy{grid-column:2;font-size:13px;margin-top:8px}.material-pair{gap:22px;grid-template-columns:1fr;margin:25px 0 35px}.material-pair img{aspect-ratio:16/9}.device-proof{grid-template-columns:1fr;gap:35px;margin:40px 0 45px}.portrait-proof{width:64%;max-width:290px;margin-inline:auto}.portrait-proof img{border-width:5px;border-radius:23px}.landscape-column{padding:0}.landscape-column figure img{border-width:5px;border-radius:16px}.proof-copy{margin-top:35px}.proof-copy h3{font-size:29px}.proof-copy p{font-size:13px}.performance{gap:20px;padding:30px 0}.performance>div:first-child{display:block}.performance h3{font-size:30px;max-width:20ch;margin-bottom:20px}.performance p{font-size:12px}.metric strong{font-size:48px}.metric p{font-size:12px;margin:15px 0 10px}.metric small{font-size:10px}.verification summary{font-size:12px}.verification>div{grid-template-columns:1fr;gap:20px;font-size:12px}.content-map{display:block;margin-top:35px}.record-node{font-size:24px;padding:25px}.map-connector{display:block;width:1px;height:30px;margin-left:30px}.map-connector:after{transform:rotate(135deg);top:auto;bottom:0;left:-3px}.record-destinations{margin-left:30px;padding-left:25px}.record-destinations>div{font-size:19px}.closing h2{font-size:45px;max-width:15ch}.closing>p{font-size:14px;margin-top:25px}.closing-actions{gap:20px;margin-top:30px}.closing-actions .text-link{font-size:12px}.case-footer{display:block;padding-block:30px}.case-footer>div{margin-top:20px;gap:25px}.case-footer>div a{font-size:11px}}
@media(max-width:350px){.back-link{font-size:10px}.case-title{font-size:56px}.section-grid h2{font-size:37px}.study-tabs a{font-size:8px}.case-index{font-size:7px}.metric strong{font-size:43px}.closing h2{font-size:39px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.pill:hover{transform:none}}
.code-figure img{aspect-ratio:20/9;object-fit:contain;background:var(--fw-charcoal)}.material-pair img{object-position:right center}
@media(max-width:600px){.hero-plate img{object-position:right center}.code-figure img{aspect-ratio:20/9;object-fit:contain}}
@supports(animation-timeline:view()){ @media(prefers-reduced-motion:no-preference){.hero-plate img{animation:plate-drift linear both;animation-timeline:view();animation-range:entry 0% exit 100%}@keyframes plate-drift{from{transform:scale(1)}to{transform:scale(1.035)}}}}
@media print{body{background:white;color:black;font-size:11pt}.case-header,.case-index,.study-tabs,.scroll-cue,.pill,.case-footer{display:none}.section-pad,.case-hero{padding:24pt 0}.section-grid,.hero-heading{display:block}.hero-intro{margin-top:20pt}.case-title{font-size:48pt}.section-grid h2,.closing h2{font-size:32pt}.light-section,.craft,.living{background:white;color:black}.body-copy,p,figcaption{color:var(--fw-ink)!important}.study-panel[hidden]{display:block}.study-panel{break-inside:avoid;margin-bottom:30pt!important}.hero-plate img{max-height:250pt;object-fit:contain}.section-label{margin:18pt 0}.refinement-row,.performance{break-inside:avoid}.material-pair img{object-fit:contain}.verification>div{display:block!important;height:auto!important}.section-grid>.body-copy{margin-top:20pt}}
/* The case study leads with its visual development, in a bounded composition.
   CSS planes use the original captures; no extra model downloads or WebGL. */
.case-header{background:var(--fw-stone);color:var(--fw-ink);border:0;min-height:82px;padding-block:18px}.case-header .wordmark span{color:var(--fw-amber-ink)}.case-header .header-contact{border-color:rgb(var(--fw-ink-rgb) / 0.333)}.case-hero{background:var(--fw-stone);color:var(--fw-ink);padding-top:18px}.hero-top{display:none}.hero-heading{grid-template-columns:1fr 1fr;align-items:center;padding:5px 0 30px;gap:8vw}.case-title{font-size:clamp(38px,4.1vw,72px);max-width:11ch;line-height:1.04}.hero-intro{display:grid;grid-template-columns:1fr auto;gap:12px 30px;max-width:none;align-items:center}.hero-statement{font-size:clamp(20px,2vw,32px);margin:0;line-height:1.2;max-width:23ch}.hero-intro>p:not(.hero-statement){display:none}.hero-intro .pill{margin:0;width:52px;height:52px;min-height:52px;padding:0;overflow:hidden;font-size:0;gap:0;justify-content:center;border:1px solid rgb(var(--fw-ink-rgb) / 0.333);background:transparent;grid-column:2;grid-row:1}.hero-intro .pill span{font-size:24px}.hero-intro .pill:hover{background:var(--fw-raised);color:white}.revision-stage{height:clamp(360px,64svh,860px);min-height:360px;border-radius:22px;position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 35% 100%,rgb(var(--fw-blue-rgb) / .24),transparent 58%),radial-gradient(ellipse at 90% 30%,rgb(var(--fw-amber-rgb) / .1),transparent 55%),var(--fw-charcoal);color:var(--fw-ivory);perspective:1500px}.revision-space{position:absolute;inset:0;transform-style:preserve-3d;will-change:transform;transform:rotateX(var(--tilt-y,0deg)) rotateY(var(--tilt-x,0deg))}.stage-orbit{position:absolute;width:105%;height:90%;border:1px solid rgb(var(--fw-ivory-rgb) / 0.125);border-radius:50%;left:-3%;top:0;transform:rotate(-24deg);pointer-events:none}.stage-orbit:after{content:'';position:absolute;inset:12%;border:1px solid rgb(var(--fw-ivory-rgb) / 0.125);border-radius:50%}.stage-word{position:absolute;top:-.13em;left:50%;transform:translateX(-50%);font-size:clamp(110px,18vw,360px);line-height:1;font-weight:650;letter-spacing:-.075em;color:rgb(var(--fw-muted-dark-rgb) / 0.051);white-space:nowrap;pointer-events:none}.revision-card{display:block;position:absolute;box-shadow:0 24px 60px rgb(var(--fw-charcoal-rgb) / 0.533);border-radius:12px;overflow:hidden;background:var(--fw-charcoal);border:1px solid rgb(var(--fw-ivory-rgb) / 0.227);backface-visibility:hidden;transform-style:preserve-3d;transition:filter .25s;will-change:transform}.revision-card img{aspect-ratio:1.6;object-fit:contain;background:var(--fw-charcoal)}.revision-card>span{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;font-size:10px;line-height:1.2;letter-spacing:.05em;text-transform:uppercase;border-top:1px solid rgb(var(--fw-ivory-rgb) / 0.125)}.revision-card b{font-weight:400;font-size:19px}.revision-card:hover{filter:brightness(1.15)}.revision-card:focus-visible{outline-color:var(--fw-amber);outline-offset:4px}.revision-early{width:35%;left:4%;top:22%;transform:translate3d(calc(var(--spread,0) * -22px),calc(var(--spread,0) * 30px),-100px) rotateY(24deg) rotateZ(-9deg)}.revision-middle{width:37%;right:4%;top:9%;transform:translate3d(calc(var(--spread,0) * 20px),calc(var(--spread,0) * -18px),-110px) rotateY(-22deg) rotateZ(10deg)}.revision-final{width:48%;left:26%;top:30%;transform:translate3d(0,calc(var(--spread,0) * -15px),55px) rotateX(2deg) rotateY(-7deg) rotateZ(-3deg)}.revision-final img{aspect-ratio:16/9}.stage-bottom{position:absolute;bottom:20px;inset-inline:26px;display:flex;justify-content:space-between;gap:24px;align-items:center;z-index:3;pointer-events:none}.stage-bottom>span{font-size:10px;letter-spacing:.04em;max-width:24ch;line-height:1.5}.stage-bottom a{pointer-events:auto;display:flex;gap:24px;align-items:center;min-height:44px;font-size:11px}.stage-bottom a>span{font-size:24px}.project-meta{padding:27px 0 34px;border-bottom:1px solid rgb(var(--fw-ink-rgb) / 0.145)}.project-meta>div>span{color:var(--fw-muted-light)}.case-index{background:rgb(var(--fw-stone-rgb) / 0.973);color:var(--fw-ink);border-color:rgb(var(--fw-ink-rgb) / 0.145)}.case-index a:after{background:var(--fw-raised)}.section-grid h2{font-size:clamp(42px,5.8vw,104px);max-width:13ch}.intent .section-grid{grid-template-columns:1.1fr 1fr}.intent{padding-block:130px}.evolution{padding-top:0}.study-tabs{border-top:0;border-bottom:1px solid rgb(var(--fw-ink-rgb) / 0.251)}.study-tabs a{min-height:80px;font-size:14px;padding:18px 14px}.study-tabs a>span{font-size:11px}.study-tabs [aria-selected=true]{background:var(--fw-raised);border-radius:12px 12px 0 0}.study-panel figure{margin-inline:calc(-.5 * var(--gutter));}.study-panel figure img{border-radius:18px}.study-story{padding-top:45px;grid-template-columns:.25fr 1fr .55fr}.study-numeral{font-size:clamp(72px,9vw,150px);color:var(--fw-muted-light)}.study-story h3{font-size:clamp(32px,3.7vw,58px);max-width:20ch}.study-story p{font-size:15px}.craft{background:var(--fw-raised)}.craft h2{max-width:15ch}.code-figure{margin-inline:calc(-.5 * var(--gutter));margin-top:90px}.code-figure img{border-radius:20px}.material-pair{gap:34px;margin-block:80px}.material-pair figure:last-child{margin-top:100px}.material-pair img{aspect-ratio:1.2;border-radius:18px}.refinement-row{padding-block:55px}.responsive-section .section-grid{grid-template-columns:1.2fr 1fr}.closing{background:var(--fw-stone)}.closing h2{font-size:clamp(50px,7.7vw,130px);max-width:16ch}.case-footer{background:var(--fw-raised)}.case-title{overflow-wrap:normal}
@media(min-width:1600px){.revision-stage{height:70svh}.revision-early{top:22%}.revision-middle{top:10%}.revision-final{top:26%}.revision-card>span{font-size:12px;padding:18px}.stage-bottom{bottom:28px;inset-inline:40px}}
@media(max-width:900px){.hero-heading{grid-template-columns:1fr 1fr;gap:25px}.case-title{font-size:40px}.hero-statement{font-size:22px}.hero-intro{gap:15px}.revision-stage{height:450px}.revision-card>span{font-size:8px;padding:10px}.revision-early{width:39%;left:2%;top:22%}.revision-middle{width:42%;right:1%;top:12%}.revision-final{width:54%;left:22%;top:35%}.stage-bottom>span{font-size:9px}.stage-bottom a{font-size:10px;gap:14px}.study-tabs a{font-size:11px}.intent{padding-block:85px}.study-story{grid-template-columns:.22fr 1fr}.study-story>.text-link{grid-column:2}.material-pair figure:last-child{margin-top:70px}}
@media(max-width:600px){.case-header{min-height:75px}.case-hero{padding-top:0}.hero-heading{display:block;padding:15px 0 25px}.case-title{font-size:46px;max-width:12ch;line-height:1.01}.hero-intro{display:flex;justify-content:space-between;margin-top:22px;max-width:none;gap:15px}.hero-statement{font-size:19px;max-width:21ch}.hero-intro .pill{flex-shrink:0;width:44px;height:44px;min-height:44px;padding:0;font-size:0}.revision-stage{margin-inline:-10px;min-height:385px;height:50svh;max-height:540px;border-radius:16px;perspective:900px}.stage-word{font-size:105px;top:9%}.revision-early{width:61%;left:-5%;top:21%;transform:translate3d(0,calc(var(--spread,0) * 15px),-80px) rotateY(14deg) rotateZ(-10deg)}.revision-middle{width:58%;right:-3%;top:12%;transform:translate3d(0,calc(var(--spread,0) * -12px),-80px) rotateY(-15deg) rotateZ(12deg)}.revision-final{width:79%;left:10%;top:42%;transform:translate3d(0,calc(var(--spread,0) * -8px),35px) rotateY(-6deg) rotateZ(-4deg)}.revision-card{border-radius:7px;box-shadow:0 18px 30px rgb(var(--fw-charcoal-rgb) / 0.467)}.revision-card>span{font-size:7px;letter-spacing:.015em;padding:8px 9px}.revision-card b{font-size:13px}.stage-bottom{inset-inline:15px;bottom:8px;gap:12px}.stage-bottom>span{font-size:8px;max-width:18ch}.stage-bottom a{font-size:9px;gap:9px}.stage-bottom a>span{font-size:20px}.project-meta{gap:20px;padding-bottom:28px}.case-index{padding-inline:15px;font-size:9px;letter-spacing:0;gap:8px}.section-grid h2{font-size:45px}.intent{padding-block:72px}.study-tabs a{font-size:10px;padding:13px 6px;min-height:76px}.study-tabs a>span{font-size:11px}.study-panel figure{margin-inline:-10px}.study-panel figure img{border-radius:9px}.study-numeral{font-size:55px}.study-story{grid-template-columns:45px 1fr;gap:15px;padding-top:30px}.study-story h3{font-size:30px}.study-story p{font-size:13px}.code-figure{margin-top:40px;margin-inline:-10px}.code-figure img{border-radius:10px}.material-pair{gap:25px;margin-block:40px}.material-pair figure:last-child{margin-top:0}.material-pair img{aspect-ratio:1.6}.refinement-row{padding-block:35px}.closing h2{font-size:47px}.case-footer{padding-block:34px}}
@media(max-width:350px){.case-title{font-size:40px}.hero-statement{font-size:17px}.revision-stage{min-height:340px;height:340px}.stage-word{font-size:88px}.revision-final{top:42%}.section-grid h2{font-size:38px}.study-tabs a{font-size:9px}.closing h2{font-size:40px}}
@media(orientation:landscape) and (max-height:540px){.hero-heading{padding-bottom:22px}.revision-stage{height:460px;max-height:none}.revision-early{top:14%}.revision-middle{top:8%}.revision-final{top:22%}}
@media(prefers-reduced-motion:reduce){.revision-space{transform:none!important;will-change:auto}.revision-card{will-change:auto}.revision-stage{--spread:0!important}.revision-early,.revision-middle,.revision-final{transition:none}}
@media print{.revision-stage{height:300pt;min-height:0;break-inside:avoid;background:var(--fw-raised)!important;print-color-adjust:exact}.case-title{font-size:40pt}.hero-heading{display:block}.hero-intro .pill{display:none}.stage-bottom{display:none}.revision-space{transform:none!important}.revision-card{--spread:0!important}.section-grid h2{font-size:28pt}}
@media(max-width:600px){.study-story{grid-template-columns:58px minmax(0,1fr);gap:16px}.study-numeral{font-size:50px}}
html[data-motion="reduce"] *,html[data-motion="reduce"] *:before,html[data-motion="reduce"] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}html[data-motion="reduce"] .revision-space{transform:none!important;will-change:auto}html[data-motion="reduce"] .revision-card{will-change:auto}
.hero-intro>p:not(.hero-statement){display:block;grid-column:1/-1;color:var(--fw-muted-light);font-size:12px;max-width:51ch;line-height:1.6}@media(max-width:600px){.hero-intro{display:grid;grid-template-columns:minmax(0,1fr) 44px}.hero-intro>p:not(.hero-statement){font-size:11px}.hero-intro .pill{grid-column:2;grid-row:1}}
.case-title{overflow-wrap:anywhere}.code-figure img{aspect-ratio:1425/891;object-fit:contain}
.stage-bottom>span{display:none}.stage-bottom{justify-content:flex-end}
/* Keep every study link inside the phone composition, including its focus ring. */
@media(max-width:600px){.revision-early{left:5%;width:54%;transform:translate3d(0,calc(var(--spread,0) * 15px),-80px) rotateY(10deg) rotateZ(-6deg)}.revision-middle{right:4%;width:54%;transform:translate3d(0,calc(var(--spread,0) * -12px),-80px) rotateY(-10deg) rotateZ(8deg)}.revision-card:focus-visible{z-index:4;filter:brightness(1.12)}}

.study-panel-frame{position:relative;min-width:0}.study-panel-frame .study-panel{margin-block:0}@media print{.study-panel-frame{height:auto!important}.study-panel-frame .study-panel{position:static!important}}