/* ============ HALLOWEEN 2026 · capa de temporada (se activa con html.hw hasta el 1 de noviembre) ============ */
html.hw{--hw-o:#E8731A;--hw-o-soft:#FF9A3C;--hw-p:#6B2FA0;--hw-p-soft:#9B6BD6;--hw-p-deep:#2A1047;--hw-bone:#EDE2CC}

/* ---- acentos: naranja calabaza sobre el dorado, violeta en la atmósfera ---- */
html.hw .script{color:var(--hw-o)!important}
html.hw .btn--rose{background:linear-gradient(135deg,#EFC85E 0%,#C99B2A 42%,#E8731A 100%);box-shadow:0 6px 24px rgba(232,115,26,.28)}
html.hw .btn--rose:hover{background:linear-gradient(135deg,#F6DA86 0%,#E8731A 100%);box-shadow:0 12px 32px rgba(232,115,26,.45)}
html.hw .nav__menu a:hover{color:var(--hw-o)}
html.hw .nav__menu a::after{background:linear-gradient(90deg,var(--gold),var(--hw-o))}
html.hw .hero--banner .hero__servlink{border-color:rgba(232,115,26,.5);background:rgba(232,115,26,.05)}
html.hw .hero--banner .hero__servlink:hover{border-color:rgba(255,154,60,.95);background:rgba(232,115,26,.14)}
html.hw .hero-banner__glow{background:radial-gradient(520px 520px at 78% 44%,rgba(107,47,160,.26),transparent 62%),radial-gradient(150% 72% at 50% 113%,rgba(232,115,26,.2),transparent 58%)}
html.hw .hero-banner__fade::after{background:radial-gradient(60% 100% at 50% 100%,rgba(107,47,160,.22),transparent 70%)}
html.hw .svc-card__gold{background:linear-gradient(180deg,transparent 52%,rgba(232,115,26,.34) 100%)}
html.hw .svc-card__more{color:var(--hw-o-soft)}
html.hw .section-indicator__item.is-active .section-indicator__dot{background:var(--hw-o);box-shadow:0 0 12px rgba(232,115,26,.7)}
html.hw .about-editorial{background:radial-gradient(900px 520px at 50% 0%,rgba(107,47,160,.16),transparent 70%),var(--cream)}
html.hw .contact__nav-label{color:var(--hw-o)!important}
html.hw .faq-filter.is-active{border-color:var(--hw-o);color:var(--hw-o)}
html.hw .footer{position:relative;background:linear-gradient(180deg,rgba(42,16,71,.35),transparent 40%),#070707}
html.hw ::selection{background:rgba(232,115,26,.55);color:#fff}

/* ---- título del hero: solo acento naranja ---- */
html.hw .hero--banner .hero__title .gold{color:var(--hw-o-soft);text-shadow:0 0 28px rgba(232,115,26,.35)}

/* ---- luna llena ---- */
.hw-moon{position:absolute;right:clamp(24px,7vw,120px);top:-28px;width:clamp(64px,6vw,92px);aspect-ratio:1;border-radius:50%;z-index:1;pointer-events:none;
  background:radial-gradient(circle at 38% 34%,#FFF8E8 0%,#F4E4BF 40%,#DCC79C 72%,#BEAA83 100%);
  box-shadow:0 0 34px 10px rgba(255,236,200,.32),0 0 120px 44px rgba(107,47,160,.32),0 0 240px 100px rgba(232,115,26,.10);
  animation:hwMoon 18s ease-in-out infinite}
.hw-moon::after{content:"";position:absolute;inset:0;border-radius:50%;opacity:.55;
  background:radial-gradient(10% 10% at 30% 62%,rgba(150,130,100,.5),transparent 70%),radial-gradient(14% 14% at 62% 40%,rgba(150,130,100,.42),transparent 70%),radial-gradient(7% 7% at 70% 70%,rgba(150,130,100,.5),transparent 70%),radial-gradient(6% 6% at 45% 28%,rgba(150,130,100,.4),transparent 70%)}
@keyframes hwMoon{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}

/* ---- niebla ---- */
.footer .hw-fog{height:70%;opacity:.4;z-index:0}
.hw-fog{position:absolute;left:0;right:0;bottom:0;height:48%;z-index:2;pointer-events:none;overflow:hidden;mix-blend-mode:screen;opacity:.6}
.hw-fog span{position:absolute;left:-40%;right:-40%;bottom:-25%;height:120%;filter:blur(30px);animation:hwFog 42s ease-in-out infinite alternate;
  background:radial-gradient(38% 55% at 18% 85%,rgba(120,80,175,.55),transparent 70%),radial-gradient(30% 50% at 52% 95%,rgba(165,125,210,.38),transparent 70%),radial-gradient(42% 60% at 84% 88%,rgba(120,80,175,.5),transparent 70%)}
.hw-fog span:nth-child(2){animation-duration:58s;animation-direction:alternate-reverse;opacity:.75;background:radial-gradient(34% 55% at 35% 90%,rgba(200,180,230,.3),transparent 70%),radial-gradient(40% 60% at 70% 95%,rgba(120,80,175,.45),transparent 70%)}
@keyframes hwFog{from{transform:translateX(-10%)}to{transform:translateX(10%)}}

/* ---- murciélagos ---- */
.hw-bats{position:absolute;inset:0;z-index:3;pointer-events:none;overflow:hidden}
.hw-bat{position:absolute;top:var(--y,30%);left:-8%;width:var(--s,34px);height:calc(var(--s,34px)*.5);color:#1C1324;opacity:0;animation:hwFly var(--dur,20s) linear var(--d,0s) infinite}
.hw-bat svg{width:100%;height:100%;display:block;filter:drop-shadow(0 0 5px rgba(255,160,80,.45)) drop-shadow(0 3px 4px rgba(0,0,0,.6));transform-origin:50% 40%;animation:hwFlap var(--flap,.36s) ease-in-out infinite alternate}
@keyframes hwFly{0%{transform:translate(0,0);opacity:0}2%{opacity:.95}18%{transform:translate(28vw,-7vh)}36%{transform:translate(58vw,2vh)}52%{transform:translate(88vw,-9vh);opacity:.95}56%{transform:translate(112vw,-14vh);opacity:0}100%{transform:translate(112vw,-14vh);opacity:0}}
@keyframes hwFlap{from{transform:scaleY(1) rotate(-2deg)}to{transform:scaleY(.5) rotate(2deg)}}

/* ---- telarañas en esquinas ---- */
.hw-web{position:absolute;top:0;width:clamp(120px,15vw,210px);aspect-ratio:1;pointer-events:none;z-index:3;opacity:.2;color:var(--hw-bone)}
.hw-web--l{left:0}.hw-web--r{right:0;transform:scaleX(-1)}
.hw-web svg{width:100%;height:100%;display:block}
.hw-web--spider::after{content:"";position:absolute;left:34%;top:32%;width:5px;height:5px;border-radius:50%;background:#1C1324;box-shadow:0 0 0 1.5px rgba(237,226,204,.35)}

/* ---- arañita colgando del nav ---- */
.hw-spider{position:fixed;top:0;left:min(19%,280px);z-index:99;display:flex;flex-direction:column;align-items:center;height:calc(94px + var(--drop,0px));transition:height .9s cubic-bezier(.2,.7,.2,1);transform-origin:50% 0;animation:hwSway 5.5s ease-in-out infinite;cursor:pointer}
.hw-spider.is-scared{height:46px;transition-duration:.35s}
.hw-spider__thread{flex:1;width:1px;background:linear-gradient(180deg,rgba(237,226,204,0) 0%,rgba(237,226,204,.6) 40%,rgba(237,226,204,.75) 100%)}
.hw-spider svg{width:26px;height:26px;display:block;color:#15101B;filter:drop-shadow(0 0 4px rgba(155,107,214,.55)) drop-shadow(0 4px 6px rgba(0,0,0,.7));margin-top:-1px}
.hw-spider .legs{transform-origin:50% 45%;animation:hwLegs 1.1s ease-in-out infinite alternate}
@keyframes hwSway{0%,100%{transform:rotate(-2.6deg)}50%{transform:rotate(2.6deg)}}
@keyframes hwLegs{from{transform:scaleX(1)}to{transform:scaleX(.92)}}

/* ---- calabazas discretas (separadores del marquee + footer) ---- */
html.hw .marquee .sep{color:transparent;position:relative;display:inline-block;width:1.1em}
html.hw .marquee .sep::after{content:"";position:absolute;left:0;top:50%;width:1.15em;height:1.15em;transform:translateY(-55%);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath d='M30 15c-2-6 0-11 5-14 2 4 1 8-1 12z' fill='%235B7A2E'/%3E%3Cpath d='M36 5c3-2 7-1 9 1-4 1-7 3-9 6z' fill='%236F9A3A'/%3E%3Cellipse cx='32' cy='38' rx='30' ry='23' fill='%23C2541A'/%3E%3Cellipse cx='13' cy='38' rx='10' ry='21' fill='%23E8731A'/%3E%3Cellipse cx='51' cy='38' rx='10' ry='21' fill='%23E8731A'/%3E%3Cellipse cx='22' cy='38' rx='10' ry='22.5' fill='%23F07A2A'/%3E%3Cellipse cx='42' cy='38' rx='10' ry='22.5' fill='%23F07A2A'/%3E%3Cellipse cx='32' cy='38' rx='10' ry='23' fill='%23F79346'/%3E%3Cellipse cx='26' cy='22' rx='6' ry='2.4' fill='rgba(255,230,200,.3)' transform='rotate(-20 26 22)'/%3E%3C/svg%3E") center/contain no-repeat;opacity:.9}
.hw-pumpkin{display:inline-block;width:17px;height:17px;vertical-align:-4px;margin-right:9px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath d='M30 15c-2-6 0-11 5-14 2 4 1 8-1 12z' fill='%235B7A2E'/%3E%3Cpath d='M36 5c3-2 7-1 9 1-4 1-7 3-9 6z' fill='%236F9A3A'/%3E%3Cellipse cx='32' cy='38' rx='30' ry='23' fill='%23C2541A'/%3E%3Cellipse cx='13' cy='38' rx='10' ry='21' fill='%23E8731A'/%3E%3Cellipse cx='51' cy='38' rx='10' ry='21' fill='%23E8731A'/%3E%3Cellipse cx='22' cy='38' rx='10' ry='22.5' fill='%23F07A2A'/%3E%3Cellipse cx='42' cy='38' rx='10' ry='22.5' fill='%23F07A2A'/%3E%3Cellipse cx='32' cy='38' rx='10' ry='23' fill='%23F79346'/%3E%3Cellipse cx='26' cy='22' rx='6' ry='2.4' fill='rgba(255,230,200,.3)' transform='rotate(-20 26 22)'/%3E%3Cpath d='M16 33l9 3-5 8zM48 33l-9 3 5 8zM32 40l-3.5 6h7z' fill='%23FFE39A'/%3E%3Cpath d='M14 47q18 13 36 0l-4 4-4-2-4 3-4-3-4 3-4-3-4 2-4-2-4 3z' fill='%23FFE39A'/%3E%3C/svg%3E") center/contain no-repeat;filter:drop-shadow(0 0 4px rgba(255,160,70,.6))}

/* ---- velas junto al escudo (Sobre nosotros) ---- */
html.hw .about-edi__crest{position:relative}
.hw-candle{position:absolute;bottom:4px;display:flex;flex-direction:column;align-items:center;pointer-events:none;--h:46px}
.hw-candle--l{left:calc(50% - 170px)}.hw-candle--r{right:calc(50% - 170px);--h:34px}
.hw-candle__flame{width:10px;height:17px;border-radius:50% 50% 50% 50%/62% 62% 38% 38%;background:radial-gradient(circle at 50% 75%,#FFF6D6 0%,#FFC95A 35%,#FF8A2A 70%,rgba(255,110,30,0) 100%);transform-origin:50% 100%;animation:hwFlicker 1.6s ease-in-out infinite;position:relative;filter:blur(.2px)}
.hw-candle__flame::before{content:"";position:absolute;left:50%;top:50%;width:90px;height:90px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(255,170,70,.32),rgba(232,115,26,.08) 50%,transparent 70%);animation:hwGlow 1.6s ease-in-out infinite;pointer-events:none}
.hw-candle__wick{width:1.5px;height:4px;background:#2A1A0E}
.hw-candle__body{width:14px;height:var(--h);border-radius:3px 3px 2px 2px;background:linear-gradient(90deg,#D9CBB0 0%,#F3E9D6 45%,#CFC0A3 100%);box-shadow:inset 0 -6px 10px rgba(0,0,0,.08),0 10px 18px rgba(0,0,0,.45);position:relative}
.hw-candle__body::before{content:"";position:absolute;left:-1px;top:-2px;width:5px;height:14px;border-radius:0 0 4px 4px;background:#F7EFDF}
@keyframes hwFlicker{0%,100%{transform:scale(1) rotate(-2deg)}25%{transform:scale(.92,1.08) rotate(2deg)}50%{transform:scale(1.05,.94) rotate(-1deg)}75%{transform:scale(.95,1.04) rotate(3deg)}}
@keyframes hwGlow{0%,100%{opacity:.9;transform:translate(-50%,-50%) scale(1)}50%{opacity:.6;transform:translate(-50%,-50%) scale(.86)}}

/* ---- fantasmitas (Sobre nosotros) ---- */
.hw-ghost{position:absolute;left:var(--x,50%);bottom:-80px;width:var(--s,46px);color:#D9CFF0;opacity:0;animation:hwGhost var(--dur,22s) ease-in-out var(--d,0s) infinite;pointer-events:none}
.hw-ghost svg{width:100%;height:auto;display:block;filter:drop-shadow(0 0 14px rgba(155,107,214,.45))}
@keyframes hwGhost{0%{transform:translate(0,0) rotate(0);opacity:0}10%{opacity:.26}50%{transform:translate(28px,-46vh) rotate(5deg);opacity:.2}90%{opacity:.08}100%{transform:translate(-12px,-92vh) rotate(-4deg);opacity:0}}


/* ---- sombrero de bruja en el logo ---- */
html.hw .nav__logo{position:relative;display:inline-block}
.hw-hat{position:absolute;left:-6px;top:-13px;width:30px;height:24px;pointer-events:none;transform:rotate(-16deg);transform-origin:70% 100%;filter:drop-shadow(0 2px 3px rgba(0,0,0,.6));background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 48'%3E%3Cellipse cx='30' cy='42' rx='29' ry='6' fill='%231C1324'/%3E%3Cpath d='M14 42C18 28 24 16 38 2c2 10 6 26 10 40z' fill='%232A1047'/%3E%3Cpath d='M17 39c3-9 7-17 15-26 1 8 3 16 6 26z' fill='%236B2FA0' opacity='.45'/%3E%3Cpath d='M15 36h30l1 4H14z' fill='%23E8731A'/%3E%3Crect x='28' y='35.5' width='6' height='5' fill='%23C99B2A'/%3E%3C/svg%3E") center/contain no-repeat;animation:hwHat 6s ease-in-out infinite}
@keyframes hwHat{0%,100%{transform:rotate(-16deg)}50%{transform:rotate(-11deg) translateY(-1px)}}

/* ---- relámpago ocasional en el hero ---- */
.hw-bolt{position:absolute;inset:0;z-index:4;pointer-events:none;opacity:0;background:radial-gradient(70% 60% at 60% 20%,rgba(200,170,255,.55),rgba(107,47,160,.25) 45%,transparent 70%);mix-blend-mode:screen}
.hw-bolt.is-on{animation:hwBolt .9s steps(1,end) 1}
@keyframes hwBolt{0%{opacity:.9}8%{opacity:.1}14%{opacity:.75}22%{opacity:0}30%{opacity:.4}38%{opacity:0}100%{opacity:0}}
html.hw .hero-banner__band{position:relative;overflow:hidden}
.hw-moon{pointer-events:auto;cursor:pointer;z-index:1}
html.hw .footer{overflow:visible}
.hw-moon:hover{filter:brightness(1.08)}
.hw-burst{position:absolute;z-index:5;pointer-events:none;width:26px;height:13px;color:#1C1324;left:var(--bx);top:var(--by);animation:hwBurst 1.6s cubic-bezier(.2,.6,.3,1) forwards}
.hw-burst svg{width:100%;height:100%;display:block;animation:hwFlap .22s ease-in-out infinite alternate;filter:drop-shadow(0 0 4px rgba(255,160,80,.5))}
@keyframes hwBurst{0%{transform:translate(0,0) scale(.4);opacity:0}10%{opacity:1}100%{transform:translate(var(--dx),var(--dy)) scale(1.1);opacity:0}}

/* ---- ojos en la oscuridad (footer + sobre nosotros) ---- */
.hw-eyes{position:absolute;left:var(--x);top:var(--y);display:flex;gap:var(--g,9px);pointer-events:none;z-index:1;opacity:0;animation:hwPeek var(--dur,14s) ease-in-out var(--d,0s) infinite}
.hw-eyes i{width:var(--s,7px);height:calc(var(--s,7px)*.6);border-radius:50%;background:radial-gradient(circle at 50% 50%,#FFE39A 0%,var(--hw-o-soft) 45%,rgba(232,115,26,0) 100%);box-shadow:0 0 10px rgba(255,154,60,.8);animation:hwBlink 4.3s ease-in-out var(--d,0s) infinite}
@keyframes hwPeek{0%,8%{opacity:0}14%,62%{opacity:.9}70%,100%{opacity:0}}
@keyframes hwBlink{0%,43%,47%,100%{transform:scaleY(1)}45%{transform:scaleY(.08)}}

/* ---- telaraña al pasar sobre las tarjetas de servicios ---- */
html.hw .svc-card{position:relative}
html.hw .svc-card::after{content:"";position:absolute;right:0;top:0;width:38%;aspect-ratio:1;pointer-events:none;opacity:0;transform:scale(.6);transform-origin:100% 0;transition:opacity .5s,transform .6s cubic-bezier(.2,.7,.2,1);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' fill='none' stroke='%23EDE2CC' stroke-width='.8'%3E%3Cpath d='M100 0 0 0M100 0 0 100M100 0 100 100M100 0 30 0M100 0 100 30M100 0 55 0 100 0 100 55M100 0 0 100'/%3E%3Cpath d='M100 0 70 0M100 0 100 70M100 0 15 0M100 0 100 15M100 0 42 100M100 0 0 42M100 0 100 100'/%3E%3Cpath d='M80 0q-3 12-13 20T56 44q-12 3-20 13T20 80' /%3E%3Cpath d='M60 0q-2 10-10 15T40 34q-10 2-15 10T15 60'/%3E%3Cpath d='M40 0q-1 7-7 10T27 22q-7 1-10 7T10 40'/%3E%3Cpath d='M20 0q0 4-4 5T13 11q-4 0-5 4T5 20'/%3E%3C/svg%3E") right top/100% 100% no-repeat;z-index:3}
html.hw .svc-card:hover::after{opacity:.5;transform:scale(1)}

/* ---- linternas de calabaza en el footer ---- */
.hw-lanterns{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;padding:0 clamp(16px,4vw,64px);pointer-events:none;z-index:1}
.hw-lantern{width:clamp(44px,5vw,66px);aspect-ratio:1;position:relative;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath d='M30 15c-2-6 0-11 5-14 2 4 1 8-1 12z' fill='%235B7A2E'/%3E%3Cpath d='M36 5c3-2 7-1 9 1-4 1-7 3-9 6z' fill='%236F9A3A'/%3E%3Cellipse cx='32' cy='38' rx='30' ry='23' fill='%23C2541A'/%3E%3Cellipse cx='13' cy='38' rx='10' ry='21' fill='%23E8731A'/%3E%3Cellipse cx='51' cy='38' rx='10' ry='21' fill='%23E8731A'/%3E%3Cellipse cx='22' cy='38' rx='10' ry='22.5' fill='%23F07A2A'/%3E%3Cellipse cx='42' cy='38' rx='10' ry='22.5' fill='%23F07A2A'/%3E%3Cellipse cx='32' cy='38' rx='10' ry='23' fill='%23F79346'/%3E%3Cellipse cx='26' cy='22' rx='6' ry='2.4' fill='rgba(255,230,200,.3)' transform='rotate(-20 26 22)'/%3E%3Cpath d='M16 33l9 3-5 8zM48 33l-9 3 5 8zM32 40l-3.5 6h7z' fill='%23FFE39A'/%3E%3Cpath d='M14 47q18 13 36 0l-4 4-4-2-4 3-4-3-4 3-4-3-4 2-4-2-4 3z' fill='%23FFE39A'/%3E%3C/svg%3E") center/contain no-repeat;filter:drop-shadow(0 0 10px rgba(255,160,70,.55));animation:hwLantern 2.2s ease-in-out infinite}
.hw-lantern:nth-child(2){animation-delay:-1.1s;animation-duration:2.9s}
.hw-lantern::before{content:"";position:absolute;left:50%;top:60%;width:260%;height:260%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(255,160,70,.22),transparent 65%);z-index:-1}
@keyframes hwLantern{0%,100%{filter:drop-shadow(0 0 10px rgba(255,160,70,.55))}40%{filter:drop-shadow(0 0 16px rgba(255,180,90,.85))}60%{filter:drop-shadow(0 0 8px rgba(255,150,60,.4))}}
html.hw .footer__bar{position:relative;z-index:2}
html.hw .footer__grid{position:relative;z-index:2}

/* ---- bruja cruzando la luna (footer) ---- */
.hw-witch{position:absolute;top:-30px;left:-15%;width:clamp(80px,9vw,120px);color:#0B0810;z-index:2;pointer-events:none;opacity:0;animation:hwWitch 26s cubic-bezier(.35,0,.65,1) 6s infinite}
.hw-witch svg{width:100%;height:auto;display:block;animation:hwBob 1.6s ease-in-out infinite alternate;filter:drop-shadow(0 0 6px rgba(155,107,214,.5))}
@keyframes hwWitch{0%{transform:translate(0,30px) rotate(4deg);opacity:0}4%{opacity:1}50%{transform:translate(60vw,-40px) rotate(-6deg)}66%{transform:translate(80vw,-10px) rotate(2deg);opacity:1}70%{transform:translate(88vw,0) rotate(0);opacity:0}100%{transform:translate(88vw,0);opacity:0}}
@keyframes hwBob{from{transform:translateY(0)}to{transform:translateY(-6px)}}

/* ---- gato negro sentado sobre la barra del footer ---- */
.hw-cat{position:absolute;left:clamp(24px,6vw,110px);bottom:100%;width:clamp(52px,6vw,74px);color:#070707;z-index:3;pointer-events:none;margin-bottom:-2px}
.hw-cat svg{width:100%;height:auto;display:block;filter:drop-shadow(0 -1px 0 rgba(237,226,204,.18))}
.hw-cat .tail{transform-origin:12% 92%;animation:hwTail 3.4s ease-in-out infinite alternate}
.hw-cat .eye{fill:#FFE39A;animation:hwBlink 5.1s ease-in-out 1.4s infinite;transform-origin:center;transform-box:fill-box}
@keyframes hwTail{from{transform:rotate(-8deg)}to{transform:rotate(14deg)}}

/* ---- móvil / tablet ---- */
@media (max-width:860px){
  .hw-moon{width:56px;right:18px;top:-22px}
  .hw-witch{width:70px}
  .hw-cat{width:40px;left:auto;right:14px;bottom:100%;margin-bottom:-1px}
  .hw-bat:nth-child(n+4){display:none}
  .hw-web{width:clamp(96px,26vw,140px)}
  .hw-spider{left:auto;right:17%;height:calc(84px + var(--drop,0px))}
  .hw-spider svg{width:20px;height:20px}
  .hw-candle--l{left:calc(50% - 120px)}.hw-candle--r{right:calc(50% - 120px)}
  .hw-candle__flame::before{width:64px;height:64px}
  .hw-ghost:nth-child(n+3){display:none}
  .hw-hat{width:24px;height:19px;left:-5px;top:-10px}
  .hw-lantern{width:30px}
  .hw-eyes:nth-child(n+4){display:none}
}

@media (prefers-reduced-motion:reduce){
  .hw-bat,.hw-ghost,.hw-fog span,.hw-moon,.hw-spider,.hw-candle__flame,.hw-candle__flame::before,.hw-spider .legs,.hw-hat,.hw-eyes,.hw-eyes i,.hw-lantern,.hw-bolt,.hw-witch,.hw-witch svg,.hw-cat .tail,.hw-cat .eye{animation:none!important}
  .hw-witch{display:none}
  .hw-eyes{opacity:.7}
  .hw-bat,.hw-ghost{display:none}
}