body{position:relative}
.tv-sound-trigger{position:absolute;left:20%;top:15%;width:65%;height:70%;z-index:5;border:0;background:transparent;pointer-events:auto;cursor:pointer}.tv-sound-trigger:focus-visible{outline:1px solid var(--red);outline-offset:3px;border-radius:20px}
.scroll-light{position:absolute;top:0;left:0;right:0;z-index:6;pointer-events:none;overflow:hidden;mix-blend-mode:screen;opacity:.6;transition:opacity .3s}
.scroll-light svg{display:block;width:100%;height:100%;overflow:hidden}
.light-route{fill:none;stroke:#d7483b;stroke-width:.7;opacity:.04}
.light-halo{fill:none;stroke:#ff483a;stroke-width:4;opacity:.22;filter:blur(3px);stroke-linecap:round}
.light-core{fill:none;stroke:#f4d8ab;stroke-width:1;opacity:.55;stroke-linecap:round;filter:drop-shadow(0 0 4px #ff2934)}
.light-head{fill:#fff0d8;filter:drop-shadow(0 0 5px #ff483a)}
.modal-open .scroll-light,.is-transitioning .scroll-light{opacity:0}
/* Mirror the icon mask with the card layout; keep decorative glyphs out of RTL shaping. */
.portal-art{mask-image:linear-gradient(to right,transparent 12%,#000 65%)}
.portal-art>span{direction:ltr;unicode-bidi:isolate;inset-inline-end:auto;right:10%;left:auto;white-space:nowrap}
[dir=rtl] .portal-art{mask-image:linear-gradient(to left,transparent 12%,#000 65%)}
[dir=rtl] .portal-art>span{inset-inline-end:auto;right:auto;left:10%}
@media(max-width:650px){.scroll-light{opacity:.6}.light-halo{stroke-width:3;filter:blur(2px)}.light-core{stroke-width:1}.portal-art>span{font-size:135px;top:8%;right:8%}[dir=rtl] .portal-art>span{left:8%;right:auto}.portal-tools .portal-art>span{font-size:100px;padding:12px}.portal-copy{max-width:90%}.portal-copy h2{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){.scroll-light{display:none}}