.hero{position:relative;isolation:isolate;overflow:hidden}.hero-copy,.hero-visual{z-index:1}.hero h1{font-size:clamp(42px,4.8vw,70px)}.hero-copy{position:relative}.hero-copy>*{position:relative;z-index:3}.magic-controls{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.magic-controls button{min-height:44px;padding:10px 16px;border:1px solid #d1b77880;border-radius:30px;background:#112d2680;color:#f9f4e9;font-size:14px}.magic-controls button:hover,.magic-controls button[aria-pressed=true]{background:#d1b778;color:#112d26}.magic-controls button:disabled{opacity:.6}.magic-snow,.magic-lights{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:2}.magic-snow i{position:absolute;top:-12px;left:var(--left);width:var(--size);height:var(--size);background:#fffdf0;border-radius:50%;opacity:0;animation:snowfall var(--duration) linear infinite;animation-delay:var(--delay)}.magic-lights i{position:absolute;left:var(--left);top:var(--top);width:4px;height:4px;border-radius:50%;background:#ffe5a2;box-shadow:0 0 9px 3px #efbd6480;opacity:.25;animation:candle-glow 5s ease-in-out infinite alternate;animation-delay:var(--delay)}.hero-visual:after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 65% 55%,#ffbc3c12,transparent 65%)}.music-playing .hero-visual:after{background:radial-gradient(ellipse at 65% 55%,#ffbc3c25,transparent 75%)}.enter-soft{animation:enter-soft 1.2s ease-out both}.hero-copy .intro{animation-delay:.15s}.hero-copy .button{animation-delay:.3s}.hero-copy .magic-controls{animation-delay:.45s}.reveal-pending{opacity:0;transform:translateY(18px)}.reveal-visible{opacity:1;transform:none;transition:opacity .9s ease,transform .9s ease}.effects-paused .magic-snow,.effects-paused .magic-lights{display:none}.effects-paused .enter-soft{animation:none}.effects-paused .reveal-pending{opacity:1;transform:none}body.tab-hidden .magic-snow i,body.tab-hidden .magic-lights i{animation-play-state:paused}@keyframes snowfall{0%{transform:translate3d(0,-10px,0);opacity:0}12%{opacity:.55}85%{opacity:.4}100%{transform:translate3d(35px,850px,0);opacity:0}}@keyframes candle-glow{from{opacity:.2;transform:scale(.8)}to{opacity:.7;transform:scale(1.15)}}@keyframes enter-soft{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@media(max-width:750px){.magic-snow i:nth-child(n+15){display:none}.hero h1{font-size:clamp(40px,10vw,60px)}.magic-controls{gap:8px}}@media(prefers-reduced-motion:reduce){.magic-snow,.magic-lights{display:none!important}.enter-soft{animation:none!important}.reveal-pending{opacity:1!important;transform:none!important}.reveal-visible{transition:none!important}}