/* Approved phone layout. Loaded after the legacy stylesheet by design. */
@media (max-width:900px){
  html,body{max-width:100%;overflow-x:hidden}
  .site-header,.nav,.hero,.hero-copy,.contact-layout,.contact-card{min-width:0;max-width:100%}
  .nav{width:calc(100vw - 1rem)}
  .hero{display:grid;grid-template-rows:auto auto 64px;width:100vw;max-width:none;margin-inline:calc(50% - 50vw);height:auto;min-height:0;padding-bottom:0;background:var(--mint-100)}
  .hero-copy{grid-row:1;width:100%;min-height:0;padding:6.5rem 1rem 2rem;padding-bottom:2rem}
  .hero-copy h1,.hero-copy>p{width:100%;max-width:100%;overflow-wrap:anywhere}
  .hero .button{max-width:calc(100vw - 2rem);padding-inline:clamp(.85rem,4vw,1.2rem);font-size:clamp(.9rem,4vw,1rem)}
  .hero-video{position:relative;inset:auto;grid-row:2;width:100%;height:auto;aspect-ratio:16 / 9;object-fit:cover;object-position:center}
  .hero-scrim{display:none}
  .hero-social{top:auto;right:auto;bottom:.45rem;left:1rem;display:flex;grid-template-columns:none;align-items:center;flex-direction:row;gap:.25rem;padding:.3rem;transform:none}
  .hero-social .social-link{width:40px;height:40px}
  .video-sound{top:auto;right:auto;bottom:.45rem;left:calc(100vw - 4.25rem);width:48px;height:48px;min-width:48px;min-height:48px;z-index:8}
  .contact-card a,.contact-card .contact-detail-copy,.contact-card .contact-detail-copy span,.contact-card a[x-apple-data-detectors],.contact-detail-copy a[x-apple-data-detectors]{color:inherit!important;text-decoration:none!important;-webkit-text-decoration:none!important;border-bottom:0!important;box-shadow:none!important}
  .contact-card .contact-location{grid-template-columns:3.75rem minmax(0,1fr);grid-template-areas:"icon copy" "map map";align-items:start}
  .contact .section{width:calc(100vw - 2rem)}
  .contact-layout>div,.contact-card{width:calc(100vw - 2rem);overflow:hidden}
  .contact-layout h2,.contact-layout p,.contact-detail-copy{max-width:100%;overflow-wrap:anywhere}
  .contact-map-icon-link{grid-area:icon}
  .contact-location .contact-detail-copy{grid-area:copy}
  .contact-map-thumbnail{grid-area:map;grid-column:2;justify-self:start;width:min(100%,13rem)}
}