@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,500;0,600;0,700;1,500&family=Mulish:wght@400;500;600;700&display=swap";.xmas{--pine: #0b3d2e;--pine-dark: #06251b;--pine-light: #1f6b4a;--cranberry: #b3122e;--cranberry-light: #d63a52;--gold: #d4af37;--gold-soft: #e8cd7a;--cream: #f7f1e1;--snow: #ffffff;position:relative;min-height:100vh;width:100%;overflow:hidden;background:radial-gradient(ellipse at top,var(--pine-light) 0%,var(--pine) 45%,var(--pine-dark) 100%);font-family:Mulish,sans-serif;color:var(--cream);display:flex;align-items:center;justify-content:center;padding:48px 20px;box-sizing:border-box}.xmas *,.xmas *:before,.xmas *:after{box-sizing:border-box}.xmas__snow{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.xmas__flake{position:absolute;top:-10px;color:var(--snow);opacity:.85;-webkit-user-select:none;user-select:none;animation-name:xmas-fall;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes xmas-fall{0%{transform:translateY(-10vh) translate(0);opacity:0}10%{opacity:.9}to{transform:translateY(110vh) translate(30px);opacity:.2}}.xmas__content{position:relative;z-index:2;width:100%;max-width:880px;text-align:center}.xmas__eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:Mulish,sans-serif;font-weight:700;font-size:12px;letter-spacing:.28em;text-transform:uppercase;color:var(--gold-soft);margin-bottom:18px}.xmas__eyebrow:before,.xmas__eyebrow:after{content:"";width:28px;height:1px;background:var(--gold-soft);opacity:.6}.xmas__title{font-family:Cormorant Garamond,serif;font-weight:600;font-size:clamp(2.4rem,6vw,4.4rem);line-height:1.05;margin:0 0 10px;color:var(--snow);text-shadow:0 2px 24px rgba(0,0,0,.25)}.xmas__title em{font-style:italic;color:var(--gold-soft)}.xmas__subtitle{font-size:15px;color:var(--cream);opacity:.75;margin:0 0 44px;letter-spacing:.01em}.xmas__subtitle strong{color:var(--gold-soft);font-weight:700}.xmas__garland{position:relative;display:flex;justify-content:center;align-items:flex-start;gap:clamp(14px,4vw,40px);padding-top:26px;margin-bottom:8px}.xmas__garland:before{content:"";position:absolute;top:0;left:6%;right:6%;height:40px;border:2px solid var(--gold);border-top:none;border-radius:0 0 50% 50%/0 0 100% 100%;opacity:.55}.xmas__ornament{position:relative;display:flex;flex-direction:column;align-items:center;width:clamp(64px,18vw,128px)}.xmas__ornament-string{width:2px;height:22px;background:var(--gold);opacity:.6}.xmas__ornament-cap{width:14px;height:8px;background:var(--gold);border-radius:3px 3px 0 0;margin-top:-1px}.xmas__ornament-ball{width:100%;aspect-ratio:1 / 1;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,var(--cranberry-light) 0%,var(--cranberry) 55%,#7a0c1f 100%);box-shadow:inset -8px -10px 18px #00000059,inset 6px 8px 14px #ffffff2e,0 10px 24px #0000004d;border:1px solid rgba(212,175,55,.4)}.xmas__ornament:nth-child(2) .xmas__ornament-ball{background:linear-gradient(160deg,#1f6b4a 0%,var(--pine) 55%,var(--pine-dark) 100%)}.xmas__ornament:nth-child(4) .xmas__ornament-ball{background:linear-gradient(160deg,var(--gold-soft) 0%,var(--gold) 55%,#8a6a15 100%)}.xmas__ornament-highlight{position:absolute;top:16%;left:22%;width:26%;height:18%;background:#ffffff59;border-radius:50%;filter:blur(1px)}.xmas__ornament-number{font-family:Cormorant Garamond,serif;font-weight:700;font-size:clamp(1.5rem,5vw,2.6rem);color:var(--snow);line-height:1;z-index:1}.xmas__ornament-label{margin-top:12px;font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-soft);opacity:.85}.xmas__footer{margin-top:44px;font-size:13px;color:var(--cream);opacity:.6;letter-spacing:.03em}.xmas__divider{margin:0 auto 8px;width:40px;height:1px;background:var(--gold-soft);opacity:.5}.xmas__arrived{font-family:Cormorant Garamond,serif;font-size:clamp(2rem,5vw,3.2rem);color:var(--gold-soft);margin-top:10px}@media (prefers-reduced-motion: reduce){.xmas__flake{animation:none;display:none}}*{margin:0;padding:0}html,body,#root{height:100%;width:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
