/* One paper stock, original silhouettes, quiet reflected light.
   Only the cutout can turn: names live in an unrotated sibling layer. */
body{--paper:#fff;background:#fff}
.museum-header{position:relative;z-index:15;height:86px;padding:25px 4vw;display:flex;align-items:center;justify-content:space-between;pointer-events:none}
.museum-home .museum-header{position:absolute;inset:0 0 auto}
.museum-header>a,.museum-header>button{pointer-events:auto}
.museum-header .wordmark{font-family:var(--serif);font-size:21px;font-weight:400;letter-spacing:.24em}
.mobile-toggle{width:58px;height:54px;border:0;background:none;position:relative;cursor:pointer}
.mobile-mark{display:block;position:relative;width:48px;height:42px}
.mobile-mark img{position:absolute;width:20px;height:20px;object-fit:contain;filter:brightness(.35);opacity:.65}
.mobile-mark img:nth-child(1){left:23px;top:0}.mobile-mark img:nth-child(2){left:4px;top:3px}.mobile-mark img:nth-child(3){left:17px;top:15px}.mobile-mark img:nth-child(4){left:0;top:24px}.mobile-mark img:nth-child(5){left:31px;top:24px}
.mobile-toggle:hover .mobile-mark,.mobile-toggle:focus-visible .mobile-mark{opacity:.8}
.museum-home .site-footer,.museum-home .mobile-toggle{display:none}
.museum-home .museum-header{color:var(--room-ink,#22282a)}
.museum-entrance{position:relative;isolation:isolate;min-height:max(100svh,790px,calc(var(--verse-height,0px) + 190px));overflow:hidden}
.atmosphere{background:var(--paper-ground,#efeee9);color:var(--paper-ink,#22282a)}
.atmosphere:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:url('/assets/paper-v14.webp');background-size:780px 780px;mix-blend-mode:multiply;opacity:.64}
.atmosphere:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(118deg,var(--paper-light),transparent 65%);opacity:.19}
.paper-window{position:absolute;inset:0;overflow:hidden;z-index:-1;pointer-events:none}
.paper-weather{position:absolute;inset:-20%;pointer-events:none;background:linear-gradient(112deg,transparent 8%,#23323d66 38%,#23323d38 63%,transparent 94%);opacity:.25;will-change:transform,opacity}
.soul-navigation{position:absolute;width:min(880px,94vw);height:68%;min-height:440px;left:50%;top:17%;transform:translateX(-50%);pointer-events:none}
.soul-orbit{position:absolute;width:calc(var(--size)*1.08);height:calc(var(--size)*1.08);transform:translate(-50%,-50%);pointer-events:none}
.orbit-1{left:81%;top:18%;--size:140px;--name-x:48%;--name-y:43%}
.orbit-2{left:65%;top:40%;--size:110px;--name-x:49%;--name-y:49%}
.orbit-3{left:73%;top:73%;--size:100px;--name-x:50%;--name-y:50%}
.orbit-4{left:26%;top:31%;--size:118px;--name-x:49.5%;--name-y:43%}
.orbit-5{left:16%;top:70%;--size:104px;--name-x:50%;--name-y:51%}
.soul-gate{display:block;width:100%;height:100%;outline-offset:5px;-webkit-tap-highlight-color:transparent;pointer-events:auto;transform:translate3d(0,0,0)}
.soul-float{display:grid;place-items:center;position:relative;width:100%;height:100%}
.soul-object{position:absolute;inset:0;pointer-events:none;transform:perspective(700px) rotateY(8deg);filter:drop-shadow(3px 9px 7px #343b3d20) drop-shadow(8px 18px 16px #343b3d0c);will-change:transform}
.soul-form{width:100%;height:100%;object-fit:contain;pointer-events:none}
.soul-face,.soul-edge{position:absolute;inset:0;display:none;mask:var(--soul-mask) center/contain no-repeat;-webkit-mask:var(--soul-mask) center/contain no-repeat}
.soul-face{background:var(--paper-face)}
.soul-face:before{content:'';position:absolute;inset:0;background:url('/assets/paper-v14.webp') center/430px 430px;mix-blend-mode:multiply;opacity:.74}
.soul-face:after{content:'';position:absolute;inset:0;background:#41483a;opacity:var(--turn-shade,.035);pointer-events:none}
.soul-edge{background:#aaa798;transform:translate(.65px,.85px);opacity:.5}
@supports (mask-image:url('')){.soul-object>.soul-form{visibility:hidden}.soul-face,.soul-edge{display:block}}
.soul-name{position:absolute;left:var(--name-x,50%);top:var(--name-y,50%);transform:translate(-50%,-50%);color:#30383a;font:14px/1.2 "Times New Roman",var(--serif);letter-spacing:.015em;white-space:nowrap;opacity:0;transition:opacity .6s;pointer-events:none}
.orbit-1 .soul-name{letter-spacing:-.02em}
.soul-gate.is-revealed .soul-name{opacity:var(--name-readiness,1)}
.soul-gate.is-back-facing .soul-name{left:calc(100% - var(--name-x,50%))}
.entrance-reading{position:absolute;inset:0;z-index:1;pointer-events:none}
.entrance-verse{position:absolute;left:var(--verse-x,50%);top:var(--verse-y,50%);transform:translate(-50%,-50%);font:clamp(16px,calc(2.68svh - 4.96px),21px)/1.8 var(--serif);letter-spacing:.13em;writing-mode:vertical-rl;white-space:nowrap;margin:0}
/* Real text, not an image: the same stationary stock very lightly interrupts ink. */
.entrance-verse{mix-blend-mode:multiply;filter:url('#ink-tooth')}
@supports(mask-mode:luminance){.entrance-verse{mask-image:url('/assets/paper-v14.webp');mask-mode:luminance;mask-size:780px 780px;mask-repeat:repeat;mask-position:var(--ink-x,0px) var(--ink-y,0px)}}
.museum-navigation{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;overflow:auto;overflow-x:hidden;isolation:isolate}
body:has(#museum-navigation[open]){overflow:hidden}
.museum-navigation::backdrop{background:#ffffffc9}
.museum-navigation .nav-space{position:relative;min-height:max(100svh,760px)}
.museum-navigation .dialog-close{position:fixed;right:4vw;top:25px;background:transparent;z-index:20}
.museum-navigation .nav-home{position:absolute;left:4vw;top:32px;font-family:var(--serif);letter-spacing:.2em;z-index:10}
.nav-endnotes{position:absolute;bottom:20px;right:4vw;z-index:10;display:flex;gap:20px}
.nav-endnotes a{width:44px;height:44px;display:grid;place-items:center}
.nav-endnotes svg{width:24px;fill:none;stroke:currentColor;stroke-width:1}
@media(max-width:700px){
 .museum-header{height:76px;padding:18px 22px}.museum-header .wordmark{font-size:18px}
 .museum-entrance{min-height:max(100svh,760px,calc(var(--verse-height,0px) + 190px))}
 .entrance-verse{font-size:clamp(16px,calc(2.79svh - 5.16px),18px);letter-spacing:.085em}
 .soul-navigation{width:96vw;height:68%;top:16%;min-height:470px}
 .orbit-1{left:80%;top:10%;--size:100px}.orbit-2{left:79%;top:41%;--size:86px}.orbit-3{left:77%;top:77%;--size:90px}.orbit-4{left:19%;top:29%;--size:92px}.orbit-5{left:18%;top:67%;--size:86px}
 .soul-name{font-size:14px;letter-spacing:0}
 .museum-navigation .nav-space{min-height:max(100svh,780px)}
 .museum-navigation .dialog-close{right:18px;top:18px}.museum-navigation .nav-home{left:24px;top:28px}
}
@media(prefers-reduced-motion:reduce){.soul-name,.soul-gate.is-revealed .soul-object{transition:none}.paper-weather{will-change:auto}}
