/* A quiet seasonal layer in the existing walnut / cream palette. */
.halloween-decor{position:fixed;inset:0;pointer-events:none;z-index:12;overflow:hidden;color:#704529}
.halloween-decor[hidden],.halloween-note[hidden]{display:none!important}
.halloween-web{position:absolute;left:0;top:130px;width:clamp(85px,12vw,175px);opacity:.25}
.halloween-web svg{display:block;width:100%;height:auto}
.halloween-web-right{left:auto;right:0;transform:scaleX(-1);opacity:.18}
.halloween-spider{position:absolute;left:18px;top:225px;width:38px;transform-origin:50% -140px;animation:ff-spider-sway 8s ease-in-out infinite}
.halloween-spider:before{content:'';position:absolute;bottom:85%;left:50%;height:370px;width:1px;background:currentColor;opacity:.4}
.halloween-spider svg{display:block;width:100%}
.halloween-spider-right{left:auto;right:20px;top:310px;width:29px;animation-delay:-3s;animation-duration:11s}
.halloween-note{grid-column:1/-1;display:flex;align-items:center;gap:10px;width:fit-content;border:1px solid #a963343d;border-radius:30px;padding:7px 14px;font-size:11px;letter-spacing:.11em;text-transform:uppercase;color:#75462e;background:#f4eee5;margin-bottom:8px}
.halloween-moon{font-size:23px;line-height:1;color:#a85d2e;display:inline-block;animation:ff-moon-glow 5s ease-in-out infinite}
.halloween-season .hero-frame{box-shadow:0 18px 55px #8e4d2520}
.halloween-toggle{display:block;margin-top:24px;padding:9px 0;background:none;border:0;border-bottom:1px solid currentColor;color:inherit;font:inherit;font-size:12px;cursor:pointer;opacity:.8}
.halloween-toggle:focus-visible{outline:2px solid #a85d2e;outline-offset:5px}
@keyframes ff-spider-sway{0%,100%{transform:rotate(-5deg) translateY(0)}50%{transform:rotate(5deg) translateY(17px)}}
@keyframes ff-moon-glow{0%,100%{opacity:.65}50%{opacity:1}}
@media(max-width:700px){.halloween-web{top:125px;width:75px;opacity:.18}.halloween-spider{left:4px;top:205px;width:21px}.halloween-spider-right{right:3px;top:285px;width:17px}.halloween-note{font-size:9px;letter-spacing:.06em;gap:6px;padding:6px 10px;max-width:100%}}
@media(prefers-reduced-motion:reduce){.halloween-spider,.halloween-moon{animation:none}}