/* Club 36 · L'Adhésion — arrival ceremony: the same diamond wipe + gold flash +
   shockwave ring + staggered rise the homepage pages play (landing-pages.css),
   fired on load so the page "opens" like The Salon / The Tables / Trust.
   Viewport (vh) clip coords: body is many screens tall, % would wipe off-screen.
   No transform/filter on body in the wipe — it would re-root the fixed rail/menu. */
html{background:#05070d}
.pg-flash{position:fixed;inset:0;z-index:9200;pointer-events:none;opacity:0;mix-blend-mode:screen;background:radial-gradient(closest-side at 50% 50%, rgba(255,246,214,.95), rgba(244,208,63,.5) 34%, rgba(212,175,55,.18) 58%, transparent 76%)}
.pg-ring{position:fixed;left:50%;top:50%;width:150px;height:150px;z-index:9201;pointer-events:none;opacity:0;transform:translate(-50%,-50%) rotate(45deg) scale(.1);border:1.5px solid rgba(249,232,160,.9);box-shadow:0 0 24px rgba(212,175,55,.55), inset 0 0 24px rgba(212,175,55,.4)}
@media (prefers-reduced-motion:no-preference){
  html.c36-pre body{clip-path:polygon(50% 50vh, 50% 50vh, 50% 50vh)}
  html.c36-in body{animation:t36DiaIn .82s cubic-bezier(.16,1,.3,1) both}
  html.c36-in .pg-flash{animation:t36Flash .9s cubic-bezier(0,0,.2,1) both}
  html.c36-in .pg-ring{animation:t36Shock 1s cubic-bezier(0,0,.2,1) .04s both}
  html.c36-in .ghead{animation:t36Rise .8s cubic-bezier(.16,1,.3,1) .18s backwards}
  html.c36-in .rail{animation:t36Rise .8s cubic-bezier(.16,1,.3,1) .5s backwards}
  html.c36-in .hero>*{--d:0s;animation:t36Rise .8s cubic-bezier(.16,1,.3,1) calc(.22s + var(--d)) backwards}
  html.c36-in .hero>*:nth-child(2){--d:.07s}
  html.c36-in .hero>*:nth-child(3){--d:.14s}
  html.c36-in .hero>*:nth-child(4){--d:.21s}
  html.c36-in .hero>*:nth-child(5){--d:.28s}
  @keyframes t36DiaIn{
    0%{clip-path:polygon(50% 47vh, 52% 50vh, 50% 53vh, 48% 50vh)}
    55%,100%{clip-path:polygon(50% -120vh, 230% 50vh, 50% 220vh, -130% 50vh)}
  }
  @keyframes t36Flash{0%{opacity:0;transform:scale(.3)}12%{opacity:.9}100%{opacity:0;transform:scale(1.5)}}
  @keyframes t36Shock{0%{opacity:.95;transform:translate(-50%,-50%) rotate(45deg) scale(.1)}70%{opacity:.5}100%{opacity:0;transform:translate(-50%,-50%) rotate(45deg) scale(15)}}
  @keyframes t36Rise{from{opacity:0;transform:translateY(26px) scale(.985);filter:blur(7px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}
}