@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Instrument+Serif:ital@0;1&family=Space+Mono:wght@400;700&display=swap";body:has(.studio){margin:0;background:#111715}.studio{--bg: #111715;--surface: #19231e;--edge: #35443b;--ink: #f4f5ec;--muted: #b6c5ba;--accent: #e9cd91;--display: "DM Sans", system-ui, sans-serif;--mono: "Space Mono", ui-monospace, monospace;min-height:100vh;color:var(--ink);background:var(--bg);font:16px/1.55 var(--display)}.studio *,.studio *:before,.studio *:after{box-sizing:border-box}.studio :is(h1,h2,h3,p,figure){margin:0}.studio a{color:inherit;text-decoration:none}.studio a:focus-visible,.studio button:focus-visible,.studio input:focus-visible,.studio summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.studio img{display:block;max-width:100%}.studio button{font:inherit;color:inherit;cursor:pointer}.shell{width:min(1320px,calc(100% - 96px));margin-inline:auto}.sr-only,.skip:not(:focus){position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip:focus{position:absolute;z-index:2;background:var(--accent);color:#211a11;padding:12px}.studio-nav{border-bottom:1px solid var(--edge)}.nav-inner,.studio-nav nav,.actions,.section-head,.studio-footer{display:flex;align-items:center}.nav-inner{min-height:76px;justify-content:space-between;gap:20px}.wordmark{font-size:25px;font-weight:700;letter-spacing:-.07em;white-space:nowrap}.wordmark span{color:var(--accent)}.studio-nav nav{gap:clamp(15px,4vw,42px);color:var(--muted);font-size:.93rem}.studio-nav nav a:hover,.section-head a:hover,.studio-footer a:hover{color:var(--accent)}.studio-nav .store-link{color:var(--accent)}.hero{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);align-items:center;gap:clamp(28px,5vw,80px);padding-block:clamp(42px,7vw,110px)}.eyebrow{color:var(--accent);font:.72rem/1.6 var(--mono);letter-spacing:.075em;text-transform:uppercase}.hero h1,.case h1{font-size:clamp(3.35rem,6.05vw,6.5rem);font-weight:700;letter-spacing:-.078em;line-height:.99;margin-block:20px}.hero h1 em{color:var(--accent);font-style:normal}.studio .intro{max-width:43ch;color:var(--muted);font-size:clamp(1rem,1.6vw,1.22rem)}.actions{gap:10px;flex-wrap:wrap;margin-top:26px}.button{display:inline-flex;gap:12px;align-items:center;border:1px solid var(--edge);padding:10px 15px;font-weight:700;font-size:.9rem;min-height:44px}.button.primary{color:#211a11;background:var(--accent);border-color:var(--accent)}.button:hover{box-shadow:inset 0 0 0 1px currentColor}.hero-visual{background:var(--surface);border:1px solid var(--edge);padding:8px}.hero-visual img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover}.hero-visual figcaption,.compare-labels{display:flex;justify-content:space-between;gap:12px;padding:10px 3px 2px;color:var(--muted);font:.67rem/1.5 var(--mono)}.index-section{border-top:1px solid var(--edge);padding-block:32px 50px;scroll-margin-top:20px}.section-head{justify-content:space-between;flex-wrap:wrap;gap:8px 16px;margin-bottom:21px}.studio h2{font-size:clamp(1.65rem,3vw,2.8rem);letter-spacing:-.05em;line-height:1.12}.section-head a,.back-link{color:var(--accent);font-size:.9rem}.product-grid,.tool-grid,.comparison-grid,.case-notes{display:grid;gap:18px}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.tool-grid,.comparison-grid,.case-notes{grid-template-columns:repeat(2,minmax(0,1fr))}.project-card{display:flex;flex-direction:column;border:1px solid var(--edge);background:var(--surface);min-width:0}.project-card:hover{border-color:var(--accent)}.project-card>img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background:#0d100e}.card-copy{padding:16px 18px 21px;display:grid;gap:8px}.card-copy h3,.studio h3{line-height:1.15;letter-spacing:-.027em;font-size:1.2rem}.card-copy h3 span{color:var(--accent);font-size:.8em}.card-copy>p:not(.eyebrow),.case-notes p,.comparison>p{color:var(--muted);font-size:.94rem}.archive-link{margin-top:18px;display:flex;justify-content:space-between;gap:14px;align-items:center;border:1px solid var(--edge);padding:14px 18px}.archive-link:hover{border-color:var(--accent)}.archive-link small{display:block;color:var(--muted)}.studio-footer{border-top:1px solid var(--edge);justify-content:space-between;gap:12px;padding-block:22px;color:var(--muted);font-size:.88rem}.case{max-width:1080px}.case-heading{padding-block:37px 28px}.case-heading .eyebrow{margin-top:20px}.case h1{font-size:clamp(2.75rem,6vw,5.2rem)}.case-section{border-top:1px solid var(--edge);margin-top:34px;padding-block:24px}.case-section h2{margin-bottom:16px}.case-notes article,.comparison{padding:16px;border:1px solid var(--edge);background:var(--surface);min-width:0}.case-notes p,.comparison>p{margin-top:8px}.gallery{border:1px solid var(--edge);background:var(--surface);padding:8px}.gallery>a{display:block}.gallery>a img{width:100%;height:auto;max-height:640px;object-fit:contain;background:#101411}.gallery figcaption{padding:10px 8px;color:var(--muted)}.gallery-options{display:flex;flex-wrap:wrap;gap:6px;padding:0 8px 8px}.gallery-options button{display:flex;align-items:center;gap:8px;padding:4px 8px 4px 4px;border:1px solid var(--edge);background:var(--bg);font-size:.78rem;text-align:left;min-height:44px}.gallery-options button[aria-pressed=true]{border-color:var(--accent)}.gallery-options img{width:46px;height:35px;object-fit:cover}.compare-frame{position:relative;overflow:hidden;margin-top:14px;background:#101411}.compare-frame img{width:100%;height:auto}.compare-frame .compare-after{position:absolute;inset:0;height:100%;object-fit:fill;clip-path:inset(0 calc(100% - var(--split)) 0 0)}.compare-divider{position:absolute;inset:0 auto 0 var(--split);border-left:2px solid var(--accent);pointer-events:none}.compare-controls{display:flex;align-items:center;gap:12px}.compare-controls label{flex:1}.compare-controls input{display:block;width:100%;min-height:44px;margin:0;accent-color:var(--accent);cursor:pointer}.compare-controls button{border:1px solid var(--edge);padding:4px 9px;min-height:44px;background:var(--bg)}.capture-receipt{margin-top:10px;color:var(--muted);font-size:.8rem}.capture-receipt summary{cursor:pointer;padding-block:7px}.capture-receipt dd{margin:0 0 8px;overflow-wrap:anywhere}@media(max-width:880px){.shell{width:calc(100% - 48px)}.hero{gap:25px}.hero h1{font-size:clamp(2.7rem,6vw,4rem)}}@media(max-width:640px){.shell{width:calc(100% - 32px)}.nav-inner{min-height:60px;gap:10px}.studio-nav nav{gap:13px;font-size:.8rem}.hero,.product-grid,.tool-grid,.comparison-grid,.case-notes{grid-template-columns:1fr}.hero{padding-block:34px}.hero h1{font-size:clamp(2.8rem,10vw,4rem);margin-block:14px}.hero-visual figcaption{flex-wrap:wrap;gap:2px 8px}.case-heading{padding-top:22px}}@media(prefers-reduced-motion:reduce){.studio *,.studio *:before,.studio *:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}.studio{--bg: #141815;--surface: #1c231e;--edge: #3b473d;--muted: #bec9bc;--serif: "Instrument Serif", Georgia, serif}body:has(.studio){background:#141815}.shell{width:min(1360px,calc(100% - 112px))}.nav-inner{min-height:72px}.studio .wordmark{display:inline-flex;align-items:center;gap:10px;letter-spacing:-.05em}.wordmark .brand-symbol{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--accent);color:var(--accent);font:700 .8rem var(--mono)}.wordmark .brand-name{color:var(--ink)}.nav-toggle{display:none}.studio-nav nav a{padding-block:10px}.studio-nav [aria-current=location]{color:var(--accent);border-bottom:1px solid currentColor}.hero{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(25px,4.5vw,75px);padding-block:clamp(42px,5.8vw,87px) 45px}.studio .hero h1,.studio .case h1{font-family:var(--serif);font-weight:400;letter-spacing:-.034em;line-height:.89}.studio .hero h1{font-size:clamp(4.35rem,8.5vw,8rem);margin-block:14px 20px}.studio .hero h1 em{display:block;font-style:italic}.hero-visual{padding:0;background:transparent;border:none}.hero-visual a{display:block}.hero-visual img{aspect-ratio:1.63;object-fit:cover;object-position:center 55%}.hero-visual figcaption{border-bottom:1px solid var(--edge);padding:10px 0}.studio h2{font:400 clamp(2.5rem,4.4vw,4.4rem)/.96 var(--serif);letter-spacing:-.02em}.section-head .eyebrow{margin-bottom:7px}.index-section{padding-block:28px 48px}.feature-card{display:grid;grid-template-columns:1.45fr 1fr;border:1px solid var(--edge);background:var(--surface)}.feature-card:hover{border-color:var(--accent)}.feature-card>img{width:100%;height:100%;max-height:420px;object-fit:cover;object-position:center}.feature-copy{align-self:center;padding:clamp(22px,3.5vw,54px);display:grid;gap:14px}.studio .feature-copy h3{font:400 clamp(2.2rem,4vw,3.65rem)/.99 var(--serif)}.feature-copy>p:not(.eyebrow){color:var(--muted)}.feature-copy>span{color:var(--accent);font-weight:700}.editorial-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.feature-card+.editorial-grid{margin-top:18px}.editorial-grid .project-card{background:transparent}.editorial-grid .project-card>img{aspect-ratio:2.1}.tools-section .project-card>img{object-position:center}.card-copy{padding:18px 20px 23px}.studio .card-copy h3{font-size:clamp(1.1rem,1.8vw,1.45rem)}.project-card img,.feature-card img{transition:filter .16s ease}.project-card:hover img,.feature-card:hover img{filter:brightness(1.09)}.studio-footer{padding-block:27px}.studio-footer strong{color:var(--ink)}.breadcrumbs{display:flex;flex-wrap:wrap;gap:5px 9px;align-items:center;margin-top:21px;font-size:.83rem;color:var(--muted)}.breadcrumbs a{color:var(--accent)}.case{max-width:1120px}.case-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(170px,260px);align-items:end;gap:25px;padding-block:26px 22px}.case-heading .eyebrow{margin:0}.studio .case h1{font-size:clamp(3.35rem,6vw,6.1rem);margin-block:12px 15px}.case-summary{display:grid;gap:7px;padding-left:15px;border-left:1px solid var(--edge)}.case-summary .button{width:fit-content}.gallery{padding:0;overflow:hidden}.gallery-preview{display:block;position:relative;width:100%;padding:0;border:none;background:#101411}.gallery-preview img{width:100%;height:auto;max-height:590px;object-fit:contain}.enlarge-hint{position:absolute;right:10px;bottom:10px;padding:7px 11px;color:var(--ink);background:#151a16ed;border:1px solid var(--edge)}.gallery-options{padding:10px 10px 0;gap:8px}.gallery-options button{padding:3px;min-width:61px}.gallery-options img{width:56px;height:34px}.gallery figcaption{padding:8px 10px 12px;font-size:.9rem}.lightbox{width:min(94vw,1150px);max-height:92vh;padding:0;border:1px solid var(--edge);background:var(--surface);color:var(--ink)}.lightbox::backdrop{background:#060806e8}.lightbox-inner{display:grid;gap:8px;padding:10px}.lightbox-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px}.lightbox button{padding:7px 10px;min-height:44px;border:1px solid var(--edge);background:var(--bg)}.lightbox img{width:100%;height:auto;max-height:69vh;object-fit:contain;background:#101411}.evidence-strip{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);margin-block:18px 0;border-block:1px solid var(--edge)}.evidence-strip>div{display:flex;flex-direction:column-reverse;padding:13px 17px}.evidence-strip>div+div{border-left:1px solid var(--edge)}.evidence-strip dt{font-size:.8rem;color:var(--muted)}.evidence-strip dd{margin:0;color:var(--accent);font:400 clamp(1.6rem,4vw,2.9rem)/1.2 var(--serif)}.case-section{margin-top:27px}.case-section h2{margin-bottom:15px}.case-notes article{border:0;border-top:1px solid var(--edge);padding:14px 0;background:transparent}.workflow ol{list-style:none;counter-reset:step;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:0;margin:0 0 17px}.workflow li{counter-increment:step;border-left:1px solid var(--accent);background:var(--surface);padding:12px}.workflow li:before{content:"0" counter(step);display:block;color:var(--accent);font:.73rem var(--mono)}.evidence-note{display:grid;grid-template-columns:1fr 2fr;gap:16px}.evidence-note small{display:block;margin-top:7px;color:var(--muted)}.next-study{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:28px;border-block:1px solid var(--edge);padding:15px 0}.next-study:hover{color:var(--accent)}.next-study strong{display:block;font-size:1.25rem}.comparison-grid.single{grid-template-columns:minmax(0,760px)}.compare-frame .compare-divider{inset:0 auto 0 clamp(0px,calc(var(--split) - 22px),calc(100% - 44px));width:44px;border:0;padding:0;background:transparent;display:grid;place-items:center;cursor:ew-resize;pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none}.compare-edge{position:absolute;inset:0 auto 0 var(--split);border-left:2px solid #fff;transform:translate(-50%);pointer-events:none}.compare-edge.at-end{visibility:hidden}.compare-divider span{position:relative;z-index:1;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;color:#1c2017;background:var(--accent)}.studio .compare-hint{font-size:.77rem}@media(max-width:880px){.shell{width:calc(100% - 48px)}.studio .hero h1{font-size:clamp(3.7rem,8.4vw,6rem)}.hero{padding-block:38px;gap:22px}}@media(max-width:640px){.shell{width:calc(100% - 32px)}.nav-inner{min-height:61px;flex-wrap:wrap}.nav-toggle{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--edge);background:transparent;padding:4px 10px;min-height:44px}.studio-nav nav{display:none;flex-basis:100%;padding-bottom:9px;gap:19px}.studio-nav nav.open{display:flex}.studio-nav nav a{padding:9px 3px}.hero,.feature-card,.editorial-grid,.case-heading,.evidence-note{grid-template-columns:1fr}.studio .hero h1{font-size:clamp(3.85rem,14vw,6rem)}.hero{padding-block:30px 28px}.hero-visual img{aspect-ratio:1.55}.studio .case h1{font-size:clamp(3.25rem,12vw,4.7rem)}.case-heading{gap:13px}.case-summary{padding-left:11px}.workflow ol{grid-template-columns:repeat(2,minmax(0,1fr))}.evidence-strip>div{padding:8px}.evidence-strip dt{font-size:.73rem}.evidence-note{gap:4px}}@media(min-width:1000px){.comparison-grid:not(.single) .comparison>p:not(.compare-hint){min-height:3.1em}}.v9-intro{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,.8fr);gap:22px;align-items:end;padding-block:clamp(28px,4.5vw,65px) 24px}.studio .v9-intro h1{font:400 clamp(3.5rem,7.4vw,7.4rem)/.9 var(--serif);letter-spacing:-.035em}.v9-intro h1 em{color:var(--accent)}.v9-intro>p{max-width:35ch;color:var(--muted);font-size:clamp(.98rem,1.5vw,1.12rem)}.v9-featured,.v9-related{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.v9-featured{margin-bottom:30px}.v9-project{display:block;min-width:0;border:1px solid var(--edge);background:var(--surface)}.v9-project:hover{border-color:var(--accent)}.v9-project-meta{display:flex;justify-content:space-between;gap:5px 12px;flex-wrap:wrap;color:var(--accent);padding:8px 12px;font:.69rem/1.5 var(--mono)}.v9-project>img{display:block;width:100%;height:auto;aspect-ratio:1.95;object-fit:cover;object-position:top center}.v9-project-copy{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px}.v9-project-copy h2{font-size:clamp(1.85rem,3.15vw,3.1rem)}.v9-project-copy p{color:var(--muted);margin-top:5px;font-size:.9rem}.v9-project-copy>span{font-size:1.5rem;color:var(--accent)}.evidence-reader.with-chapters{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2.65fr);gap:16px;align-items:start}.chapter-panel{border-top:1px solid var(--accent);padding-block:13px}.studio .chapter-panel h2{font-size:clamp(1.75rem,3vw,2.55rem);margin-bottom:10px}.chapter-list{display:grid}.chapter-list button{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;padding:7px 8px;text-align:left;border:0;border-bottom:1px solid var(--edge);background:transparent;font-size:.9rem}.chapter-list button[aria-pressed=true]{color:var(--accent);background:var(--surface)}.chapter-panel>p{color:var(--muted);font-size:.9rem;margin:12px 0 0}.workflow ol{grid-template-columns:repeat(auto-fit,minmax(135px,1fr))}.gallery-preview img[src*="/v9/"],.lightbox img[src*="/v9/"]{image-rendering:pixelated}@media(max-width:640px){.v9-intro,.v9-featured,.v9-related,.evidence-reader.with-chapters{grid-template-columns:1fr}.v9-intro{gap:10px}.studio .v9-intro h1{font-size:clamp(3.25rem,12vw,4.7rem)}.v9-featured{gap:11px}.v9-project>img{aspect-ratio:2.25}.v9-project-copy{padding-block:10px}.chapter-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 8px}.chapter-panel{padding-bottom:0}.workflow ol{grid-template-columns:repeat(2,minmax(0,1fr))}}.proof-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:15px}.proof-filters button{min-height:44px;padding:6px 14px;background:var(--bg);border:1px solid var(--edge)}.proof-filters button[aria-pressed=true]{color:var(--accent);border-color:var(--accent)}