.xh{--H: clamp(460px, var(--xh-h-d, 70vh), 820px);--stage-w: min(100%, calc(var(--H) * 16 / 7));--stage-ratio: 16 / 7;--rider-w: 26%;--f0: translate(-55%, 18%);--f1: translate(27%, 8%);--f2: translate(59%, 10%);--f3: translate(105%, -45%);--fstill: translate(43%, 9%);--gy: 38%;--fall: 30%;--spark-y: 44%;--spark-w: 1.5%;--chimney-top: 68%;position:relative;height:var(--H);overflow:hidden;isolation:isolate;background:linear-gradient(180deg,#4e2638,#8a4a62 38%,#d99aab 74%,#f4d3da);color:#1a1a1a}.xh__scene{position:absolute;top:0;right:0;bottom:0;left:0}.xh__sky{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.xh__star{position:absolute;left:var(--sx);top:var(--sy);width:3px;height:3px;border-radius:50%;background:#fff;opacity:.8}.xh__moon{position:absolute;right:12%;top:8%;width:clamp(48px,7vw,110px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 40% 40%,#fff8e8,#f6e3c4 60%,#ebcfa8);box-shadow:0 0 40px 10px #fff0dc4d}.xh__far{position:absolute;left:0;bottom:0;z-index:1;width:100%;height:24%;display:block}.xh__stage{position:absolute;left:50%;bottom:0;z-index:2;width:var(--stage-w);aspect-ratio:var(--stage-ratio);transform:translate(-50%)}.xh__stage svg{display:block}.xh__houses{position:absolute;left:0;bottom:0;z-index:3;width:100%;height:30%}.xh__chimney{position:absolute;z-index:7;top:var(--chimney-top);bottom:0;left:calc(var(--gxd) - 1.8%);width:3.6%;background:#6b3448;border-radius:2px 2px 0 0}.xh__chimney:before{content:"";position:absolute;left:-14%;right:-14%;top:-8px;height:10px;background:#7f4258;border-top:4px solid #fff;border-radius:3px}.xh__drop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;opacity:0}.xh__gift{position:absolute;left:var(--gxd);top:var(--gy);width:3.2%;transform:translate(-50%)}.xh__pop{position:absolute;z-index:8;left:var(--gxd);top:calc(var(--chimney-top) - 3%);width:3%;opacity:0;transform:translate(-50%,-50%)}.xh__trailbit{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;opacity:0;transform:var(--fstill);pointer-events:none}.xh__spark{position:absolute;left:calc(var(--rider-w) * .06);top:var(--spark-y);width:var(--spark-w);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#fff6d6 0 25%,#c9a227 45%,#c9a22700 70%)}.xh__spark--pink{background:radial-gradient(circle,#fff 0 25%,#e8b7c0 45%,#e8b7c000 70%)}.xh__flight{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;transform:var(--fstill)}.xh__rider{position:absolute;left:0;top:0;width:var(--rider-w);aspect-ratio:10 / 9;transform-origin:0 0}.xh__head{position:absolute;left:14%;top:14%;width:50%;z-index:1;transform-origin:50% 90%}.xh__head-img{display:block;width:100%;height:auto;filter:drop-shadow(3px 0 0 #fff) drop-shadow(-3px 0 0 #fff) drop-shadow(0 3px 0 #fff) drop-shadow(0 -3px 0 #fff) drop-shadow(0 8px 10px rgba(40,10,20,.3))}.xh__hat{position:absolute;left:24%;top:-24%;width:56%;transform:rotate(-10deg);transform-origin:50% 80%}.xh__cargo{position:absolute;left:58%;top:44%;z-index:1;width:26%;display:flex;justify-content:center}.xh__cargo span{display:block;width:34%;margin:0 -4%;transform:rotate(var(--r))}.xh__cargo svg{width:100%;height:auto}.xh__team{position:absolute;left:92%;top:20%;z-index:2;width:100%;height:auto;transform-origin:0 60%}.xh__sleigh{position:absolute;left:0;bottom:0;z-index:2;width:100%;height:auto;filter:drop-shadow(0 8px 10px rgba(40,10,20,.25))}.xh__bag{position:absolute;left:-3%;top:50%;z-index:3;width:20%;height:auto;transform:rotate(-10deg)}.xh__cane{position:absolute;bottom:4%;z-index:6;font-size:clamp(60px,9vh,110px);line-height:0;pointer-events:none}.xh__cane--l{left:8px;transform:rotate(-8deg)}.xh__cane--r{right:8px;transform:scaleX(-1) rotate(-8deg)}.xh__snow{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;overflow:hidden;pointer-events:none}.xh__flake{position:absolute;top:-10px;left:var(--x);width:var(--s);height:var(--s);border-radius:50%;background:#fff;opacity:.8;animation:xh-snow var(--d) linear var(--dl) infinite}.xh__copy{position:absolute;z-index:9;left:max(64px,5vw);top:50%;transform:translateY(-50%);width:min(420px,36%);padding:28px 30px;background:#fdf8f6;border-radius:18px;box-shadow:0 18px 40px #280a1440;font-family:Helvetica,Arial,sans-serif}.xh__eyebrow{margin:0 0 10px;font-size:12px;font-weight:700;line-height:1.3;letter-spacing:.18em;text-transform:uppercase;color:#9c4d63}.xh__title{margin:0 0 12px;color:#1a1a1a;font-family:Didot,"Bodoni 72","Bodoni MT",var(--font-heading-family),serif;font-size:clamp(30px,3.6vw,52px);font-weight:700;line-height:1.05;letter-spacing:0}.xh__text{margin:0 0 18px;font-size:16px;line-height:1.5;color:#5d5e60}.xh__button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 26px;border-radius:999px;background:#c8102e;color:#fff;text-decoration:none;font-size:14px;font-weight:700;line-height:1.2;letter-spacing:.06em}.xh__button:hover{background:#a50d26;color:#fff}.xh__button:focus-visible{outline:3px solid #1a1a1a;outline-offset:3px}.xh__cutoff{display:flex;align-items:flex-start;gap:12px;margin:18px 0 0;padding:12px 14px;background:#fbeef1;border:1px solid #F1D3DB;border-left:4px solid #E8B7C0;border-radius:12px}.xh__cutoff-icon{flex:none;width:30px;height:30px;margin-top:2px}.xh__cutoff-body{min-width:0}.xh__cutoff-body p{margin:0}.xh__cutoff-intro{font-size:11px;font-weight:700;line-height:1.3;letter-spacing:.14em;text-transform:uppercase;color:#9c4d63}.xh__cutoff-date{margin-top:2px!important;font-family:Didot,"Bodoni 72","Bodoni MT",var(--font-heading-family),serif;font-size:20px;font-weight:700;line-height:1.2;color:#1a1a1a}.xh__cutoff-for{margin-top:3px!important;font-size:13px;line-height:1.45;color:#5d5e60}.xh__cutoff-note{margin-top:4px!important;font-size:12px;line-height:1.4;font-weight:600;color:#9c4d63}.xh__cutoff [hidden]{display:none}.xh__pause{position:absolute;z-index:10;top:12px;left:max(16px,4vw);display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border:1px solid #1a1a1a;border-radius:999px;background:#fffffff0;color:#1a1a1a;font:600 13px/1 Helvetica,Arial,sans-serif;cursor:pointer}.xh__pause:hover{background:#fff}.xh__pause:focus-visible{outline:3px solid #fff;outline-offset:2px;box-shadow:0 0 0 6px #1a1a1a}.xh__pause-icon{width:14px;height:14px}.xh__pause-icon--play,.xh.is-paused .xh__pause-icon--pause{display:none}.xh.is-paused .xh__pause-icon--play{display:inline}@media(max-width:749px){.xh{--scene-h: clamp(300px, 52vh, 480px);--H: var(--scene-h);--stage-w: min(100%, calc(var(--scene-h) * 3 / 4));--stage-ratio: 3 / 4;--rider-w: 46%;--f0: translate(-90%, 30%);--f1: translate(-5%, 26%);--f2: translate(25%, 28%);--f3: translate(70%, -60%);--fstill: translate(8%, 27%);--gy: 44%;--fall: 28%;--spark-y: 25%;--spark-w: 3.2%;--chimney-top: 72%;height:auto;padding-bottom:16px}.xh__scene{position:relative;inset:auto;height:var(--scene-h)}.xh__chimney{left:calc(var(--gxm) - 2.6%);width:5.2%}.xh__gift{left:var(--gxm);width:5.6%}.xh__pop{left:var(--gxm);width:7%}.xh__copy{position:relative;left:auto;top:auto;transform:none;width:auto;margin:-28px 16px 0;padding:18px 18px 20px}.xh__title{font-size:clamp(28px,8vw,36px)}.xh__text{font-size:15px;margin-bottom:14px}.xh__pause{left:16px}}@media(max-width:767px){.xh__cane{display:none}}.xh--pending .xh__flight{transform:var(--f0)}.xh.is-playing .xh__flight{animation:xh-fly 12s linear infinite both}.xh.is-playing .xh__rider{animation:xh-shrink 12s linear infinite both}.xh.is-playing .xh__head{animation:xh-sway 2.4s ease-in-out infinite alternate}.xh.is-playing .xh__team{animation:xh-gallop .5s ease-in-out infinite alternate}.xh.is-playing .xh__trailbit{opacity:var(--o);animation:xh-fly 12s linear var(--td) infinite both}.xh.is-playing .xh__spark{animation:xh-twinkle .9s ease-in-out var(--tw) infinite alternate}.xh.is-playing .xh__drop{animation:xh-drop 12s linear var(--dl) infinite both}.xh.is-playing .xh__gift svg{animation:xh-spin 1.1s linear infinite}.xh.is-playing .xh__pop{animation:xh-pop 12s ease-out var(--dl) infinite both}.xh.is-paused *,.xh.is-paused *:before{animation-play-state:paused!important}@keyframes xh-fly{0%{transform:var(--f0);animation-timing-function:cubic-bezier(.2,.6,.4,1)}30%{transform:var(--f1);animation-timing-function:linear}70%{transform:var(--f2);animation-timing-function:linear}88%,to{transform:var(--f3)}}@keyframes xh-shrink{0%,70%{transform:scale(1)}88%,to{transform:scale(.7)}}@keyframes xh-sway{0%{transform:rotate(-5deg) translate(-3%)}to{transform:rotate(5deg) translate(3%)}}@keyframes xh-gallop{0%{transform:translateY(0) rotate(0)}to{transform:translateY(-5%) rotate(-3deg)}}@keyframes xh-twinkle{0%{transform:scale(.6)}to{transform:scale(1.25)}}@keyframes xh-drop{0%{transform:translateY(0);opacity:0}0.6%{transform:translateY(.3%);opacity:1;animation-timing-function:cubic-bezier(.45,0,.9,.6)}6.5%{transform:translateY(var(--fall));opacity:1}7.5%{transform:translateY(calc(var(--fall) + 4%));opacity:0}to{transform:translateY(calc(var(--fall) + 4%));opacity:0}}@keyframes xh-spin{to{transform:rotate(360deg)}}@keyframes xh-pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.2)}3%{opacity:1;transform:translate(-50%,-50%) scale(1.15)}7%,to{opacity:0;transform:translate(-50%,-50%) scale(.7)}}@keyframes xh-snow{to{transform:translate3d(var(--dx),calc(var(--H) + 20px),0)}}@media(prefers-reduced-motion:reduce){.xh__snow,.xh__pause{display:none}.xh *,.xh *:before{animation:none!important;transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/christmas-hero.css.map */