/* Mobile contact and restrained navigation. Desktop layout is unchanged. */
.mobile-contact-bar{display:none}
.ui-arrow{font-variant-emoji:text}
@media(max-width:780px){
  :root{--mobile-contact-height:calc(48px + env(safe-area-inset-top,0px))}
  html{scroll-padding-top:calc(var(--mobile-contact-height) + 98px)}
  body{padding-top:var(--mobile-contact-height);padding-bottom:0!important}
  .mobile-contact-bar{position:fixed;inset:0 0 auto;z-index:100;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));height:var(--mobile-contact-height);padding:env(safe-area-inset-top,0px) max(12px,env(safe-area-inset-right,0px)) 0 max(12px,env(safe-area-inset-left,0px));background:#1A5247;color:#fff}
  .mobile-contact-bar a{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;color:#fff!important;text-decoration:none;border:0;font:400 11px/1.2 var(--sans,Arial,sans-serif);letter-spacing:.025em;-webkit-tap-highlight-color:#ffffff26}
  .mobile-contact-bar a+a{border-left:1px solid #ffffff24}
  .mobile-contact-bar a:focus-visible{outline:2px solid #fff;outline-offset:-5px}
  .mobile-contact-bar svg{flex:0 0 20px;width:20px;height:20px}
  body>header,.atelier-home>header{top:var(--mobile-contact-height)}
  body>header nav{max-height:calc(100dvh - var(--mobile-contact-height) - 78px);overscroll-behavior:contain}
  body>header .mega{max-height:none;overflow:visible}
  .sticky-contact{display:none!important}
  .skip:focus{top:var(--mobile-contact-height);z-index:120}
  .ui-arrow{display:none!important}
  .selected-arrow,.round-icon,.project-open,.service-editorial-list>a>b,.service-lines .arrow,.home-process li>span>b{display:none!important}
  body>header nav>a.btn:after,.atelier-home nav>a.btn:after{content:none}
  .atelier-home .service-editorial-list>a{grid-template-columns:23px minmax(0,1fr)}
  .selected-overlay h3{margin-right:0}
  .round-link{gap:0}
  .line-link>span:has(>.ui-arrow:only-child),.btn>span:has(>.ui-arrow:only-child){display:none}
  .hero-slideshow-controls button,.review-controls button,.atelier-home .compare-handle b,.comparison .divider:after{color:#1A5247;font-variant-emoji:text}
  .hero-slideshow-controls button .ui-arrow,.review-controls button .ui-arrow,.compare-handle .ui-arrow{display:inline!important;color:#1A5247;font-family:Arial,sans-serif}
  .hero-slideshow-controls button,.review-controls button{min-width:44px;min-height:44px}
  .comparison .divider:after{content:'↔\FE0E'}
}