/* ==========================================================================
   Animation d'arrivée « Le sceau » (2,6 s) — pilotée par intro.js
   Sur le jaune du logo : le cercle du logo se trace, la couronne se dessine puis se remplit,
   « La Reine » monte, « Antiquités » se resserre ; puis le sceau se referme en cercle sur la page.
   Jouée seulement si html.lr-intro-on (script du <head>) : une fois par session, jamais si « réduire les animations ».
   ========================================================================== */
#lr-intro{display:none}
.lr-intro-on #lr-intro{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;background:#FECF29;color:#4A2410;cursor:pointer;
  clip-path:circle(150% at 50% 50%);animation:lr-ferme .7s cubic-bezier(.7,0,.3,1) 1.9s forwards}
.lr-intro-lock,.lr-intro-lock body{overflow:hidden}

.lr-intro__sceau{position:relative;width:min(78vw,380px);aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;
  animation:lr-recul .7s cubic-bezier(.7,0,.3,1) 1.9s forwards}
.lr-intro__cercle{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}
.lr-intro__cercle circle{fill:none;stroke:currentColor;stroke-width:.8;stroke-dasharray:1;stroke-dashoffset:1;animation:lr-trace 1s cubic-bezier(.6,0,.3,1) .05s forwards}

.lr-intro__couronne{width:22%;margin-bottom:6%;overflow:visible}
.lr-intro__couronne path{fill:transparent;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;
  animation:lr-trace .8s ease-in-out .25s forwards,lr-remplit .35s ease-out 1.05s forwards}

.lr-intro__reine{display:flex;gap:.18em;font-family:"Antonio","Arial Narrow",sans-serif;font-weight:700;font-size:min(15vw,74px);line-height:.9;text-transform:uppercase;overflow:hidden;padding-top:.04em}
.lr-intro__reine span{display:block;transform:translateY(105%);animation:lr-monte .6s cubic-bezier(.2,.8,.2,1) forwards}
.lr-intro__reine span:first-child{animation-delay:.6s}
.lr-intro__reine span:last-child{animation-delay:.7s}
.lr-intro__antiq{margin-top:.9em;font-family:"Libre Caslon Text",Georgia,serif;font-size:min(3.4vw,14px);text-transform:uppercase;letter-spacing:.9em;margin-right:-.9em;
  opacity:0;animation:lr-resserre .8s cubic-bezier(.2,.8,.2,1) 1s forwards}

@keyframes lr-trace{to{stroke-dashoffset:0}}
@keyframes lr-remplit{to{fill:currentColor}}
@keyframes lr-monte{to{transform:none}}
@keyframes lr-resserre{to{opacity:1;letter-spacing:.42em;margin-right:-.42em}}
@keyframes lr-recul{to{transform:scale(.86);opacity:.2}}
@keyframes lr-ferme{to{clip-path:circle(0% at 50% 50%)}}

/* Entrée du hero, une fois le sceau refermé (html.lr-intro-revealed) */
.lr-intro-hold .hero .h1 .l,.lr-intro-hold .hero .lede,.lr-intro-hold .hero .garanties,.lr-intro-hold .devis{opacity:0;transform:translateY(26px)}
.lr-intro-revealed .hero .h1 .l,.lr-intro-revealed .hero .lede,.lr-intro-revealed .hero .garanties,.lr-intro-revealed .devis{
  transition:opacity .7s ease,transform .8s cubic-bezier(.2,.8,.2,1)}
.lr-intro-revealed .hero .h1 .l:nth-child(2){transition-delay:.07s}
.lr-intro-revealed .hero .h1 .l:nth-child(3){transition-delay:.14s}
.lr-intro-revealed .hero .lede{transition-delay:.22s}
.lr-intro-revealed .hero .garanties{transition-delay:.3s}
.lr-intro-revealed .devis{transition-delay:.18s}

@media (prefers-reduced-motion:reduce){#lr-intro{display:none!important}}