/* Keep navigation readable at tablet widths, without wrapping links. */
.desktop-nav a{white-space:nowrap}
@media(max-width:1000px){
  .site-header .header-inner{height:82px;min-height:82px}
  .site-header .brand img{width:182px}
  .site-header .menu-toggle{display:flex}
  .site-header .desktop-nav{display:none;position:absolute;top:82px;left:0;right:0;background:#fbfafb;padding:18px 24px 25px;border-bottom:1px solid #e5dfe2;box-shadow:0 20px 30px #3b152612;gap:0;align-items:stretch;z-index:31}
  .site-header .desktop-nav.is-open{display:flex;flex-direction:column}
  .site-header .desktop-nav a{display:block;padding:12px 10px;font-size:1rem;white-space:normal;color:#5c5057}
  .site-header .desktop-nav a:after{display:none}
  .site-header .desktop-nav a.button{display:flex;align-items:center;justify-content:center;margin:12px 0 0;min-height:48px;font-size:.9rem;color:white;background:#732442}
}
@media(min-width:701px) and (max-width:900px){
  .scene h1,.scene h2{font-size:4.15rem}
  .scene-three h2{font-size:3.55rem}
  .scene-layout{grid-template-columns:1.16fr 1fr}
  .experience-bottom .motion-toggle{margin-right:48px}
}
@media(max-width:700px){
  .site-header .header-inner{height:74px;min-height:74px}
  .site-header .brand img{width:170px}
  .site-header .desktop-nav{top:74px;padding-inline:20px}
}