.seasonal[hidden],.halloween-decor[hidden]{display:none!important}
.halloween-active .hero{background:radial-gradient(ellipse at 50% 34%,#520d2f66,transparent 65%)}
.halloween-active .hero::after{opacity:.1;filter:grayscale(.5) contrast(1.4)}
.halloween-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.3em;color:#c995ab;margin:16px 0 0}
.hero .halloween-button{background:#f3126b;color:#fff;box-shadow:0 0 32px #f3126b44;gap:30px;border:1px solid #ff83b4;flex-basis:100%;max-width:370px;margin:0 calc((100% - 370px)/2) 6px;min-height:56px}
.halloween-active .hero .button.pink{background:transparent;border:1px solid #ffffff4a}
.halloween-decor{position:fixed;inset:0;pointer-events:none;z-index:10;overflow:hidden;color:#dbb1c4}
.halloween-web{position:absolute;top:65px;left:0;width:clamp(150px,25vw,380px);opacity:.42;filter:drop-shadow(0 0 4px #ff88bb33)}
.halloween-web.right{left:auto;right:0;transform:scaleX(-1);width:clamp(130px,21vw,320px);opacity:.28}
.halloween-spider{position:absolute;top:0;left:6%;width:42px;transform:translateY(var(--drop,150px));will-change:transform}
.halloween-spider.second{left:auto;right:4%;width:30px}
.halloween-thread{position:absolute;width:1px;height:110vh;bottom:calc(100% - 7px);left:50%;background:linear-gradient(transparent,#d2a4bba0)}
.halloween-spider svg{overflow:visible;filter:drop-shadow(0 3px 4px #000);animation:spider-sway 4s ease-in-out infinite;transform-origin:50% 0}
.halloween-spider.second svg{animation-delay:-2s}
@keyframes spider-sway{0%,100%{rotate:-8deg}50%{rotate:8deg}}
.halloween-menu{position:relative;padding:100px clamp(22px,6vw,92px);background:radial-gradient(ellipse at 80% 90%,#380d21,transparent 65%),#0d090c;scroll-margin-top:76px;border-bottom:1px solid #4c2236}
.halloween-heading{max-width:850px}.halloween-heading h2{font-size:clamp(3.5rem,7vw,7rem);letter-spacing:-.04em}.halloween-heading>p:last-child{color:#c3a8b5;margin:25px 0 45px}
.halloween-teaser{display:flex;align-items:center;gap:35px;border-block:1px solid #633149;padding:42px 0}.halloween-seal{font-size:80px;color:#f3126b}.halloween-teaser h3{font-family:Italiana,serif;font-size:clamp(1.9rem,3vw,3rem);font-weight:400;margin:0 0 14px}.halloween-teaser p:last-child{color:#bba7b1;margin:0}.halloween-teaser .eyebrow{margin-bottom:12px}.halloween-month{margin-left:auto;text-align:center;letter-spacing:.2em;color:#ff72aa;font-size:.75rem}.halloween-month b{font-family:Italiana,serif;font-size:60px;font-weight:400;line-height:1.2}
.halloween-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:24px;font-size:.8rem;color:#bba7b1}.halloween-bottom a{color:#ff72aa}.halloween-active a:focus-visible{outline:2px solid #ff91c1;outline-offset:5px}
@media(max-width:560px){.hero .halloween-button{max-width:none;margin:0 0 6px;flex:0 0 100%}.halloween-active .hero{padding-top:100px}.halloween-active .logo-stage{width:70vw;aspect-ratio:1.3}.halloween-active .hero .intro{font-size:.9rem}.halloween-web{opacity:.32;width:140px}.halloween-web.right{width:115px}.halloween-spider{left:2%;width:27px}.halloween-spider.second{right:2%;width:23px}.halloween-menu{padding-block:70px}.halloween-teaser{gap:18px}.halloween-seal{display:none}.halloween-month{display:none}.halloween-bottom{flex-direction:column}.halloween-label{font-size:.57rem}}
@media(prefers-reduced-motion:reduce){.halloween-spider svg{animation:none}.halloween-spider{will-change:auto}html{scroll-behavior:auto}}

.halloween-lineup{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,80px);align-items:center}
.halloween-poster{display:block;min-width:0;color:#ff72aa;text-decoration:none}
.halloween-poster img{display:block;width:100%;height:auto;border:1px solid #633149}
.halloween-poster span{display:block;margin-top:12px;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase}
.halloween-drinks article{padding:32px 0;border-top:1px solid #633149}
.halloween-drinks article:last-child{border-bottom:1px solid #633149}
.halloween-drinks .eyebrow{color:#ff72aa;font-size:.65rem;line-height:1.8}
.halloween-drinks h3{font-family:Italiana,serif;font-size:clamp(2rem,3.4vw,3.6rem);font-weight:400;line-height:1.12;margin:14px 0 20px;color:#fff0e5}
.halloween-drinks article>p:not(.eyebrow){color:#e1cbd6;line-height:1.7;font-size:1rem}
.halloween-drinks .halloween-serving{margin-top:8px;color:#bba7b1!important}
@media(max-width:760px){.halloween-lineup{grid-template-columns:1fr}.halloween-poster{max-width:520px;margin:auto}.halloween-drinks h3{font-size:2.5rem}.halloween-drinks article{padding:28px 0}}