/* Selected Work is isolated from the existing hero and page styles. */
.selected-work{--work-bg:#0d0d0d;--work-paper:#f4f4f1;background:var(--work-bg);color:var(--work-paper);padding:100px 0 0;isolation:isolate;overflow:hidden}
.selected-work *{box-sizing:border-box}.selected-heading{margin:0 5vw 44px;display:grid;grid-template-columns:1fr auto;align-items:end}.selected-eyebrow{font:10px/1.6 var(--mono,monospace);letter-spacing:.13em;text-transform:uppercase;margin:0 0 14px;color:#bcbab3}.selected-heading>.selected-eyebrow{grid-column:1/-1}.selected-heading h2{font:400 clamp(64px,9vw,154px)/.95 var(--serif,Georgia);letter-spacing:-.055em;margin:0;text-transform:none}.selected-heading h2 em{font-weight:400}.selected-note{font:12px/1.6 var(--mono,monospace);color:#bcbab3;margin:0 0 7px}
.exhibition{position:relative}.exhibition-stage{height:min(61vw,640px);min-height:330px;position:relative;touch-action:pan-y;cursor:grab}.exhibition-stage:active{cursor:grabbing}.exhibition-canvas{position:absolute;inset:0;pointer-events:none}.exhibition-canvas canvas{width:100%;height:100%;display:block}.exhibition-fallback{height:100%;display:flex;align-items:center;justify-content:center;gap:5vw;overflow:hidden}.exhibition-fallback a{flex:0 0 auto;width:min(33vw,430px);aspect-ratio:4/5;display:none;position:relative}.exhibition-fallback a.is-active{display:block}.exhibition-fallback img{width:100%;height:100%;object-fit:contain}.exhibition.is-webgl .exhibition-fallback{visibility:hidden}.exhibition-caption{margin:28px 5vw 0;display:grid;grid-template-columns:70px 1fr auto;align-items:end;gap:24px}.exhibition-index{white-space:nowrap;font:11px/1.6 var(--mono,monospace);color:#bcbab3;align-self:start;padding-top:2px}.exhibition-title{font:400 clamp(32px,4.5vw,76px)/1.1 var(--serif,Georgia);letter-spacing:-.035em;text-decoration:none;color:inherit;display:inline-block}.exhibition-title span{font-size:.5em;display:inline-block;vertical-align:top;margin-left:14px;transition:transform .4s}.exhibition-title:hover span{transform:translate(3px,-3px)}.exhibition-open{font:10px/1.5 var(--mono,monospace);text-transform:uppercase;letter-spacing:.08em;text-decoration:none;padding-bottom:8px;border-bottom:1px solid #777670;color:inherit}.exhibition-caption .selected-eyebrow{margin-bottom:7px}.exhibition-controls{margin:36px 5vw 0;padding:20px 0;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #373732;gap:20px}.exhibition-arrows{display:flex;gap:16px}.selected-work button{appearance:none;border:0;background:none;color:inherit;font:11px var(--mono,monospace);cursor:pointer;padding:12px 0;min-height:44px}.exhibition-arrows button{font:28px Georgia;min-width:44px}.exhibition-hint{font:10px var(--mono,monospace);color:#bcbab3;letter-spacing:.05em}.selected-work :focus-visible{outline:2px solid #f4f4f1;outline-offset:6px}.exhibition-progress{height:1px;background:#373732;margin:0 5vw}.exhibition-progress span{display:block;width:100%;height:100%;background:#f4f4f1;transform:scaleX(.25);transform-origin:left;transition:transform .8s}.selected-index{margin:50px 5vw 0;padding:0 0 64px;display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.selected-index a{color:#bcbab3;font:400 20px/1.3 var(--serif,Georgia);text-decoration:none;transition:color .3s}.selected-index a[aria-current=true],.selected-index a:hover{color:white}.selected-index span{display:block;font:9px var(--mono,monospace);margin-bottom:10px}.work-transition-image{position:fixed;z-index:9999;object-fit:contain;background:#0d0d0d;pointer-events:none}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:700px){.selected-work{padding-top:64px}.selected-heading{display:block;margin-bottom:24px}.selected-heading h2{font-size:17vw}.selected-note{margin-top:22px;font-size:10px}.exhibition-stage{height:118vw;min-height:300px;max-height:580px}.exhibition-fallback a{width:76vw}.exhibition-caption{grid-template-columns:45px 1fr;gap:14px;margin-top:20px}.exhibition-title{font-size:10vw}.exhibition-open{grid-column:2;justify-self:start;margin-top:10px;min-height:44px;padding-top:12px}.exhibition-hint{display:none}.exhibition-controls{margin-top:24px}.selected-index{grid-template-columns:1fr 1fr;gap:28px 16px;margin-top:32px;padding-bottom:40px}.selected-index a{font-size:19px}.exhibition-caption .selected-eyebrow{font-size:8px}.exhibition-index{font-size:9px}}
@media(prefers-reduced-motion:reduce){.selected-work *{transition:none!important;scroll-behavior:auto!important}.exhibition-stage{cursor:default}.exhibition-fallback{justify-content:start;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 10vw;gap:8vw}.exhibition-fallback a{display:block;scroll-snap-align:center;width:min(70vw,410px)}.exhibition-canvas{display:none}.exhibition.is-webgl .exhibition-fallback{visibility:visible}[data-work-pause]{display:none}.work-transition-image{display:none}}
/* Motion edition: a viewport exhibition, driven by scroll, drag and a live camera. */
.selected-work.is-motion{height:310svh;padding:0;overflow:clip}
.is-motion .work-sticky{position:sticky;top:0;height:100svh;min-height:640px;display:flex;flex-direction:column;padding:28px 0 16px;overflow:hidden}
.is-motion .selected-heading{margin:0 4vw 0;position:relative;z-index:2;pointer-events:none}
.is-motion .selected-heading>.selected-eyebrow{margin-bottom:12px}
.is-motion .selected-heading h2{font-size:clamp(44px,5.8vw,90px);line-height:.95}
.is-motion .selected-note{font-size:10px}
.is-motion .exhibition{flex:1;min-height:0;display:flex;flex-direction:column}
.is-motion .exhibition-stage{position:absolute;inset:-55px 0 0;height:auto;min-height:0}
.is-motion .exhibition-caption{margin:auto 4vw 0;position:relative;z-index:2;pointer-events:none;padding-top:20px;background:linear-gradient(transparent,#0d0d0dba)}
.is-motion .exhibition-caption a{pointer-events:auto}
.is-motion .exhibition-title{font-size:clamp(44px,6vw,94px);text-shadow:0 2px 25px #0d0d0d66}
.is-motion .exhibition-controls{position:relative;z-index:2;margin:20px 4vw 0;padding:8px 0;background:#0d0d0dba}
.is-motion .exhibition-progress{position:relative;margin:0 4vw;z-index:2}
.is-motion .exhibition-progress span{transition:none}
.is-motion .selected-index{position:relative;z-index:2;display:flex;justify-content:space-between;margin:18px 4vw 0;padding:0;gap:20px}
.is-motion .selected-index a{font:10px/1.5 var(--mono,monospace);display:flex;gap:12px;align-items:center}
.is-motion .selected-index span{margin:0;color:#9f9e96}
@media(max-width:700px){.selected-work.is-motion{height:260svh}.is-motion .work-sticky{min-height:620px;padding-top:24px}.is-motion .selected-heading h2{font-size:13vw}.is-motion .selected-heading>.selected-eyebrow{font-size:8px}.is-motion .selected-note{display:none}.is-motion .exhibition-stage{inset:0 0 40px}.is-motion .exhibition-caption{grid-template-columns:36px 1fr;gap:10px}.is-motion .exhibition-title{font-size:11vw}.is-motion .exhibition-open{display:none}.is-motion .exhibition-controls{margin-top:14px}.is-motion .selected-index{display:grid;grid-template-columns:1fr 1fr;gap:10px 20px;margin-top:14px}.is-motion .selected-index a{font-size:8px;gap:8px}.is-motion .exhibition-caption .selected-eyebrow{margin-bottom:4px}}
@media(prefers-reduced-motion:reduce){.selected-work.is-motion{height:auto;padding:64px 0 0}.is-motion .work-sticky{position:static;height:auto;min-height:0;display:block;padding:0;overflow:visible}.is-motion .exhibition{display:block}.is-motion .exhibition-stage{position:relative;inset:auto;height:110vw;max-height:640px;min-height:330px}.is-motion .exhibition-caption{margin-top:24px}.is-motion .selected-index{padding-bottom:40px}.is-motion .exhibition-canvas{display:none!important}}
/* Discipline-led project typography. */
.exhibition-caption .selected-eyebrow{font:italic 400 22px/1.2 var(--serif,Georgia);letter-spacing:-.02em;text-transform:none;color:#e0ddd5;margin-bottom:10px}
.exhibition-index{display:none}.exhibition-caption,.is-motion .exhibition-caption{grid-template-columns:minmax(0,1fr) auto;gap:24px}
.exhibition-title,.is-motion .exhibition-title{font-size:clamp(36px,5.2vw,80px);line-height:1.04;letter-spacing:-.045em;max-width:1000px;text-wrap:balance}
.is-motion .selected-index a{font:400 17px/1.2 var(--serif,Georgia);align-items:start;flex-direction:column;gap:6px}.is-motion .selected-index span{font:italic 12px/1.3 var(--serif,Georgia);color:#bcbab3;white-space:nowrap}
@media(max-width:700px){.exhibition-caption,.is-motion .exhibition-caption{grid-template-columns:1fr;gap:10px}.exhibition-title,.is-motion .exhibition-title{font-size:9.4vw;max-width:94%}.exhibition-caption .selected-eyebrow,.is-motion .exhibition-caption .selected-eyebrow{font-size:18px;margin-bottom:9px}.is-motion .selected-index a{font-size:13px;gap:3px}.is-motion .selected-index span{font-size:10px}.exhibition-open{grid-column:1}}
