@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;900&display=swap";:root{font-family:Inter,sans-serif;font-weight:400;color:#f7f2e7;background:#252d31;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #c5a773;outline-offset:5px}button:disabled{cursor:wait;opacity:.7}.viewport{position:fixed;inset:0}.viewport canvas{display:block}header{position:fixed;top:0;left:0;width:100%;padding:32px 42px;display:flex;align-items:center;justify-content:space-between;z-index:2;background:linear-gradient(#18212480,transparent);pointer-events:none}header>*{pointer-events:auto}.edition{font-size:10px;letter-spacing:2px}.edition span{padding:0 15px;opacity:.5}.text-button{background:none;border:0;color:inherit;font-size:12px}.text-button span{padding-left:25px}.welcome{position:fixed;inset:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:100px 8vw 80px;background:linear-gradient(90deg,#152329eF 0%,#19262cce 29%,#18252b66 52%,transparent 85%);pointer-events:none}.welcome>*{pointer-events:auto}.eyebrow{font-size:10px;letter-spacing:2.4px;color:#d8c5a2}h1{font-size:clamp(64px,7vw,110px);line-height:.99;font-weight:900;letter-spacing:-2px;margin:29px 0 23px}p{font-size:14px;line-height:1.9;color:#c9ccc8}.primary{border:1px solid #d8c7a7;background:#e5d7bd;color:#263237;padding:18px 23px;min-width:240px;display:flex;align-items:center;justify-content:space-between;gap:40px;font-size:12px}.welcome .primary{margin-top:23px}.instructions{display:flex;gap:23px;margin-top:28px;font-size:10px;color:#afb9ba}.instructions span{display:flex;gap:8px;align-items:center}kbd{font:inherit;border:1px solid #c9ccc84d;padding:5px 7px;border-radius:3px}.alternative{font-size:11px;margin-top:24px;color:#a4b1b2}.alternative button{background:none;border:0;color:#eee4d3;border-bottom:1px solid #ddd5c455;padding:0 0 3px;font-size:11px}footer{position:fixed;bottom:0;width:100%;padding:24px 42px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.6px;z-index:2;pointer-events:none;background:linear-gradient(transparent,#18212488)}footer i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#d4bc8d;margin-right:10px}.crosshair{position:fixed;top:50%;left:50%;width:5px;height:5px;border-radius:100%;background:#fff9;transform:translate(-50%,-50%);pointer-events:none}.crosshair.focused{width:12px;height:12px;background:transparent;border:1px solid white}.walk-hint{position:fixed;bottom:80px;left:50%;transform:translate(-50%);font-size:11px;background:#202b30b0;padding:12px 20px;border-radius:30px;white-space:nowrap}.walk-hint span{margin:0 10px;opacity:.5}.inspect-prompt{position:fixed;top:55%;left:50%;transform:translate(-50%);background:#233036eb;color:#fff;border:1px solid #ffffff50;padding:12px 20px;font-size:12px}.inspect-prompt kbd{margin-left:20px}.catalogue{position:fixed;inset:0;background:#eae5da;color:#273136;z-index:5;overflow:auto;padding:35px 6vw 55px}.panel-top{display:flex;justify-content:space-between;align-items:center}.panel-top .eyebrow{color:#746348}.panel-top button,.close,.work-navigation button{border:0;background:none;color:inherit;font-size:12px;padding:10px 0}h2{font-size:56px;font-weight:900;margin:40px 0 15px}.catalogue p{color:#6c726d}.art-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin:35px 0}.art-grid button{border:0;background:none;color:inherit;text-align:left;padding:0}.art-grid button>div{height:230px;background:#ded8cb;display:flex;align-items:center;justify-content:center;padding:20px}.art-grid img{max-width:100%;max-height:100%;object-fit:contain}.art-grid button>span{display:flex;justify-content:space-between;padding:15px 0;font-size:12px}.catalogue small{font-size:11px;color:#71756c}.inspection{position:fixed;inset:0;background:#eee9de;z-index:6;color:#293337;display:grid;grid-template-columns:1fr 370px}.inspection-image{background:#202727;display:flex;align-items:center;justify-content:center;padding:45px}.inspection-image img{max-height:calc(100dvh - 90px);max-width:100%;object-fit:contain}.inspection aside{padding:100px 32px 40px;display:flex;flex-direction:column}.close{position:absolute;right:32px;top:28px}.inspection .eyebrow{color:#89724d}.inspection h2{font-size:clamp(24px,4vw,34px)}.inspection p{color:#6a726e}.work-meta{margin:25px 0;font-size:9px;line-height:2;letter-spacing:1.5px;color:#7f837a}.work-navigation{margin-top:auto;display:flex;justify-content:space-between;border-top:1px solid #c6c4b9;padding-top:20px;margin-bottom:30px}.inspection .primary{width:100%;min-width:0;background:#29383b;color:#f6edde;border-color:#29383b}@media(max-width:700px){header{padding:22px}.edition{display:none}.welcome{padding:110px 28px 90px;background:#17262acc}h1{font-size:68px}.instructions{gap:12px;font-size:9px}footer{padding:20px 22px;font-size:8px}.footer-right{display:none}.art-grid{grid-template-columns:repeat(2,1fr);gap:18px}.art-grid button>div{height:170px}.inspection{display:block;overflow-y:auto}.inspection-image{padding:20px}.inspection-image img{height:auto;max-height:60dvh}.inspection aside{padding:30px 25px}.inspection h2{margin-top:20px}.inspection .close{color:#fff}.work-navigation{margin-top:20px}.walk-hint{font-size:9px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}.pause-button{position:fixed;top:100px;right:35px;background:#233036b0;color:#fff;border:1px solid #fff5;font-size:11px;padding:10px 15px}.viewport canvas{touch-action:none}.welcome{align-items:center;justify-content:center;padding:40px;background:#17232988;gap:32px}.brand-logo,.brand-mark{display:block;filter:invert(1)}.entry-prompt{border:0;background:transparent;color:#f2ede2;font-size:12px;letter-spacing:1px;padding:14px 20px}.entry-prompt:hover{color:#e5cda6}.start-button{background:#fff;color:#263237;border-radius:6px;min-width:112px}.start-button:hover{background:#f2ede2;color:#263237}@media(min-width:701px)and (pointer:fine){.welcome .brand-logo{width:360px;height:auto}.welcome .start-button{min-width:224px;padding:28px 40px;font-size:24px}}.project-link{font-size:13px;color:#344b3c;text-underline-offset:5px;margin:15px 0}.work-navigation{gap:15px}.touch-controls{position:fixed;inset:0;pointer-events:none;-webkit-user-select:none;user-select:none}.move-zone,.look-zone{position:absolute;bottom:0;pointer-events:auto;touch-action:none}.move-zone{left:0;width:44%;top:38%}.look-zone{right:0;width:52%;top:0}.stick-base{position:fixed;top:calc(100% - env(safe-area-inset-bottom) - 76px);width:84px;height:84px;transform:translate(-50%,-50%);border:1px solid #fff7;border-radius:50%;background:#23303660;display:grid;place-items:center}.stick-base span{width:34px;height:34px;border:1px solid #fff8;border-radius:50%;background:#e5d7bd88}.stick-left .stick-base{left:calc(env(safe-area-inset-left) + 70px)}.stick-right .stick-base{left:calc(100% - env(safe-area-inset-right) - 70px)}.stick-label,.orientation-hint{position:fixed;color:#fff;background:#233036eb;border-radius:20px;padding:4px 10px;font-size:11px}.stick-label{bottom:calc(env(safe-area-inset-bottom) + 8px)}.stick-left .stick-label{left:calc(env(safe-area-inset-left) + 70px);transform:translate(-50%)}.stick-right .stick-label{right:calc(env(safe-area-inset-right) + 70px);transform:translate(50%)}.orientation-hint{top:calc(env(safe-area-inset-top) + 62px);left:50%;transform:translate(-50%);margin:0;width:max-content;max-width:calc(100% - 32px);pointer-events:none}.touch-ui header{padding:calc(8px + env(safe-area-inset-top)) calc(12px + env(safe-area-inset-right)) 8px calc(12px + env(safe-area-inset-left))}header .brand-mark{pointer-events:none}.touch-menu{display:flex;gap:8px}.touch-menu button{background:#233036eb;color:#fff;border:1px solid #fff5;padding:0 12px;min-height:44px;font-size:12px}.touch-ui .inspect-prompt{top:auto;left:auto;bottom:calc(env(safe-area-inset-bottom) + 134px);left:50%;transform:translate(-50%);min-height:44px;max-width:calc(100% - 32px)}.touch-ui .welcome{gap:12px;text-align:center;pointer-events:auto}.touch-ui .entry-prompt{min-height:44px}.touch-ui .catalogue{padding:calc(16px + env(safe-area-inset-top)) calc(5vw + env(safe-area-inset-right)) calc(20px + env(safe-area-inset-bottom)) calc(5vw + env(safe-area-inset-left))}.touch-ui .panel-top button,.touch-ui .close,.touch-ui .work-navigation button{min-height:44px}.touch-ui .inspection{display:block;overflow-y:auto}.touch-ui .inspection-image{padding:calc(20px + env(safe-area-inset-top)) calc(20px + env(safe-area-inset-right)) 20px calc(20px + env(safe-area-inset-left))}.touch-ui .inspection-image img{height:auto;max-height:60dvh}.touch-ui .inspection aside{padding-bottom:calc(20px + env(safe-area-inset-bottom))}.poem-excerpt{margin:0 0 12px;white-space:pre-line;font-family:inherit;font-size:14px;line-height:1.6}.collection-top{position:sticky;top:0;z-index:1;gap:16px;background:#eae5da}.collection-top h2{font-size:clamp(24px,4vw,36px);margin:0}.return-button,.panel-top .return-button{align-self:flex-start;min-height:44px;padding:0 14px;border:1px solid #29383b;background:#29383b;color:#f6edde;font-size:12px}.inspection aside{min-height:0;overflow:auto;padding-top:24px}.inspection-return{flex-shrink:0}.touch-ui .inspection aside{overflow:visible}@media(max-width:700px){.inspection aside{overflow:visible}}.inspection h2{margin:16px 0 8px}.inspection p{margin:0 0 12px}.inspection .work-navigation{margin-bottom:0;padding-top:8px}@media(orientation:landscape)and (max-height:500px){.touch-ui .welcome{padding-block:12px}.touch-ui .inspection aside{padding-top:calc(8px + env(safe-area-inset-top))}}