.hhb-slot{container:hhb / inline-size;margin-bottom:2rem}.hhb-slot--flush{margin-bottom:0}.hhb{--hhb-ink: #f4ede4;--hhb-pumpkin: #ff7a18;position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem;min-height:15.5rem;max-width:100%;padding:1.35rem 1.35rem .7rem 1.7rem;overflow:hidden;border-radius:1.15rem;color:var(--hhb-ink);text-decoration:none;background:radial-gradient(ellipse 70% 90% at 88% 0%,#2a1748 0%,transparent 58%),radial-gradient(ellipse 55% 80% at 8% 0%,#14203d 0%,transparent 60%),linear-gradient(180deg,#0b0716,#07050d 72%,#040307);box-shadow:0 16px 40px #0000002e}.hhb:hover{color:var(--hhb-ink)}.hhb:focus-visible{outline:2px solid var(--hhb-pumpkin);outline-offset:3px}.hhb-sky{position:absolute;inset:0;z-index:0;pointer-events:none}.hhb-stars{position:absolute;inset:0 0 35%;background-image:radial-gradient(1px 1px at 8% 28%,#fff8 50%,transparent 51%),radial-gradient(1.4px 1.4px at 22% 14%,#fffc 50%,transparent 51%),radial-gradient(1px 1px at 36% 42%,#fff6 50%,transparent 51%),radial-gradient(1px 1px at 54% 18%,#fff9 50%,transparent 51%),radial-gradient(1.5px 1.5px at 71% 10%,#fffb 50%,transparent 51%),radial-gradient(1px 1px at 84% 32%,#fff7 50%,transparent 51%),radial-gradient(1px 1px at 93% 16%,#fff8 50%,transparent 51%);animation:hhb-twinkle 6s ease-in-out infinite alternate}.hhb-moon{position:absolute;top:.85rem;right:22%;width:clamp(72px,14cqi,128px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 34% 38%,#00000012 0 9%,transparent 10%),radial-gradient(circle at 62% 60%,#00000018 0 12%,transparent 13%),radial-gradient(circle at 58% 28%,#00000010 0 6%,transparent 7%),radial-gradient(circle at 40% 40%,#fffbe8,#f3e3b5 60%,#d9c48c);box-shadow:0 0 40px 12px #f6e7b340,0 0 90px 28px #b48cff22}.hhb-bat{position:absolute;top:var(--top);left:0;z-index:1;width:var(--size);animation:hhb-fly var(--dur) linear infinite;animation-delay:var(--delay)}.hhb-bat--a{--size: 46px;--top: 14%;--dur: 13s;--delay: -2s;--drift: -10px;--flap: .16s}.hhb-bat--b{--size: 28px;--top: 30%;--dur: 17s;--delay: -9s;--drift: 8px;--flap: .2s}.hhb-bat--c{--size: 34px;--top: 6%;--dur: 15s;--delay: -5s;--drift: -4px;--flap: .14s}.hhb-membrane{fill:#0b0812}.hhb-bones{fill:none;stroke:#241c30;stroke-width:.9;stroke-linecap:round}.hhb-body{fill:#07050b}.hhb-wing{transform-box:view-box;transform-origin:50px 21px;animation:hhb-wing var(--flap, .16s) ease-in-out infinite alternate}.hhb-copy{position:relative;z-index:2;max-width:34rem;padding-bottom:.85rem;container-type:inline-size}.hhb-eyebrow{display:flex;align-items:center;gap:.95rem;font-family:Cinzel,Georgia,serif;font-size:.68rem;font-weight:600;letter-spacing:.32em;text-transform:uppercase;color:#a59cb3}.hhb-eyebrow span{position:relative;top:.32rem;margin-right:-.32em}.hhb-logo{display:block;height:1.35rem;width:auto}.hhb-title{display:block;margin-top:.2rem;font-family:Creepster,Cinzel,Georgia,serif;font-size:clamp(1.4rem,12.4cqi,4rem);white-space:nowrap;font-weight:400;line-height:.92;letter-spacing:.03em;color:var(--hhb-pumpkin);text-shadow:0 0 16px #ff7a1866,0 0 42px #ff3b1f33,0 3px 0 #3a1200;animation:hhb-flicker 7s infinite}.hhb-tagline{display:block;margin-top:.55rem;max-width:28rem;font-family:Cinzel,Georgia,serif;font-size:clamp(.92rem,1.7cqi,1.12rem);font-weight:600;line-height:1.45;color:#d8cfe6}.hhb-cta{display:inline-flex;align-items:center;gap:.45rem;margin-top:.9rem;padding:.5rem .9rem .4rem;border:1px solid #ff7a1888;border-radius:999px;background:#ff7a1814;color:#ffd2a8;font-family:Cinzel,Georgia,serif;font-size:.68rem;font-weight:700;line-height:1;letter-spacing:.16em;text-transform:uppercase;transition:background .2s,border-color .2s}.hhb-cta i{position:relative;top:-.05rem;font-size:.72rem;transition:transform .25s}.hhb:hover .hhb-cta{background:#ff7a182e;border-color:#ffb067cc}.hhb:hover .hhb-cta i{transform:translate(4px)}.hhb-stage{position:relative;z-index:2;align-self:end;display:flex;align-items:flex-end;justify-content:flex-end;gap:.7rem;min-width:0;padding:0 .35rem .15rem .5rem}.hhb-floor{position:absolute;left:0;right:0;bottom:0;z-index:1;height:.85rem;background:linear-gradient(180deg,#00000088,transparent .45rem),repeating-linear-gradient(90deg,#00000055 0 1px,transparent 1px 18px),linear-gradient(180deg,#2b1911,#120a07);box-shadow:inset 0 2px #c9a24a55}.hhb-door{--shape: inset(0 round 50% 50% 5px 5px / 28% 28% 5px 5px);--wood: linear-gradient(180deg, #4b2a1a, #2e180d 60%, #1c0f08);--metal: radial-gradient(circle at 35% 35%, #ffe7a3, #b08223 70%);position:relative;z-index:1;display:block;width:clamp(3.35rem,9cqi,5.35rem);filter:drop-shadow(0 12px 10px #000000bf);transition:transform .35s cubic-bezier(.2,.8,.2,1)}.hhb:hover .hhb-door{transform:translateY(-7px)}.hhb:hover .hhb-door:nth-child(2){transition-delay:40ms}.hhb:hover .hhb-door:nth-child(3){transition-delay:80ms}.hhb:hover .hhb-door:nth-child(4){transition-delay:.12s}.hhb-door[data-shape=gothic]{--shape: polygon(0 100%, 0 52%, 6% 32%, 18% 16%, 34% 5%, 50% 0, 66% 5%, 82% 16%, 94% 32%, 100% 52%, 100% 100%)}.hhb-door[data-finish=rustic]{--wood: repeating-linear-gradient(0deg, #ffffff0a 0 1px, transparent 1px 6px), linear-gradient(180deg, #74401d, #4c2510 65%, #2f1608);--metal: radial-gradient(circle at 35% 35%, #9aa0a8, #3a3e44 70%)}.hhb-door[data-finish=lacquer]{--wood: linear-gradient(100deg, transparent 30%, #ffffff14 46%, transparent 58%), linear-gradient(180deg, #2c1217, #120709 60%, #070304);--metal: radial-gradient(circle at 35% 35%, #f0d78a, #8a6a28 70%)}.hhb-door[data-finish=moss]{--wood: linear-gradient(180deg, #34502f, #1e331c 60%, #101d0f);--metal: radial-gradient(circle at 35% 35%, #b9b39a, #4a4636 70%)}.hhb-door[data-finish=iron]{--wood: linear-gradient(180deg, #4d525a, #2b2e33 55%, #17191c);--metal: radial-gradient(circle at 35% 35%, #cfd4da, #5b6068 70%)}.hhb-door__arch{position:relative;display:block;aspect-ratio:3 / 4.7}.hhb-door__frame,.hhb-door__leaf{position:absolute;clip-path:var(--shape)}.hhb-door__frame{inset:0;background:linear-gradient(160deg,#4a4458,#2a2633 45%,#19161f);box-shadow:inset 0 0 0 1px #ffffff14}.hhb-door__leaf{inset:5px;background:linear-gradient(90deg,transparent 0 92%,#00000055 100%),var(--wood);box-shadow:inset 0 0 18px #0009}.hhb-door__window{position:absolute;top:22%;left:50%;width:48%;aspect-ratio:1;transform:translate(-50%);border:2px solid #1a0d06;border-radius:50%;background:radial-gradient(circle,var(--room) 0%,var(--room-deep) 72%);box-shadow:0 0 12px var(--room),inset 0 0 8px #000a;overflow:hidden;animation:hhb-glow 3.2s ease-in-out infinite}.hhb-door__window:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,#ffffff55 0 18%,transparent 42%);opacity:.45}.hhb-door[data-window=slit] .hhb-door__window{top:12%;width:16%;height:40%;aspect-ratio:auto;border-radius:999px}.hhb-door[data-window=diamond] .hhb-door__window{top:15%;width:40%;border:none;border-radius:0;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.hhb-door[data-window=grate] .hhb-door__window:after{content:"";position:absolute;inset:0;background:linear-gradient(#120e0c,#120e0c) center / 2px 100% no-repeat,linear-gradient(#120e0c,#120e0c) center / 100% 2px no-repeat}.hhb-door__knob{position:absolute;top:56%;right:14%;width:7px;height:7px;border-radius:50%;background:var(--metal);box-shadow:0 1px 2px #000a}.hhb-door:nth-child(2) .hhb-door__window{animation-delay:.6s}.hhb-door:nth-child(3) .hhb-door__window{animation-delay:1.2s}.hhb-door:nth-child(4) .hhb-door__window{animation-delay:1.8s}@keyframes hhb-twinkle{0%{opacity:.55}to{opacity:1}}@keyframes hhb-fly{0%{transform:translate3d(-140%,0,0)}to{transform:translate3d(calc(100cqi + 48px),var(--drift),0)}}@keyframes hhb-wing{0%{transform:scale(1)}55%{transform:scale(.94,.15)}to{transform:scale(.88,-.65)}}@keyframes hhb-flicker{0%,18%,22%,62%,64%,to{opacity:1}20%,63%{opacity:.62}}@keyframes hhb-glow{0%,to{filter:brightness(.85)}50%{filter:brightness(1.3)}}@container hhb (max-width: 680px){.hhb{grid-template-columns:1fr;min-height:0;padding:1.1rem 1rem 1.15rem;text-align:center}.hhb-moon,.hhb-stage,.hhb-floor{display:none}.hhb-copy{min-width:0;max-width:none}.hhb-eyebrow{justify-content:center}.hhb-title{max-width:100%}.hhb-tagline{max-width:100%;margin-inline:auto}}@media(prefers-reduced-motion:reduce){.hhb-stars,.hhb-title,.hhb-wing,.hhb-door__window{animation:none}.hhb-bat{animation:none;left:auto}.hhb-bat--a{top:12%;right:30%}.hhb-bat--b{top:28%;right:12%}.hhb-bat--c{top:6%;right:20%}.hhb-door,.hhb-cta i{transition:none}}