/* Measured against the reference in a 1280 × 720 browser viewport. */
.project-strip{padding-left:calc((100% - var(--cover-width))/2)}
.side-caption{right:calc(100% + 33.088px);gap:18.048px;width:245px}
.project-symbol{width:37.6px;height:37.6px}
.side-caption h2{font-size:13.536px;line-height:15.04px;margin-bottom:4.512px}
.side-caption p{font-size:11.28px;line-height:15.04px}
.side-caption small{display:none}
.side-facts{display:none;margin:30px 0 0;font-size:12px;line-height:1.25}
.side-facts div{margin-bottom:17px}.side-facts dt{font-size:10px;color:#888;margin-bottom:3px}.side-facts dd{margin:0}
.is-open .side-caption{opacity:1;pointer-events:auto;right:calc(100% + 44px);width:190px;gap:24px;transition:all .78s cubic-bezier(.45,0,.55,1)}
.is-open .project-symbol{width:50px;height:50px}
.is-open .side-caption h2{font-size:18px;line-height:20px}.is-open .side-caption p{font-size:15px;line-height:18px}
.is-open .side-facts{display:block}.is-open .project-facts dl{display:none}
.inline-photo{position:relative}.inline-photo figcaption{position:absolute;bottom:8px;left:8px;margin:0;padding:3px 6px;background:#ffffffe6}
.big-project.is-open{margin-bottom:38px}
.project-controls{position:absolute;right:24px;bottom:6px;gap:6px;height:22px;margin:0;padding:2px 8px;background:#fffffff0;font-size:9px;opacity:.3;transition:opacity .2s}
.big-project:hover .project-controls,.project-controls:focus-within{opacity:1}.project-controls button{font-size:15px;padding:0 5px}.close-project{margin-left:8px}
.is-open .project-strip{cursor:grab}.is-open .project-strip:active{cursor:grabbing}.project-cover img,.inline-photo img{user-select:none;-webkit-user-drag:none}
.intro-brand{font-size:24px;letter-spacing:-2px;transform:translate(-50%,-50%) scale(1.2)}.intro-brand span{font-size:12px;letter-spacing:2px;margin-left:9px}
#intro{background:#000}#intro.leave{background:transparent}body.intro-active{overflow-y:auto}body.intro-active header .brand{opacity:0}
@media(max-width:760px){.project-strip{padding-left:5vw}.side-caption,.is-open .side-caption{width:auto;gap:14px}.project-symbol,.is-open .project-symbol{width:30px;height:30px}.side-caption h2,.is-open .side-caption h2{font-size:15px;line-height:18px}.side-caption p,.is-open .side-caption p{font-size:11px;line-height:14px}.side-facts,.is-open .side-facts{display:none}.is-open .project-facts dl{display:block}.project-controls{bottom:7px;right:5vw;opacity:1}.intro-brand{font-size:22px}.intro-brand span{font-size:10px}}

/* v5: separate black hold, logo travel, and page reveal. */
/* Full brand sequence is explicitly requested; skip remains available. */
@media(prefers-reduced-motion:reduce){#intro{}#intro.leave .intro-brand{}#intro.reveal .intro-brand{}}
.project-list{container-type:inline-size}
#intro,#intro.leave{background:#000;pointer-events:auto;}
#intro.leave .intro-brand{left:var(--logo-x,30px);top:var(--logo-y,17px);color:white;transform:translate(0,0) scale(1);}
#intro.reveal{background:transparent;pointer-events:none}#intro.reveal .intro-brand{color:#151515;}body.intro-active{overflow:hidden}
.big-project.is-open.is-reduced{--cover-width:48.128vh;--cover-height:calc(var(--cover-width) / var(--ratio));margin-bottom:28.576px}
.is-reduced .inline-photo{width:var(--cover-width)}.is-reduced .project-facts{max-height:var(--cover-height);overflow-y:auto;min-height:0}.is-reduced .side-caption{right:calc(100% + 33.088px);width:245px;gap:18.048px}.is-reduced .project-symbol{width:37.6px;height:37.6px}.is-reduced .side-caption h2{font-size:13.536px;line-height:15.04px}.is-reduced .side-caption p{font-size:11.28px;line-height:15.04px}.is-reduced .side-facts{display:none}.is-reduced .project-cover{cursor:zoom-in}.project-strip{touch-action:pan-x pan-y;overscroll-behavior-x:contain}
@media(max-width:760px){header{height:38px;padding:0 12px}.brand,.intro-brand,#intro.leave .intro-brand{font-size:18px}.brand span,.intro-brand span,#intro.leave .intro-brand span{font-size:9px}nav{top:38px}.actions{gap:6px}.actions button{padding:8px;min-width:38px}main{padding-top:38px}.big-project,.big-project.is-open,.big-project.is-open.is-reduced{--cover-width:calc(100cqw - 24px);--cover-height:calc(var(--cover-width) / var(--ratio));margin-bottom:32px;scroll-margin-top:38px}.project-strip{padding-left:12px;padding-right:12px;gap:20px}.cover-block{padding-bottom:0}.side-caption,.is-open .side-caption,.is-reduced .side-caption{width:auto;margin-top:12px;gap:14px;min-height:32px}.project-symbol,.is-open .project-symbol,.is-reduced .project-symbol{width:30px;height:30px}.side-caption h2,.is-open .side-caption h2,.is-reduced .side-caption h2{font-size:14px;line-height:17px}.side-caption p,.is-open .side-caption p,.is-reduced .side-caption p{font-size:10px;line-height:13px}.inline-materials{gap:20px}.inline-photo{width:var(--cover-width)}.project-facts{width:72vw;max-height:var(--cover-height);overflow-y:auto;font-size:12px;line-height:1.4}.project-facts h2{font-size:16px;margin-bottom:12px}.project-controls{bottom:0;right:12px}.close-project{padding:10px 6px}.is-reduced .project-controls{opacity:.5}}

@media(prefers-reduced-motion:reduce){.project-strip{transition:padding .78s cubic-bezier(.25,.46,.45,.94),transform 1.2s cubic-bezier(.19,1,.22,1)!important}.cover-block{transition:width .78s cubic-bezier(.25,.46,.45,.94),flex-basis .78s cubic-bezier(.25,.46,.45,.94)!important}.project-cover{transition:height .78s cubic-bezier(.25,.46,.45,.94)!important}}