/* A single mobile header layout, including iPhone safe areas. */
@media(max-width:900px){
 :root{--mobile-header-height:calc(72px + env(safe-area-inset-top,0px))}
 html{scroll-padding-top:calc(var(--mobile-header-height) + 16px)}
 .site-header,.site-header.has-mobile-menu,.site-header:not(.has-mobile-menu){display:grid;grid-template-columns:minmax(0,1fr) auto auto;grid-template-rows:56px;align-items:center;gap:10px;position:fixed;inset:0 0 auto;box-sizing:border-box;height:var(--mobile-header-height);min-height:var(--mobile-header-height);padding:calc(8px + env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) 8px max(16px,env(safe-area-inset-left,0px))}
 .site-header .logo{grid-column:1;grid-row:1;width:76px;height:56px;min-width:0;aspect-ratio:auto;justify-self:start;margin:0}
 .site-header .logo img{width:76px;height:56px;object-fit:contain}
 .site-header.has-mobile-menu .menu-toggle{grid-column:3;grid-row:1;position:static;margin:0;padding:10px 12px;min-height:44px;height:44px;gap:10px;font-size:.9rem;line-height:1.2}
 .landing .site-header .header-book,.inner-page .site-header .header-book{grid-column:2;grid-row:1;position:static;transform:none;margin:0;min-width:68px;min-height:44px;height:44px;padding:10px 12px;font-size:.9rem;line-height:1.2}
 .site-header.has-mobile-menu nav,.site-header.has-mobile-menu nav.is-open{position:absolute;top:100%;left:0;right:0;width:auto;transform:none;margin:0;padding:8px 16px 16px;max-height:calc(100svh - var(--mobile-header-height) - 16px);overflow-y:auto;gap:0}
 .site-header.has-mobile-menu nav>a:not(.nav-contact){display:flex;min-height:48px;padding:12px 8px;white-space:normal}
 .landing .play-hero{height:auto;min-height:0;padding-top:calc(var(--mobile-header-height) + 20px);padding-bottom:28px;justify-content:flex-start}
 .landing .hero-intro{padding-top:0;padding-bottom:0;margin-bottom:0}
 .landing .hero-meta{margin:0}
 .landing .sound-strip{margin:0;padding:22px 6%;gap:8px}
 .inner-page .page-intro,.inner-page .service-detail-intro,.inner-page .booking{padding-top:calc(var(--mobile-header-height) + 24px)}
 .inner-page main{min-height:0}
 .reveal.is-ready,.reveal.is-visible{opacity:1;transform:none;transition:none}
 footer{gap:24px}
}
@media(max-width:900px) and (max-height:600px) and (orientation:landscape){
 .landing .play-hero{padding-top:calc(var(--mobile-header-height) + 12px)}
}
/* Let the sky paint behind the notch instead of covering it with a black strip. */
@media(max-width:900px){
 html{background:#182c3b}
 .safari-edge-color{display:none!important}
 .ararat-backdrop{top:calc(0px - env(safe-area-inset-top,0px));height:calc(100% + env(safe-area-inset-top,0px));object-fit:cover;object-position:center top;mask-image:linear-gradient(to bottom,#000 76%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 76%,transparent 100%)}
 .site-header:not(.is-scrolled):not(.menu-open){background:linear-gradient(to bottom,#182c3b33,transparent)!important}
 .site-header.is-scrolled{background:rgba(8,12,15,.82)!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important}
 .site-header.has-mobile-menu.menu-open{background:rgba(8,12,15,.96)!important}
}