/* The Bel Étage entrance shares the homepage's restrained photo-led header. */
.bel-page .site-header{position:absolute;inset:0 0 auto;z-index:30;background:transparent;border:0;box-shadow:none;backdrop-filter:none;color:#fff}
.bel-page .site-header .site-header-inner.container{position:static;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;min-height:96px;padding-block:16px;width:calc(100% - 128px);max-width:none}
.bel-page .site-header .mobile-header-label{display:flex;align-items:center;grid-column:1;grid-row:1;justify-self:start;min-height:48px;color:#fff;font-family:var(--font-accent);font-size:32px;font-weight:400;line-height:1.2;text-shadow:0 1px 12px #0007}
.bel-page .site-header .mobile-wordmark-text{display:block;transform:translateY(3px)}
.bel-page .site-header .nav-toggle{display:flex;align-items:center;justify-content:center;grid-column:2;grid-row:1;justify-self:end;align-self:center;color:#fff;margin:0;padding:0;min-width:48px;min-height:48px;background:transparent}
.bel-page .site-header #main-nav{position:absolute;grid-column:auto;grid-row:auto;top:100%;left:auto;right:0;display:grid;grid-template-columns:1fr;gap:0;width:min(400px,100%);max-height:calc(100svh - 112px);overflow-y:auto;margin:0;padding:24px;background:#171b16f5;color:#fff;border:0;box-shadow:0 16px 32px #0003}
.nav-ready .bel-page .site-header #main-nav:not(.is-open){display:none}
.bel-page .site-header .nav-group{display:grid;gap:0;padding:0;margin:0;justify-content:stretch}
.bel-page .site-header #main-nav a{color:#fff;min-height:48px;padding:16px 0;border:0}
.bel-page .site-header #main-nav a:hover{color:#c8d4bb}
.bel-page .site-header a:focus-visible,.bel-page .site-header .nav-toggle:focus-visible{outline:2px solid #fff;outline-offset:4px}
.bel-page .bel-hero{position:relative;isolation:isolate;display:grid;place-items:center;width:100%;min-height:100vh;min-height:100svh;margin:0;padding:112px 24px;overflow:hidden;background:#36382f}
.bel-hero-photo,.bel-hero-shade{position:absolute;inset:0;width:100%;height:100%;z-index:-1}
.bel-hero-photo{object-fit:cover;object-position:center}
.bel-hero-shade{background:linear-gradient(180deg,#0007 0%,#0004 35%,#0005 100%)}
.bel-page .bel-hero-logo{display:block;width:clamp(140px,15vw,210px);max-width:60vw;max-height:55svh;height:auto;object-fit:contain;filter:brightness(0) invert(1);margin:0}
.bel-page .page-intro{padding-block:64px;margin-block:0}
@media(max-width:760px){
 .bel-page .site-header .site-header-inner.container{width:calc(100% - 48px);gap:16px;min-height:72px;padding-block:8px}
 .bel-page .site-header .mobile-header-label{font-size:clamp(20px,6.2vw,26.4px);min-width:0}
 .bel-page .site-header .mobile-wordmark-text{white-space:nowrap}
 .bel-page .site-header #main-nav{max-height:calc(100svh - 88px)}
 .bel-page .bel-hero{min-height:calc(100vh + 32px);min-height:calc(100lvh + 32px);padding-block:96px}
 .bel-page .bel-hero-logo{width:clamp(150px,42vw,210px)}
 .bel-page .page-intro{padding-block:48px}
}
