/* Separate portfolio pages, before any asynchronous content is loaded. */
body[data-page="accueil"] main>section:not(.hero),body[data-page="galeries"] main>section:not(#galeries):not(.legacy-section),body[data-page="a-propos"] main>section:not(#a-propos),body[data-page="contact"] main>section:not(#contact){display:none!important}
body[data-page] main>section{animation:page-arrival .45s ease-out both}
body[data-page] main{min-height:calc(100svh - 250px)}
body[data-page="accueil"] .hero{min-height:calc(100svh - 110px)}
body[data-page="a-propos"] .about-section,body[data-page="contact"] .contact-section{min-height:calc(100svh - 250px)}
.site-header nav a[aria-current="page"]{color:var(--coral);text-decoration:underline;text-underline-offset:8px;text-decoration-thickness:1px}
@keyframes page-arrival{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:700px){.site-header nav{gap:12px;flex-wrap:wrap;justify-content:flex-start}.site-header .admin-link{margin-left:auto;padding-left:12px}body[data-page="accueil"] .hero{min-height:0}}
@media(prefers-reduced-motion:reduce){body[data-page] main>section{animation:none!important}}

#galleryTitle,#aboutTitle,#contactTitle{font-size:clamp(24px,4.5vw,var(--font-size-heading));line-height:1.06;margin-top:14px}#aboutTitle,#contactTitle{margin-bottom:26px}