:root{color-scheme:dark;--accent:#ff4655}*{box-sizing:border-box}html,body{margin:0;background:#000;color:#fafafa;font-family:-apple-system,BlinkMacSystemFont,'Helvetica Neue',Arial,sans-serif}.story{height:1150svh}.scene{position:sticky;top:0;height:100svh;display:grid;place-items:center;isolation:isolate;overflow:hidden}.frames,.shade{position:absolute;inset:0;z-index:-1;pointer-events:none}.frames{z-index:-2}.frames img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;will-change:opacity,transform}.frames img:first-child{opacity:1}.shade{background:rgba(0,0,0,.5)}.line{grid-area:1/1;margin:0;width:min(19ch,88vw);font-size:clamp(2.4rem,5.4vw,6rem);font-weight:500;line-height:1.1;letter-spacing:-.055em;text-align:center;text-wrap:balance;opacity:0;visibility:hidden;will-change:opacity,transform}h1.line{opacity:1;visibility:visible}.line em{font-style:normal;color:var(--accent)}.final{font-size:clamp(3rem,7vw,8rem)}a{color:inherit;text-decoration:none}a:focus-visible{outline:1px solid var(--accent);outline-offset:15px}@media(max-width:600px){.line{font-size:clamp(2rem,8.6vw,3.4rem);width:min(18ch,88vw);line-height:1.1}.final{font-size:clamp(2.8rem,12vw,4.5rem)}.frames img{object-position:center}}@media(prefers-reduced-motion:reduce){.frames img,.line{transform:none!important}}
body.no-motion .frames img,body.no-motion .line{transform:none!important}
