.hl-hero{background:linear-gradient(#fbfaf6 0%,#f8f6ef 100%)}.hl-glow{aspect-ratio:1;background:radial-gradient(closest-side,#ffe9b8f2,#ffe9b800);border-radius:50%;width:70%;position:absolute;top:-35%;right:-12%}.hl-rays{mix-blend-mode:multiply;opacity:.5;will-change:transform;background:repeating-linear-gradient(112deg,#ffe9b800 0 70px,#ffe0a080 70px 150px,#ffe9b800 150px 260px);position:absolute;inset:-20%}.hl-curtain{will-change:transform;background:repeating-linear-gradient(90deg,#10302f08 0 28px,#10302f00 28px 76px);position:absolute;inset:0}@keyframes hl-sway{0%{transform:translate(-3%)}to{transform:translate(3%)}}@keyframes hl-curtain{0%{transform:translate(0)skew(-6deg)}to{transform:translate(20px)skew(-2deg)}}.hl-hero[data-live] .hl-rays{animation:14s ease-in-out infinite alternate hl-sway}.hl-hero[data-live] .hl-curtain{animation:9s ease-in-out infinite alternate hl-curtain}@keyframes hl-focus{0%{filter:blur(16px)brightness(.55)saturate(.6);transform:scale(1.04)}to{filter:none;transform:none}}@keyframes hl-arrive{0%{transform:translateY(18px)}to{transform:none}}.hl-intro .hl-hero .hl-visual{animation:1.3s cubic-bezier(.2,.7,.1,1) both hl-focus}.hl-intro .hl-hero .hl-arrive{animation:1.2s cubic-bezier(.12,.8,.18,1) both hl-arrive}.hl-morning{background:linear-gradient(#f8f6ef 0%,#fbfaf6 100%)}.hl-noon{background:linear-gradient(#fbfaf6 0%,#f3faf8 18% 82%,#fbf6ee 100%)}.hl-afternoon{background:linear-gradient(#fbf6ee 0%,#fbf1e4 70%,#f8e8d6 100%)}.hl-night{background:linear-gradient(#f8e8d6 0,#e9b79c 110px,#8f6f8e 210px,#2a3550 320px,#0b1a24 440px 100%)}.hl-moon{background:radial-gradient(circle at 38% 38%,#e6f4f1f2 0 34%,#a0beff2e 35%,#a0beff00 70%)}.hl-dawn{background:linear-gradient(#0b1a24 0,#3b3f63 120px,#c98c84 230px,#f6d6c2 330px,#fdf7ef 440px 100%)}.hl-final{background:linear-gradient(#fdf7ef 0%,#fbfaf6 100%)}.hl-bubble{opacity:0;transition:opacity .45s,transform .55s cubic-bezier(.16,1,.3,1);transform:translateY(10px)scale(.97)}.hl-bubble.is-on{opacity:1;transform:none}@keyframes hl-dot{0%,60%,to{opacity:.45;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.hl-dot{animation:1.1s ease-in-out infinite hl-dot}@media (prefers-reduced-motion:reduce){.hl-hero[data-live] .hl-rays,.hl-hero[data-live] .hl-curtain,.hl-intro .hl-hero .hl-visual,.hl-intro .hl-hero .hl-arrive,.hl-dot{animation:none}.hl-bubble{transition:none}}