*{box-sizing:border-box}html,body{margin:0;background:#080e19;color:#f1ede3;font-family:system-ui,-apple-system,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:2px solid #efc578;outline-offset:5px}button:disabled{opacity:.35;cursor:default}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.eyebrow{font-size:10px;letter-spacing:.2em;color:#c6ad82}#gallery{max-width:1100px;margin:auto;padding:65px 22px 32px}header h1{font-size:clamp(52px,12vw,105px);letter-spacing:-.065em;line-height:.86;font-weight:400;margin:26px 0}header p{font-family:"Hiragino Mincho ProN","Yu Mincho",serif;font-size:15px;letter-spacing:.12em;color:#c1c6cd}.dot{color:#edbd72}.works{display:grid;gap:25px;margin-top:42px}.work{position:relative;display:block;min-height:560px;overflow:hidden;border-top:1px solid #3a3e43}.work img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.work-copy{position:absolute;inset:auto 0 0;padding:110px 24px 26px;background:linear-gradient(transparent,rgba(5,10,17,.95))}.work h2{font-family:"Hiragino Mincho ProN","Yu Mincho",serif;font-size:33px;font-weight:400;letter-spacing:.1em;margin:14px 0}.work p{font-size:12px;color:#ddd8ca}.enter{display:flex;justify-content:space-between;margin-top:26px;padding-top:18px;border-top:1px solid #ffffff35;font-size:12px}.enter span{font-size:20px}footer{font-size:9px;letter-spacing:.2em;text-align:center;margin-top:35px;color:#c4ac86}footer small{display:block;margin-top:14px;color:#83909c;letter-spacing:0;font-size:10px}#experience{position:fixed;inset:0;background:#080e19;overflow:hidden}canvas{display:block;width:100%;height:100%;touch-action:none}#intro{position:absolute;inset:0;z-index:3;background:#080e19}#poster{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.intro-copy{position:absolute;inset:auto 0 0;padding:150px 26px max(100px,calc(env(safe-area-inset-bottom) + 86px));background:linear-gradient(transparent,#080e19 78%)}.intro-copy h1{font-family:"Hiragino Mincho ProN","Yu Mincho",serif;font-size:clamp(32px,9vw,58px);letter-spacing:.08em;font-weight:400;margin:16px 0}.intro-copy p{font-size:13px;letter-spacing:.1em;color:#d8d9d6}.primary{border:1px solid #a9936d;background:#d5c5a0;color:#16191b;width:100%;padding:18px 20px;margin-top:22px;display:flex;justify-content:space-between;font-size:13px}.intro-copy small{display:block;color:#aaaead;font-size:10px;margin-top:17px}.topbar{position:absolute;top:0;left:0;right:0;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:max(20px,env(safe-area-inset-top)) 19px 14px;background:linear-gradient(#080e19b0,transparent)}.topbar>a{font-size:19px;letter-spacing:-.08em}.topbar>div{display:flex;gap:5px}.topbar button{border:1px solid #ffffff30;background:#0b121a90;backdrop-filter:blur(8px);border-radius:20px;font-size:10px;min-height:38px;padding:9px 12px}.topbar button[aria-pressed=true]{border-color:#c8a46c;color:#f3cd8b}#caption{position:absolute;left:25px;right:25px;top:calc(18% + env(safe-area-inset-top));text-align:center;pointer-events:none;font-family:"Hiragino Mincho ProN","Yu Mincho",serif;letter-spacing:.14em;font-size:clamp(19px,5.2vw,32px);text-shadow:0 2px 15px #000;transition:opacity .6s}.bottom{position:absolute;z-index:4;left:0;right:0;bottom:0;padding:45px 20px max(18px,env(safe-area-inset-bottom));background:linear-gradient(transparent,#080e19e8)}.chapter{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.12em;color:#c9b993}.track{height:1px;background:#ffffff30;margin:13px 0 10px}#progress{height:1px;background:#e9bd73;width:0}.tools{display:flex;align-items:center;justify-content:space-between;gap:8px}.tools button{background:transparent;border:0;padding:12px 0;font-size:11px;min-height:44px}.tools>span{font-size:10px;color:#bac1c6}.bottom button:hover{color:#edc67f}#error{position:absolute;z-index:8;inset:auto 24px 120px;padding:20px;background:#172330;color:#fff;line-height:1.8;font-size:13px}.gone{opacity:0;pointer-events:none;transition:opacity 1.2s}@media(min-width:700px){#gallery header{max-width:650px}.works{grid-template-columns:1fr 1fr}.work{height:680px}.intro-copy{max-width:520px;left:7%;padding:150px 30px 110px}.topbar{padding-left:35px;padding-right:35px}.bottom{padding-left:35px;padding-right:35px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

#record{display:block;margin:8px auto 0;background:transparent;border:0;border-bottom:1px solid #53616f;font-size:10px;padding:6px 8px;min-height:30px;color:#acb5bd}

body:not(.started) .bottom{display:none}