:root{--hero-pin:300vh}#hero{height:var(--hero-pin);background:var(--night);position:relative}.hero-stage{background:var(--ground);height:100svh;position:relative;overflow:hidden}#hero[data-lights=off] .hero-stage{background:var(--night)}.hero-scene{--scene-w:max(100vw, calc(100svh * 5000 / 6667));--scene-h:max(100svh, calc(100vw * 6667 / 5000));width:var(--scene-w);height:var(--scene-h);left:clamp(calc(100vw - var(--scene-w)), calc(50vw - var(--scene-w) * .57), 0px);top:clamp(calc(100svh - var(--scene-h)), calc(50svh - var(--scene-h) * .51), 0px);pointer-events:none;position:absolute}.hero-layer{will-change:transform, opacity;display:block;position:absolute}.hero-layer img{width:100%;height:100%;display:block}.hero-layer--dark,.hero-lockup--dark{opacity:0}.hero-vignette{background:radial-gradient(ellipse at var(--lamp-x) var(--lamp-y), transparent 30%, color-mix(in srgb, var(--ink) 35%, transparent));transform-origin:var(--lamp-x) var(--lamp-y);position:absolute;inset:0}.hero-bloom{filter:blur(18px);mix-blend-mode:screen}.eye-lid{background:var(--sheet);transform-origin:50%;border-radius:50%;position:absolute;transform:scaleY(0)}#light-switch{z-index:5;min-width:44px;min-height:44px;color:var(--ink);background:0 0;border:0;border-radius:6px;padding:0;position:absolute;top:38%;left:34%;transform:translate(-50%,-50%)}#light-switch:disabled{opacity:1;cursor:default}#light-switch:hover{background:0 0}#light-switch:focus-visible{outline:3px solid var(--crayon);outline-offset:6px}#hero[data-lights=off] #light-switch:focus-visible{outline-color:var(--glow)}.switch-halo{border:2px solid var(--crayon);opacity:.35;box-shadow:0 0 14px color-mix(in srgb, var(--crayon) 35%, transparent);pointer-events:none;border-radius:50%;position:absolute;inset:-5px}#hero[data-lights=off] .switch-halo{border-color:var(--glow)}.hero-titling{z-index:2;pointer-events:none;width:min(62vw,640px,62svh);position:absolute;bottom:22%;left:50%;transform:translate(-50%)}.hero-line{text-align:center;margin:0 0 12px;font-size:clamp(24px,3vw,40px);line-height:1}.hero-lockup-slot{aspect-ratio:1200/505;position:relative}.hero-lockup{display:block;position:absolute;inset:0}.hero-lockup img{width:100%;height:auto;display:block}.hero-cue{text-align:center;margin:0;font-size:24px;position:absolute;bottom:20px;left:0;right:0}.hero-ask{z-index:4;opacity:0;visibility:hidden;text-align:center;width:min(620px,100% - 40px);color:var(--glow-soft);position:absolute;bottom:24px;left:50%;transform:translate(-50%,40px)}.hero-ask h2{font-size:clamp(24px,3vw,36px)}.hero-ask p{max-width:46ch;margin:10px auto 14px;font-size:17px;line-height:1.4}.hero-ask .button{background:var(--glow);border-color:var(--glow);color:var(--night)}#hero[data-motion=reduced]{height:100svh}#hero[data-motion=reduced] .hero-ask{opacity:1;visibility:visible;color:var(--ink);transform:translate(-50%)}#hero[data-motion=reduced][data-lights=off] .hero-ask{color:var(--glow-soft)}#hero[data-motion=reduced] .hero-cue{display:none}#hero[data-motion=reduced] .hero-titling{bottom:32%}@media (max-width:768px){:root{--hero-pin:220vh}.hero-scene{left:clamp(calc(100vw - var(--scene-w)), calc(50vw - var(--scene-w) * .53), 0px)}.hero-titling{width:min(100vw - 48px,62svh);bottom:20%}}@media (max-height:500px) and (min-aspect-ratio:1){.hero-titling{width:36vw;bottom:12%;left:76%}.hero-line{font-size:22px}.hero-ask{width:44vw;bottom:16px;left:76%}.hero-ask p{font-size:14px}#hero[data-motion=reduced] .hero-titling{bottom:50%}}