.hero-halloween-banner{--hero-halloween-orange:#f47a1f;isolation:isolate;min-height:38px;color:var(--hero-halloween-orange);background:#11100f;justify-content:center;align-items:center;padding:7px 58px;text-decoration:none;display:flex;position:relative;overflow:hidden}.hero-halloween-banner__label{z-index:1;font-family:var(--site-font-display);letter-spacing:.055em;text-transform:uppercase;border-bottom:1.5px solid;font-size:clamp(14px,1.15vw,17px);font-weight:600;line-height:1;transition:color .18s,transform .18s;position:relative}.hero-halloween-banner__web{z-index:0;width:56px;height:43px;color:var(--hero-halloween-orange);stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;opacity:.86;transition:opacity .18s,transform .18s;position:absolute;top:-1px;right:-2px}.hero-halloween-banner__web-echo{opacity:.42;stroke-width:1.05px}.hero-halloween-banner:hover .hero-halloween-banner__label{color:#ff943d;transform:translateY(-1px)}.hero-halloween-banner:hover .hero-halloween-banner__web{opacity:1;transform:scale(1.04)}.hero-halloween-banner:focus-visible{outline:3px solid var(--hero-halloween-orange);outline-offset:-3px}@media (max-width:700px){.hero-halloween-banner{min-height:34px;padding:7px 44px}.hero-halloween-banner__label{letter-spacing:.045em;text-align:center;font-size:clamp(12px,3.7vw,14px)}.hero-halloween-banner__web{width:46px;height:35px;top:0;right:-4px}}@media (prefers-reduced-motion:reduce){.hero-halloween-banner__label,.hero-halloween-banner__web{transition:none}}