/* Project-specific editorial stories */
.case-study{margin:0 var(--gutter) 80px;background:var(--case-paper);color:var(--case-ink);border-radius:6px;overflow:hidden;--case-pad:clamp(26px,6vw,100px)}
.case-study p,.case-study .overline{color:inherit}.case-chapter{padding:85px var(--case-pad) 45px;display:grid;grid-template-columns:1.15fr 1fr;gap:22px 9%;align-items:end}.case-chapter>.overline{grid-column:1/-1;font-size:11px;opacity:.65}.case-chapter h2{font-size:clamp(34px,4.4vw,66px);letter-spacing:-.045em;line-height:1.08}.case-chapter p{font-size:16px;line-height:1.75;opacity:.8;max-width:450px}.identity-stage{margin:0 var(--case-pad);background:#fff;position:relative;min-height:560px;display:flex;flex-direction:column;padding:30px 35px;border:1px solid #0000000b}.identity-label,.identity-foot{display:flex;justify-content:space-between;gap:20px;font-size:11px;text-transform:uppercase;letter-spacing:.09em;color:var(--case-ink)}.identity-label span,.identity-foot{opacity:.6}.identity-mark{height:420px;overflow:hidden;display:grid;place-items:center}.identity-mark .case-art{width:min(100%,650px);height:100%;background:none;overflow:hidden}.identity-mark img{width:100%;height:100%;object-fit:contain;transform:scale(var(--mark-scale));mix-blend-mode:multiply}.identity-mark .case-expand{z-index:2}.case-art{display:block;position:relative;overflow:hidden;border-radius:2px}.case-art img{width:100%;height:auto}.case-expand{position:absolute;right:14px;bottom:14px;background:#121812df;color:#fff;font-size:11px;padding:8px 13px;border-radius:25px;opacity:0;transition:opacity .2s}.case-art:hover .case-expand,.case-art:focus-visible .case-expand{opacity:1}.case-swatches{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;padding:0 var(--case-pad)}.case-swatches>div>span{display:block;height:115px;border:1px solid #8882;margin-bottom:15px;border-radius:2px}.case-swatches strong,.case-swatches small{display:block;font-size:12px;font-weight:400}.case-swatches small{opacity:.5;font-size:10px;letter-spacing:.08em;margin-top:4px}.palette-note{padding:20px var(--case-pad) 0;font-size:11px;opacity:.5}.identity-system{display:grid;gap:20px;padding:50px var(--case-pad) 0}.cols-2{grid-template-columns:1fr 1fr}.cols-3{grid-template-columns:repeat(3,1fr)}.identity-system figure{margin:0;min-width:0}.identity-system .case-art{background:#fff;aspect-ratio:1.15}.identity-system img{height:100%;object-fit:contain}.identity-system figcaption{font-size:11px;padding:16px 0;opacity:.65}.case-photo{margin:0}.case-photo img{width:100%;height:auto}.case-photo figcaption{font-size:11px;padding:16px var(--case-pad);opacity:.6}.case-endnote{display:grid;grid-template-columns:1fr 1.5fr;gap:30px;margin:60px var(--case-pad);padding-top:25px;border-top:1px solid #8884}.case-endnote span{font-size:12px;letter-spacing:.08em;text-transform:uppercase}.case-endnote p{font-size:13px;opacity:.65}.source-archive{margin:0 var(--case-pad) 65px;border-top:1px solid #8884;border-bottom:1px solid #8884}.source-archive summary{padding:24px 0;cursor:pointer;font-size:14px}.source-archive summary>span{float:right;font-size:11px;opacity:.65}.archive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding:15px 0 35px}.archive-grid figure{margin:0;min-width:0}.archive-grid .case-art{background:#fff;height:280px}.archive-grid img{width:100%;height:100%;object-fit:contain}.archive-grid figcaption{font-size:11px;margin-top:12px;opacity:.7}.experience-path{list-style:none;margin:0 var(--case-pad);padding:25px 0;display:flex;border-block:1px solid #8884;gap:25px;justify-content:space-between}.experience-path li{font-size:13px;flex:1}.experience-path span{display:block;font-size:10px;opacity:.5;margin-bottom:10px}.device-stage{padding:25px var(--case-pad) 55px;display:flex;gap:clamp(20px,4vw,70px);justify-content:center;align-items:start;background:radial-gradient(ellipse at 50% 40%,color-mix(in srgb,var(--case-accent) 15%,transparent),transparent 67%)}.device-item{margin:0;flex:1;max-width:285px;min-width:0}.device-item:nth-child(2){margin-top:45px}.device-shell{position:relative;padding:7px;background:#12151a;border-radius:35px;box-shadow:0 22px 35px #0002,0 0 0 1px #73767b}.device-viewport{display:block;position:relative;aspect-ratio:1500/3248;overflow:hidden;border-radius:28px;background:#f1f3f7}.device-viewport>img{width:100%;height:auto;min-height:100%;object-position:top}.device-viewport>.device-bottom-nav{position:absolute;bottom:0;width:100%;height:auto;min-height:0;z-index:2}.device-item figcaption{display:flex;gap:15px;margin:24px 2px 0;font-size:12px}.device-item figcaption span{opacity:.4;font-size:10px}.device-note{padding:0 var(--case-pad);font-size:12px;opacity:.6;text-align:center;margin:auto}.process-story{padding:50px var(--case-pad) 0}.process-board{margin:0 0 45px;background:#fff;color:#182331;display:grid;grid-template-columns:.6fr 1.4fr;gap:25px;padding:35px;align-items:center}.process-board h3{font-size:32px;margin-top:18px;line-height:1.13}.process-board .overline{font-size:10px}.process-board .case-art{max-height:none}.process-board img{max-height:850px;object-fit:contain}.state-pair{display:flex;gap:40px;justify-content:center;padding:60px var(--case-pad) 0}.state-pair figure{max-width:220px;margin:0}.state-pair .case-art{border:1px solid #8883;border-radius:22px;overflow:hidden}.state-pair figcaption{font-size:11px;margin-top:15px;opacity:.65}
/* A quieter portrait scale and an uninterrupted header background. */
.hero{background:#111311;height:max(800px,92svh)}.hero-portrait{top:110px;bottom:0;left:10%;width:90%;height:calc(100% - 110px)}.hero-portrait img{object-fit:contain;object-position:right bottom;mask-image:linear-gradient(to bottom,transparent,black 10%,black 88%,transparent)}.hero-shade{background:linear-gradient(90deg,#111311ed 0%,#1113118c 32%,transparent 58%),linear-gradient(0deg,#111311,transparent 15%)}.hero-content{padding-top:175px}.hero h1{font-size:clamp(60px,5.8vw,94px)}
@media(max-width:1000px){.case-chapter{grid-template-columns:1fr}.case-chapter p{max-width:650px}.device-stage{gap:22px}.device-shell{border-radius:25px;padding:5px}.device-viewport{border-radius:21px}.process-board{grid-template-columns:1fr}.hero-content{padding-top:165px}.hero h1{font-size:64px}}
@media(max-width:760px){.case-study{margin:0 0 50px;border-radius:0;--case-pad:24px}.case-chapter{padding-top:55px;padding-bottom:30px;gap:18px}.case-chapter h2{font-size:39px}.case-chapter p{font-size:15px}.identity-stage{margin-inline:24px;min-height:330px;padding:20px}.identity-label,.identity-foot{font-size:8px;letter-spacing:.03em}.identity-mark{height:280px}.identity-mark .case-art{height:280px}.identity-system{gap:12px;padding-top:30px}.identity-system.cols-3{grid-template-columns:1fr 1fr}.identity-system.cols-3 figure:last-child{grid-column:1/-1;width:65%;margin:auto}.identity-system figcaption{font-size:10px}.case-swatches{gap:10px}.case-swatches>div>span{height:76px}.case-swatches strong{font-size:10px}.case-swatches small{font-size:9px}.experience-path{flex-wrap:wrap;gap:20px}.experience-path li{flex:1 0 25%;font-size:11px}.device-stage{flex-wrap:wrap;gap:30px 18px;padding-top:10px}.device-item{flex:0 0 calc(50% - 9px);max-width:240px}.device-item:nth-child(2){margin-top:35px}.device-item:last-child:nth-child(odd){flex-basis:65%;margin-top:0}.device-item figcaption{font-size:11px;gap:8px;margin-top:18px}.device-shell{border-radius:23px;padding:5px}.device-viewport{border-radius:18px}.case-endnote{grid-template-columns:1fr;gap:15px;margin-top:40px;margin-bottom:40px}.source-archive summary{font-size:12px}.source-archive summary>span{font-size:10px}.archive-grid{grid-template-columns:1fr 1fr;gap:18px}.archive-grid .case-art{height:180px}.process-board{padding:20px;gap:20px}.process-board h3{font-size:30px}.state-pair{gap:20px}.hero{height:auto;min-height:850px}.hero-portrait{top:95px;left:0;width:100%;height:360px}.hero-portrait img{left:-45%;width:145%;max-width:none;height:100%;object-fit:contain;object-position:right bottom;mask-image:linear-gradient(to bottom,transparent,black 12%,black 80%,transparent)}.hero-shade{background:linear-gradient(0deg,#111311 0%,#111311 45%,transparent 72%)}.hero-content{padding-top:425px}.hero h1{font-size:clamp(46px,10vw,70px)}}
.hero-portrait img{inset:auto 0 0 auto;height:auto;max-height:100%;width:100%;mask-image:linear-gradient(to bottom,transparent,black 15%,black 83%,transparent)}@media(max-width:760px){.hero-portrait img{left:-45%;right:0;width:145%;height:auto;max-height:100%;mask-image:linear-gradient(to bottom,transparent,black 15%,black 75%,transparent)}}
@media(min-width:761px){.hero-portrait{top:145px;height:calc(100% - 145px)}.hero-portrait img{height:100%;width:auto;max-width:none;object-fit:contain}}
.identity-mark .case-art img{height:100%;width:100%;object-fit:contain;transform:scale(var(--mark-scale))}
.device-viewport>.device-bottom-nav{background:linear-gradient(to bottom,transparent 0 28%,#102640 28% 100%)}.project-card[data-category="Motion"] .art-frame img{object-fit:contain}.project-card[data-category="Motion"] .art-frame{background:#0b0d0b}
.case-study a:focus-visible,.source-archive summary:focus-visible{outline:2px solid var(--case-ink);outline-offset:5px}