*{box-sizing:border-box}body{margin:0;background:#030b16;color:#e9dcc2;font-family:system-ui,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;font:inherit;color:inherit;background:none;border:1px solid #a78d5144;border-radius:4px;padding:12px 16px}button:hover,button.active{background:#d6b77718;border-color:#d6b777}button:focus-visible,a:focus-visible{outline:2px solid #91cab9;outline-offset:4px}a{color:inherit}header{margin:0 4%;height:90px;border-bottom:1px solid #ffffff16;display:flex;align-items:center;justify-content:space-between;gap:16px}header a{text-decoration:none;font:24px serif;letter-spacing:4px}header small{display:block;font:8px sans-serif;letter-spacing:3px;margin-top:6px}header>span{font-size:11px;color:#9aabaf}#sound{font-size:11px}main{display:grid;grid-template-columns:27% 46% 27%;padding:0 4%;min-height:760px;align-items:center}.intro{z-index:2}.intro>small,aside>small,.archive small{font-size:10px;letter-spacing:3px;color:#b19a6e}h1{font:42px/1.6 serif;letter-spacing:3px}p{font-size:13px;line-height:2;color:#9ba8ac}nav{display:grid;gap:12px;margin-top:40px;max-width:200px}nav button{text-align:left;font-size:12px}.progress{font-size:10px;letter-spacing:2px}.stage{position:relative;height:760px;touch-action:none}#mask{position:absolute;width:100%;top:0;left:0;height:auto;pointer-events:none;transform-origin:50% 0;mask-image:linear-gradient(black 85%,transparent 100%)}#curtain{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2}.spot{position:absolute;z-index:4;border:1px solid #e2c48d;background:#07131cbd;box-shadow:0 0 0 8px #dfbf7012;border-radius:50%;width:44px;height:44px;padding:0}.spot.a{left:46%;top:40%}.spot.b{left:76%;top:43%}.spot.inscription{left:35%;top:26%;border-radius:4px;width:auto;height:auto;padding:12px}.spot[hidden]{display:none}.stage-label{position:absolute;bottom:22px;width:100%;text-align:center;font-size:11px;letter-spacing:2px;color:#b5a47b}aside{padding-left:24px}aside h2{font:32px serif;margin:22px 0}aside p{font-size:12px}aside strong{color:#d8c08d}#actions{display:flex;gap:10px;flex-wrap:wrap}#actions button{font-size:12px}#feedback{min-height:48px;color:#94c8b5}#next{font-size:12px;border-color:#b79c65}.note{font-size:11px!important;color:#74848e!important}.archive{margin:10px 8% 60px;border-top:1px solid #ffffff20;padding-top:42px}.archive[hidden]{display:none}.archive>div{max-width:680px}.archive img{width:100%;max-height:75vh;object-fit:contain;background:#02050a}.archive h2{font:30px serif}footer{margin:0 4%;border-top:1px solid #ffffff16;display:flex;justify-content:space-between;align-items:center;min-height:80px;font-size:11px;color:#8c9a9e}footer button{font-size:11px}dialog{background:#0c1721;color:#dfd4bd;border:1px solid #b79c65;max-width:650px;padding:35px;width:92%}dialog::backdrop{background:#000b;backdrop-filter:blur(8px)}#close{float:right}.stage.real #mask{opacity:.2}.stage.real #curtain{opacity:.15}@media(max-width:800px){header{height:80px}header>span{display:none}header a{font-size:19px}main{display:flex;flex-direction:column;padding:0 6%;min-height:0}.intro{width:100%;padding-top:28px}h1{font-size:30px;line-height:1.35;margin:15px 0}h1 br{display:none}.intro p{font-size:11px}nav{display:flex;max-width:none;margin-top:20px;gap:6px}nav button{padding:10px;font-size:11px}.stage{width:100%;height:600px;max-width:460px}aside{padding:15px 0 35px;width:100%}aside h2{margin:14px 0}aside p{font-size:13px}.archive{margin:0 6% 30px}.archive h2{font-size:25px}.stage-label{bottom:10px}.spot.a{top:35%}.spot.b{top:38%}.spot.inscription{top:24%}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
@media(min-width:801px){h1{font-size:clamp(27px,2.55vw,40px);letter-spacing:1px}}

#explanation{scroll-margin-top:28px}.reading-highlight{animation:reading-focus 2s ease-out}#explanation:focus{outline:1px solid #d5b772;outline-offset:10px}@keyframes reading-focus{from{background:#d5b77225}to{background:transparent}}@media(prefers-reduced-motion:reduce){.reading-highlight{animation:none}}

.spot,.spot.inscription{width:44px;height:44px;padding:0;border-radius:50%;display:grid;place-items:center;font-size:18px;color:#ead7ad;border:1px solid #e2c48d;background:#07131cde;box-shadow:0 0 0 8px #dfbf7012;transition:background .2s,box-shadow .2s,transform .2s}.spot.inscription{left:48%;top:26%}.spot:hover,.spot.inscription:hover{background:#5a4827;box-shadow:0 0 0 10px #dfbf7020;transform:scale(1.08)}.spot:active,.spot.inscription:active{transform:scale(.95)}.spot[hidden]{display:none}@media(max-width:800px){.spot.inscription{top:24%}}

header{gap:12px}header>span{margin-left:auto}#language{font-size:11px;padding:10px;min-width:44px}.object-meta{border-left:1px solid #a78d5166;padding-left:12px;margin-top:24px;font-size:11px;color:#b5aca0}.sound-caption{position:absolute;bottom:48px;left:0;width:100%;text-align:center;font-size:10px;line-height:1.8;color:#8eacb1;pointer-events:none}.stage{touch-action:pan-y}#takeaway{margin:20px 8% 60px;padding:36px;border:1px solid #a78d5166;background:linear-gradient(120deg,#172320,#08111b)}#takeaway[hidden]{display:none}#takeaway small{font-size:10px;letter-spacing:3px;color:#bba67e}#takeaway h2{font:28px/1.5 serif}#takeaway button{font-size:12px}.archive button{margin-bottom:20px}#photoDialog{max-width:94vw;width:94vw;padding:16px}#photoViewport{max-height:78vh;overflow:auto}#photoViewport img{display:block;width:100%;height:auto}#photoViewport.zoomed img{width:2400px;max-width:none}.photo-tools{display:flex;justify-content:space-between;margin-bottom:12px}.note{color:#9ba8ac!important}html[lang=en] h1{font-size:clamp(30px,3vw,48px);letter-spacing:0}html[lang=en] aside h2{font-size:27px;line-height:1.3}html[lang=en] .stage-label{letter-spacing:0}.stage-label{bottom:12px}nav button[aria-current=step]{border-color:#d6b777;background:#d6b77718}@media(max-width:800px){header{gap:6px}header a{font-size:17px;letter-spacing:2px}header small{font-size:6px;letter-spacing:1px}#sound{padding:10px 8px;font-size:10px}#language{padding:10px 8px}nav{position:sticky;top:0}.stage{height:580px}.object-meta{margin-top:12px}.sound-caption{bottom:36px;font-size:9px}.stage-label{font-size:10px}#takeaway{margin:20px 6% 35px;padding:24px}html[lang=en] h1{font-size:34px}.note{font-size:12px!important}}

.sound-caption{bottom:27px}.stage-label{bottom:4px}@media(max-width:800px){.sound-caption{bottom:29px}.stage-label{bottom:4px}}

#photoDialog{overflow:hidden}.photo-tools{align-items:center;gap:12px;flex-wrap:wrap}.zoom-controls{display:flex;align-items:center;gap:10px}.zoom-controls button{min-width:44px;min-height:44px}.zoom-controls button:disabled{opacity:.3;cursor:default}#zoomLevel{min-width:56px;text-align:center;font-size:12px;font-variant-numeric:tabular-nums}.photo-help{font-size:11px;margin:0 0 12px;color:#a7b5ba}#photoViewport{height:70vh;max-height:70vh;width:100%;overflow:auto;touch-action:none;overscroll-behavior:contain;background:#02060a;cursor:zoom-in;position:relative}#photoViewport img{display:block;max-width:none;max-height:none;object-fit:contain;margin:0 auto;user-select:none;-webkit-user-drag:none}#photoViewport.magnified{cursor:grab}#photoViewport.dragging{cursor:grabbing}#photoViewport:focus-visible{outline:2px solid #91cab9;outline-offset:2px}@media(max-width:800px){#photoDialog{width:96vw;padding:12px}.zoom-controls{gap:5px}.photo-tools button{padding:9px 12px}.photo-help{line-height:1.7}#photoViewport{height:65vh;max-height:65vh}}

.stage.ownphoto #mask{width:73%;left:13.5%;top:3%;height:auto;aspect-ratio:auto;object-fit:fill;mask-image:linear-gradient(black 88%,transparent 100%)}.stage.ownredesign #mask{width:100%;left:0;top:0;aspect-ratio:3/4;object-fit:contain}.bell-modes{position:absolute;top:0;left:0;right:0;z-index:6;display:flex;justify-content:center;gap:8px}.bell-modes button{font-size:10px;padding:8px 12px;background:#06131de6}.bell-modes [aria-pressed=true]{border-color:#d7bc7c;color:#efd6a4}#motifProcess{margin:50px 6%;padding-top:40px;border-top:1px solid #d7bc7c44}.process-heading{max-width:650px}.process-heading small,.process-grid small{font-size:10px;letter-spacing:3px;color:#bda779}.process-heading h2{font:30px serif}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.process-grid article{border:1px solid #d7bc7c33;padding:18px}.process-grid img,.process-grid svg{width:100%;height:340px;object-fit:contain;background:#07131a;margin-bottom:20px}.process-grid h3{font:23px serif}.process-grid p{font-size:12px}.stage.ownphoto .spot.a{left:45%;top:44%}.stage.ownphoto .spot.b{left:70%;top:47%}.stage.ownphoto .spot.inscription{top:30%}@media(max-width:800px){.process-grid{grid-template-columns:1fr}.process-grid img,.process-grid svg{height:300px}.stage.ownphoto #mask{width:80%;left:10%;top:4%}.stage.ownphoto .spot.a{top:35%}.stage.ownphoto .spot.b{top:38%}.stage.ownphoto .spot.inscription{top:25%}.bell-modes button{font-size:9px}}

.stage.ownredesign #mask{width:88%;left:6%;top:2%;height:auto;aspect-ratio:3/4;object-fit:contain;mask-image:none}.bell-design-label{position:absolute;top:0;left:0;right:0;z-index:5;text-align:center;font-size:9px;color:#9dbaa9;letter-spacing:2px;pointer-events:none}.stage.ownredesign .spot.a{left:46%;top:41%}.stage.ownredesign .spot.b{left:73%;top:44%}.stage.ownredesign .spot.inscription{top:29%}@media(max-width:800px){.stage.ownredesign #mask{width:94%;left:3%;top:3%}.bell-design-label{font-size:8px;letter-spacing:1px}.stage.ownredesign .spot.a{top:34%}.stage.ownredesign .spot.b{top:37%}.stage.ownredesign .spot.inscription{top:23%}}

.stage.ownredesign #mask{width:auto;height:72%;max-width:88%;left:0;right:0;margin:0 auto;top:2%;object-fit:contain;aspect-ratio:3/4}#curtain{z-index:3;opacity:1}.stage.real #curtain{opacity:.55}@media(max-width:800px){.stage.ownredesign #mask{width:auto;height:70%;max-width:94%;left:0;right:0;top:3%;margin:0 auto}}