/* =========================================================
   HALLOWEEN 2026 — il-padrino.be
   Couche purement esthétique, active uniquement si <html class="hw">
   (ajoutée par le script de date dans index.html, jusqu'au 1er nov. inclus).
   Pour retirer : supprimer le bloc « HALLOWEEN » dans le <head> d'index.html.
   ========================================================= */

html.hw{
  --noir:#100b12; --noir2:#18111c; --carte:#1f1622; --or:#ee8a2e; --or-clair:#ffb65c;
  --creme:#f2e8dc; --gris:#ab9fae; --bordure:rgba(238,138,46,.26);
  --violet:#7b3fb0; --violet-glow:rgba(123,63,176,.35); --flamme:rgba(255,140,40,.55);
  scrollbar-color:#ee8a2e #120d14;
}
html.hw ::selection{background:#ee8a2e;color:#100b12}

/* ---- fond général : léger voile violet ---- */
html.hw body{background:
  radial-gradient(1200px 600px at 100% 0,rgba(123,63,176,.10),transparent 60%),
  radial-gradient(900px 500px at 0 100%,rgba(238,138,46,.06),transparent 60%),var(--noir);
  background-attachment:fixed}
html.hw .about,html.hw .gallery,html.hw .testi{background:linear-gradient(180deg,#18111c,#140e17)}
html.hw .booking{background:linear-gradient(180deg,#120c15,#1a111c)}

/* ---- NAV / MENU ---- */
html.hw nav.scrolled{background:rgba(16,11,18,.92);border-bottom-color:rgba(238,138,46,.3);box-shadow:0 6px 30px rgba(123,63,176,.18)}
html.hw .drawer{background:#120d14}
html.hw .drawer a{border-bottom-color:rgba(238,138,46,.16)}
html.hw .nav-links a::after{box-shadow:0 0 8px var(--flamme)}

/* ---- BOUTONS « qui brûlent » ---- */
html.hw .btn{border-color:var(--or);color:var(--or-clair)}
html.hw .btn:hover{background:var(--or);color:#140b06;box-shadow:0 0 18px var(--flamme),0 0 40px rgba(238,138,46,.25)}
html.hw .btn-solid{background:linear-gradient(135deg,#ffa04a,#e8711f 55%,#b8470f);border-color:#ee8a2e;color:#140b06;
  box-shadow:0 0 0 rgba(0,0,0,0),0 4px 18px rgba(238,138,46,.28)}
html.hw .btn-solid:hover{background:linear-gradient(135deg,#ffbe6e,#f28a33 55%,#c9551a);border-color:#ffb65c;animation:hw-burn 1.4s ease-in-out infinite}
@keyframes hw-burn{0%,100%{box-shadow:0 0 14px rgba(255,140,40,.55),0 0 34px rgba(238,100,30,.28)}
  35%{box-shadow:0 0 22px rgba(255,170,60,.75),0 0 54px rgba(238,100,30,.4)}
  60%{box-shadow:0 0 10px rgba(255,120,30,.45),0 0 28px rgba(238,100,30,.22)}}

/* ---- TITRES : lueur de citrouille ---- */
html.hw .sec-title{text-shadow:0 0 22px rgba(238,138,46,.18),0 2px 0 rgba(0,0,0,.35)}
html.hw .sec-title .or,html.hw .or{color:var(--or);text-shadow:0 0 16px rgba(238,138,46,.55)}
html.hw .eyebrow::before,html.hw .eyebrow::after{content:'';display:inline-block;width:24px;height:12px;vertical-align:middle;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 30'%3E%3Cg fill='%23e8862a'%3E%3Cpath d='M32 8L30.2 3L29 8.5C24 6 15 3 1 2C5 6 6.5 10 5.5 15C9.5 12.5 13.5 13.5 15.5 18C18.5 15 22.5 16 24.5 20.5C26.5 18.5 29 19.5 30 23L32 27Z'/%3E%3Cpath transform='translate(64 0) scale(-1 1)' d='M32 8L30.2 3L29 8.5C24 6 15 3 1 2C5 6 6.5 10 5.5 15C9.5 12.5 13.5 13.5 15.5 18C18.5 15 22.5 16 24.5 20.5C26.5 18.5 29 19.5 30 23L32 27Z'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat;margin:-2px 12px 0 0;filter:drop-shadow(0 0 4px rgba(238,138,46,.5))}
html.hw .eyebrow::after{margin:-2px 0 0 12px;transform:scaleX(-1)}
html.hw .eyebrow:not(.head-center .eyebrow)::after{display:none}

/* ---- HERO ---- */
html.hw .hero-bg{filter:saturate(.85) hue-rotate(-8deg)}
html.hw .hero-bg::before{background:
  radial-gradient(ellipse at 50% 38%,rgba(238,120,30,.16),transparent 58%),
  radial-gradient(ellipse at 88% 8%,rgba(123,63,176,.32),transparent 52%),
  radial-gradient(ellipse at 6% 100%,rgba(123,63,176,.22),transparent 50%),
  linear-gradient(180deg,rgba(14,9,16,.9) 0%,rgba(14,9,16,.6) 42%,rgba(14,9,16,.74) 70%,#100b12 100%)}
html.hw .hero h1{text-shadow:0 0 30px rgba(238,138,46,.28),0 0 70px rgba(123,63,176,.35)}
html.hw .hero h1 em{color:var(--or-clair);text-shadow:0 0 14px rgba(255,150,50,.55);animation:hw-flicker 6s 2s infinite}
html.hw .hero .crest{text-shadow:0 0 10px rgba(238,138,46,.5)}
html.hw .scroll-ind::after{background:linear-gradient(var(--or),transparent)}
@keyframes hw-flicker{0%,100%{opacity:1}41%{opacity:1}42%{opacity:.55}43%{opacity:1}45%{opacity:.75}46%{opacity:1}78%{opacity:1}79%{opacity:.6}80%{opacity:1}}

/* décor injecté par halloween.js */
.hw-hero{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}
.hw-moon{position:absolute;top:13%;right:8%;width:clamp(64px,9vw,132px);aspect-ratio:1;border-radius:50%;
  background:radial-gradient(circle at 38% 36%,#fff6dc 0%,#f6e2ad 45%,#d8b46e 100%);
  box-shadow:0 0 50px 14px rgba(255,214,140,.22),0 0 140px 50px rgba(123,63,176,.22);opacity:.92;animation:hw-moon 9s ease-in-out infinite}
.hw-moon::before{content:'';position:absolute;inset:0;border-radius:50%;background:
  radial-gradient(circle at 62% 30%,rgba(175,140,85,.22),transparent 11%),
  radial-gradient(circle at 36% 62%,rgba(175,140,85,.2),transparent 15%),
  radial-gradient(circle at 70% 70%,rgba(175,140,85,.16),transparent 8%),
  radial-gradient(circle at 26% 32%,rgba(175,140,85,.14),transparent 7%),
  radial-gradient(circle at 70% 75%,transparent 55%,rgba(150,110,60,.18))}
@keyframes hw-moon{0%,100%{box-shadow:0 0 50px 14px rgba(255,214,140,.22),0 0 140px 50px rgba(123,63,176,.22)}
  50%{box-shadow:0 0 64px 20px rgba(255,214,140,.3),0 0 170px 64px rgba(123,63,176,.28)}}

.hw-fog{position:absolute;left:-50%;width:200%;height:46%;bottom:-8%;opacity:.9;will-change:transform;
  background:radial-gradient(ellipse 18% 55% at 12% 70%,rgba(190,170,210,.13),transparent 70%),
    radial-gradient(ellipse 22% 50% at 38% 80%,rgba(160,140,190,.12),transparent 70%),
    radial-gradient(ellipse 16% 60% at 62% 72%,rgba(190,170,210,.12),transparent 70%),
    radial-gradient(ellipse 24% 50% at 86% 82%,rgba(160,140,190,.13),transparent 70%);
  animation:hw-fog 38s linear infinite alternate}
.hw-fog.b{bottom:-14%;height:40%;opacity:.7;animation-duration:52s;animation-direction:alternate-reverse}
@keyframes hw-fog{from{transform:translateX(0)}to{transform:translateX(25%)}}

.hw-ember{position:absolute;bottom:-10px;width:var(--s,3px);height:var(--s,3px);border-radius:50%;background:#ffb04a;
  box-shadow:0 0 6px 2px rgba(255,140,40,.7);opacity:0;animation:hw-ember var(--d,9s) var(--dl,0s) linear infinite}
@keyframes hw-ember{0%{transform:translate(0,0);opacity:0}10%{opacity:.9}
  50%{transform:translate(var(--x,20px),-38vh)}90%{opacity:.6}100%{transform:translate(calc(var(--x,20px)*-.6),-78vh);opacity:0}}

.hw-lantern{position:absolute;bottom:3.5%;width:clamp(74px,9vw,132px);filter:drop-shadow(0 8px 14px rgba(0,0,0,.6))}
.hw-lantern svg{display:block;width:100%;height:auto;position:relative;z-index:1}
.hw-lantern::before{content:'';position:absolute;left:-40%;right:-40%;top:-20%;bottom:-30%;border-radius:50%;
  background:radial-gradient(closest-side,rgba(255,150,40,.38),rgba(255,120,30,.12) 55%,transparent);animation:hw-glow 2.6s ease-in-out infinite}
.hw-lantern.l{left:4%}
.hw-lantern.r{right:4%}
.hw-lantern.r2{right:calc(4% + clamp(70px,8.4vw,124px));width:clamp(46px,5.4vw,80px);bottom:3%}
.hw-lantern.r2::before{animation-delay:-1.1s}
.hw-face{animation:hw-face 3.2s steps(1) infinite}
.hw-lantern.r .hw-face{animation-delay:-1.3s}
@keyframes hw-glow{0%,100%{opacity:.85;transform:scale(1)}30%{opacity:1;transform:scale(1.05)}55%{opacity:.7}75%{opacity:.95;transform:scale(.97)}}
@keyframes hw-face{0%{opacity:1}22%{opacity:.82}24%{opacity:1}61%{opacity:.88}63%{opacity:1}80%{opacity:.78}82%{opacity:1}}

.hw-spider{position:absolute;top:0;left:13%;width:42px;animation:hw-drop 3.2s 1.2s cubic-bezier(.3,1.4,.5,1) both,hw-bob 4s 4.4s ease-in-out infinite}
.hw-spider svg{display:block;width:100%;height:auto}
.hw-thread{position:absolute;left:50%;bottom:78%;width:1px;height:120vh;margin-left:-.5px;background:linear-gradient(rgba(230,220,210,0),rgba(230,220,210,.5))}
@keyframes hw-drop{from{transform:translateY(-60px)}to{transform:translateY(var(--drop,26vh))}}
@keyframes hw-bob{0%,100%{transform:translateY(var(--drop,26vh))}50%{transform:translateY(calc(var(--drop,26vh) + 18px))}}

.hw-bat{position:absolute;left:0;top:var(--y,20%);width:var(--w,46px);animation:hw-fly var(--d,14s) var(--dl,0s) linear infinite;will-change:transform}
.hw-bat.rtl{animation-name:hw-fly-rtl}
.hw-bat svg{display:block;width:100%;height:auto;overflow:visible;filter:drop-shadow(0 0 1.2px rgba(255,185,120,.75)) drop-shadow(0 0 9px rgba(140,70,200,.7))}
.hw-bat.rtl svg{transform:scaleX(-1)}
.hw-wing{transform-box:view-box;transform-origin:32px 12px;animation:hw-flap .3s ease-in-out infinite alternate}
@keyframes hw-flap{from{transform:scaleY(1)}to{transform:scaleY(-.38)}}
@keyframes hw-fly{0%{transform:translate(-12vw,0)}25%{transform:translate(20vw,-26px)}50%{transform:translate(48vw,10px)}
  75%{transform:translate(78vw,-18px)}100%{transform:translate(112vw,6px)}}
@keyframes hw-fly-rtl{0%{transform:translate(112vw,0)}25%{transform:translate(80vw,22px)}50%{transform:translate(50vw,-14px)}
  75%{transform:translate(20vw,16px)}100%{transform:translate(-12vw,-6px)}}

/* chauve-souris qui traverse l'écran de temps en temps (toutes sections) */
.hw-sky{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:90}
.hw-sky .hw-bat{animation-iteration-count:1;animation-fill-mode:both}

/* ---- SÉPARATEURS : petite citrouille entre les sections ---- */
html.hw section::before{content:'';position:absolute;top:-19px;left:50%;width:44px;height:38px;margin-left:-22px;z-index:3;pointer-events:none;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 104'%3E %3Cdefs%3E%3CradialGradient id='g' cx='.4' cy='.35' r='.75'%3E%3Cstop offset='0' stop-color='%23ffa347'/%3E%3Cstop offset='.6' stop-color='%23e8711f'/%3E%3Cstop offset='1' stop-color='%239c3d0c'/%3E%3C/radialGradient%3E%3C/defs%3E %3Cpath d='M58 22C57 11 60 5 68 1l3 5c-5 2-7 7-6 16z' fill='%234b6a26'/%3E %3Cellipse cx='36' cy='60' rx='30' ry='40' fill='url(%23g)'/%3E%3Cellipse cx='84' cy='60' rx='30' ry='40' fill='url(%23g)'/%3E%3Cellipse cx='60' cy='60' rx='30' ry='43' fill='url(%23g)'/%3E %3Cpath d='M30 50h16l-8-14zM74 50h16l-8-14zM56 63h8l-4-8z' fill='%23ffd56a'/%3E %3Cpath d='M26 70q34 26 68 0l-8 2-4 6-6-5-6 7-6-6h-8l-6 6-6-7-6 5-4-6z' fill='%23ffd56a'/%3E %3C/svg%3E") center/contain no-repeat;filter:drop-shadow(0 0 10px rgba(255,140,40,.55))}
html.hw section::after{content:'';position:absolute;top:0;left:50%;width:min(560px,70vw);height:1px;transform:translateX(-50%);pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(238,138,46,.5) 30%,transparent 46%,transparent 54%,rgba(238,138,46,.5) 70%,transparent)}

/* ---- LA MAISON ---- */
html.hw .about-visual::after{content:'';position:absolute;top:0;right:0;width:40%;aspect-ratio:1;z-index:2;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M100 0L-30.0 0.0M100 0L-22.2 44.5M100 0L0.4 83.6M100 0L39.0 114.8M100 0L84.2 129.0M84.0 0.0Q87.1 2.3 85.0 5.5Q88.6 6.6 87.7 10.3Q91.7 10.2 92.5 14.1Q96.1 12.5 98.1 15.9M68.0 0.0Q74.2 4.6 69.9 10.9Q77.3 13.1 75.5 20.6Q83.5 20.4 85.0 28.3Q92.1 25.0 96.1 31.8M50.0 0.0Q59.6 7.1 53.0 17.1Q64.5 20.5 61.7 32.1Q74.2 31.9 76.5 44.1Q87.7 39.1 93.9 49.6M30.0 0.0Q43.5 10.0 34.2 23.9Q50.3 28.7 46.4 45.0Q63.9 44.6 67.1 61.8Q82.7 54.7 91.5 69.5M8.0 0.0Q25.7 13.1 13.5 31.5Q34.7 37.7 29.5 59.1Q52.5 58.6 56.8 81.2Q77.3 71.9 88.8 91.3' fill='none' stroke='%23efe2cc' stroke-opacity='.3' stroke-width='.45' stroke-linecap='round'/%3E%3C/svg%3E") top right/contain no-repeat}
html.hw .about-visual .frame{border-color:rgba(238,138,46,.5);box-shadow:inset 0 0 40px rgba(123,63,176,.25)}
html.hw .perk i{text-shadow:0 0 10px var(--flamme)}

/* ---- PRESTATIONS : toiles d'araignée dans les coins ---- */
html.hw .card::after,html.hw .quote::after{content:'';position:absolute;top:0;right:0;width:78px;height:78px;pointer-events:none;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M100 0L-30.0 0.0M100 0L-22.2 44.5M100 0L0.4 83.6M100 0L39.0 114.8M100 0L84.2 129.0M84.0 0.0Q87.1 2.3 85.0 5.5Q88.6 6.6 87.7 10.3Q91.7 10.2 92.5 14.1Q96.1 12.5 98.1 15.9M68.0 0.0Q74.2 4.6 69.9 10.9Q77.3 13.1 75.5 20.6Q83.5 20.4 85.0 28.3Q92.1 25.0 96.1 31.8M50.0 0.0Q59.6 7.1 53.0 17.1Q64.5 20.5 61.7 32.1Q74.2 31.9 76.5 44.1Q87.7 39.1 93.9 49.6M30.0 0.0Q43.5 10.0 34.2 23.9Q50.3 28.7 46.4 45.0Q63.9 44.6 67.1 61.8Q82.7 54.7 91.5 69.5M8.0 0.0Q25.7 13.1 13.5 31.5Q34.7 37.7 29.5 59.1Q52.5 58.6 56.8 81.2Q77.3 71.9 88.8 91.3' fill='none' stroke='%23efe2cc' stroke-opacity='.42' stroke-width='.9' stroke-linecap='round'/%3E%3C/svg%3E") top right/contain no-repeat;opacity:.9;transition:opacity .4s}
html.hw .quote{position:relative}
html.hw .quote::after{width:62px;height:62px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M100 0L-30.0 0.0M100 0L-22.2 44.5M100 0L0.4 83.6M100 0L39.0 114.8M100 0L84.2 129.0M84.0 0.0Q87.1 2.3 85.0 5.5Q88.6 6.6 87.7 10.3Q91.7 10.2 92.5 14.1Q96.1 12.5 98.1 15.9M68.0 0.0Q74.2 4.6 69.9 10.9Q77.3 13.1 75.5 20.6Q83.5 20.4 85.0 28.3Q92.1 25.0 96.1 31.8M50.0 0.0Q59.6 7.1 53.0 17.1Q64.5 20.5 61.7 32.1Q74.2 31.9 76.5 44.1Q87.7 39.1 93.9 49.6M30.0 0.0Q43.5 10.0 34.2 23.9Q50.3 28.7 46.4 45.0Q63.9 44.6 67.1 61.8Q82.7 54.7 91.5 69.5M8.0 0.0Q25.7 13.1 13.5 31.5Q34.7 37.7 29.5 59.1Q52.5 58.6 56.8 81.2Q77.3 71.9 88.8 91.3' fill='none' stroke='%23efe2cc' stroke-opacity='.28' stroke-width='.9' stroke-linecap='round'/%3E%3C/svg%3E")}
html.hw .card:hover{background:#271b2b;box-shadow:0 18px 40px rgba(0,0,0,.45),0 0 30px rgba(123,63,176,.25)}
html.hw .card::before{background:linear-gradient(90deg,#ee8a2e,#ffb65c,#7b3fb0);box-shadow:0 0 12px var(--flamme)}
html.hw .price{border-bottom-color:rgba(238,138,46,.22)}
html.hw .promo{border-color:var(--or);background:linear-gradient(140deg,rgba(238,138,46,.12),rgba(123,63,176,.08));position:relative;overflow:hidden}
html.hw .promo:hover{background:linear-gradient(140deg,rgba(238,138,46,.2),rgba(123,63,176,.12));box-shadow:0 0 26px rgba(238,138,46,.2)}
html.hw .promo .pct{text-shadow:0 0 18px var(--flamme)}

/* ---- RÉSERVER ---- */
html.hw .cal-shell{box-shadow:0 0 0 1px rgba(238,138,46,.18),0 0 50px rgba(123,63,176,.2)}

/* ---- SOIRÉE ---- */
html.hw .evt-line{border-bottom-color:rgba(238,138,46,.22)}
html.hw .evt-poster:hover{box-shadow:0 0 30px rgba(238,138,46,.25)}

/* ---- GALERIE & VIDÉOS ---- */
html.hw .gal-item,html.hw .vid-card{transition:border-color .4s,box-shadow .4s}
html.hw .gal-item:hover,html.hw .vid-card:hover{border-color:var(--or);box-shadow:0 0 0 1px rgba(238,138,46,.4),0 0 28px rgba(238,138,46,.3),0 0 60px rgba(123,63,176,.25)}
html.hw .gal-item::after{content:'';position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .45s;
  background:radial-gradient(ellipse at center,transparent 50%,rgba(40,10,50,.55) 100%)}
html.hw .gal-item:hover::after{opacity:1}
html.hw .vid-card::after{background:linear-gradient(180deg,rgba(16,11,18,0) 50%,rgba(30,12,30,.88))}
html.hw .vid-play{box-shadow:0 0 18px rgba(238,138,46,.4)}
html.hw .vids-head h3{text-shadow:0 0 12px rgba(238,138,46,.4)}

/* ---- AVIS ---- */
html.hw .quote:hover{box-shadow:0 0 26px rgba(238,138,46,.2)}
html.hw .quote .stars{text-shadow:0 0 10px var(--flamme)}
html.hw .testi-dots button{background:rgba(238,138,46,.3)}

/* ---- CONTACT ---- */
html.hw .hour-row{border-bottom-color:rgba(238,138,46,.14)}
html.hw .hour-row.today{text-shadow:0 0 10px rgba(238,138,46,.45)}
html.hw .hour-row .closed{color:#6e6072}
html.hw .socials a:hover{box-shadow:0 0 18px var(--flamme)}

/* ---- FOOTER : rangée de citrouilles ---- */
html.hw footer{background:linear-gradient(180deg,#0e0a10,#0a070b);position:relative;padding-top:64px}
html.hw footer::before{content:'';position:absolute;top:-20px;left:50%;transform:translateX(-50%);width:min(300px,74vw);height:40px;pointer-events:none;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 104'%3E %3Cdefs%3E%3CradialGradient id='g' cx='.4' cy='.35' r='.75'%3E%3Cstop offset='0' stop-color='%23ffa347'/%3E%3Cstop offset='.6' stop-color='%23e8711f'/%3E%3Cstop offset='1' stop-color='%239c3d0c'/%3E%3C/radialGradient%3E%3C/defs%3E %3Cpath d='M58 22C57 11 60 5 68 1l3 5c-5 2-7 7-6 16z' fill='%234b6a26'/%3E %3Cellipse cx='36' cy='60' rx='30' ry='40' fill='url(%23g)'/%3E%3Cellipse cx='84' cy='60' rx='30' ry='40' fill='url(%23g)'/%3E%3Cellipse cx='60' cy='60' rx='30' ry='43' fill='url(%23g)'/%3E %3Cpath d='M30 50h16l-8-14zM74 50h16l-8-14zM56 63h8l-4-8z' fill='%23ffd56a'/%3E %3Cpath d='M26 70q34 26 68 0l-8 2-4 6-6-5-6 7-6-6h-8l-6 6-6-7-6 5-4-6z' fill='%23ffd56a'/%3E %3C/svg%3E") 0 100%/46px 40px space;filter:drop-shadow(0 0 10px rgba(255,140,40,.45))}
html.hw footer .watermark{color:#5d5262}

/* ---- COOKIES ---- */
html.hw .cookiebar{background:rgba(16,11,18,.97)}
html.hw .cookiebar a{border-bottom-color:rgba(238,138,46,.45)}

/* ---- MOBILE ---- */
@media(max-width:880px){
  html.hw body{background-attachment:scroll}
  .hw-moon{top:11%;right:6%}
  .hw-lantern{bottom:20px;width:62px}
  .hw-lantern.l{left:14px}
  .hw-lantern.r{right:14px}
  .hw-lantern.r2{right:78px;width:40px;bottom:18px}
  .hw-spider{left:30%;width:30px}
  html.hw .eyebrow::before,html.hw .eyebrow::after{display:none}
  html.hw section::before{width:36px;height:31px;margin-left:-18px;top:-15px}
  html.hw .card::after{width:62px;height:62px}
  html.hw .quote::after{width:50px;height:50px}
}

/* ---- Accessibilité : pas d'animations si l'utilisateur les a désactivées ---- */
@media (prefers-reduced-motion: reduce){
  .hw-hero *,.hw-hero *::before,html.hw .hero h1 em,html.hw .btn-solid:hover{animation:none!important}
  .hw-bat,.hw-ember{display:none}
  .hw-spider{transform:translateY(var(--drop,26vh))}
  .hw-fog{transform:none}
}