/* M.A.K Solutions v4.3.2 — stable motion and iPhone-safe navigation */
:root{--nav-safe:env(safe-area-inset-top,0px)}
html{scroll-padding-top:96px}
.nav{position:fixed!important;top:0!important;left:0;right:0;width:100%;min-height:72px;height:auto;padding:10px 18px;padding-top:max(10px,var(--nav-safe));background:linear-gradient(180deg,#08090df2,#08090dba 72%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transform:none!important;will-change:auto;z-index:160}
.menu{padding:calc(22px + env(safe-area-inset-top,0px)) 24px calc(24px + env(safe-area-inset-bottom,0px));z-index:240}
.menu>button{min-width:72px;min-height:44px;padding:8px;position:relative;z-index:2}
.menu-btn{min-height:44px;min-width:64px;display:inline-flex;align-items:center;justify-content:center}
.home-hero{padding-top:calc(105px + env(safe-area-inset-top,0px))}
.page-hero{padding-top:calc(125px + env(safe-area-inset-top,0px))}
.service-page{padding-top:calc(118px + env(safe-area-inset-top,0px))}

/* Content stays readable when GSAP or ScrollTrigger is unavailable. */
.js .will-reveal,.motion-ready .reveal-on-view{opacity:1!important;transform:none}
.section-head h2,.location-intro h2,.services-lab>h2,.security-orbit>h2,.content-block h2,.process h2,.location-links h2,.contact-band h2{background:none!important;color:#f7f7f8!important}

/* Fixed copy prevents phase swaps from moving large headings while scrolling. */
.cinematic-build{height:285svh}
.cinematic-copy{min-height:250px}
.cinematic-copy h2,.cinematic-copy p,.cinematic-eyebrow{transition:none!important;transform:none!important;opacity:1!important}
.cinematic-copy.changing h2,.cinematic-copy.changing p,.cinematic-copy.changing .cinematic-eyebrow{transform:none!important;opacity:1!important}
.market-journey{height:185svh}

/* Keep quick contact useful without covering mobile carousel controls. */
.floating-contact{right:10px;bottom:max(10px,env(safe-area-inset-bottom));gap:6px}
.floating-contact a{width:44px;height:44px;font-size:8px}

@media(min-width:800px){
  .nav{padding-left:40px;padding-right:40px}
  .menu-btn{display:none}
  .cinematic-build{height:260vh}
  .market-journey{height:170vh}
}
@media(max-width:799px){
  .nav{padding-left:18px;padding-right:18px;padding-bottom:8px}
  .desktop-nav{display:none}
  .menu-btn{display:inline-flex}
  .logo img{width:94px;height:46px}
  .cinematic-copy{min-height:225px}
  .cinematic-stage-note{bottom:72px}
}
@media(max-width:420px){
  .home-hero{padding-top:calc(104px + env(safe-area-inset-top,0px))}
  .page-hero{padding-top:calc(120px + env(safe-area-inset-top,0px))}
  .service-page{padding-top:calc(112px + env(safe-area-inset-top,0px))}
}
@media(prefers-reduced-motion:reduce){
  .cinematic-build,.market-journey{height:auto!important}
  .nav{backdrop-filter:none;-webkit-backdrop-filter:none}
}