.rv-hero-slider{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}.rv-hero-slider-track{position:absolute;inset:0}.rv-hero-slide{position:absolute;inset:0;margin:0;opacity:0;transition:opacity 1.1s cubic-bezier(.4, 0, .2, 1);will-change:opacity}.rv-hero-slide.is-active{opacity:1}.rv-hero-slide img{width:100%;height:100%;object-fit:cover;object-position:center center;display:block;transform:scale(1.04);animation:rvHeroSlideKenBurns 7s ease-out forwards}.rv-hero-slide.is-active img{animation:rvHeroSlideKenBurns 7s ease-out forwards}@keyframes rvHeroSlideKenBurns{0%{transform:scale(1)}100%{transform:scale(1.06)}}.rv-hero-slider-overlay{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(10,31,20,.78) 0,rgba(13,42,26,.58) 45%,rgba(7,21,12,.84) 100%)}.rv-hero-arrow{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:rgba(10,38,21,.55);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(253,224,71,.35);border-radius:50%;color:#fffdf8;cursor:pointer;z-index:5;pointer-events:auto;opacity:0;transition:opacity 240ms ease,transform 240ms ease,background 240ms}.rv-hero-slider:focus-within .rv-hero-arrow,.rv-hero-slider:hover .rv-hero-arrow{opacity:1}.rv-hero-arrow:hover{background:rgba(10,38,21,.85);border-color:rgba(253,224,71,.7)}.rv-hero-arrow:focus-visible{outline:2px solid #FDE047;outline-offset:3px;opacity:1}.rv-hero-arrow-prev{left:1.5rem}.rv-hero-arrow-next{right:1.5rem}.rv-hero-arrow svg{display:block}.rv-hero-pagination{position:absolute;bottom:1.6rem;left:50%;transform:translateX(-50%);display:flex;gap:8px;z-index:5;pointer-events:auto}.rv-hero-dot{width:10px;height:10px;border-radius:50%;background:rgba(255,253,248,.35);border:0;padding:0;cursor:pointer;transition:background 240ms,transform 240ms,width 240ms}.rv-hero-dot:hover{background:rgba(253,224,71,.6)}.rv-hero-dot:focus-visible{outline:2px solid #FDE047;outline-offset:3px}.rv-hero-dot.is-active{background:#fde047;width:28px;border-radius:999px}@media (prefers-reduced-motion:reduce){.rv-hero-slide img,.rv-hero-slide.is-active img{animation:none!important;transform:scale(1)!important}.rv-hero-slide{transition:opacity .2s ease}}@media (max-width:768px){.rv-hero-arrow{width:38px;height:38px;opacity:.85}.rv-hero-arrow-prev{left:.75rem}.rv-hero-arrow-next{right:.75rem}.rv-hero-pagination{bottom:1rem;gap:6px}.rv-hero-dot{width:8px;height:8px}.rv-hero-dot.is-active{width:22px}}
/* ── v4 · voile unique calibré (2026-07-17) — photos visibles, texte protégé.
   L'ancien empilement (overlay 78/58/84 + vp-hero-gradient 74/62/52) cumulait ~90 % :
   v8 : AUCUN voile (choix Jaouder 19/07) — photos brutes ; seul le sous-titre garde son ombre. ── */
html body section.hero .rv-hero-slider-overlay{background:none!important}
html body section.hero:has(.rv-hero-slider) .vp-hero-gradient{display:none!important}
html body section.hero:has(.rv-hero-slider) .hero-text .hero-desc{text-shadow:0 2px 26px rgba(7,21,12,.55),0 1px 3px rgba(7,21,12,.35)!important}
@media (max-width:900px){
  html body section.hero .rv-hero-slider-overlay{background:none!important}
}

/* ── v9 · GLASSMORPHISM (spec Jaouder 19/07) — la photo reste 100 % visible,
   le contenu texte vit dans une card verre dépoli centrée. ── */
html body section.hero .hero-glass-panel{
  background:rgba(30,60,30,.42)!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.05)!important;backdrop-filter:blur(18px) saturate(1.05)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:20px!important;
  padding:3rem 4rem!important;
  max-width:750px!important;
  margin:0 auto!important;
  text-align:center!important;
}
/* la card doit pouvoir atteindre 750px et centrer ses enfants */
html body section.hero .hero-text{max-width:none!important;width:100%!important}
html body section.hero .hero-glass-panel h1{display:block!important}
html body section.hero .hero-glass-panel .hero-desc{margin:0 auto 1.5rem!important;max-width:560px!important}
html body section.hero .hero-glass-panel .hero-buttons{justify-content:center!important}
@media (max-width:900px){
  html body section.hero .hero-glass-panel{padding:2rem 1.25rem!important;border-radius:16px!important}
}

/* ── v10 · barre de verre des personas — même matière que la card,
   le label redevient lisible, l'étage visuel est cohérent. ── */
html body section.hero.rv-has-video .rv-personas-row,
html body section.hero .rv-personas-row{
  background:rgba(30,60,30,.42)!important;
  -webkit-backdrop-filter:blur(15px) saturate(1.05)!important;backdrop-filter:blur(15px) saturate(1.05)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:18px!important;
  max-width:750px!important;width:100%!important;
  margin:1.1rem auto 0!important;
  padding:1.15rem 1.5rem 1.35rem!important;
  text-align:center!important;
}
@media (max-width:900px){
  html body section.hero.rv-has-video .rv-personas-row,
  html body section.hero .rv-personas-row{
    border-radius:14px!important;
    padding:1rem .9rem 1.1rem!important;
  }
}

/* ── v11 · centrage mobile — .hero-inner débordait de 33px à droite (enfant flex
   incompressible) et les paddings empilés étranglaient la card à 281px. ── */
@media (max-width:900px){
  html body section.hero .container.hero-inner{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important}
  html body section.hero .container.hero-inner > *{min-width:0!important;max-width:100%!important}
  html body section.hero .hero-text{width:100%!important;max-width:100%!important;box-sizing:border-box!important}
  html body section.hero .container.hero-inner:not(#_a):not(#_b){padding-left:14px!important;padding-right:14px!important}
  html body section.hero .container.hero-inner .hero-text:not(#_a):not(#_b){padding-left:0!important;padding-right:0!important}
}

/* ── v12 · LA GRANDE FEUILLE — la card prend la forme organique du logo
   (coins opposés amples, signature des pastilles du menu) et porte en
   filigrane la feuille-fourchette de la marque. ── */
html body section.hero .hero-glass-panel{
  position:relative!important;overflow:hidden!important;
  border-radius:130px 26px 130px 26px!important;
  padding:3.4rem 4rem 3.6rem!important;
}
html body section.hero .hero-glass-panel > *{position:relative;z-index:1}
html body section.hero .hero-glass-panel .hgp-leaf-mark{
  position:absolute!important;z-index:0!important;pointer-events:none;
  right:-48px;bottom:-40px;width:58%;max-width:380px;height:auto;
  transform:rotate(-12deg);opacity:.11;
}
/* la barre des personas répond en miroir — la paire feuille/feuille */
html body section.hero.rv-has-video .rv-personas-row,
html body section.hero .rv-personas-row{
  border-radius:24px 90px 24px 90px!important;
  padding:1.25rem 2rem 1.45rem!important;
}
@media (max-width:900px){
  html body section.hero .hero-glass-panel{border-radius:80px 20px 80px 20px!important;padding:2.4rem 1.35rem 2.5rem!important}
  html body section.hero .hero-glass-panel .hgp-leaf-mark{width:72%;right:-36px;bottom:-30px}
  html body section.hero.rv-has-video .rv-personas-row,
  html body section.hero .rv-personas-row{border-radius:18px 56px 18px 56px!important;padding:1.05rem 1rem 1.2rem!important}
}

/* ── v15 · bords estompés — backdrop-filter crée un bord DUR (le flou s'arrête net
   au rectangle) que l'œil lit comme une « bande ». Un masque radial fait fondre
   le verre dans la photo : plus de ligne, vrai glassmorphism. ── */
html body section.hero .hero-glass-panel{
  -webkit-mask-image:radial-gradient(135% 130% at 50% 45%, #000 70%, transparent 100%)!important;
  mask-image:radial-gradient(135% 130% at 50% 45%, #000 70%, transparent 100%)!important;
  border:0!important;box-shadow:none!important;
}
html body section.hero.rv-has-video .rv-personas-row,
html body section.hero .rv-personas-row{
  -webkit-mask-image:radial-gradient(150% 150% at 50% 50%, #000 62%, transparent 100%)!important;
  mask-image:radial-gradient(150% 150% at 50% 50%, #000 62%, transparent 100%)!important;
  border:0!important;
}

/* ── v16 · VERRE VÉGÉTAL PREMIUM — profondeur (dégradé), lumière (reflet
   spéculaire haut-gauche), liseré intérieur blanc→or qui épouse la courbe
   de feuille et fond vers le bas-droit, grain fin anti-banding.
   Aucun backdrop-filter ajouté (coût GPU inchangé). ── */
html body section.hero .hero-glass-panel{
  background:
    radial-gradient(120% 90% at 18% 8%, rgba(255,255,255,.11), transparent 55%),
    radial-gradient(90% 70% at 88% 96%, rgba(201,162,78,.08), transparent 60%),
    linear-gradient(160deg, rgba(40,78,44,.50) 0%, rgba(20,46,28,.34) 52%, rgba(32,64,36,.48) 100%)!important;
}
html body section.hero .hero-glass-panel::before{
  content:"";position:absolute;inset:10px;z-index:0;pointer-events:none;
  border-radius:120px 20px 120px 20px;
  border:1px solid rgba(255,255,255,.13);
  border-top-color:rgba(201,162,78,.50);
  border-left-color:rgba(201,162,78,.28);
  -webkit-mask-image:linear-gradient(135deg,#000 45%,transparent 90%);
  mask-image:linear-gradient(135deg,#000 45%,transparent 90%);
  transition:border-top-color .45s ease,border-left-color .45s ease;
}
html body section.hero .hero-glass-panel:hover::before{
  border-top-color:rgba(201,162,78,.78);
  border-left-color:rgba(201,162,78,.45);
}
html body section.hero .hero-glass-panel::after{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.05;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E");
  mix-blend-mode:overlay;
}
/* la barre personas répond : même matière enrichie + liseré miroir */
html body section.hero.rv-has-video .rv-personas-row,
html body section.hero .rv-personas-row{
  position:relative!important;
  background:
    radial-gradient(110% 120% at 82% 10%, rgba(255,255,255,.09), transparent 55%),
    linear-gradient(200deg, rgba(40,78,44,.48) 0%, rgba(22,48,30,.34) 60%, rgba(30,60,34,.44) 100%)!important;
}
html body section.hero .rv-personas-row::before{
  content:"";position:absolute;inset:7px;z-index:0;pointer-events:none;
  border-radius:18px 76px 18px 76px;
  border:1px solid rgba(255,255,255,.11);
  border-top-color:rgba(201,162,78,.34);
  -webkit-mask-image:linear-gradient(315deg,#000 40%,transparent 88%);
  mask-image:linear-gradient(315deg,#000 40%,transparent 88%);
}
@media (max-width:900px){
  html body section.hero .hero-glass-panel::before{inset:8px;border-radius:72px 14px 72px 14px}
  html body section.hero .rv-personas-row::before{inset:6px;border-radius:14px 48px 14px 48px}
}
@media (prefers-reduced-motion:reduce){
  html body section.hero .hero-glass-panel::before{transition:none}
}

/* v16.1 · le lazy-load de rv-bundle (`img.is-loaded{opacity:1!important}`)
   écrasait l'opacité du filigrane → verrouillage !important. */
html body section.hero .hero-glass-panel .hgp-leaf-mark,
html body section.hero .hero-glass-panel .hgp-leaf-mark.is-loaded{
  opacity:.11!important;
}

/* ═══════════════════════════════════════════════════════════════════
   v17 · GLASSMORPHISME PAR BLOC — plus de grande carte : chaque bloc de
   texte (eyebrow, titre, sous-titre) porte son propre verre dépoli qui
   l'épouse. La photo respire entre les blocs. (choix Jaouder)
   ═══════════════════════════════════════════════════════════════════ */

/* 1 · Neutralise complètement le panneau (redevient un simple conteneur) */
html body section.hero .hero-glass-panel{
  background:none!important;
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
  -webkit-mask-image:none!important;mask-image:none!important;
  border:0!important;box-shadow:none!important;
  border-radius:0!important;overflow:visible!important;
  padding:0!important;max-width:760px!important;margin:0 auto!important;
  text-align:center!important;
}
html body section.hero .hero-glass-panel::before,
html body section.hero .hero-glass-panel::after{content:none!important;display:none!important}
html body section.hero .hero-glass-panel .hgp-leaf-mark{display:none!important}

/* 2 · Matière verre commune (mixin) */
html body section.hero .hero-glass-panel .hero-badge,
html body section.hero .hero-glass-panel h1,
html body section.hero .hero-glass-panel .hero-desc{
  -webkit-backdrop-filter:blur(14px) saturate(1.06)!important;
  backdrop-filter:blur(14px) saturate(1.06)!important;
  background:linear-gradient(158deg, rgba(30,60,34,.50) 0%, rgba(16,40,24,.36) 100%)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:0 12px 34px -14px rgba(7,21,12,.55), inset 0 1px 0 rgba(255,255,255,.06)!important;
  -webkit-mask-image:radial-gradient(140% 150% at 50% 45%, #000 72%, transparent 100%);
  mask-image:radial-gradient(140% 150% at 50% 45%, #000 72%, transparent 100%);
}

/* 3 · Eyebrow — pastille verre + liseré or */
html body section.hero .hero-glass-panel .hero-badge{
  display:inline-block!important;
  padding:.5rem 1.15rem!important;border-radius:999px!important;
  border-top-color:rgba(201,162,78,.45)!important;
  margin:0 auto 1.1rem!important;
}

/* 4 · Titre — bandeau verre qui épouse le bloc, centré */
html body section.hero .hero-glass-panel h1{
  display:inline-block!important;
  padding:.55em .75em .6em!important;border-radius:22px!important;
  border-top-color:rgba(201,162,78,.30)!important;
  margin:0 auto 1.3rem!important;
}

/* 5 · Sous-titre — bandeau verre plus discret */
html body section.hero .hero-glass-panel .hero-desc{
  display:inline-block!important;
  padding:.7em 1.1em!important;border-radius:16px!important;
  max-width:600px!important;margin:0 auto 1.6rem!important;
}

/* 6 · Boutons & microcopie : pas de verre, mais lisibles sur la photo */
html body section.hero .hero-glass-panel .hero-buttons{margin-top:.2rem!important}
html body section.hero .hero-glass-panel .hero-buttons a:not(.btn-primary):not(.btn-hero-primary):not(.nav-cta),
html body section.hero .hero-glass-panel .hero-note,
html body section.hero .hero-glass-panel > p:last-child{
  text-shadow:0 2px 14px rgba(7,21,12,.65), 0 1px 3px rgba(7,21,12,.5)!important;
}

/* 7 · Barre personas : allégée pour laisser respirer la photo */
html body section.hero.rv-has-video .rv-personas-row,
html body section.hero .rv-personas-row{
  background:linear-gradient(200deg, rgba(30,60,34,.40), rgba(16,40,24,.30))!important;
}

/* 8 · Mobile : verre un peu plus opaque (petits écrans, photo chargée) */
@media (max-width:900px){
  html body section.hero .hero-glass-panel .hero-badge,
  html body section.hero .hero-glass-panel h1,
  html body section.hero .hero-glass-panel .hero-desc{
    background:linear-gradient(158deg, rgba(28,56,32,.60) 0%, rgba(14,36,22,.46) 100%)!important;
  }
  html body section.hero .hero-glass-panel h1{padding:.5em .55em!important;border-radius:18px!important}
  html body section.hero .hero-glass-panel .hero-desc{padding:.65em .85em!important;border-radius:14px!important}
}

/* ═══════════════════════════════════════════════════════════════════
   v18 · « GOUTTE DE LIQUIDE » — reflet spéculaire qui suit le curseur sur
   chaque bloc verre (desktop). Le reflet vit dans un ::before ISOLÉ (hors
   backdrop-filter) → aucun repaint du flou. Sans @property : suit sans le
   glissé, mais fonctionne. Tactile/reduced-motion : glint statique. ═════ */
@property --gx{syntax:'<percentage>';inherits:true;initial-value:26%}
@property --gy{syntax:'<percentage>';inherits:true;initial-value:-6%}
@property --sheenA{syntax:'<number>';inherits:true;initial-value:.14}

html body section.hero .hero-glass-panel .hero-badge,
html body section.hero .hero-glass-panel h1,
html body section.hero .hero-glass-panel .hero-desc{
  position:relative!important;isolation:isolate!important;
  transition:--gx .18s ease-out, --gy .18s ease-out, --sheenA .45s ease!important;
}
html body section.hero .hero-glass-panel .hero-badge::before,
html body section.hero .hero-glass-panel h1::before,
html body section.hero .hero-glass-panel .hero-desc::before{
  content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;
  background:radial-gradient(210px 175px at var(--gx) var(--gy),
            rgba(255,255,255,var(--sheenA)) 0%, rgba(255,255,255,0) 62%);
  mix-blend-mode:screen;
}
@media (prefers-reduced-motion:reduce){
  html body section.hero .hero-glass-panel .hero-badge,
  html body section.hero .hero-glass-panel h1,
  html body section.hero .hero-glass-panel .hero-desc{transition:none!important}
}

/* ═══════════════════════════════════════════════════════════════════
   v19 · PACK RAFFINEMENT VERRE — rim light, grain de givre, ombre 2 couches,
   scrim de lisibilité, + givrage à l'apparition.
   • Masque de flou RETIRÉ sur les blocs : sur de petits blocs arrondis, bord
     net + rim + bordure = verre plus « réel » (et les ombres portées cessent
     d'être clippées par le masque).
   • Grain via calques de fond (background-blend-mode) → aucun pseudo en plus.
   ═══════════════════════════════════════════════════════════════════ */
html body section.hero .hero-glass-panel .hero-badge,
html body section.hero .hero-glass-panel h1,
html body section.hero .hero-glass-panel .hero-desc{
  -webkit-mask-image:none!important;mask-image:none!important;      /* bord net = ombres visibles */
  border:1px solid rgba(255,255,255,.14)!important;
  border-top-color:rgba(255,255,255,.26)!important;                 /* arête haute qui capte la lumière */
  border-bottom-color:rgba(7,21,12,.30)!important;                  /* arête basse dans l'ombre */
  background-image:
    url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='140'%20height='140'%3E%3Cfilter%20id='n'%3E%3CfeTurbulence%20type='fractalNoise'%20baseFrequency='0.9'%20numOctaves='2'%20stitchTiles='stitch'/%3E%3C/filter%3E%3Crect%20width='140'%20height='140'%20filter='url(%23n)'%20opacity='0.5'/%3E%3C/svg%3E"),
    radial-gradient(ellipse 120% 104% at 50% 50%, rgba(7,21,12,.20) 0%, rgba(7,21,12,0) 74%),
    linear-gradient(158deg, rgba(30,60,34,.50) 0%, rgba(16,40,24,.36) 100%)!important;
  background-blend-mode:overlay, normal, normal!important;
  background-size:140px 140px, 100% 100%, 100% 100%!important;
  background-repeat:repeat, no-repeat, no-repeat!important;
  background-position:0 0, center, center!important;
  /* ombre 2 couches (contact serré + ambiante diffuse) + rim interne */
  box-shadow:
    0 2px 8px rgba(7,21,12,.30),
    0 26px 60px -22px rgba(7,21,12,.58),
    inset 0 1px 0 rgba(255,255,255,.20),
    inset 0 -14px 26px -16px rgba(0,0,0,.24)!important;
}

/* Givrage à l'apparition — animé sur le CONTENEUR (survit à force-hero-readable
   qui force filter:none sur les h1/p). Le sous-arbre se cristallise : flou +
   montée + fondu. Désactivé si l'utilisateur limite les animations. */
@keyframes rvHeroFrostIn{
  0%{opacity:0;transform:translateY(12px);filter:blur(9px)}
  60%{opacity:1}
  100%{opacity:1;transform:translateY(0);filter:blur(0)}
}
@media (prefers-reduced-motion:no-preference){
  html body section.hero .hero-glass-panel{
    animation:rvHeroFrostIn .85s cubic-bezier(.16,1,.3,1) both;
    will-change:filter, transform, opacity;
  }
}

/* Mobile : tint un peu plus dense (photos claires, petits écrans) */
@media (max-width:900px){
  html body section.hero .hero-glass-panel .hero-badge,
  html body section.hero .hero-glass-panel h1,
  html body section.hero .hero-glass-panel .hero-desc{
    background-image:
      url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='140'%20height='140'%3E%3Cfilter%20id='n'%3E%3CfeTurbulence%20type='fractalNoise'%20baseFrequency='0.9'%20numOctaves='2'%20stitchTiles='stitch'/%3E%3C/filter%3E%3Crect%20width='140'%20height='140'%20filter='url(%23n)'%20opacity='0.5'/%3E%3C/svg%3E"),
      radial-gradient(ellipse 120% 104% at 50% 50%, rgba(7,21,12,.24) 0%, rgba(7,21,12,0) 74%),
      linear-gradient(158deg, rgba(28,56,32,.60) 0%, rgba(14,36,22,.46) 100%)!important;
  }
}

/* ═══════════════════════════════════════════════════════════════════
   v20 · OPTIMISATION PERF & HYGIÈNE (rendu desktop au repos inchangé)
   1) Ken Burns coupé sur mobile → le fond ne bouge plus → les backdrop-filter
      se calculent UNE fois au lieu d'être refloutés en boucle (gros gain GPU).
   2) Flou réduit 14→10px sur mobile (moins cher, invisible à l'œil).
   3) will-change retiré du panneau (il restait promu en GPU à vie = mémoire) ;
      le givrage à l'apparition fonctionne toujours.
   ═══════════════════════════════════════════════════════════════════ */
html body section.hero .hero-glass-panel{ will-change:auto !important; }

@media (max-width:768px){
  /* fond figé : plus de re-flou continu */
  html body section.hero .rv-hero-slide img,
  html body section.hero .rv-hero-slide.is-active img{
    animation:none !important; transform:scale(1.03) !important;
  }
  /* flou plus léger sur petits GPU */
  html body section.hero .hero-glass-panel .hero-badge,
  html body section.hero .hero-glass-panel h1,
  html body section.hero .hero-glass-panel .hero-desc{
    -webkit-backdrop-filter:blur(10px) saturate(1.05) !important;
    backdrop-filter:blur(10px) saturate(1.05) !important;
  }
  html body section.hero.rv-has-video .rv-personas-row,
  html body section.hero .rv-personas-row{
    -webkit-backdrop-filter:blur(10px) saturate(1.05) !important;
    backdrop-filter:blur(10px) saturate(1.05) !important;
  }
}

/* ═══════════════════════════════════════════════════════════════════
   v21 · CONTRASTE — scrim renforcé DERRIÈRE LE TITRE seulement (::after
   dédié, z-index -2 : sous le reflet liquide, au-dessus du fond verre).
   Assombrit l'intérieur du h1 pour que l'accent or passe le seuil WCAG 3.0
   sur les diapos claires. Ne touche ni au grain, ni à l'ombre, ni aux autres
   blocs. La photo autour du titre reste inchangée.
   ═══════════════════════════════════════════════════════════════════ */
html body section.hero .hero-glass-panel h1::after{
  content:"";position:absolute;inset:0;z-index:-2;border-radius:inherit;pointer-events:none;
  background:radial-gradient(ellipse 130% 120% at 50% 48%,
    rgba(7,21,12,0.36) 0%, rgba(7,21,12,0.16) 66%, rgba(7,21,12,0) 100%);
}