/* Pont entre les pages de service et la homepage.
 * Charger APRES styles.bundle.css et shadow-fx.css. Les tokens, boutons,
 * grilles, navigation et footer restent ceux du bundle de l'accueil.
 * Ces definitions Benzin / logo / navigation secondaire etaient inline
 * dans index.php : memes valeurs, maintenant disponibles aux sous-pages.
 */
@font-face{font-family:Benzin;src:url('/assets/fonts/Benzin-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Benzin;src:url('/assets/fonts/Benzin-Medium.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:Benzin;src:url('/assets/fonts/Benzin-Semibold.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:Benzin;src:url('/assets/fonts/Benzin-Bold.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:Benzin;src:url('/assets/fonts/Benzin-ExtraBold.woff2') format('woff2');font-weight:800;font-display:swap}
.shadow-page{--page-readable-muted:#b3b3b3;color:var(--c-white);font-family:var(--ff-body);line-height:1.7}
.shadow-page .as-logo{display:inline-flex;align-items:center;font-family:var(--ff-display);font-weight:800;font-size:1.02rem;letter-spacing:.01em;text-transform:uppercase;color:var(--c-white);line-height:1;white-space:nowrap;height:auto!important;width:auto!important;padding:0;background:none;border:0}
.shadow-page .as-logo--sm{font-size:.9rem}
.shadow-page .nav__second{display:flex;gap:1.25rem;align-items:center;flex-wrap:wrap}
.shadow-page .nav__second-link{font-family:var(--ff-body);font-size:.72rem;letter-spacing:.04em;color:var(--page-readable-muted);white-space:nowrap}
.shadow-page .nav__second-link:hover{color:var(--c-gold)}
.shadow-page .nav__link{opacity:1;transform:none}
.shadow-page .nav:focus-within{transform:none}
.shadow-page .nav__cta{border-color:var(--c-red);color:var(--c-white);background:var(--c-red)}
.shadow-page .nav__hamburger{visibility:hidden}
.shadow-page.ui-ready .nav__hamburger{visibility:visible}
.shadow-page .mobile-menu[aria-hidden=true]{visibility:hidden;pointer-events:none}
.shadow-page .mobile-menu--open{visibility:visible}
.shadow-page .mobile-menu{overflow:auto;justify-content:flex-start;padding:90px 24px 30px}
.shadow-page .shadow-menu-close{position:fixed;top:14px;right:18px;z-index:calc(var(--z-mobile-menu) + 1);width:44px;height:44px;color:var(--c-white);border:1px solid var(--c-dark-border);background:var(--c-dark);font-size:.85rem}
.shadow-menu-close span{font-size:1.5rem}
.shadow-page .mobile-menu__logo{align-self:flex-start;margin-bottom:32px;opacity:1;transform:none}
.shadow-page .nojs-nav{padding:120px 24px 0;display:flex;gap:20px;flex-wrap:wrap}
.shadow-page .footer__heading,.shadow-page .footer__quote{color:var(--c-gold);opacity:1}
.shadow-page .footer__link{color:var(--page-readable-muted)}
.shadow-page [data-fx-reveal]{opacity:1;transform:none;will-change:auto}
.shadow-page.motion-ready [data-fx-reveal].is-in{animation:shadow-page-reveal .7s var(--ease-out-expo) both}
.shadow-page [data-fx-reveal]:focus-within{opacity:1!important;transform:none!important;animation:none!important}
.shadow-page.reduce-motion *,.shadow-page.reduce-motion *::before,.shadow-page.reduce-motion *::after{animation:none!important;transition:none!important}
.shadow-page.reduce-motion [data-fx-reveal],.shadow-page.reduce-motion [data-fx-magnet]{opacity:1!important;transform:none!important}
.shadow-page [hidden]{display:none!important}
@keyframes shadow-page-reveal{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
@media(max-width:860px){.shadow-page .nav__second{display:none}}
@media(max-width:560px){.shadow-page .as-logo{font-size:.96rem}.shadow-page .footer{padding-right:24px;padding-left:24px}}
@media(prefers-reduced-motion:reduce){.shadow-page *,.shadow-page *::before,.shadow-page *::after{animation:none!important;transition:none!important}.shadow-page [data-fx-reveal],.shadow-page [data-fx-magnet]{opacity:1!important;transform:none!important}}