.play-story{top:50%;right:calc(var(--gutter) + 6vw);background:var(--glass);backdrop-filter:blur(14px);font:500 14px var(--sans);color:var(--paper);cursor:pointer;border:1px solid #efece433;border-radius:999px;align-items:center;gap:14px;padding:10px 22px 10px 10px;transition:scale .5s cubic-bezier(.34,1.8,.5,1),border-color .3s;display:flex;position:absolute;translate:0 -50%}.play-story:hover{border-color:#74acdf;scale:1.06}.play-story:active{scale:.96}.play-story i{background:#74acdf;border-radius:50%;place-items:center;width:46px;height:46px;animation:2.4s ease-out infinite invite;display:grid;box-shadow:0 0 #74acdf88}.play-story i:before{content:"";border-style:solid;border-width:9px 0 9px 15px;border-color:transparent transparent transparent var(--ink);margin-left:4px}@keyframes invite{to{box-shadow:0 0 0 14px #0000}}.story-on{overflow:hidden}.story-on header,.story-on main,.story-on .rail{opacity:0;pointer-events:none}header,main,.rail{transition:opacity .6s}.family-story{z-index:20;pointer-events:none;position:fixed;inset:0}.family-story[hidden]{display:none}.story-stage{position:absolute;inset:0}.story-line{font:400 clamp(40px, 6vw, 96px) / 1.02 var(--serif);letter-spacing:-.015em;text-align:center;text-shadow:0 4px 40px #0a0a0b,0 1px 10px #0a0a0b;margin:0;padding:0 24px;position:absolute;bottom:14vh;left:0;right:0}.story-line.big{font-size:clamp(64px,11vw,190px);bottom:10vh}.family-story .word{white-space:nowrap;display:inline-block}.family-story .char{transform-origin:50% 90%;display:inline-block}.story-card{opacity:0;gap:6vw;max-width:42vw;display:flex;position:absolute;top:50%;left:54vw;translate:0 -50%}.story-card:before{content:"";z-index:-1;backdrop-filter:blur(9px)saturate(.7);background:radial-gradient(closest-side,#0a0a0bf0,#0a0a0bcc 45%,#0a0a0b66 75%,#0000);position:absolute;inset:-38% -26% -42% -18%;-webkit-mask-image:radial-gradient(closest-side,#000 55%,#0000);mask-image:radial-gradient(closest-side,#000 55%,#0000)}.story-card .entry{gap:10px;display:grid}.story-card .role{font:500 clamp(12px, 1vw, 15px) var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#74acdf}.story-card .name{font:400 clamp(72px, 9.5vw, 168px) / .9 var(--serif);letter-spacing:-.03em;color:#fff;text-shadow:0 6px 40px #0a0a0b}.story-card .quip{max-width:24ch;font:500 clamp(19px, 1.7vw, 27px) / 1.3 var(--sans);color:var(--paper);text-wrap:balance}.story-card.me .quip{font:400 clamp(56px, 7vw, 120px) / 1 var(--serif);color:#74acdf}.story-card.pair{max-width:44vw}.story-card.pair .name{font-size:clamp(54px,6vw,108px)}.story-card.pair .quip{font-size:clamp(16px,1.3vw,21px)}.story-heart{opacity:0;filter:drop-shadow(0 6px 24px #ff4d6d88);width:clamp(54px,6vw,96px);margin:calc(clamp(54px,6vw,96px)/-2) 0 0 calc(clamp(54px,6vw,96px)/-2);position:absolute;top:0;left:0}.story-heart svg{fill:#ff4d6d;display:block}.story-actions{pointer-events:auto;gap:8px;display:flex;position:absolute;top:18px;right:22px}.story-actions button{border:1px solid var(--line);background:var(--glass);backdrop-filter:blur(12px);font:13px var(--sans);color:var(--soft);cursor:pointer;border-radius:999px;padding:9px 16px}.story-actions button:hover{color:var(--paper);border-color:#efece455}@media (width<=819px){.play-story{top:24svh;right:50%;translate:50%}.story-card{text-align:center;justify-content:center;max-width:none;inset:auto 6vw 10svh;translate:none}.story-card .entry{justify-items:center}.story-card .name{font-size:clamp(60px,18vw,96px)}.story-card.pair{gap:8vw;max-width:none}.story-card.pair .name{font-size:clamp(40px,11vw,64px)}.story-card.me .quip{font-size:clamp(44px,13vw,72px)}}@media (prefers-reduced-motion:reduce){.play-story i{animation:none}}.story-link{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.story-link path{fill:none;stroke:#74acdf;stroke-width:1.5px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1px;filter:drop-shadow(0 0 6px #74acdf88)}.story-card .tally{font:11px var(--mono);letter-spacing:.12em;color:var(--muted);position:absolute;bottom:calc(100% + 14px);left:0}.story-card .char{transition:color .9s}.story-card .char.fresh{color:#74acdf}.story-hero{opacity:0;filter:drop-shadow(0 10px 24px #0a0a0bcc);width:clamp(56px,5.5vw,92px);margin:-60px 0 0 -40px;position:absolute;top:0;left:0}.story-hero svg{display:block;overflow:visible}.story-hero .flame{transform-origin:50% 80%;animation:.16s ease-in-out infinite alternate thrust}.story-hero .flame+.flame{animation-delay:80ms}.story-hero .reactor,.story-hero .repulsor{filter:drop-shadow(0 0 4px #bff6ff)}@keyframes thrust{0%{transform:scaleY(.78)}to{transform:scaleY(1.12)}}@media (width<=819px){.story-card .tally{left:50%;translate:-50%}}.story-dibu{opacity:0;transform-origin:50% 0;background:#f4f1ea;border-radius:3px;width:clamp(104px,9vw,168px);margin:0;padding:7px 7px 0;position:absolute;top:0;left:0;translate:-9999px;box-shadow:0 18px 40px #0a0a0bcc}.story-dibu img{width:100%;height:auto;display:block}.story-dibu figcaption{font:400 clamp(15px, 1.25vw, 21px) / 1 var(--serif);color:#14301f;text-align:center;padding:6px 2px 7px;display:grid}.story-dibu small{font:8px var(--mono);letter-spacing:.04em;color:#6d6a63;margin-top:3px}@media (width<=819px){.story-dibu{width:92px;margin-left:-46px}}.story-line.finale{font-size:clamp(44px,6.4vw,112px);bottom:9vh}.story-end{pointer-events:auto;justify-items:center;gap:14px;display:grid;position:absolute;top:50%;left:50%;translate:-50% -50%}.story-end[hidden]{display:none}.story-home{background:var(--paper);font:400 clamp(30px, 3.4vw, 54px) / 1 var(--serif);color:var(--ink);white-space:nowrap;cursor:pointer;border:0;border-radius:999px;align-items:center;gap:16px;padding:22px 38px;transition:scale .5s cubic-bezier(.34,1.8,.5,1),box-shadow .3s;display:flex;box-shadow:0 20px 60px #0a0a0bcc,0 0 0 10px #74acdf33}.story-home span{font-size:.7em}.story-home:hover{scale:1.05;box-shadow:0 20px 60px #0a0a0bcc,0 0 0 14px #74acdf55}.story-again{backdrop-filter:blur(12px);font:14px var(--sans);color:var(--paper);cursor:pointer;background:#0a0a0bb3;border:1px solid #efece455;border-radius:999px;padding:10px 20px}.story-again:hover{border-color:var(--paper)}.story-sub{font:500 clamp(11px, 1vw, 14px) var(--mono);letter-spacing:.14em;text-transform:uppercase;text-align:center;color:#74acdf;text-shadow:0 2px 16px #0a0a0b;opacity:0;margin:0;padding:0 24px;position:absolute;bottom:calc(10vh - 34px);left:0;right:0}.story-line.big.chapter{font-size:clamp(48px,7.2vw,132px);bottom:calc(10vh + 26px)}#story-sound[aria-pressed=false]{color:var(--faint);text-decoration:line-through}