.hero{isolation:isolate}
.tm-hero-atmosphere{position:absolute;z-index:0;inset:0;overflow:hidden;opacity:0;pointer-events:none;transition:opacity .8s ease}
.tm-hero-atmosphere.is-active{opacity:1}
.tm-hero-atmosphere canvas{position:absolute;inset:0;display:block;width:100%;height:100%}
.tm-hero-atmosphere-glass{position:absolute;inset:0;background:linear-gradient(118deg,transparent 0 53%,rgb(137 202 216 / 2.5%) 65%,transparent 83%);mix-blend-mode:screen}
.tm-ha-fog .tm-hero-atmosphere-glass{background:linear-gradient(90deg,transparent 0 18%,rgb(166 199 205 / 3.5%) 42%,transparent 68%)}
.tm-ha-sun .tm-hero-atmosphere-glass,.tm-ha-easter .tm-hero-atmosphere-glass{background:linear-gradient(118deg,transparent 0 48%,rgb(255 220 157 / 4%) 64%,transparent 83%)}
.tm-ha-christmas .tm-hero-atmosphere-glass{background:linear-gradient(130deg,transparent 0 48%,rgb(255 199 112 / 3.5%) 62%,transparent 82%)}
.hero.tm-has-atmosphere::after{content:'';position:absolute;z-index:1;inset:0;pointer-events:none;background:linear-gradient(90deg,rgb(10 19 32 / 10%),transparent 52%,rgb(3 8 14 / 8%))}
.hero.tm-has-atmosphere>.hero-grid{position:relative;z-index:2}
.tm-season-cameo{position:absolute;z-index:1;left:0;bottom:clamp(.75rem,3vw,2.5rem);width:clamp(96px,9vw,154px);opacity:0;pointer-events:none;transform:translate3d(-180%,0,0);filter:drop-shadow(0 10px 15px rgb(0 0 0 / 30%));will-change:transform,opacity}
.tm-season-cameo img{display:block;width:100%;height:auto}
.tm-season-cameo-christmas.is-active{animation:tm-santa-cameo 32s cubic-bezier(.22,.72,.28,1) 2.5s infinite}
.tm-season-cameo-easter{width:clamp(84px,7.5vw,126px)}
.tm-season-cameo-easter.is-active{animation:tm-easter-cameo 27s cubic-bezier(.2,.75,.3,1) 1.5s infinite}
@keyframes tm-santa-cameo{0%,61%{opacity:0;transform:translate3d(-180%,4px,0) rotate(-1deg)}64%{opacity:.9}68%{transform:translate3d(24vw,-5px,0) rotate(1deg)}73%{transform:translate3d(54vw,3px,0) rotate(-1deg)}78%{opacity:.9;transform:translate3d(88vw,-4px,0) rotate(1deg)}81%,100%{opacity:0;transform:translate3d(calc(100vw + 180%),2px,0) rotate(-1deg)}}
@keyframes tm-easter-cameo{0%,64%{opacity:0;transform:translate3d(-180%,8px,0) rotate(-2deg)}67%{opacity:.88}71%{transform:translate3d(25vw,-8px,0) rotate(1deg)}75%{transform:translate3d(53vw,4px,0) rotate(-1deg)}79%{opacity:.88;transform:translate3d(86vw,-7px,0) rotate(1deg)}82%,100%{opacity:0;transform:translate3d(calc(100vw + 180%),5px,0) rotate(-1deg)}}
@media(max-width:760px){.tm-season-cameo{bottom:1rem;width:76px;filter:drop-shadow(0 6px 9px rgb(0 0 0 / 28%))}.tm-season-cameo-easter{width:68px}}
@media(prefers-reduced-motion:reduce){.tm-hero-atmosphere{transition:none}.tm-season-cameo{display:none}}

