.christmas-page{min-height:100vh}.christmas-page .christmas{padding-top:clamp(3rem,6vh,4.5rem)}.christmas-page #how-it-works{padding-top:clamp(9rem,20vh,14rem)}.xmas-hero{min-height:100svh;color:var(--color-white,#fff);padding:calc(var(--nav-h) + clamp(2rem, 6vh, 4rem)) var(--gutter) clamp(3rem, 8vh, 5rem);text-align:center;place-items:center;display:grid;position:relative;overflow:clip}.xmas-hero__inner{z-index:1;flex-direction:column;align-items:center;max-width:1040px;display:flex;position:relative}.xmas-hero__eyebrow{font-family:var(--font-body);letter-spacing:.22em;text-transform:uppercase;color:#ffffffb3;margin:0 0 clamp(1rem,3vh,1.75rem);font-size:clamp(.75rem,1.1vw,.9rem)}.xmas-hero__title{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:-.02em;text-align:center;color:#fff;flex-direction:column;align-items:center;width:max-content;max-width:100%;margin:0 auto;font-size:clamp(3rem,13vw,9.5rem);font-weight:500;line-height:.9;display:flex}.xmas-hero__title-accent{color:#fff}.xmas-hero__twinkle{justify-content:center;font-size:.76em;display:flex}.xmas-hero__twinkle span{color:#fff;animation:6s ease-in-out infinite xmas-letter-twinkle;animation-delay:calc(var(--i) * -.8s);will-change:opacity, text-shadow;display:inline-block}.xmas-hero__twinkle span:nth-child(2n){animation-duration:7.5s}.xmas-hero__twinkle span:nth-child(3n){animation-duration:6.8s}@keyframes xmas-letter-twinkle{0%,to{opacity:.85}50%{opacity:1;text-shadow:0 0 .08em #ffffff80}}@media (prefers-reduced-motion:reduce){.xmas-hero__twinkle span{opacity:1;text-shadow:none;animation:none}}.xmas-hero__title{position:relative}.xmas-hero__twinkle,.xmas-hero__title-accent{z-index:1;position:relative}.xmas-sparkles{pointer-events:none;z-index:2;width:auto;height:auto;position:absolute;inset:-.5em -.6em;overflow:visible}.xmas-sparkles .spark{fill:#fff1cf;transform-box:fill-box;transform-origin:50%;animation:3.6s ease-in-out infinite xmas-spark-a}.xmas-sparkles .spark:nth-of-type(4n+1){animation-name:xmas-spark-a}.xmas-sparkles .spark:nth-of-type(4n+2){animation-name:xmas-spark-b}.xmas-sparkles .spark:nth-of-type(4n+3){animation-name:xmas-spark-c}.xmas-sparkles .spark:nth-of-type(4n+4){animation-name:xmas-spark-d}.xmas-sparkles .spark:first-of-type{animation-duration:3.6s;animation-delay:-.4s}.xmas-sparkles .spark:nth-of-type(2){animation-duration:5.1s;animation-delay:-1.7s}.xmas-sparkles .spark:nth-of-type(3){animation-duration:4.3s;animation-delay:-2.6s}.xmas-sparkles .spark:nth-of-type(4){animation-duration:6s;animation-delay:-.9s}.xmas-sparkles .spark:nth-of-type(5){animation-duration:4.8s;animation-delay:-3.1s}.xmas-sparkles .spark:nth-of-type(6){animation-duration:3.9s;animation-delay:-1.1s}.xmas-sparkles .spark:nth-of-type(7){animation-duration:5.5s;animation-delay:-.3s}.xmas-sparkles .spark:nth-of-type(8){animation-duration:4.1s;animation-delay:-2.2s}.xmas-sparkles .spark:nth-of-type(9){animation-duration:6.3s;animation-delay:-1.9s}.xmas-sparkles .spark:nth-of-type(10){animation-duration:3.4s;animation-delay:-.6s}.xmas-sparkles .spark:nth-of-type(11){animation-duration:5.8s;animation-delay:-2.8s}.xmas-sparkles .spark:nth-of-type(12){animation-duration:4.6s;animation-delay:-1.4s}@keyframes xmas-spark-a{0%,to{opacity:.25;transform:translateY(3px)scale(.75)rotate(-10deg)}50%{opacity:1;transform:translateY(-4px)scale(1)rotate(8deg)}}@keyframes xmas-spark-b{0%,to{opacity:.3;transform:translate(-3px,2px)scale(.7)rotate(6deg)}50%{opacity:1;transform:translate(4px,-3px)scale(1)rotate(-6deg)}}@keyframes xmas-spark-c{0%,to{opacity:.35;transform:translate(3px,1px)scale(.8)rotate(0)}33%{opacity:1;transform:translate(-2px,-3px)scale(1)rotate(12deg)}66%{opacity:.5;transform:translate(-3px,2px)scale(.85)rotate(-8deg)}}@keyframes xmas-spark-d{0%,to{opacity:.25;transform:translate(0)scale(.7)rotate(0)}25%{opacity:.8;transform:translate(3px,-2px)scale(.9)rotate(10deg)}50%{opacity:1;transform:translateY(-4px)scale(1)rotate(0)}75%{opacity:.7;transform:translate(-3px,-2px)scale(.9)rotate(-10deg)}}@media (prefers-reduced-motion:reduce){.xmas-sparkles .spark{opacity:.85;animation:none;transform:none}}.xmas-hero__sub{text-wrap:balance;color:#ffffffd9;max-width:40ch;margin:clamp(1.5rem,4vh,2.5rem) auto 0;font-size:clamp(1rem,1.4vw,1.25rem);line-height:1.5}.xmas-hero__cue{color:#ffffffd9;letter-spacing:.18em;text-transform:uppercase;flex-direction:column;align-items:center;gap:.6rem;margin-top:clamp(2.5rem,7vh,4.5rem);font-size:.8rem;text-decoration:none;transition:color .2s;display:inline-flex}.xmas-hero__cue:hover,.xmas-hero__cue:focus-visible{color:var(--color-lime)}.xmas-hero__cue svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:26px;height:26px;animation:1.8s ease-in-out infinite xmas-cue-bob}@keyframes xmas-cue-bob{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}@media (prefers-reduced-motion:reduce){.xmas-hero__cue svg{animation:none}}.christmas-page .thread-zone{margin-top:0}.christmas-page .thread-zone:before{content:none}.christmas-page .thread-layer{-webkit-mask-image:radial-gradient(circle at 50% calc(100% - 240px),#0000 0 70px,#000 300px);mask-image:radial-gradient(circle at 50% calc(100% - 240px),#0000 0 70px,#000 300px)}
