/* V004 Nine Worlds - source-faithful labels, layered material architecture, restrained motion. */
:root{--mat-bronze:#c8a371;--mat-highlight:#fff0c8}
/* Exhibition surfaces retain the V003 source geometry and use the material image as the primary identity. */
.card-poster{isolation:isolate;overflow:hidden;background:linear-gradient(145deg,#231a16 0%,#15110e 50%,#22170e 100%);box-shadow:inset 0 0 0 1px #b99c7380;transform:translateZ(0)}
.card-poster:before{position:absolute;inset:5px;z-index:6;content:"";pointer-events:none;border:1px solid rgba(237,199,134,.34);box-shadow:inset 0 0 0 1px #07060480,inset 0 9px 16px #100b0a66}
.card-poster:after{content:"";pointer-events:none;position:absolute;inset:0;z-index:3;background:linear-gradient(180deg,#08080861 0%,transparent 28%,#0505050d 39%,#050505a6 76%,#000d 100%),linear-gradient(125deg,#d8ad5e16,transparent 35%,transparent 72%,#0005)}
.card-poster .poster-arch{z-index:2;position:absolute;inset:11px 11px 8px;pointer-events:none;border:7px solid rgba(166,126,76,.34);border-top-width:14px;border-bottom:0;box-shadow:inset 0 0 0 1px #dabc886e,inset 0 0 50px #0006,0 0 12px #060403a8;border-radius:58% 58% 0 0 / 11% 11% 0 0}
.card-poster img{width:100%;height:100%;object-fit:cover;object-position:center center;filter:brightness(.86) saturate(.89);transition:transform .65s cubic-bezier(.2,.75,.2,1),filter .6s;position:absolute;inset:0;z-index:1}
.project-card:hover .card-poster img,.project-card:focus-within .card-poster img{transform:scale(1.046);filter:brightness(.96) saturate(.96)}
.card-poster .card-index{z-index:7;position:absolute;top:16px;left:20px;text-shadow:0 2px 6px #000c}
.card-poster .card-source-marker{z-index:7;position:absolute;top:15px;right:13px;max-width:45%;text-align:right;background:#100c09ec;border:1px solid #c8a3718f;padding:6px 8px;line-height:1.4;font-size:8px;letter-spacing:.06em;color:#ffe6c2}
.card-poster .card-poster-label{z-index:7;position:absolute;left:21px;bottom:18px;right:18px;text-shadow:0 3px 12px #000,0 3px 22px #000;white-space:normal}
.project-card{transition:transform .35s,box-shadow .35s;border-color:#96795166;overflow:hidden;background:#14110c}
.project-card:hover,.project-card:focus-within{transform:translateY(-5px);box-shadow:0 30px 50px #0009,0 0 0 1px #d7b37a55}
/* V004 new transitional exhibition section; no synthetic claim of a shared true-3D space. */
.nine-worlds-intro{padding:95px 0;position:relative;overflow:hidden;background:linear-gradient(110deg,#090807f0,#19150f),url('assets/honed-black-stone.webp') center/cover}
.nine-worlds-intro:before,.nine-worlds-intro:after{content:"";position:absolute;pointer-events:none}
.nine-worlds-intro:before{inset:0;border-block:1px solid rgba(204,170,117,.46);background:radial-gradient(ellipse at 62% 54%,rgba(167,122,60,.11),transparent 60%)}
.nine-worlds-intro:after{right:7%;top:-30%;width:12vw;height:160%;border-left:1px solid #dbb17f38;transform:skew(-20deg);box-shadow:-30px 0 100px #d3aa5410}
.nine-intro-inner{display:grid;grid-template-columns:1.15fr .85fr;align-items:end;gap:10vw;position:relative;z-index:1}
.nine-intro-inner .section-kicker{display:block;color:#d6b985;font-size:10px;letter-spacing:.20em;margin-bottom:28px}
.nine-intro-inner h2{font:normal clamp(56px,6.4vw,110px)/.94 var(--serif);letter-spacing:-.06em;margin-bottom:0}
.nine-intro-inner h2 em{font-weight:400;color:#e0bd89}
.nine-intro-side p{line-height:1.9;font-size:15px;color:#cec1ac;max-width:480px}
.nine-intro-side a{border-bottom:1px solid #b49367;padding:15px 0;display:inline-flex;justify-content:space-between;gap:24px;align-items:center;font-size:10px;letter-spacing:.15em;color:#f6ddbc}
/* A genuine source-text index, rather than an invented screenshot. */
.source-index{margin:19px 0 25px;border:1px solid #7d6243;background:linear-gradient(160deg,#191814,#100e0c);box-shadow:0 9px 28px #0006}
.source-index-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:5px 12px;font-size:9px;letter-spacing:.10em;color:#e3ccae;background:#231d16;padding:12px 12px;border-bottom:1px solid #746145}
.source-index-head span:nth-child(2){margin-right:auto}.source-index-light{display:inline-block;border-radius:50%;width:7px;height:7px;background:#dabc88;box-shadow:0 0 8px #e2ab54}
.source-index-type{font-size:8px;color:#b9a58c}
.source-browser{margin:13px;background:#eae6df;color:#201d1b;border-radius:5px;overflow:hidden;box-shadow:0 12px 27px #0006}
.browser-top{padding:9px 12px;background:#dad7d0;border-bottom:1px solid #b8b1a7;display:flex;gap:12px;align-items:center;font-size:10px;color:#8a7260}
.browser-top span{font-size:8px;color:#bf9675;letter-spacing:4px}
.browser-top code{display:block;padding:5px 10px;border-radius:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#686460;background:#f6f4ef;flex:1;font-size:10px}
.browser-body{padding:17px 18px 20px}
.browser-body strong{font:normal 19px/1.25 var(--serif);display:block;overflow-wrap:anywhere}
.browser-body p{font-size:11px;line-height:1.6;color:#68615c;margin:11px 0 19px}
.browser-body>span{font-size:8px;letter-spacing:.1em;color:#74665a;border-top:1px solid #bbb1a3;padding-top:12px;display:block}
/* One continuous exhibit route; navigation does not destroy gallery search/filter state. */
.exhibit-shell{--scene-accent:#d2b07d;background-image:radial-gradient(ellipse at 30% 30%,color-mix(in srgb,var(--scene-accent) 11%,transparent),transparent 55%)}
.exhibit-stage{--scene-accent:#d2b07d;border-color:color-mix(in srgb,var(--scene-accent) 52%,#33271d);box-shadow:inset 0 0 0 2px #d5b789,0 0 0 1px var(--scene-accent),0 17px 75px #000c,13px 16px 0 #211913}
.exhibit-stage img{transition:transform .6s ease-out;object-position:center center}
.exhibit-stage:hover img{transform:scale(1.025)}
.exhibit-navigation{margin:22px 0 0;padding-top:21px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #a88a6455;color:#dcc39b}
.exhibit-navigation button{background:#211911;border:1px solid #8d775a;color:#f1d7ac;min-height:47px;padding:11px 19px;font-size:10px;letter-spacing:.09em;transition:background .2s,border-color .2s}
.exhibit-navigation button:hover{background:#3b2b1d;border-color:#eed0a1}.exhibit-navigation>span{font:16px var(--serif);white-space:nowrap}
/* Preserve usability under narrow screens and reduced motion. */
@media(max-width:980px){.nine-intro-inner{grid-template-columns:1fr;gap:30px}.nine-worlds-intro{padding:80px 0}}
@media(max-width:760px){.nine-intro-inner h2{font-size:clamp(48px,10vw,82px)}.nine-intro-side p{font-size:13px}.nine-worlds-intro{padding:67px 0}.exhibit-navigation button{padding:11px 12px;font-size:9px}.card-poster .card-source-marker{font-size:7px;max-width:48%}.source-index-type{margin-left:auto}}
@media(max-width:500px){.nine-intro-inner h2{font-size:clamp(41px,9.8vw,56px)}.exhibit-navigation button{font-size:8px;padding:9px 11px}.exhibit-navigation{gap:7px}.exhibit-navigation>span{font-size:13px}.browser-body{padding:15px}}
@media(prefers-reduced-motion:reduce){.card-poster img,.project-card,.exhibit-stage img{transition:none!important;transform:none!important}}

.verified-capture{border-top:1px solid #8b6c4c;margin:0;padding:14px;background:#100f0d}.verified-capture[hidden]{display:none}.verified-capture img{width:100%;height:auto;object-fit:contain;border:1px solid #5f4c34}.verified-capture figcaption{font-size:9px;letter-spacing:.1em;color:#dcc49f;padding-top:12px}