/* Mobile-only subject framing. Original photographs and desktop rules remain untouched. */
@media (max-width:900px){
 body.mobile-subpage-layout .hero-reference,body.mobile-subpage-layout .knowledge-page{position:relative;background:#0B0F26}
 /* The brand bar has its own safe headroom: no face can sit behind it. */
 body.mobile-subpage-layout .hero-reference>.site-nav,body.mobile-subpage-layout .knowledge-page .site-nav{position:relative;inset:auto;margin:12px;width:calc(100% - 24px);order:-1;flex-wrap:wrap;min-height:56px;height:auto;padding:7px 9px 7px 12px;z-index:20;display:flex;justify-content:space-between;align-items:center;gap:8px;box-sizing:border-box}
 body.mobile-subpage-layout .site-nav .brand{position:relative;display:block;flex:0 1 62.5%;width:62.5%;height:auto;aspect-ratio:681/132;overflow:hidden;min-width:0}
 body.mobile-subpage-layout .site-nav .brand img{position:absolute;left:-11.01322%;top:50%;width:117.4743%;height:auto;max-width:none;margin:0;transform:translateY(-50%);object-fit:contain}
 body.mobile-subpage-layout .site-nav .desktop-nav{display:none}
 body.mobile-subpage-layout .site-nav .mobile-nav{display:block;flex:none}
 body.mobile-subpage-layout .site-nav .mobile-nav>summary{min-height:40px;padding:0 12px;white-space:nowrap}
 body.mobile-subpage-layout .site-nav .mobile-nav>nav{max-height:calc(100dvh - 88px);overflow-y:auto;overscroll-behavior:contain}
 /* Opening the menu participates in flow: the photograph moves down at its full size. */
 body.mobile-subpage-layout .site-nav .mobile-nav[open]{position:static;flex-basis:100%;width:100%}
 body.mobile-subpage-layout .site-nav .mobile-nav[open]>summary{position:absolute;right:9px;top:7px}
 body.mobile-subpage-layout .site-nav .mobile-nav[open]>nav{position:static;inset:auto;width:100%;margin-top:8px;max-height:calc(100dvh - 140px);box-sizing:border-box}

 body.mobile-subpage-layout .hero-reference{min-height:0;height:auto;padding-top:0;display:flex;flex-direction:column;overflow:visible}
 body.mobile-subpage-layout .subpage-separated-stage{display:flex;flex-direction:column;aspect-ratio:auto;padding:0;background:#0B0F26}
 body.mobile-subpage-layout .subpage-separated-stage>picture:first-child,body.mobile-subpage-layout .hero-reference>.hero-picture{display:block;position:relative;inset:auto;width:100%;height:auto;aspect-ratio:var(--mobile-crop-ratio);overflow:hidden;flex:none;order:0}
 body.mobile-subpage-layout .subpage-separated-stage img.hero-image,body.mobile-subpage-layout .guide-visual-stage img.guide-hero-photo,body.mobile-subpage-layout .hero-reference>.hero-picture img.hero-image{position:static;inset:auto;display:block;width:100%;height:100%;aspect-ratio:auto;max-width:none;object-fit:cover;object-position:var(--mobile-focus-x) var(--mobile-focus-y);transform:none;filter:none}
 body.mobile-subpage-layout .hero-vignette,body.mobile-subpage-layout .hero-reference::after,body.mobile-subpage-layout .guide-visual-stage::before{display:none}
 body.mobile-subpage-layout .hero-reference>.hero-content{position:static;inset:auto;transform:none;width:auto;max-width:none;padding:24px;margin:0;color:#fff;order:1}
 body.mobile-subpage-layout .hero-reference>.hero-content h1{max-width:none;color:#fff}
 body.mobile-subpage-layout .hero-reference>.hero-content .hero-copy{max-width:none;color:#fff}
 body.mobile-subpage-layout .hero-reference>img.hero-signature{position:static;inset:auto;width:160px;height:160px;object-fit:contain;align-self:flex-end;order:2;transform:none;margin:16px 24px 24px 0}
 /* Article cover precedes the heading visually, with the original semantic content kept once. */
 body.mobile-subpage-layout .knowledge-page{display:flex;flex-direction:column;background:linear-gradient(to bottom,#0B0F26 0 128px,#fff 128px);padding-top:0}
 body.mobile-subpage-layout .knowledge-hero{display:contents}
 body.mobile-subpage-layout .knowledge-page>*{order:3}
 body.mobile-subpage-layout .knowledge-heading{order:2;position:static;max-width:none;width:auto;padding:26px 24px 32px;background:#0B0F26;color:#fff}
 body.mobile-subpage-layout .knowledge-cover{order:1;position:relative;width:100%;margin:0;border:0;aspect-ratio:var(--mobile-crop-ratio);overflow:hidden;background:#0B0F26;z-index:0}
 body.mobile-subpage-layout .knowledge-cover img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:var(--mobile-focus-x) var(--mobile-focus-y)}
 body.mobile-subpage-layout .knowledge-heading h1{max-width:none}
 body.mobile-subpage-layout .knowledge-heading .knowledge-meta{color:inherit}
}

/* Keep authored sentence case in mobile navigation on every route. */
@media(max-width:1050px){
 body .site-nav .mobile-nav-group>span:first-child{text-transform:none}
}
@media(max-width:900px){
 /* The menu brand stays; the secondary signature belongs to the desktop composition. */
 body.mobile-subpage-layout .hero-reference img.subpage-separated-signature,
 body.mobile-subpage-layout .hero-reference img.guide-signature,
 body.mobile-subpage-layout .hero-reference img.hero-signature,
 body.mobile-subpage-layout .hero-reference img.home-separated-signature{display:none}
 body.mobile-subpage-layout .subpage-separated-copy{padding-bottom:28px}
 body.mobile-subpage-layout .home-separated-stage{display:flex;flex-direction:column;aspect-ratio:auto;background:#0B0F26}
 body.mobile-subpage-layout .home-separated-stage>.hero-picture{position:relative;inset:auto;display:block;width:100%;height:auto;aspect-ratio:var(--mobile-crop-ratio);overflow:hidden;flex:none}
 /* Override the pre-existing inline desktop frame only in mobile. */
 body.mobile-subpage-layout .home-separated-stage img.hero-image{position:static;inset:auto;display:block;width:100%;height:100%;max-width:none;aspect-ratio:auto!important;object-fit:cover!important;object-position:var(--mobile-focus-x) var(--mobile-focus-y)!important;transform:none;filter:none}
 body.mobile-subpage-layout .home-separated-stage::after{display:none}
 body.mobile-subpage-layout .home-separated-stage>.hero-picture::after{content:"";position:absolute;inset:auto 0 0;height:40%;background:linear-gradient(to top,rgba(5,8,18,.58) 0%,rgba(5,8,18,.22) 40%,rgba(5,8,18,0) 100%);pointer-events:none;z-index:1}
 body.mobile-subpage-layout .home-separated-copy{position:static;inset:auto;display:block;width:auto;padding:24px 24px 28px;color:#fff}
 body.mobile-subpage-layout .home-separated-label{position:static;inset:auto;margin:0;font-size:16px;line-height:1.35;letter-spacing:0;text-shadow:none}
 body.mobile-subpage-layout .home-separated-copy h1{position:static;inset:auto;margin:12px 0 0;font-size:clamp(28px,4.5vw,36px);line-height:1.08;letter-spacing:-.035em;text-shadow:none;text-wrap:wrap}
 body.mobile-subpage-layout .home-separated-line{display:inline;white-space:normal}
 body.mobile-subpage-layout .home-separated-body{position:static;inset:auto;width:auto;margin-top:20px;font-size:16px;line-height:1.5;letter-spacing:0;text-shadow:none}
 body.mobile-subpage-layout .home-separated-body p+p{margin-top:16px}
}