.story{--bar:58px;height:calc(var(--scroll) + 100lvh);--pw:min(440px, calc((100svh - var(--bar) - 40px) * .47), calc(50vw - 40px));position:relative}.bar{z-index:10;height:var(--bar);box-sizing:border-box;padding-inline:max(20px, env(safe-area-inset-left,0px)) max(20px, env(safe-area-inset-right,0px));background:var(--paper);color:var(--ink);justify-content:center;align-items:center;gap:34px;display:flex;position:fixed;top:0;left:0;right:0}.bar:after{content:"";box-sizing:border-box;border-top:2px solid var(--red);border-bottom:1px solid var(--red);pointer-events:none;height:4px;position:absolute;bottom:0;left:0;right:0}.bar-logo{color:var(--red);display:block}.bar-logo .mark{height:32px;margin:0;display:block}.tabs{font-variant:small-caps;letter-spacing:.09em;font-size:21px;display:flex}.tabs a{color:inherit;white-space:nowrap;padding-block:8px;text-decoration:none}.tabs a+a:before{content:"✠";color:var(--red);vertical-align:2px;font-variant:normal;letter-spacing:0;margin:0 14px;font-size:13px}.bar-lang{color:inherit;text-underline-offset:3px;font-size:19px}.stage{background:var(--ground);isolation:isolate;contain:layout paint;height:100lvh;position:sticky;top:0;overflow:hidden}.off{opacity:0;visibility:hidden}.arts{contain:strict;position:absolute;inset:0;overflow:hidden}.art{object-fit:cover;will-change:opacity, transform;width:100%;max-width:none;height:100%;position:absolute;inset:0}.art[style*=hidden]{will-change:auto}.scrim{pointer-events:none;background:linear-gradient(90deg,#120d09d1 0,#120d09b8 28%,#120d0975 40%,#120d091f 54%,#120d0938 100%);position:absolute;inset:0}.opening{pointer-events:none;will-change:opacity;background:#3a1416;position:absolute;inset:0}.opening img{object-fit:cover;filter:brightness(1.42)saturate(.8)hue-rotate(-12deg);width:100%;max-width:none;height:100%;position:absolute;inset:0}.opening:after{content:"";background:linear-gradient(90deg,#7a1418d6 0,#7a14189e 38%,#7a14184d 62%,#7a141833 100%);position:absolute;inset:0}.room{left:0;right:0;top:var(--bar);height:calc(100svh - var(--bar));grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid;position:absolute}.caps{min-width:0;padding-left:max(44px, calc((100vw - 1240px) / 2), env(safe-area-inset-left,0px));position:relative}.cap{padding-left:inherit;box-sizing:border-box;color:var(--paper);text-shadow:0 1px 18px #0a07048c;opacity:0;visibility:hidden;will-change:opacity, transform;padding-right:24px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.cap.on{opacity:1;visibility:visible}.cap h1,.cap h2{text-wrap:balance;font-weight:400}.cap h1{letter-spacing:.17em;font-size:clamp(46px,6.2vw,92px);line-height:1}.cap h2{max-width:12em;font-size:clamp(36px,4.3vw,62px);line-height:1.04}.cap p{text-wrap:balance;color:#e9decb;max-width:21em;margin-top:12px;font-size:clamp(20px,1.8vw,25px);line-height:1.3}.cap.hero,.cap.closing{text-shadow:none}.cap.hero p,.cap.closing p{color:var(--on-red)}.cap.hero p{max-width:17em;margin-top:14px;font-size:clamp(22px,2.1vw,30px);line-height:1.2}.switch{color:var(--on-red);font-size:18px;display:none}.act{flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:22px;display:flex}.cta{letter-spacing:.05em;background:var(--paper);color:var(--red);border-radius:5px;padding:13px 22px;font-size:18px;line-height:1.2;text-decoration:none;display:inline-block}.foot{color:var(--on-red);flex-wrap:wrap;gap:4px 18px;margin-top:24px;font-size:18px;display:flex}.foot a{color:inherit}.foot .src{flex-basis:100%;font-style:italic}.more{color:var(--paper);letter-spacing:.06em;white-space:nowrap;font-size:22px;line-height:1}.more i{box-sizing:border-box;border-bottom:2.5px solid;border-right:2.5px solid;width:20px;height:20px;animation:1.6s ease-in-out infinite nudge;display:block;transform:rotate(45deg)}@keyframes nudge{0%,to{transform:translateY(-3px)rotate(45deg)}50%{transform:translateY(5px)rotate(45deg)}}.more-out{flex-direction:column;align-items:center;gap:8px;width:max-content;margin:auto;display:flex;position:absolute;bottom:22px;left:0;right:0}.more-in{display:none}.phw{place-items:center;min-width:0;min-height:0;padding:20px;display:grid;position:relative}.ph{padding:calc(var(--pw) * .022);border-radius:calc(var(--pw) * .155);width:var(--pw);box-sizing:border-box;will-change:transform;background:#0d0b09;position:relative;box-shadow:0 34px 70px -26px #0f0b0899,inset 0 0 0 1px #ffffff1a}.ph:after{content:"";box-sizing:border-box;border:calc(var(--pw) * .022) solid #0d0b09;border-radius:inherit;pointer-events:none;z-index:30;position:absolute;inset:0}.scr{aspect-ratio:402/874;border-radius:calc(var(--pw) * .133);background:var(--paper);width:100%;position:relative;overflow:hidden;container-type:inline-size}.in{--u:calc(100cqw / 402);contain:layout paint;position:absolute;inset:0}.g{background:var(--paper);position:absolute;inset:0;overflow:hidden}.g.dk{background:var(--night)}.f{width:100%;max-width:none;display:block;position:absolute;top:0;left:0}.win{left:0;right:0;bottom:calc(34 * var(--u));top:calc(var(--head) * var(--u));background:var(--paper);position:absolute;overflow:hidden}.body{will-change:transform;width:100%;max-width:none;display:block;position:absolute;top:0;left:0}.tap{width:calc(44 * var(--u));height:calc(44 * var(--u));margin:calc(-22 * var(--u)) 0 0 calc(-22 * var(--u));z-index:15;will-change:opacity, transform;background:#1f1a154d;border-radius:50%;position:absolute;top:0;left:0;box-shadow:0 0 0 1.5px #ffffffd9,0 2px 8px #00000040}@media (max-width:860px),(max-aspect-ratio:1){.story{--bar:46px;height:calc(var(--scroll-n) + 100lvh)}.bar{padding-inline:max(8px, env(safe-area-inset-left,0px)) max(8px, env(safe-area-inset-right,0px));gap:0}.bar-logo,.bar-lang{display:none}.tabs{letter-spacing:.04em;font-size:clamp(13px,4.3vw,17px)}.tabs a+a:before{margin:0 clamp(3px,1.5vw,6px);font-size:9px}.stage{--caph:158px;--pw:min(calc(100vw - 24px), calc((100svh - var(--bar) - var(--caph) - 20px) * .47))}.room{grid-template-columns:minmax(0,1fr);grid-template-rows:var(--caph) minmax(0, 1fr)}.caps{padding-left:0}.scrim{background:linear-gradient(#120d09db 0,#120d09b8 16%,#120d091a 32% 100%)}.cap{top:max(14px, env(safe-area-inset-top,0px));padding-left:max(20px, env(safe-area-inset-left,0px));padding-right:max(20px, env(safe-area-inset-right,0px));transform:none}.cap h2{max-width:none;font-size:31px;line-height:1.06}.cap p{max-width:none;margin-top:5px;font-size:19px}.cap h1{margin-top:0;font-size:40px}.cap.hero p{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.opening:after{background:linear-gradient(#7a1418e6 0,#7a1418bd 28%,#7a14184d 50%,#7a141833 100%)}.switch{right:max(20px, env(safe-area-inset-right,0px));margin:0;font-size:16px;display:inline-block;position:absolute;top:12px}.act{gap:6px 14px;margin-top:10px}.cta{padding:9px 14px;font-size:15px}.foot{margin-top:8px;font-size:15px}.phw{place-items:start center;padding:6px 12px 14px}.more-out{display:none}.more-in{align-items:center;gap:9px;font-size:18px;display:flex}.more-in i{border-width:2px;width:12px;height:12px}}@media (max-width:340px){.act{gap:8px}.more-in{letter-spacing:0;gap:6px;font-size:15px}}@media (prefers-reduced-motion:reduce){.art,.cap,.ph,.body,.tap{will-change:auto}.more i{animation:none}}
