/* Halloween decoration: homepage only, easy to remove */
.halloween-scene{position:relative;isolation:isolate;overflow:hidden;min-height:150px;background:radial-gradient(ellipse at 50% 100%,#683010 0%,#21131c 55%,#100e13 100%);border-bottom:2px solid #e87521;color:#fff;display:grid;place-items:center;padding:24px 58px;text-align:center}
.halloween-greeting{font-weight:900;font-size:clamp(1.5rem,4vw,3rem);line-height:1.15;letter-spacing:.055em;color:#ff9b35;text-shadow:0 2px 0 #552509,0 0 22px #f5792666;z-index:1}
.halloween-greeting small{display:block;margin-top:12px;color:#fff4e6;font-size:clamp(.8rem,1.6vw,1rem);font-weight:500;letter-spacing:normal;text-shadow:none}
.halloween-pumpkin{position:absolute;font-size:clamp(2.5rem,6vw,5rem);pointer-events:none;filter:drop-shadow(0 5px 8px #0009);animation:halloween-float 4s ease-in-out infinite alternate}
.pumpkin-one{left:3%;top:15%;animation-delay:-1s}.pumpkin-two{right:4%;bottom:6%;animation-duration:3.4s;animation-delay:-2s}.pumpkin-three{left:19%;bottom:-23px;font-size:2.6rem;animation-duration:5s;animation-delay:-3s}
@keyframes halloween-float{from{transform:translate(0,0) rotate(-12deg)}to{transform:translate(12px,-22px) rotate(13deg)}}
.halloween-close{position:absolute;right:12px;top:10px;z-index:2;border:1px solid #ffffff80;border-radius:50%;width:34px;height:34px;background:#151515bd;color:white;font-size:26px;line-height:1;cursor:pointer}.halloween-close:hover,.halloween-close:focus-visible{background:#a94b19;outline:2px solid #fff}
@media(max-width:600px){.halloween-scene{padding:30px 34px;min-height:175px}.pumpkin-one{left:-15px;top:8px}.pumpkin-two{right:-18px;bottom:5px}.pumpkin-three{left:8%;bottom:-20px}}
@media(prefers-reduced-motion:reduce){.halloween-pumpkin{animation:none}}

/* Flying pumpkins and animated flames */
.halloween-scene{min-height:190px}
.halloween-greeting{position:relative;z-index:3;animation:halloween-glow 2.8s ease-in-out infinite alternate}
.halloween-flames{position:absolute;inset:auto 0 0;display:flex;justify-content:space-evenly;align-items:end;height:100%;overflow:hidden;pointer-events:none;z-index:0;opacity:.55}
.halloween-flames span{font-size:clamp(2rem,6vw,5rem);transform-origin:bottom center;animation:halloween-flame 1.5s ease-in-out infinite alternate;filter:blur(1px) drop-shadow(0 0 16px #ff5100)}
.halloween-flames span:nth-child(2n){animation-delay:-.65s;animation-duration:1.9s}
.halloween-flames span:nth-child(3n){animation-delay:-1.1s;animation-duration:1.3s}
.halloween-pumpkin{z-index:2;animation-name:halloween-fly!important;animation-timing-function:linear!important;animation-iteration-count:infinite!important;animation-direction:normal!important;will-change:transform}
.pumpkin-one{left:0;top:8%;animation-duration:14s!important;animation-delay:-2s!important}
.pumpkin-two{left:0;right:auto;top:56%;bottom:auto;animation-duration:19s!important;animation-delay:-12s!important}
.pumpkin-three{left:0;top:75%;bottom:auto;animation-duration:17s!important;animation-delay:-7s!important}
.pumpkin-four{left:0;top:25%;font-size:3.4rem;animation-duration:22s!important;animation-delay:-16s!important}
.pumpkin-five{left:0;top:62%;font-size:2.4rem;animation-duration:12s!important;animation-delay:-8s!important}
@keyframes halloween-fly{0%{transform:translateX(-110px) translateY(8px) rotate(-20deg)}25%{transform:translateX(calc(25vw - 80px)) translateY(-22px) rotate(14deg)}50%{transform:translateX(calc(50vw - 50px)) translateY(14px) rotate(-8deg)}75%{transform:translateX(calc(75vw - 20px)) translateY(-20px) rotate(15deg)}100%{transform:translateX(calc(100vw + 100px)) translateY(5px) rotate(-15deg)}}
@keyframes halloween-flame{from{transform:scale(.8) rotate(-10deg);opacity:.45}to{transform:scale(1.25) rotate(10deg);opacity:.95}}
@keyframes halloween-glow{from{text-shadow:0 2px 0 #552509,0 0 10px #f5792666}to{text-shadow:0 2px 0 #552509,0 0 32px #ff6b00,0 0 55px #f30a}}
@media(max-width:600px){.halloween-scene{min-height:210px}.halloween-pumpkin{font-size:2.5rem}.halloween-flames{opacity:.3}}
@media(prefers-reduced-motion:reduce){.halloween-pumpkin,.halloween-flames span,.halloween-greeting{animation:none!important}.halloween-pumpkin{display:none}}