*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#0c1411;color:#f1eadb;font-family:Arial,"Yu Gothic",Meiryo,sans-serif}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;color:#17241d;background:#e9e3d5;border:1px solid #e9e3d5;border-radius:2px;padding:14px 24px;cursor:pointer;transition:background .18s,opacity .18s}button:hover{background:#fff8e9}button:disabled{opacity:.45;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #d9b576;outline-offset:5px}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.quiet{color:#eae8dd;background:#15261dc4;border-color:#ffffff38;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.quiet:hover{color:#fff;background:#2d4236}.eyebrow{font-size:10px;letter-spacing:.22em;color:#b9c1b4}
#experience{position:relative;height:100svh;min-height:480px;overflow:hidden;background:radial-gradient(ellipse at center,#17251d,#08110d)}#stage{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden}#still,#movies,#movies video{position:absolute;inset:0;width:100%;height:100%}#still,#movies video{object-fit:contain}#movies{pointer-events:none}#movies video{visibility:hidden}#movies video.active{visibility:visible}#still{visibility:visible}#image-controls{position:absolute;pointer-events:none}#hotspot{position:absolute;pointer-events:auto;display:flex;align-items:center;gap:14px;padding:10px 15px;white-space:nowrap;background:#142a20c9;color:#f3eddd;border:1px solid #e9e3d578;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);text-align:left;box-shadow:0 5px 24px #0003;transform:translate(-50%,-50%)}#hotspot .cross{font-size:26px;font-weight:200}#hotspot small{display:block;font-size:8px;letter-spacing:.12em;margin-top:4px;color:#c6cebf}#hotspot .explore{font-size:10px;margin-left:10px}header{position:absolute;left:4%;right:4%;top:max(25px,env(safe-area-inset-top));display:flex;align-items:center;justify-content:space-between;pointer-events:none;text-shadow:0 2px 8px #0008}header>*{pointer-events:auto}.brand{font:bold italic 32px Georgia,serif}.brand span{display:block;font:8px Arial,sans-serif;letter-spacing:.21em;margin-top:9px}#product-link{font-size:11px;padding:10px 15px}.chapter{position:absolute;top:114px;left:4%;display:flex;flex-direction:column;gap:8px;font-size:10px;letter-spacing:.18em;text-shadow:0 2px 8px #0008;pointer-events:none}.chapter small{font-size:8px;color:#b5beb1}#navigation{position:absolute;bottom:67px;left:50%;transform:translateX(-50%);width:min(640px,92%);text-align:center}#instruction{font-size:12px;margin:0 0 13px;text-shadow:0 2px 8px #000}.actions{display:flex;gap:10px;justify-content:center}.actions button{font-size:12px}#motion-controls{position:absolute;bottom:128px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:13px;width:min(450px,86%)}#pause{font-size:10px;padding:9px 13px;white-space:nowrap}#journey{flex:1;min-width:0;accent-color:#ddc99e;height:4px}footer{position:absolute;left:4%;right:4%;bottom:max(22px,env(safe-area-inset-bottom));display:flex;justify-content:space-between;gap:12px;font-size:8px;letter-spacing:.15em;color:#c0c9b9;pointer-events:none}#loading{position:absolute;inset:0;z-index:10;display:grid;place-items:center;background:radial-gradient(ellipse at 60% 25%,#263c2ff5,#07120ffb)}.load-card{width:min(420px,82vw)}h1{font:normal 44px/1.12 Georgia,serif;letter-spacing:-.035em;margin:34px 0 32px}h1 i{color:#cbbb95}#loadtext{font-size:12px;color:#c2cdbd;line-height:1.8}.track{height:2px;background:#ffffff22;margin:22px 0}.track i{display:block;width:0;height:100%;background:#d6c49b;transition:width .15s}.load-hint{font-size:11px;line-height:1.8;margin:25px 0;color:#bdc7b7}#begin,#retry{width:100%;margin-top:10px}#diagnostics{position:absolute;bottom:0;left:0;font:9px monospace;background:#000c;z-index:15}
dialog{width:min(920px,92vw);max-height:90svh;overflow:auto;border:1px solid #e6e5d860;border-radius:14px;background:#14271ee8;color:#f1eadb;padding:38px;box-shadow:0 30px 110px #0008;backdrop-filter:blur(26px);-webkit-backdrop-filter:blur(26px)}dialog::backdrop{background:#06110a77;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.close{position:absolute;right:12px;top:12px;z-index:2;padding:4px 12px;font-size:26px}.product-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:38px;align-items:center}#productphoto{display:block;width:100%;height: min(56svh,560px);object-fit:contain;background:#0c1811}.photo-tabs{display:flex;justify-content:center;gap:8px;margin-top:12px}.photo-tabs button{font-size:10px;padding:8px 12px;color:#dadfd3;background:transparent;border-color:#ffffff35}.photo-tabs button[aria-pressed=true]{border-color:#dfceaa;background:#ffffff10}.product-copy h2{font:normal 27px/1.5 "Yu Gothic",sans-serif;margin:18px 0}.product-lead{font-size:12px;line-height:2.2;color:#d6ddcd}.product-copy dl{margin:26px 0}.product-copy dl div{display:flex;justify-content:space-between;border-bottom:1px solid #ffffff24;padding:12px 0;font-size:11px}.product-copy dt{color:#b5c0ae;font-size:9px;letter-spacing:.14em}.product-copy dd{margin:0}.product-note{font-size:10px;color:#aebca6;margin:20px 0 24px}#back-to-shop{width:100%;font-size:12px}
@media(max-width:600px){.brand{font-size:27px}.brand span{font-size:7px}.chapter{top:104px;font-size:9px}.actions button{padding:13px 15px;font-size:11px}#navigation{bottom:68px}#motion-controls{bottom:129px}#hotspot{padding:7px 10px;font-size:10px;gap:7px}#hotspot .cross{font-size:20px}#hotspot .explore{font-size:8px;margin-left:2px}#hotspot small{font-size:7px}.product-layout{display:block}dialog{padding:25px 22px}#productphoto{height:36svh}.product-copy .eyebrow{display:none}.product-copy h2{font-size:21px;margin:20px 0 8px}.product-lead{font-size:11px}.product-copy dl{margin:16px 0}.product-copy dl div{padding:9px 0}.product-note{margin:15px 0}.photo-tabs button{font-size:9px}}
@media(max-height:580px) and (min-width:650px){header{top:16px}.brand{font-size:25px}.chapter{top:83px}#navigation{bottom:45px}#motion-controls{bottom:102px}footer{bottom:14px}.load-card{width:390px}h1{font-size:35px;margin:20px 0}.load-hint{margin:16px 0}.product-layout{grid-template-columns:.8fr 1fr}dialog{padding:24px}#productphoto{height:65svh}.product-copy h2{font-size:21px;margin:12px 0}.product-copy dl{margin:14px 0}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
#product-target{position:absolute;pointer-events:auto;background:transparent;border:0;padding:0;border-radius:12px}#product-target:hover{box-shadow:inset 0 0 0 1px #e9e3d530;background:#ffffff04}
