/* Tracés natifs du logo ; montée orange limitée aux deux accolades. */
.barros-page-transition{
  position:fixed;inset:0;z-index:2147483000;display:grid;place-items:center;
  background:var(--paper,#20272b);color:var(--ink,#f0ece3);
  opacity:0;pointer-events:none;transition:opacity 120ms ease;
}
.barros-page-transition[hidden]{display:none!important}
.barros-page-transition.is-active{opacity:1}
.barros-page-transition-mark{position:relative;isolation:isolate;width:clamp(126px,13vw,174px)}
.barros-page-transition-mark::before{content:"";position:absolute;z-index:-1;inset:-30% -75%;background:radial-gradient(ellipse,rgba(247,148,29,.13),transparent 66%);filter:blur(22px);pointer-events:none}
.barros-transition-logo{display:block;width:100%;height:auto;overflow:visible}
.barros-transition-logo .barros-transition-neutral{fill:var(--ink,#f0ece3)}
.barros-transition-logo .barros-transition-fill path{fill:#f7941d}
.barros-transition-reveal{transform:translateY(72px)}
.barros-page-transition.is-active .barros-transition-reveal{animation:barros-transition-rise 280ms 20ms cubic-bezier(.22,.62,.35,1) both}
@keyframes barros-transition-rise{from{transform:translateY(72px)}to{transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){
  .barros-page-transition{display:none!important;transition:none!important}
  .barros-transition-reveal{animation:none!important;transform:translateY(0)}
}

/* Accueil : remplissage lent, bienvenue discrète puis révélation de la page. */
.barros-page-transition-content{display:flex;flex-direction:column;align-items:center;gap:clamp(20px,3vh,30px);padding:24px;text-align:center}
.barros-page-transition-greeting{display:none;max-width:28ch;margin:0;color:var(--ink,#f0ece3);font:600 clamp(15px,1.65vw,20px)/1.5 var(--sans);letter-spacing:-.015em}
.barros-page-transition-announcement{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
:root.barros-entry-pending .barros-page-transition,
:root.barros-entry-pending .barros-page-transition[hidden]{display:grid!important;opacity:1}
.barros-page-transition[data-phase=entry]{transition:opacity 300ms cubic-bezier(.4,0,.2,1)}
:root.barros-entry-pending .barros-transition-reveal,
.barros-page-transition[data-phase=entry] .barros-transition-reveal{animation:barros-entry-rise 1500ms cubic-bezier(.4,0,.2,1) both}
:root.barros-entry-pending .barros-page-transition-greeting,
.barros-page-transition[data-phase=entry] .barros-page-transition-greeting{display:block;animation:barros-welcome-appear 650ms 250ms cubic-bezier(.22,.61,.36,1) both}
@keyframes barros-entry-rise{from{transform:translateY(72px)}to{transform:translateY(0)}}
@keyframes barros-welcome-appear{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){
  :root.barros-entry-pending .barros-page-transition,
  :root.barros-entry-pending .barros-page-transition[hidden]{display:none!important}
  .barros-page-transition[data-phase=entry] .barros-transition-reveal,
  .barros-page-transition[data-phase=entry] .barros-page-transition-greeting{animation:none!important;transition:none!important}
}