.wt{--spring:cubic-bezier(.34, 1.56, .64, 1);--paper-ease:cubic-bezier(.62, .02, .28, 1);--foil:linear-gradient(100deg, #8a6530 0%, #c9a45c 18%, #e9cf8f 32%, #fff1c8 38%, #b78d48 56%, #f0d9a0 78%, #9a7337 100%);--fall:1300px;isolation:isolate;background:linear-gradient(90deg,#1a030ab3 0%,#1a030a40 45%,#1a030a00 65%),radial-gradient(60% 70% at 72% 45%,#40081859,#28050fb3 100%),linear-gradient(#3407148c,#3407148c),url(/craft/xmas/room.webp) 70% 100%/cover no-repeat,#2b0510;padding:96px 16px 88px;position:relative;overflow:hidden}@media (max-width:899px){.wt{background:linear-gradient(#1a030ac7 0%,#1a030a59 34%,#1a030a26 70%,#1a030a99 100%),linear-gradient(#3407148c,#3407148c),url(/craft/xmas/room-tall.webp) 50% 100%/cover no-repeat,#2b0510}}@media (min-width:768px){.wt{padding:128px 40px 120px}}.wt-snow{z-index:3;pointer-events:none;opacity:0;transition:opacity 2.2s;position:absolute;inset:0}.wt[data-on] .wt-snow{opacity:1}.wt-flake{top:-20px;left:var(--x);width:var(--fsz);height:var(--fsz);animation:wt-fall var(--t) linear var(--d) infinite;background:radial-gradient(circle,#fff 0% 38%,#ffffff8c 60%,#fff0 72%);border-radius:50%;animation-play-state:paused;position:absolute}.wt-flake.is-far{opacity:.55}.wt-flake.is-mid{opacity:.9;box-shadow:0 0 6px #ffffff73}.wt-flake.is-near{z-index:9;opacity:.55;background:radial-gradient(circle,#fffffff2 0%,#ffffff80 40%,#fff0 70%)}.wt-flake.is-gold{background:radial-gradient(circle,#fff6dc 0%,#ecd08e 45%,#ecd08e00 72%);box-shadow:0 0 8px #ecd08e99}.wt[data-on] .wt-flake{animation-play-state:running}@media (max-width:767px){.wt-flake.is-far:not(:nth-child(3n)),.wt-flake.is-mid:nth-child(2n){display:none}}@keyframes wt-fall{0%{transform:translate(0,0)}50%{transform:translate3d(calc(var(--sx) * -.5), calc(var(--fall) * .5), 0)}to{transform:translate3d(var(--sx), var(--fall), 0)}}.wt-inner{z-index:2;grid-template-areas:"copy""tree""cta";gap:44px;max-width:1240px;margin:0 auto;display:grid;position:relative}.wt-copy{grid-area:copy}.wt-tree-wrap{grid-area:tree}.wt-cta{flex-direction:column;grid-area:cta;align-items:flex-start;display:flex}@media (max-width:899px){.wt-copy{text-align:center}.wt-copy p,.wt-copy h2,.wt-copy .gold-script{margin-left:auto;margin-right:auto}.wt-cta{text-align:center;align-items:center}}@media (min-width:900px){.wt-inner{grid-template-columns:minmax(0,1fr) minmax(0,500px);grid-template-areas:"copy tree""cta tree";align-items:center;gap:40px 72px}.wt-copy{align-self:end}.wt-cta{align-self:start}}.wt-tree{aspect-ratio:100/146;width:min(440px,86vw);margin:0 auto;position:relative;container-type:inline-size}.wt-star{z-index:7;width:18cqw;height:17cqw;position:absolute;top:0;left:50%;translate:-50%}.wt-star-img{filter:drop-shadow(0 1cqw 1.4cqw #00000073);opacity:.5;transition:opacity .6s ease 3.9s, transform .9s var(--spring) 3.9s;background:url(/craft/sticker-star-faceted.webp) 50%/contain no-repeat;position:absolute;inset:0;transform:scale(.86)}.wt-star-glow{opacity:0;background:radial-gradient(circle,#ffe1968c 0%,#ffc86e2e 35%,#0000 65%);border-radius:50%;transition:opacity 1.2s 3.9s;position:absolute;inset:-60%}.wt[data-on] .wt-star-img{opacity:1;transform:none}.wt[data-on] .wt-star-glow{opacity:1;animation:3.6s ease-in-out 5.2s infinite wt-glow}@keyframes wt-glow{50%{opacity:.55;transform:scale(.9)}}.wt-box{z-index:1;--lid:7cqw;--rib:var(--foil);width:30cqw;height:30cqw;position:absolute}.wt-box[data-open]{z-index:2}.wt-box--yours{--lid:6cqw;--paper:var(--foil);--inside:linear-gradient(#7a5a26, #5a3f18);--tint:#c9a45c;width:26cqw;height:26cqw}.wt-lid{z-index:3;height:var(--lid);background:linear-gradient(#ffffff1f, #fff0 40%, #0000002e), var(--paper) center / cover, var(--tint);border-radius:.5cqw;position:absolute;top:0;left:-1cqw;right:-1cqw;box-shadow:0 .7cqw .9cqw #00000061}.wt-lid:after,.wt-door-front:before,.wt-door-front:after{content:"";background:var(--rib);position:absolute;box-shadow:0 0 .3cqw #00000040}.wt-lid:after{width:4.4cqw;top:0;bottom:0;left:50%;translate:-50%}.is-wine{--rib:linear-gradient(100deg, #4d0614, #8a1229 35%, #c23a51 45%, #6b0f2a 70%, #4d0614)}.wt-bow{z-index:6;filter:drop-shadow(0 .6cqw .8cqw #0006);background:url(/craft/sticker-bow.webp) 50%/contain no-repeat;width:13cqw;height:9cqw;position:absolute;top:-5.4cqw;left:50%;translate:-50%}.wt-box--yours .wt-bow{filter:drop-shadow(0 .6cqw .8cqw #0006)hue-rotate();width:15cqw;height:10cqw;top:-6.2cqw}.wt-cap{z-index:4;filter:drop-shadow(0 .4cqw .4cqw #3c1e2859);opacity:.96;transform-origin:50% 100%;height:3.4cqw;transition:transform 9s cubic-bezier(.2, .6, .3, 1) var(--cap-d,2.5s);background:radial-gradient(20% 85% at 14% 100%,#fff 58%,#0000 62%),radial-gradient(26% 100% at 40% 100%,#fff 58%,#0000 62%),radial-gradient(22% 75% at 66% 100%,#fff 58%,#0000 62%),radial-gradient(18% 80% at 88% 100%,#fff 58%,#0000 62%),linear-gradient(#fff,#fff) bottom/100% 42% no-repeat;position:absolute;top:-2.4cqw;left:-1.6cqw;right:-1.6cqw;transform:scaleY(0)}.wt[data-on] .wt-cap{transform:scaleY(1)}.wt-body{inset:calc(var(--lid) - .5cqw) 0 0;perspective:420cqw;cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:0 0 .5cqw .5cqw;display:block;position:absolute}.wt-body:focus-visible{outline-offset:3px;outline:2px solid #e3c37c}.wt-cubby{border-radius:inherit;background:linear-gradient(#0000009e, #0000004d), var(--inside,var(--paper)) center / cover, var(--tint);position:absolute;inset:0;overflow:hidden;box-shadow:inset 0 1.4cqw 2.6cqw #000000b3,inset 1cqw 0 1.6cqw #00000059,inset -1cqw 0 1.6cqw #00000059}.wt-cubby:before{content:"";background:radial-gradient(70% 60% at 50% 42%,#ffd68c6b,#0000 70%);position:absolute;inset:0}.wt-gift{filter:drop-shadow(0 1.2cqw 1.2cqw #00000080);opacity:0;width:64%;height:64%;transition:opacity .3s ease .26s, transform .7s var(--spring) .26s;background:50%/contain no-repeat;position:absolute;top:9%;left:18%;transform:scale(.6)translateY(12%)}.wt-label.wl-hand{text-align:center;white-space:nowrap;color:#f6ead6;opacity:0;font-size:max(2.55cqw,10px);line-height:1;transition:opacity .3s .42s,transform .5s .42s;position:absolute;bottom:8%;left:2%;right:2%;transform:translateY(30%)}.wt-box[data-open] .wt-gift,.wt-box[data-open] .wt-label{opacity:1;transform:none}.wt-door{z-index:2;transform-origin:0;transform-style:preserve-3d;transition:transform .95s var(--paper-ease);position:absolute;inset:0}.wt-door-front,.wt-door-back{backface-visibility:hidden;border-radius:0 0 .5cqw .5cqw;position:absolute;inset:0}.wt-door-front{background:linear-gradient(#ffffff12, #0000001f), var(--paper) center / cover, var(--tint);box-shadow:inset 0 0 0 .25cqw #0000001f,0 1cqw 1.6cqw #00000059}.wt-door-front:before{width:4.4cqw;top:0;bottom:0;left:50%;translate:-50%}.wt-door-front:after{height:4.4cqw;top:40%;left:0;right:0}.wt-door-back{background:linear-gradient(#0000006b, #0000006b), var(--inside,var(--paper)) center / cover, var(--tint);transform:rotateY(180deg)}.wt-box[data-open] .wt-door{transform:rotateY(-97deg)}.wt-box[data-hinge=right] .wt-door{transform-origin:100%}.wt-box[data-hinge=right][data-open] .wt-door{transform:rotateY(97deg)}@media (hover:hover){.wt-box:not([data-open]) .wt-body:hover .wt-door{transform:rotateY(-18deg)}.wt-box[data-hinge=right]:not([data-open]) .wt-body:hover .wt-door{transform:rotateY(18deg)}}.wt-yours-tag.wl-hand{z-index:1;color:#6b0f2a;background:#fbf7ef url(/craft/paper/ivory.webp) 50%/200px;border-radius:.4cqw;padding:.6cqw 2.2cqw .8cqw 3.2cqw;font-size:3.6cqw;line-height:1;position:absolute;top:56%;left:50%;translate:-50%;rotate:-7deg;box-shadow:0 .5cqw .9cqw #0000004d}.wt-yours-tag:before{content:"";background:#e9e1d3;border-radius:50%;width:1.1cqw;height:1.1cqw;margin-top:-.55cqw;position:absolute;top:50%;left:1.1cqw;box-shadow:0 0 0 .25cqw #c9a45c}.wt-yours-plus{color:#6b0f2a;background:#fbf7ef;border-radius:50%;place-items:center;width:9cqw;height:9cqw;display:grid;position:absolute;top:22%;left:50%;translate:-50%;box-shadow:0 0 3cqw #ffe196cc}.wt-box--yours[data-open] .wt-label{opacity:1;transform:none}.wt-box--yours:not([data-open]) .wt-door{animation:4.5s ease-in-out 6s infinite wt-knock}@media (hover:hover){.wt-box--yours:not([data-open]) .wt-body:hover .wt-door{animation:none}}@keyframes wt-knock{0%,82%,to{transform:rotateY(0)}86%{transform:rotateY(-14deg)}90%{transform:rotateY(-3deg)}94%{transform:rotateY(-9deg)}}.wt-lights{z-index:8;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.wt-lights path{fill:none;stroke:#2a1a0c;stroke-width:.32px;opacity:.85}.wt-bulb{opacity:.14}.wt-bulb circle{fill:#ffe7ad}.wt-bulb .wt-bulb-halo{fill:#ffc966;opacity:.32}.wt[data-on] .wt-bulb{animation:wt-bulb-on .7s linear calc(var(--i) * 45ms + .5s) both, wt-twinkle 2.6s ease-in-out calc(var(--i) * 45ms + 1.4s + var(--k) * 1s) infinite}@keyframes wt-bulb-on{0%{opacity:.14}20%{opacity:1}32%{opacity:.3}52%{opacity:1}64%{opacity:.55}to{opacity:1}}@keyframes wt-twinkle{0%,to{opacity:1}50%{opacity:.45}}.wt-floor{z-index:0;background:radial-gradient(closest-side,#0a0004a6,#0a000400 100%);border-radius:50%;height:7cqw;position:absolute;top:138cqw;left:14cqw;right:14cqw}@media (max-width:767px){.wt{--fall:1900px}.wt-flake.is-near:nth-child(odd){display:none}}@media (prefers-reduced-motion:reduce){.wt-snow{display:none}.wt *,.wt :before,.wt :after{transition:none!important;animation:none!important}.wt-cap{transform:none}.wt-star-img{opacity:1;transform:none}.wt-bulb{opacity:1}.wt-tag{animation:none}}.wt-lights .wt-thread{stroke:#d9b05c;stroke-width:.28px;opacity:.9}.wt-tag{--tw:max(24cqw, 92px);z-index:9;left:calc(82cqw - var(--tw) / 2);width:var(--tw);transform-origin:50% 1.8cqw;filter:drop-shadow(0 1.2cqw 1.4cqw #00000073);animation:5.5s ease-in-out infinite wt-tag-sway,.7s both wt-tag-in;position:absolute;top:10.6cqw}.wt-tag-body{clip-path:polygon(24% 0,76% 0,100% 15%,100% 100%,0 100%,0 15%);color:#6b0f2a;text-align:center;background:#fbf7ef url(/craft/paper/ivory.webp) 50%/220px;flex-direction:column;align-items:center;padding:max(4.6cqw,17px) 6px max(2.6cqw,10px);display:flex;rotate:4deg}.wt-tag-hole{background:#2b0510;border-radius:50%;width:max(1.6cqw,7px);height:max(1.6cqw,7px);margin-left:calc(max(1.6cqw,7px)/-2);position:absolute;top:max(1cqw,4px);left:50%;box-shadow:0 0 0 max(.4cqw,1.5px) #d9b05c}.wt-tag-days{font-family:var(--font-serif);letter-spacing:-.02em;font-size:max(10cqw,36px);font-weight:400;line-height:.9}.wt-tag-lead.wl-hand{color:#6b0f2a;margin-top:max(.6cqw,3px);font-size:max(2.9cqw,11px);line-height:1.05}.wt-tag-time{font:500 max(2.2cqw, 9px) / 1 var(--font-sans);letter-spacing:.06em;font-variant-numeric:tabular-nums;color:#8a5a3a;border-top:1px solid #6b0f2a33;margin-top:max(1.2cqw,5px);padding-top:max(1cqw,4px)}@keyframes wt-tag-sway{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}@keyframes wt-tag-in{0%{opacity:0}}.wt-hint.wl-hand{color:#f0dcae;opacity:0;margin-top:6px;font-size:19px;transition:opacity .7s,transform .7s;transform:translateY(6px)}.wt-hint[data-show]{opacity:.85;transform:none}.wt-tree-wrap{flex-direction:column;align-items:center;display:flex}
@media (max-width:767px){.m-center{text-align:center;align-items:center}.m-center p,.m-center h2,.m-center .gold-script{margin-left:auto;margin-right:auto}}
