.winter-magic-hero{position:relative;isolation:isolate;overflow:hidden;display:grid;place-items:center;min-height:450px;margin:0 auto 24px;border:1px solid #b69c65;border-radius:24px;background:#071b30 url('christmas-midnight-scene.png') center/cover no-repeat;color:#fff1d0;box-shadow:0 12px 30px #0002}.winter-decor{position:absolute;inset:0;z-index:0;pointer-events:none;user-select:none}.winter-copy{position:relative;z-index:2;text-align:center;width:min(650px,62%);padding:42px 10px 90px}.winter-magic-hero .winter-eyebrow{font-size:10px;letter-spacing:.2em;color:#e8d299;margin:0 0 18px}.winter-magic-hero #winter-magic-heading{font:500 clamp(32px,4.5vw,62px)/1.06 Georgia,serif;letter-spacing:-.025em;color:#fff0ca;margin:0 0 20px;text-shadow:0 2px 8px #04142188}.winter-magic-hero .winter-copy>p:not(.winter-eyebrow){font-size:16px;line-height:1.6;color:#fff3dc;margin:0 0 25px;text-shadow:0 2px 5px #04142199}body[data-website-theme=christmas] .winter-magic-hero .winter-claim{background:linear-gradient(#ffe6a8,#c9a05a);border:1px solid #f3d79a;border-radius:30px;color:#172f40;padding:13px 28px;box-shadow:0 5px 14px #00132644}.winter-replay{position:absolute;right:16px;bottom:13px;z-index:3;background:#0e2c42e8;color:#fff2d2;border:1px solid #c9ac6e;border-radius:25px;padding:6px 11px;font:600 11px Arial;cursor:pointer}.winter-replay:focus-visible{outline:3px solid #ffe0a0;outline-offset:3px}.winter-paper-piece{position:absolute;inset:0;background:url('christmas-midnight-scene.png') center/cover no-repeat;display:none;transform-origin:50% 95%}.winter-piece-forest{clip-path:polygon(0 0,100% 0,100% 38%,70% 38%,63% 72%,35% 72%,27% 44%,0 44%);z-index:0}.winter-piece-village{clip-path:polygon(0 36%,100% 36%,100% 82%,80% 82%,80% 65%,25% 65%,25% 80%,0 80%);z-index:1}.winter-piece-bridge{clip-path:polygon(30% 65%,77% 65%,77% 94%,30% 94%);z-index:2}.winter-piece-snow{clip-path:polygon(0 84%,25% 84%,40% 91%,60% 91%,80% 84%,100% 84%,100% 100%,0 100%);z-index:4}.winter-piece-santa{clip-path:polygon(0 43%,26% 43%,26% 89%,0 89%);z-index:3}.winter-piece-cat{clip-path:polygon(78% 51%,100% 51%,100% 92%,78% 92%);z-index:3}.winter-magic-hero:is(.winter-entering,.winter-preparing){background-image:radial-gradient(ellipse at 60% 25%,#19526766,transparent 65%),linear-gradient(#071b30,#102f44)}.winter-magic-hero:is(.winter-entering,.winter-preparing) .winter-paper-piece{display:block}.winter-magic-hero.winter-preparing .winter-paper-piece{opacity:0}.winter-entering .winter-piece-forest{animation:winter-place-down 1s cubic-bezier(.2,.7,.25,1) 0s both}.winter-entering .winter-piece-village{animation:winter-place-right 1.05s cubic-bezier(.2,.7,.25,1) .55s both}.winter-entering .winter-piece-bridge{animation:winter-place-right 1s cubic-bezier(.2,.7,.25,1) 1.05s both}.winter-entering .winter-piece-snow{animation:winter-place-up 1.1s cubic-bezier(.2,.7,.25,1) 1.55s both}.winter-entering .winter-piece-santa{animation:winter-place-left 1.15s cubic-bezier(.2,.7,.25,1) 2.25s both}.winter-entering .winter-piece-cat{animation:winter-place-up 1.15s cubic-bezier(.2,.7,.25,1) 2.7s both}.winter-star{position:absolute;left:var(--x);top:var(--y);z-index:5;color:#ffe3a1;font:14px Georgia;font-style:normal;text-shadow:0 0 10px #ffe4a680;animation:winter-twinkle 3.2s ease-in-out var(--delay) infinite alternate}@keyframes winter-twinkle{from{opacity:.2;scale:.7}to{opacity:.9;scale:1.15}}@keyframes winter-place-down{0%{opacity:0;transform:translateY(-100px) rotate(-5deg)}15%{opacity:1}80%{transform:translateY(4px) rotate(.8deg)}95%{transform:translateY(-1px)}100%{opacity:1;transform:none}}@keyframes winter-place-right{0%{opacity:0;transform:translateX(140px) rotate(7deg)}15%{opacity:1}80%{transform:translateX(-4px) rotate(-.7deg)}95%{transform:translateX(1px)}100%{opacity:1;transform:none}}@keyframes winter-place-left{0%{opacity:0;transform:translate(-140px,30px) rotate(-8deg)}15%{opacity:1}80%{transform:translate(5px,-2px) rotate(1deg)}95%{transform:translateX(-1px)}100%{opacity:1;transform:none}}@keyframes winter-place-up{0%{opacity:0;transform:translateY(110px) rotate(5deg)}15%{opacity:1}80%{transform:translateY(-5px) rotate(-.8deg)}95%{transform:translateY(1px)}100%{opacity:1;transform:none}}body[data-winter-motion="0"] .winter-decor *{animation:none!important}body[data-winter-motion="0"] .winter-replay{display:none}
@media(max-width:760px){.winter-magic-hero{min-height:480px;background-image:url('christmas-midnight-mobile.png');background-position:center bottom;background-size:cover}.winter-copy{width:100%;max-width:100%;padding:70px 22px 220px}.winter-magic-hero #winter-magic-heading{font-size:clamp(29px,6.8vw,45px);line-height:1.1}.winter-magic-hero .winter-eyebrow{font-size:9px;letter-spacing:.12em}.winter-magic-hero .winter-copy>p:not(.winter-eyebrow){font-size:13px}.winter-paper-piece{background-image:url('christmas-midnight-mobile.png');background-position:center bottom;background-size:cover}.winter-piece-forest{clip-path:polygon(0 0,100% 0,100% 55%,70% 55%,65% 78%,32% 78%,25% 52%,0 52%)}.winter-piece-village{clip-path:polygon(0 52%,100% 52%,100% 78%,0 78%)}.winter-piece-bridge{clip-path:polygon(20% 72%,82% 72%,82% 91%,20% 91%)}.winter-piece-santa{clip-path:polygon(0 73%,40% 73%,40% 94%,0 94%)}.winter-piece-cat{clip-path:polygon(67% 77%,100% 77%,100% 96%,67% 96%)}.winter-piece-snow{clip-path:polygon(0 92%,100% 92%,100% 100%,0 100%)}.winter-replay{font-size:9px;bottom:8px;right:9px}.winter-star{font-size:11px}}
@media(prefers-reduced-motion:reduce){.winter-magic-hero .winter-decor *{animation:none!important}.winter-magic-hero:is(.winter-entering,.winter-preparing){background-image:url('christmas-midnight-scene.png')}.winter-magic-hero:is(.winter-entering,.winter-preparing) .winter-paper-piece{display:none}.winter-replay{display:none}}
@media(max-width:760px) and (prefers-reduced-motion:reduce){.winter-magic-hero:is(.winter-entering,.winter-preparing){background-image:url('christmas-midnight-mobile.png')}}

/* Burgundy-and-gold navigation, scoped to the CNY customer website. */
body.campaign-page[data-website-theme=christmas] .frontend-sticky-header{background:linear-gradient(110deg,#081c2d,#123b51 48%,#081c2d);border:1px solid #dab866;border-radius:28px;min-height:88px;padding:18px 32px;gap:20px;box-shadow:inset 0 0 0 2px #f8de8c33,0 5px 18px #081c2d1a;color:#fff1ca;flex-wrap:nowrap}
body.campaign-page[data-website-theme=christmas] .frontend-sticky-header:before,body.campaign-page[data-website-theme=christmas] .frontend-sticky-header:after{content:'✦ · ✦';position:absolute;top:auto;bottom:5px;width:auto;height:auto;background:none;color:#dfbf72;font-size:10px;line-height:1;pointer-events:none}
body.campaign-page[data-website-theme=christmas] .frontend-sticky-header:before{left:10px;right:auto}
body.campaign-page[data-website-theme=christmas] .frontend-sticky-header:after{right:10px;left:auto}
body.campaign-page[data-website-theme=christmas] .frontend-sticky-header .brand{color:#fff0c4;font-family:Georgia,serif;font-size:22px;letter-spacing:.025em;gap:13px;min-width:0}
body.campaign-page[data-website-theme=christmas] .frontend-sticky-header .brand>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.campaign-page[data-website-theme=christmas] .frontend-sticky-header svg.brand-mark{background:linear-gradient(#fff0bc,#d8b45e);color:#153447;border:2px solid #e2bf70;box-shadow:0 0 0 2px #ffe9ad33;width:50px;height:50px;padding:9px;flex-shrink:0}
body.campaign-page[data-website-theme=christmas] .frontend-sticky-header nav{background:transparent;border:0;border-radius:0;padding:0;gap:19px;flex-shrink:0}
body.campaign-page[data-website-theme=christmas] .frontend-sticky-header .nav-link{color:#fff0ce;font-size:13px;background:transparent;text-decoration:none}
body.campaign-page[data-website-theme=christmas] .frontend-sticky-header .nav-link:hover,body.campaign-page[data-website-theme=christmas] .frontend-sticky-header .nav-link[aria-current]{color:#ffe09b}
body.campaign-page[data-website-theme=christmas] .frontend-sticky-header .header-credit{display:inline-flex;align-items:center;justify-content:center;gap:4px;background:linear-gradient(#ffe9a8,#d3ac50);color:#173448;border:1px solid #f0d17f;border-radius:30px;padding:9px 17px;font-size:13px;font-weight:700;white-space:nowrap;box-shadow:0 3px 7px #3e071b26}
body.campaign-page[data-website-theme=christmas] .frontend-sticky-header nav form{margin:0}
body.campaign-page[data-website-theme=christmas] .frontend-sticky-header nav form .nav-link{border:1px solid #e8ce8d;border-radius:30px;padding:9px 18px;white-space:nowrap;cursor:pointer}
body.campaign-page[data-website-theme=christmas] .frontend-sticky-header .theme-toggle{background:#ffffff0a;color:#fff0ce;border:1px solid #d5b973;border-radius:24px}
body.campaign-page[data-website-theme=christmas] .frontend-sticky-header .header-desktop-claim,body.campaign-page[data-website-theme=christmas] .frontend-sticky-header .mobile-header-claim{background:linear-gradient(#ffe5a1,#dbb45b);color:#173448;border-color:#e6c77c;border-radius:25px;box-shadow:none}
body.campaign-page[data-website-theme=christmas] .frontend-sticky-header.is-scrolled{min-height:72px;padding:10px 28px;border-radius:0 0 20px 20px;background:linear-gradient(110deg,#081c2d,#123b51 48%,#081c2d)}
body.campaign-page[data-website-theme=christmas] .frontend-sticky-header :is(a,button):focus-visible{outline:2px solid #ffe6a0;outline-offset:4px}
@media(min-width:761px) and (max-width:1100px){body.campaign-page[data-website-theme=christmas] .frontend-sticky-header{padding:16px 23px;gap:14px}body.campaign-page[data-website-theme=christmas] .frontend-sticky-header .brand{font-size:18px}body.campaign-page[data-website-theme=christmas] .frontend-sticky-header nav{gap:11px}body.campaign-page[data-website-theme=christmas] .frontend-sticky-header .nav-link{font-size:12px}}
@media(max-width:760px){body.campaign-page[data-website-theme=christmas] .frontend-sticky-header,body.campaign-page[data-website-theme=christmas] .frontend-sticky-header.is-scrolled{min-height:74px;padding:12px 14px;gap:10px;border-radius:18px}body.campaign-page[data-website-theme=christmas] .frontend-sticky-header .brand{font-size:13px;letter-spacing:.015em;gap:8px}body.campaign-page[data-website-theme=christmas] .frontend-sticky-header svg.brand-mark{width:35px;height:35px;padding:6px}body.campaign-page[data-website-theme=christmas] .frontend-sticky-header .mobile-menu-toggle{background:#ffffff0d;color:#ffe9b1;border-color:#dbbc79}html.sticky-header-enhanced body.campaign-page[data-website-theme=christmas] .frontend-sticky-header nav{background:#0c293e;border:1px solid #d3af65;border-radius:16px;padding:14px;gap:8px;box-shadow:0 12px 24px #4c061b40}body.campaign-page[data-website-theme=christmas] .frontend-sticky-header nav .nav-link{padding:10px}body.campaign-page[data-website-theme=christmas] .frontend-sticky-header .header-credit{align-self:flex-start}body.campaign-page[data-website-theme=christmas] .frontend-sticky-header:before,body.campaign-page[data-website-theme=christmas] .frontend-sticky-header:after{display:none}}

/* Living winter sky: light only, behind readable text and away from the foreground. */
.winter-sky-effects{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden;mix-blend-mode:screen;mask-image:linear-gradient(#000 0%,#000 48%,transparent 76%)}
.winter-aurora{position:absolute;left:22%;top:4%;width:60%;height:58%;opacity:.26;filter:blur(12px);border-radius:48% 45% 65% 35%;background:repeating-linear-gradient(100deg,transparent 0 8%,#51e7b134 10%,#36ddb995 13%,transparent 17% 22%),radial-gradient(ellipse at 50% 70%,#2edbaf77,transparent 65%);transform-origin:50% 15%;animation:winter-aurora-flow 15s ease-in-out infinite alternate}
.winter-aurora-two{left:38%;top:12%;width:48%;height:51%;opacity:.17;background:repeating-linear-gradient(84deg,transparent 0 9%,#49aedc88 12%,#59e4b966 15%,transparent 19% 26%);animation-duration:19s;animation-delay:-8s}
.winter-moon-halo{position:absolute;left:76%;top:2%;width:13%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#ffe6a633, #ffe6a618 35%,transparent 70%);animation:winter-moon-breathe 7s ease-in-out infinite alternate}
.winter-shooting-star{position:absolute;left:68%;top:12%;width:95px;height:2px;border-radius:100%;background:linear-gradient(90deg,transparent,#fff0bf);box-shadow:5px 0 7px #fff1c6;opacity:0;transform:rotate(-28deg);animation:winter-shoot 16s linear 5s infinite}
@keyframes winter-aurora-flow{0%{transform:translate(-3%,0) skewX(-7deg) scaleY(.85)}50%{transform:translate(1%,3%) skewX(5deg) scaleY(1.06)}100%{transform:translate(4%,-2%) skewX(-2deg) scaleY(.95)}}
@keyframes winter-moon-breathe{from{opacity:.35;transform:scale(.94)}to{opacity:.8;transform:scale(1.08)}}
@keyframes winter-shoot{0%,87%{opacity:0;transform:translate(0,0) rotate(-28deg)}88%{opacity:.85}93%{opacity:0;transform:translate(-280px,150px) rotate(-28deg)}100%{opacity:0;transform:translate(-280px,150px) rotate(-28deg)}}
.winter-magic-hero:is(.winter-entering,.winter-preparing) .winter-sky-effects{visibility:hidden}
body[data-winter-motion="0"] .winter-sky-effects{display:none}
@media(max-width:760px){.winter-sky-effects{mask-image:linear-gradient(#000 0%,#000 40%,transparent 65%)}.winter-aurora{left:5%;width:85%;height:47%;filter:blur(9px)}.winter-aurora-two{left:25%;width:70%}.winter-moon-halo{left:70%;top:2%;width:25%}.winter-shooting-star{width:65px}}
@media(prefers-reduced-motion:reduce){.winter-sky-effects{display:none}}
