/* Scenes are bound to the hero section and leave the viewport when it scrolls away. */
[data-season]{--season-accent:#e6b4dc;--season-glow:#a390c8;--season-ground:#315c4c}
[data-season=halloween]{--season-accent:#eca34c;--season-glow:#c37731;--season-ground:#422638}
[data-season=christmas]{--season-accent:#e5d39c;--season-glow:#6b9e8b;--season-ground:#254f43}
[data-season=newyear]{--season-accent:#e5c679;--season-glow:#ad8841;--season-ground:#392847}
body[data-season] .public-hero{position:relative;isolation:isolate;padding-bottom:180px;background:linear-gradient(to bottom,var(--bg),transparent 90px,transparent calc(100% - 130px),var(--bg)),radial-gradient(ellipse at 90% 85%,color-mix(in srgb,var(--season-glow) 22%,transparent),transparent 60%)}
body[data-season] .public-hero{max-width:none;padding-inline:max(clamp(22px,6vw,90px),calc((100% - 1320px)/2))}
body[data-season] .public-hero__content,body[data-season] .public-hero__visual{z-index:1;position:relative}
body[data-season] .public-hero__glow{background:radial-gradient(ellipse,color-mix(in srgb,var(--season-glow) 45%,transparent),transparent 68%)}
.season-scene{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0;color:var(--season-accent)}
.season-symbols{position:absolute;width:0;height:0;overflow:hidden}
.season-sky{position:absolute;inset:0;background:radial-gradient(ellipse at 88% 10%,color-mix(in srgb,var(--season-glow) 18%,transparent),transparent 45%)}
.public-hero .season-sky{mask-image:linear-gradient(to bottom,transparent,#000 110px,#000 calc(100% - 120px),transparent)}
.public-hero .season-ground{mask-image:linear-gradient(to bottom,#000 25%,transparent 75%)}
.season-ground{position:absolute;bottom:-40px;left:-5%;width:110%;height:160px;background:linear-gradient(0deg,var(--season-ground),color-mix(in srgb,var(--season-ground) 60%,transparent));border-radius:60% 40% 0 0/60% 65% 0 0;box-shadow:0 -14px 60px color-mix(in srgb,var(--season-glow) 12%,transparent)}
.season-motif{position:absolute;width:90px;height:110px;filter:drop-shadow(0 5px 12px #0002)}
.season-motif--0{top:34px;left:3%;width:85px;transform:rotate(-15deg)}
.season-motif--1{bottom:36px;right:5%;width:180px;height:190px}
.season-motif--2{top:70px;right:5%;width:85px;transform:rotate(15deg)}
.season-motif--3{bottom:23px;right:1%;width:100px;height:120px;transform:rotate(12deg)}
.season-motif--4{bottom:22px;left:3%;width:130px;height:140px;transform:rotate(-12deg)}
.season-motif--5{top:16px;right:18%;width:52px;height:65px;transform:rotate(-8deg)}
.season-motif--6{bottom:45px;left:15%;width:65px;height:75px}
[data-season=halloween] .season-sky:after{content:"";position:absolute;right:7%;top:40px;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#ffe1a2,#da9f59);opacity:.22;box-shadow:0 0 85px #e9ad5b44}
[data-season=halloween] .season-motif--0,[data-season=halloween] .season-motif--2,[data-season=halloween] .season-motif--5,[data-season=halloween] .season-motif--6{color:#9467ad}
[data-season=halloween] .season-motif--6{bottom:auto;top:130px;left:auto;right:12%}
[data-season=easter] .season-ground{height:140px;background:repeating-linear-gradient(78deg,transparent 0 12px,#527b5944 13px 16px),linear-gradient(0deg,#315c4c,#77a48188)}
[data-season=christmas] .season-ground{background:linear-gradient(0deg,#bfd4cd,#edf4e8);height:115px;box-shadow:0 -8px 40px #dcf5ee22}
[data-season=christmas] .season-motif--1{height:240px;width:185px;bottom:26px}
[data-season=christmas] .season-motif--3{height:155px;bottom:18px;transform:none}
[data-season=christmas] .season-motif--4{height:185px;bottom:20px;transform:none}
[data-season=christmas] .season-garland{position:absolute;top:-26px;left:10%;width:80%;height:65px;border-bottom:2px solid #6e956c;border-radius:0 0 50% 50%;background:radial-gradient(ellipse at bottom,#f6d993 0 3px,transparent 4px) 0 0/55px 65px;filter:drop-shadow(0 2px 4px #eccc7555)}
[data-season=newyear] .season-motif--0,[data-season=newyear] .season-motif--2{width:210px;height:210px;opacity:.75}
[data-season=newyear] .season-motif--0{left:0;top:5px}
[data-season=newyear] .season-motif--5{width:100px;height:100px;top:10px;right:23%}
[data-season=newyear] .season-ground{height:110px;background:repeating-linear-gradient(115deg,transparent 0 40px,#e3c77822 41px 43px),linear-gradient(0deg,#493451,#291f36);border-top:1px solid #e3c77866}
.season-particles span{position:absolute;left:calc(3% + var(--i)*8%);top:calc(8% + var(--i)*6%);height:4px;width:4px;border-radius:50%;background:var(--season-accent);opacity:.45}
[data-season=easter] .season-particles span{height:12px;width:7px;border-radius:70% 10%;background:#dfa9d0}
[data-season=christmas] .season-particles span{background:#c6dfd9;width:5px;height:5px}
[data-season=newyear] .season-particles span{border-radius:1px;height:12px;transform:rotate(35deg)}
[data-season-motion="1"] .season-motif--0,[data-season-motion="1"] .season-motif--2,[data-season-motion="1"] .season-motif--5{animation:season-sway 7s ease-in-out infinite alternate}
[data-season-motion="1"] .season-motif--2{animation-delay:-3s}
[data-season-motion="1"] .season-particles span{animation:season-drift calc(6s + var(--i)*.5s) ease-in-out infinite alternate;animation-delay:calc(var(--i)*-.8s)}
[data-season=newyear][data-season-motion="1"] .season-motif--0,[data-season=newyear][data-season-motion="1"] .season-motif--2{animation:season-bloom 7s ease-in-out infinite}
@keyframes season-sway{to{translate:0 -8px;rotate:4deg}}
@keyframes season-drift{to{translate:18px 35px;rotate:65deg;opacity:.2}}
@keyframes season-bloom{0%,100%{scale:.8;opacity:.35}50%{scale:1;opacity:.8}}
@media(max-width:600px){body[data-season] .public-hero{padding-bottom:145px}.season-motif--0{left:-12px;width:48px;opacity:.5}.season-motif--2{right:-10px;width:55px;opacity:.6}.season-motif--5{display:none}.season-motif--1{width:110px;height:120px;right:6%;bottom:14px}.season-motif--3{width:65px;height:75px;bottom:8px}.season-motif--4{width:85px;height:100px;bottom:9px}.season-motif--6{width:40px;height:45px;bottom:25px;left:28%}.season-ground{height:115px}.season-particles span:nth-child(even){display:none}[data-season=christmas] .season-motif--1{width:110px;height:155px;bottom:5px}[data-season=christmas] .season-motif--3{height:100px;bottom:0}[data-season=christmas] .season-motif--4{height:120px;bottom:0}[data-season=newyear] .season-motif--0,[data-season=newyear] .season-motif--2{width:90px;height:90px;opacity:.4}[data-season=halloween] .season-sky:after{width:90px;height:90px;right:-15px;top:30px}}
@media(prefers-reduced-motion:reduce){[data-season] .season-motif,[data-season] .season-particles span{animation:none!important}}
/* Selector thumbnails use the real website motifs rather than abstract swatches. */
.public-design-choice .public-design-choice__swatch{height:130px;position:relative;overflow:hidden;background:#17111d;border-radius:8px;color:#fff}
.public-design-choice__swatch .season-scene{width:100%;height:100%}
.public-design-choice__swatch .season-ground{height:50px;bottom:-15px}
.public-design-choice__swatch .season-motif{width:30px;height:30px;top:8px;bottom:auto}
.public-design-choice__swatch .season-motif--1{width:65px;height:75px;top:auto;bottom:5px}
.public-design-choice__swatch .season-motif--3{width:35px;height:45px;top:auto;bottom:0}
.public-design-choice__swatch .season-motif--4{width:45px;height:55px;top:auto;bottom:0}
.public-design-choice__swatch .season-motif--6{width:25px;height:30px;top:30px}
.public-design-choice__swatch[data-season=newyear] .season-motif--0,.public-design-choice__swatch[data-season=newyear] .season-motif--2{width:65px;height:65px}
.public-design-choice__swatch .season-sky:after{width:60px;height:60px;top:10px}
.public-design-choice__swatch .season-garland{top:-45px}
.public-design-choice__swatch img{width:90px;height:100%;object-fit:contain;display:block;margin:auto}
.public-design-preview{height:720px}
.public-design-choice input{z-index:2}
/* Small recurring accents carry the season through the rest of the website. */
.season-detail{position:relative;isolation:isolate}
.season-detail>.season-scene{z-index:-1}
.season-detail>.season-scene .season-ground,.season-detail>.season-scene .season-garland,.season-detail>.season-scene .season-particles,.season-detail>.season-scene .season-sky,.season-detail>.season-scene .season-motif--0,.season-detail>.season-scene .season-motif--3,.season-detail>.season-scene .season-motif--5,.season-detail>.season-scene .season-motif--6{display:none}
.season-detail>.season-scene .season-motif--1{top:auto;bottom:8px;right:18px;width:60px;height:65px;opacity:.65;transform:rotate(8deg)}
.season-detail>.season-scene .season-motif--2{top:12px;right:24px;width:45px;height:45px;opacity:.45}
.season-detail>.season-scene .season-motif--4{top:auto;bottom:8px;left:18px;width:40px;height:45px;opacity:.45;transform:rotate(-8deg)}
body[data-season] .public-page-head{max-width:none;padding-inline:max(clamp(22px,8vw,120px),calc((100% - 1260px)/2));background:linear-gradient(to bottom,var(--bg),transparent 90px,transparent calc(100% - 110px),var(--bg)),linear-gradient(110deg,transparent,color-mix(in srgb,var(--season-glow) 12%,transparent))}
.public-page-head.season-detail{padding-bottom:85px}
.public-page-head.season-detail>.season-scene .season-motif--1{width:95px;height:100px;right:4%;bottom:4px}
.public-page-head.season-detail>.season-scene .season-motif--2{width:65px;height:65px;top:15px;right:12%}
.site-footer.season-detail>.season-scene .season-motif--1{width:45px;height:45px;bottom:0}
.site-footer.season-detail>.season-scene .season-motif--4{width:35px;height:35px;bottom:0}
.public-cta.season-detail{padding-bottom:85px}
@media(max-width:600px){.season-detail>.season-scene .season-motif--2{width:30px;height:30px;right:8px;top:4px}.season-detail>.season-scene .season-motif--1{width:45px;height:50px;right:8px}.season-detail>.season-scene .season-motif--4{width:30px;height:35px;left:8px}.public-page-head.season-detail>.season-scene .season-motif--1{width:60px;height:65px}.public-page-head.season-detail>.season-scene .season-motif--2{width:40px;height:40px;right:4%;top:8px}}