@charset "UTF-8";:root{--unit:1vw;font-family:Songti SC,STSong,SimSun,serif;color:#f6dfb7;background:#1b100b;font-synthesis:none;font-weight:400;--red:#b61319;--cream:#f5dfb9;--gold:#dcb97d;--ink:#432e1c;--ease:cubic-bezier(.22,.8,.24,1)}*{box-sizing:border-box}html,body,#root{margin:0;width:100%;height:100%;overscroll-behavior:none}body{overflow:hidden;-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{cursor:pointer;border:0;color:inherit}button:focus-visible,input:focus-visible{outline:2px solid #f2cc78;outline-offset:4px}button:disabled{cursor:default;opacity:.54}img{display:block;user-select:none;-webkit-user-drag:none}p,h1,h2{margin:0}button{touch-action:manipulation}button:active:not(:disabled){filter:brightness(1.08)}.desktop-shell{height:100%;display:flex;align-items:center;justify-content:center;gap:clamp(30px,7vw,110px);background:radial-gradient(ellipse at 50% 55%,#402215 0,#25160f 45%,#160d09)}.experience-shell{position:relative;isolation:isolate;height:calc(100vh - 32px);height:min(940px,calc(100dvh - 32px));aspect-ratio:6/13;overflow:hidden;container-type:inline-size;border-radius:24px;border:1px solid #87663c;box-shadow:0 24px 100px #0009,0 0 0 6px #1a100b;color:var(--cream);background:#27160d}.desktop-note,.desktop-caption{width:165px;display:flex;flex-direction:column;gap:36px;color:#ac8660;letter-spacing:.13em;line-height:2}.desktop-note{align-items:center;font-size:11px}.vertical-brand{writing-mode:vertical-rl;font-size:40px;letter-spacing:.3em;color:#d5b584}.desktop-caption>span{font-size:26px;color:#d6b487}.desktop-caption small{font-size:11px;line-height:2.2;color:#977454}.page-wrap,.page{position:absolute;inset:0}.page{overflow:hidden}.scene-background,.full-scene,.scene-vignette{position:absolute;inset:0;width:100%;height:100%}.scene-background{background-size:cover;background-position:center}.scene-background:not(.paper-bg):after{content:"";position:absolute;inset:0;background:linear-gradient(#130b05a8,transparent 26%,transparent 65%,#130b0566)}.paper-bg{background-color:#f4dfba}.paper-theme{color:#b0181c}.dark-theme{color:#f7dfb3}.full-scene{object-fit:cover}.scene-vignette{background:linear-gradient(#100804b0,transparent 28%,transparent 58%,#100804bb);pointer-events:none}.top-nav{position:absolute;top:calc(calc(4 * var(--unit)) + env(safe-area-inset-top));left:5%;right:5%;display:flex;justify-content:space-between;align-items:center;z-index:35;height:calc(9 * var(--unit));color:#f5dfb5}.top-nav.ink-nav{color:#a82624}.top-nav button{position:relative;background:none;min-width:calc(9 * var(--unit));height:calc(9 * var(--unit));display:grid;place-items:center;font-size:calc(7 * var(--unit));line-height:1}.top-nav .chapter-step{font:10px/1.4 system-ui;letter-spacing:.15em;color:inherit;opacity:.64;min-width:60px}.nav-spacer{width:calc(9 * var(--unit))}.mute-slash{position:absolute;width:calc(4 * var(--unit));height:1px;background:currentColor;transform:rotate(-45deg);opacity:.85}.mute-slash.off{opacity:0}.bottom-mark{position:absolute;bottom:calc(calc(1.8 * var(--unit)) + env(safe-area-inset-bottom));width:100%;text-align:center;pointer-events:none;z-index:35;font:8px/1.4 serif;letter-spacing:.17em;color:#bd965d;opacity:.58}.heading{position:absolute;top:calc(calc(14 * var(--unit)) + env(safe-area-inset-top));width:92%;left:4%;text-align:center;z-index:3}.heading h1{font-size:calc(6.4 * var(--unit));font-weight:500;letter-spacing:.12em;line-height:1.45;text-shadow:0 1px 12px #160a0333}.heading p{margin-top:calc(1.7 * var(--unit));font-size:calc(3.2 * var(--unit));letter-spacing:.045em;line-height:1.7}.brand-heading{top:calc(calc(16 * var(--unit)) + env(safe-area-inset-top))}.brand-heading h1{font-weight:600;font-size:calc(9 * var(--unit));letter-spacing:.12em;margin-top:calc(3 * var(--unit))}.brandline{font-size:calc(3.1 * var(--unit));letter-spacing:.08em}.brand-heading p{font-size:calc(3.9 * var(--unit))}.page-bottom{position:absolute;bottom:calc(calc(9 * var(--unit)) + env(safe-area-inset-bottom));left:8%;width:84%;display:flex;align-items:stretch;flex-direction:column;gap:calc(3 * var(--unit));z-index:5;text-align:center}.primary{background:linear-gradient(120deg,#d92026,#ac0910);color:#ffeac5;border:1px solid #ef79643d;box-shadow:0 5px 20px #8c0d131b;border-radius:999px;font-size:calc(3.65 * var(--unit));letter-spacing:.08em;padding:calc(3.3 * var(--unit)) calc(5 * var(--unit));min-height:calc(10.5 * var(--unit));line-height:1.5}.next{display:flex;justify-content:center;align-items:center;gap:calc(5 * var(--unit));width:100%}.next span{font-family:system-ui;font-size:calc(4 * var(--unit))}.secondary{color:#eed5a5;background:#221d176e;border:1px solid #ceb28a88;border-radius:999px;font-size:calc(3.5 * var(--unit));padding:calc(2.8 * var(--unit)) calc(4 * var(--unit));min-height:calc(10 * var(--unit))}.paper-theme .secondary{color:#915733;background:#faedda95;border-color:#b6784470}.text-button{background:none;color:inherit;font-size:calc(3.2 * var(--unit));letter-spacing:.03em;line-height:1.65;padding:calc(2 * var(--unit))}.assist{opacity:.65;font-size:calc(2.8 * var(--unit))}.instruction{font-size:calc(3.25 * var(--unit));line-height:1.75;text-align:center;letter-spacing:.025em;color:inherit}.dark-ink{color:#715033}.gesture-guide{position:absolute;display:flex;gap:calc(2 * var(--unit));align-items:center;justify-content:center;pointer-events:none;z-index:6;font-size:calc(2.8 * var(--unit));color:#fff0c7;text-shadow:0 1px 6px #160905;white-space:nowrap}.finger{font-family:system-ui;font-size:calc(7 * var(--unit));opacity:.82;animation:guide-drag 2.8s ease-in-out infinite}.gesture-guide.hold .finger{animation:guide-hold 2.4s ease-in-out infinite}.gesture-guide.swipe .finger{animation:guide-drag 2.8s ease-in-out infinite}.paper-card{background:linear-gradient(115deg,#fff0d2,#f4dab4);color:#432c1b;border-radius:calc(5 * var(--unit)) calc(5 * var(--unit)) calc(2.7 * var(--unit)) calc(2.7 * var(--unit));border:1px solid #f8e4c4;box-shadow:0 8px 32px #120a0640;padding:calc(4.5 * var(--unit)) calc(5 * var(--unit))}.paper-card h2{font-size:calc(5 * var(--unit));letter-spacing:.08em;font-weight:500}.paper-card p{font-size:calc(3.35 * var(--unit));line-height:1.8;letter-spacing:.02em}.paper-card .next{margin-top:calc(3 * var(--unit));min-height:calc(9.5 * var(--unit));padding:calc(2.8 * var(--unit)) calc(4 * var(--unit))}.hero-stage,.lighting-stage{position:absolute;width:92%;left:4%;top:27%;aspect-ratio:1;z-index:3}.candle-object{position:relative;width:100%;aspect-ratio:1}.object-image{width:100%;height:100%;object-fit:contain;position:relative;z-index:1}.wick{position:absolute;top:3.5%;width:17%;height:19%;transform:translate(-50%,-81%);pointer-events:none;z-index:4}.wick.left,.wick-touch.left{left:26.6%}.wick.right,.wick-touch.right{left:73.7%}.flame{width:100%;height:100%;display:block}.wick-touch{position:absolute;top:-6%;width:20%;height:19%;transform:translate(-50%);background:transparent;z-index:5}.reflected-light{position:absolute;inset:9% 5% 7%;z-index:2;pointer-events:none;background:radial-gradient(ellipse at 50% 40%,#ffb76b1c,transparent 60%);mix-blend-mode:screen;animation:reflect 4.8s ease-in-out infinite}.wick-target{position:absolute;left:73.7%;top:4%;width:15%;aspect-ratio:1;transform:translate(-50%,-50%);border:1px solid #f0ce8177;border-radius:50%;box-shadow:0 0 20px #f6be3840;pointer-events:none;z-index:4;animation:target-breathe 2.2s ease-in-out infinite}.wick-target.near{background:#f2b43035;border-color:#ffce71;box-shadow:0 0 30px #ffb834}.lighting-stage{touch-action:none;user-select:none}.lighting-stage>.gesture-guide{bottom:5%;left:0;width:100%}.movable-match{position:absolute;z-index:9;width:38%;transform:translate(-8%,-18%);touch-action:none;filter:drop-shadow(0 2px 5px #0006)}.movable-match img{width:100%}.movable-match .match-fire{position:absolute;left:-13%;top:-165%;width:39%;height:235%;pointer-events:none}.movable-match.held{filter:drop-shadow(0 2px 8px #d4711b33)}.glow-page:after{content:"";position:absolute;inset:10% -40%;background:radial-gradient(ellipse,#c582291e,transparent 63%);animation:illumination 2s var(--ease) both;pointer-events:none}.glow-caption{font-size:calc(4.6 * var(--unit));line-height:1.5;letter-spacing:.08em}.glow-page .hero-stage{animation:object-arrive 1.8s var(--ease) both}.match-art{position:absolute;top:26%;left:10%;width:80%;aspect-ratio:1;filter:drop-shadow(0 2px 1px #a0281710)}.match-art img{width:100%;height:100%;object-fit:contain}.opening-copy{position:absolute;bottom:22%;width:100%;text-align:center;color:#644528;font-size:calc(4.1 * var(--unit));line-height:1.85;letter-spacing:.06em}.match-footer{position:absolute;bottom:calc(calc(8 * var(--unit)) + env(safe-area-inset-bottom));left:0;width:100%;padding:0 5%;text-align:center}.striker{position:relative;width:100%;height:calc(17 * var(--unit));border-radius:calc(2 * var(--unit));background:repeating-linear-gradient(22deg,#291d17 0 2px,#382a20 2px 3px,#231c16 3px 5px);box-shadow:inset 0 0 0 2px #d1b27b34,inset 0 4px 9px #0005;touch-action:none;overflow:visible}.friction-label{position:absolute;top:calc(1.2 * var(--unit));left:5%;font-size:calc(2.2 * var(--unit));color:#c49b69;letter-spacing:.15em}.strike-match{position:absolute;width:60%;left:5%;top:calc(5.5 * var(--unit));will-change:transform}.strike-match img{width:100%}.strike-match .match-fire{position:absolute;width:24%;height:220%;left:-8%;top:-162%}.strike-match .spark{position:absolute;left:2%;top:28%;width:6px;height:6px;background:#ffc746;border-radius:50%;box-shadow:0 0 25px 10px #ff9b25;animation:spark .15s both}.striker .gesture-guide{bottom:calc(1.2 * var(--unit));right:6%;font-size:calc(2.5 * var(--unit))}.striker .finger{font-size:calc(5 * var(--unit))}.match-footer>.instruction{font-size:calc(2.8 * var(--unit));margin-top:calc(3 * var(--unit));min-height:calc(5 * var(--unit));color:#865938}.match-footer .text-button{font-size:calc(2.7 * var(--unit));padding:0}.phase-2{box-shadow:inset 0 0 150px #ffb63c33}.light-flash{position:absolute;inset:0;z-index:30;background:radial-gradient(circle at 35% 65%,#fff4bd,#f4b964a1 30%,transparent 65%);animation:light-expand 1.1s ease-in both;pointer-events:none}.detail-stage{position:absolute;width:80%;left:10%;top:20%;aspect-ratio:1;touch-action:none;z-index:4}.detail-base-image,.detail-reveal-image{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.detail-base-image{filter:brightness(.27) saturate(.65)}.detail-reveal-image{filter:brightness(1.05);will-change:mask-image}.light-halo{position:absolute;width:50%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;border:1px solid #ffda8845;background:radial-gradient(circle,#ffd27f0b,transparent 62%);box-shadow:0 0 22px #fac36818;pointer-events:none}.hotspot{position:absolute;width:9%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:#e6ba5933;display:grid;place-items:center;opacity:0;transition:opacity .2s;z-index:5;border:1px solid #ffe6a5}.hotspot.visible{opacity:1}.hotspot:disabled{visibility:hidden}.hotspot span{width:38%;height:38%;background:#fff4cc;border-radius:50%;box-shadow:0 0 10px #ffcc64}.hotspot.visited{border-color:#efcc7f}.detail-stage .gesture-guide{bottom:5%;left:0;width:100%;font-size:calc(2.45 * var(--unit))}.detail-card{position:absolute;bottom:calc(calc(7 * var(--unit)) + env(safe-area-inset-bottom));left:4%;width:92%;z-index:8;padding:calc(3.5 * var(--unit)) calc(4 * var(--unit))}.card-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:calc(1.2 * var(--unit))}.card-title h2{font-size:calc(4.6 * var(--unit))}.card-title span{color:#a77445;font:calc(2.6 * var(--unit)) system-ui}.detail-card p{font-size:calc(3 * var(--unit));line-height:1.7}.detail-thumbnails{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(2.4 * var(--unit));margin-top:calc(2.5 * var(--unit))}.detail-thumbnails button{position:relative;padding:0;border-radius:calc(2 * var(--unit));background:transparent;color:#624429;border:1px solid transparent;overflow:hidden}.detail-thumbnails button.active{border-color:#b31718}.detail-thumbnails img{width:100%;height:calc(13 * var(--unit));object-fit:cover}.detail-thumbnails span{display:block;font-size:calc(2.8 * var(--unit));padding:calc(1.5 * var(--unit)) .calc(3 * var(--unit))}.detail-thumbnails i{position:absolute;top:calc(1 * var(--unit));right:calc(1 * var(--unit));background:#b31b1c;color:#ffeac7;border-radius:50%;font:calc(2.2 * var(--unit)) system-ui;width:calc(4 * var(--unit));height:calc(4 * var(--unit));display:grid;place-items:center}.detail-card .next{font-size:calc(3.3 * var(--unit));padding:calc(2.2 * var(--unit));min-height:calc(8.5 * var(--unit));margin-top:calc(2 * var(--unit))}.detail-macro{position:absolute;inset:0;z-index:10;background:#382010;border-radius:calc(4 * var(--unit));overflow:hidden;box-shadow:0 0 35px #d07e2922}.detail-macro>img{width:100%;height:100%;object-fit:cover}.detail-macro button{position:absolute;bottom:3%;right:3%;background:#2b170dbb;border:1px solid #e3be7977;border-radius:99px;padding:calc(2 * var(--unit)) calc(3 * var(--unit));font-size:calc(2.8 * var(--unit))}.room-controls{position:absolute;bottom:calc(calc(9 * var(--unit)) + env(safe-area-inset-bottom));left:7%;width:86%;z-index:7;border-radius:calc(4 * var(--unit));padding:calc(4 * var(--unit));background:linear-gradient(#21120ccb,#20110cf5);backdrop-filter:blur(7px)}.brightness-row{display:flex;gap:calc(3 * var(--unit));align-items:center}.brightness-row span{font-size:calc(5 * var(--unit))}.brightness-label{display:flex;justify-content:space-between;align-items:center;color:#dbb88c;font-size:calc(2.7 * var(--unit));margin:calc(2 * var(--unit)) 0 calc(3 * var(--unit))}.brightness-label output{font-family:system-ui;font-size:calc(2.5 * var(--unit))}.room-controls .instruction{font-size:calc(3 * var(--unit));min-height:calc(9 * var(--unit))}.room-controls .next{font-size:calc(3.3 * var(--unit));min-height:calc(9 * var(--unit));padding:calc(2.3 * var(--unit))}.room-local-light{position:absolute;width:110%;height:55%;left:-5%;top:33%;background:radial-gradient(ellipse,#fabe514d,#ec983a16 40%,transparent 70%);mix-blend-mode:screen;pointer-events:none;transform-origin:50% 62%;will-change:transform,opacity}.room-candle-flame{position:absolute;top:48%;width:9%;height:9%;transform:translate(-50%,-85%);pointer-events:none;z-index:2}.room-left{left:34.7%}.room-right{left:64.3%}.story-page .full-scene{transition:filter .8s;object-position:center}.story-page.reading .full-scene{filter:blur(1px)}.story-card{position:absolute;bottom:calc(calc(9 * var(--unit)) + env(safe-area-inset-bottom));left:4%;width:92%;z-index:8;animation:card-appear .65s var(--ease) both}.close-card{position:absolute;right:calc(3 * var(--unit));top:calc(3 * var(--unit));width:calc(7 * var(--unit));height:calc(7 * var(--unit));border-radius:50%;background:#84281a;color:#fff0cd;font:calc(5.5 * var(--unit))/1 system-ui}.eyebrow{font-size:calc(2.4 * var(--unit));letter-spacing:.12em;color:#a47641;display:block;margin-bottom:calc(2 * var(--unit))}.story-card h2{font-size:calc(5.4 * var(--unit));margin-bottom:calc(3 * var(--unit))}.story-copy p{font-size:calc(3.55 * var(--unit));line-height:1.9;margin-bottom:calc(2 * var(--unit))}.audio-player{margin-top:calc(4 * var(--unit))}.audio-button{width:100%;padding:calc(2.9 * var(--unit)) calc(3 * var(--unit));font-size:calc(3.3 * var(--unit))}.audio-note{font-size:calc(2.5 * var(--unit))!important;color:#986541;text-align:center;margin-top:calc(2 * var(--unit))}.audio-meta{display:flex;justify-content:space-between;font-size:calc(2.5 * var(--unit))}.audio-meta button{background:none;color:#8b4d2d;text-decoration:underline}.shadow-wall-warmth{position:absolute;inset:0;background:radial-gradient(ellipse at 52% 40%,#ffc56570,#b763267d 80%),linear-gradient(#6e351b5d,#58281073);transition:opacity .2s;pointer-events:none}.wall-grain{position:absolute;inset:0;pointer-events:none;opacity:.2;background-image:repeating-linear-gradient(93deg,#96683911 0 1px,transparent 1px 5px);mix-blend-mode:multiply}.shadow-page .heading{text-shadow:0 1px 10px #8b451d25}.shadow-art{position:absolute;left:8%;width:84%;aspect-ratio:1;top:26%;transform-origin:50% 90%}.shadow-silhouette{position:absolute;inset:0;background:#4c2716;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;will-change:filter,opacity}.paper-emerging{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;will-change:mask-image}.hold-controls{position:absolute;bottom:calc(calc(10 * var(--unit)) + env(safe-area-inset-bottom));left:8%;width:84%;text-align:center;z-index:8}.hold-button{position:relative;width:calc(21 * var(--unit));aspect-ratio:1;border-radius:50%;margin:0 auto calc(5 * var(--unit));display:grid;place-items:center;background:#f7d19522;border:1px solid #f9da9b55;touch-action:none;user-select:none;box-shadow:0 0 50px #e4942e1f}.hold-button.holding{background:#f5d79536;box-shadow:0 0 50px #e8a53e42}.hold-button svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg);fill:none;stroke-width:2}.hold-ring{stroke:#f3d1a12e}.hold-fill{stroke:#ffe7b2;stroke-linecap:round}.hold-button>span{font-size:calc(4.2 * var(--unit))}.hold-controls .instruction{font-size:calc(3.15 * var(--unit));min-height:calc(11 * var(--unit));margin-top:calc(2 * var(--unit))}.hold-controls .next{font-size:calc(3.2 * var(--unit));padding:calc(2.5 * var(--unit))}.morph-stage{position:absolute;inset:0;touch-action:none;z-index:2}.morph-stage .gesture-guide{top:67%;width:100%}.morph-page .heading{z-index:4}.paper-progress{display:flex;gap:calc(4 * var(--unit));align-items:center}.paper-progress span{font:calc(2.5 * var(--unit)) system-ui;width:calc(10 * var(--unit))}.morph-page.paper-theme .paper-progress{color:#ab241c}.morph-page .page-bottom .instruction{min-height:calc(8 * var(--unit))}.morph-page .page-bottom{z-index:8}.shadow-blur{position:absolute;inset:0;will-change:filter,opacity}.shadow-environment{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;mask-image:radial-gradient(ellipse at 50% 43%,transparent 34%,#0008 55%,black 78%);-webkit-mask-image:radial-gradient(ellipse at 50% 43%,transparent 34%,#0008 55%,black 78%);pointer-events:none}.comparison-stage{position:absolute;left:5%;width:90%;top:24%;height:54%;border:1px solid #d8b18488;border-radius:calc(5 * var(--unit));overflow:hidden;touch-action:none;z-index:4}.compare-layer{position:absolute;inset:0;width:100%;height:100%}.real-layer{background:#29140b}.real-layer .candle-object{position:absolute;width:100%;top:18%;left:0}.cut-layer{background-color:#f6dfb9;background-size:cover;color:#ba231a;will-change:clip-path}.cut-layer>img{position:absolute;width:100%;aspect-ratio:1;top:18%;left:0;object-fit:contain}.comparison-label{position:absolute;left:0;bottom:5%;width:100%;text-align:center;font-size:calc(3 * var(--unit));letter-spacing:.1em}.comparison-divider{position:absolute;top:0;bottom:0;width:1px;background:#f6e5ba;pointer-events:none;z-index:6;will-change:left}.comparison-divider>span{position:absolute;top:50%;left:0;transform:translate(-50%,-50%);display:grid;place-items:center;width:calc(12 * var(--unit));aspect-ratio:1;border-radius:50%;color:#4c311f;background:#ffedc7;box-shadow:0 2px 12px #10090566;font:calc(5 * var(--unit)) system-ui}.comparison-stage>.gesture-guide{width:100%;bottom:10%;font-size:calc(2.6 * var(--unit))}.compare-buttons{display:flex;gap:calc(3 * var(--unit))}.compare-buttons button{flex:1;background:#3a271dab;border:1px solid #d4ad7588;border-radius:999px;font-size:calc(3.25 * var(--unit));padding:calc(3 * var(--unit)) calc(1 * var(--unit))}.compare-buttons button.active{background:#aa7752;color:#ffebc4}.comparison-page .page-bottom{bottom:calc(calc(8 * var(--unit)) + env(safe-area-inset-bottom));gap:calc(2.5 * var(--unit))}.comparison-page .next{font-size:calc(3.3 * var(--unit));padding:calc(2.6 * var(--unit));min-height:calc(9 * var(--unit))}.compare-layer{isolation:isolate;z-index:0}.cut-layer{z-index:1}.real-layer .comparison-label{right:6%;left:auto;width:auto}.cut-layer .comparison-label{left:6%;width:auto}.shadow-environment{mask-image:linear-gradient(to right,black,transparent 9%,transparent 89%,black),linear-gradient(to bottom,black,transparent 16%,transparent 82%,black);-webkit-mask-image:linear-gradient(to right,black,transparent 9%,transparent 89%,black),linear-gradient(to bottom,black,transparent 16%,transparent 82%,black)}.comparison-stage.animating .cut-layer{transition:clip-path .4s var(--ease)}.comparison-stage.animating .comparison-divider{transition:left .4s var(--ease)}.completion-art{position:absolute;width:69%;left:15.5%;top:28%;aspect-ratio:1;filter:drop-shadow(1px 3px 1px #921a1125);animation:paper-settle 1.2s var(--ease) both}.completion-art img{width:100%;height:100%;object-fit:contain}.completion-copy{position:absolute;top:64%;left:8%;width:84%;text-align:center;color:#6d4225}.completion-copy p{font-size:calc(3.6 * var(--unit));line-height:1.85}.completion-copy h2{font-size:calc(4.4 * var(--unit));font-weight:500;line-height:1.7;letter-spacing:.08em;color:#af241b;margin-top:calc(2 * var(--unit))}.completion-seal{position:absolute;left:0;top:-calc(1 * var(--unit));color:#ac2823;font-size:calc(6 * var(--unit));transform:rotate(-7deg);opacity:.5}.completion-page .page-bottom{bottom:calc(calc(9 * var(--unit)) + env(safe-area-inset-bottom));gap:calc(2.5 * var(--unit))}.end-copy{position:absolute;top:35%;width:100%;text-align:center;color:#784624}.end-check{border:1px solid #bb8f5c;width:calc(17 * var(--unit));aspect-ratio:1;border-radius:50%;display:grid;place-items:center;margin:0 auto calc(6 * var(--unit));font:calc(9 * var(--unit)) system-ui;color:#ac231d;background:#ffecd466}.end-copy h2{font-size:calc(6 * var(--unit));font-weight:500;color:#a51c19}.end-copy p{font-size:calc(3.5 * var(--unit));line-height:2;margin:calc(5 * var(--unit)) auto}.end-copy>span{font-size:calc(2.9 * var(--unit));letter-spacing:.08em;color:#a4764b}.chapter-menu{position:absolute;z-index:40;inset:13% 6% 12%;background:#f8e5c8f7;border:1px solid #d3ad79;border-radius:calc(5 * var(--unit));padding:calc(6 * var(--unit));color:#654324;box-shadow:0 15px 60px #0008;backdrop-filter:blur(14px)}.chapter-menu h2{text-align:center;font-size:calc(6 * var(--unit));font-weight:500;letter-spacing:.1em;margin-bottom:calc(4 * var(--unit))}.chapter-menu ol{list-style:none;padding:0;margin:0 0 calc(4 * var(--unit))}.chapter-menu li{display:flex;align-items:center;gap:calc(4 * var(--unit));padding:calc(2.25 * var(--unit)) 0;border-bottom:1px solid #b586472b;font-size:calc(3.5 * var(--unit));color:#927255}.chapter-menu li.current{color:#af211a}.chapter-menu li.done{color:#775333}.chapter-menu li>span{font:calc(2.6 * var(--unit)) system-ui}.chapter-menu li>b{margin-left:auto;font:calc(2.6 * var(--unit)) system-ui;color:#b01e18}.chapter-menu .secondary{color:#7e4b2b;background:transparent;width:100%;border-color:#a8774c66}.loading-page{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:radial-gradient(ellipse,#f9e9c9,#ecd1a5);color:#ac201b;gap:calc(6 * var(--unit))}.loading-seal{font-size:calc(16 * var(--unit))}.loading-page h1{font-size:calc(7 * var(--unit));font-weight:500;letter-spacing:.1em}.loading-page p{font-size:calc(3.3 * var(--unit));color:#876134;text-align:center;padding:0 calc(6 * var(--unit))}.loading-line{width:24%;height:2px;background:#c8401c44;position:relative;overflow:hidden}.loading-line:after{content:"";position:absolute;width:50%;height:100%;background:#b22b20;animation:load 1.4s infinite}.loading-page .primary{min-width:50%}input[type=range]{appearance:none;-webkit-appearance:none;display:block;background:linear-gradient(90deg,#9b4a34,#e3ac66,#ffdfab);height:4px;width:100%;border-radius:99px;outline-offset:8px;cursor:ew-resize;touch-action:none;margin:calc(3 * var(--unit)) 0}input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;border:1px solid #fbe8b7;width:17px;height:17px;border-radius:50%;background:#fff0cf;box-shadow:0 0 13px #ffd47777}input[type=range]::-moz-range-thumb{border:1px solid #fbe8b7;width:17px;height:17px;border-radius:50%;background:#fff0cf}progress{appearance:none;display:block;width:100%;height:3px;border:none;border-radius:99px;background:#a4593860;overflow:hidden}progress::-webkit-progress-bar{background:#a4593860}progress::-webkit-progress-value{background:#efbb85;transition:width .04s}progress::-moz-progress-bar{background:#efbb85}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.page-wrap[data-transition=light]{animation:light-page .85s var(--ease) both}.page-wrap[data-transition=zoom]{animation:zoom-page .7s var(--ease) both}.page-wrap[data-transition=expand]{animation:expand-page .8s var(--ease) both}.page-wrap[data-transition=depth]{animation:depth-page .7s var(--ease) both}.page-wrap[data-transition=wall]{animation:wall-page .8s var(--ease) both}.page-wrap[data-transition=compare]{animation:compare-page .7s var(--ease) both}.page-wrap[data-transition=paper]{animation:paper-page .65s var(--ease) both}.page-wrap[data-transition=still]{animation:none}@keyframes guide-drag{0%,to{transform:translate(-6px);opacity:.4}50%{transform:translate(12px);opacity:.9}}@keyframes guide-hold{0%,to{transform:scale(.95);opacity:.45}50%{transform:scale(1.03);opacity:.9}}@keyframes reflect{0%,to{opacity:.35}45%{opacity:.65}73%{opacity:.48}}@keyframes target-breathe{0%,to{opacity:.35;transform:translate(-50%,-50%) scale(.95)}50%{opacity:.9;transform:translate(-50%,-50%) scale(1.03)}}@keyframes spark{to{opacity:0;transform:scale(1.6)}}@keyframes light-expand{0%{opacity:0;transform:scale(.3)}60%{opacity:1}to{opacity:0;transform:scale(2)}}@keyframes illumination{0%{opacity:0}to{opacity:1}}@keyframes object-arrive{0%{filter:brightness(.6)}to{filter:brightness(1)}}@keyframes card-appear{0%{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}@keyframes paper-settle{0%{opacity:0;transform:scale(.91) rotate(-1deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes load{0%{left:-50%}to{left:100%}}@keyframes light-page{0%{opacity:.4;filter:brightness(1.7)}to{opacity:1;filter:brightness(1)}}@keyframes zoom-page{0%{opacity:.6;transform:scale(.93)}to{opacity:1;transform:scale(1)}}@keyframes expand-page{0%{clip-path:circle(15% at 50% 40%)}to{clip-path:circle(120% at 50% 40%)}}@keyframes depth-page{0%{filter:blur(3px);opacity:.7}to{filter:blur(0);opacity:1}}@keyframes wall-page{0%{opacity:.7;transform:translate(4%)}to{opacity:1;transform:translate(0)}}@keyframes compare-page{0%{clip-path:inset(0 35% 0 0)}to{clip-path:inset(0 0 0 0)}}@keyframes paper-page{0%{opacity:.6;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:700px){.desktop-shell{display:block;background:#26160f}.desktop-note,.desktop-caption{display:none}.experience-shell{height:100vh;height:100dvh;max-width:100%;width:100%;aspect-ratio:auto;border:0;border-radius:0;box-shadow:none}.heading{top:calc(calc(13 * var(--unit)) + env(safe-area-inset-top))}.brand-heading{top:calc(calc(16 * var(--unit)) + env(safe-area-inset-top))}}@media (max-width:700px) and (min-aspect-ratio:1/2){.heading h1{font-size:calc(5.7 * var(--unit))}.brand-heading h1{font-size:calc(8.2 * var(--unit))}.hero-stage,.lighting-stage{width:80%;left:10%;top:26%}.match-art{width:66%;left:17%;top:28%}.opening-copy{font-size:calc(3.5 * var(--unit));bottom:24%}.detail-stage{width:64%;left:18%;top:20%}.detail-card{padding:calc(2.8 * var(--unit)) calc(3.5 * var(--unit))}.detail-card p{font-size:calc(2.9 * var(--unit))}.detail-thumbnails img{height:calc(10 * var(--unit))}.shadow-art{width:72%;left:14%;top:26%}.completion-art{width:58%;left:21%;top:29%}.completion-copy{top:62%}.story-copy p{font-size:calc(3.2 * var(--unit));line-height:1.75}.room-controls{padding:calc(3 * var(--unit))}.room-controls .instruction{min-height:calc(6 * var(--unit))}.hold-button{width:calc(17 * var(--unit));margin-bottom:calc(3 * var(--unit))}.hold-controls .instruction{min-height:calc(7 * var(--unit))}.comparison-stage{top:26%;height:49%}}@media (max-width:700px) and (max-height:650px){.heading p{font-size:calc(2.8 * var(--unit))}.brand-heading{top:calc(13 * var(--unit))}.brand-heading h1{margin-top:calc(1.5 * var(--unit))}.brand-heading p{font-size:calc(3.1 * var(--unit))}.top-nav{top:calc(2 * var(--unit))}.opening-copy{font-size:calc(3 * var(--unit));bottom:23%}.match-footer{bottom:calc(7 * var(--unit))}.completion-copy p{font-size:calc(3 * var(--unit))}.completion-copy h2{font-size:calc(3.6 * var(--unit))}.detail-card h2{font-size:calc(4 * var(--unit))}.detail-card .detail-thumbnails span{font-size:calc(2.5 * var(--unit));padding:calc(1 * var(--unit))}.story-card{padding:calc(3.5 * var(--unit)) calc(4 * var(--unit))}.story-card h2{font-size:calc(4.7 * var(--unit));margin-bottom:calc(2 * var(--unit))}.story-copy p{font-size:calc(3 * var(--unit));margin-bottom:calc(1.3 * var(--unit))}.audio-player{margin-top:calc(2 * var(--unit))}.page-bottom{gap:calc(2 * var(--unit))}.instruction{font-size:calc(3 * var(--unit))}.primary{padding:calc(2.7 * var(--unit)) calc(4 * var(--unit));min-height:calc(9 * var(--unit))}.shadow-art{width:66%;left:17%;top:27%}}@media (max-width:700px) and (min-aspect-ratio:1/2){.real-layer .candle-object,.cut-layer>img{width:76%;left:12%;top:13%}}@media (max-width:700px) and (max-height:650px){.real-layer .candle-object,.cut-layer>img{width:66%;left:17%;top:12%}}@media (orientation:landscape) and (max-height:600px){.desktop-shell{display:flex}.experience-shell{height:calc(100dvh - 12px);width:auto;aspect-ratio:6/13;max-width:100%;border-radius:12px}.desktop-note,.desktop-caption{display:none}.heading{top:calc(14 * var(--unit))}}@media (max-width:360px){.instruction,.opening-copy,.completion-copy p,.paper-card p{font-size:11px}.paper-card .audio-note{font-size:10px!important}.primary,.secondary{font-size:12px}.gesture-guide{font-size:9px}.detail-thumbnails span{font-size:10px}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reflected-light{opacity:.5}}