/* Mobile composition approved from the supplied 4qjs reference. */
@media (max-width:760px){
  #home .site-header{height:100px;padding:0 24px}
  #home .site-header .wordmark{width:100%;max-width:none;flex-shrink:1}
  #home .site-header .desktop-nav{display:none}
  #home .site-header .menu-toggle{position:absolute;top:104px;right:16px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;gap:5px;color:#fff}
  #home .site-header .menu-toggle span{width:28px;height:2px;border-radius:1px}
  #home .hero-overline{max-width:calc(100% - 48px);white-space:nowrap}
  #home .hero-bottom{top:52.5%;bottom:auto;left:0;right:0;transform:translateY(-50%);pointer-events:none}
  #home .hero-bottom .scroll-cue,#home .scene-info,#home .scene-controls>span{display:none}
  #home .scene-controls{width:100%;gap:0;justify-content:space-between;pointer-events:none}
  #home .scene-controls .round-button{display:grid;place-items:center;width:64px;height:72px;padding:0;border:0;border-radius:0;font-size:0;color:#fff;background:transparent;pointer-events:auto;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
  #home .scene-controls .round-button::before{content:'';display:block;width:18px;height:18px;border-top:6px solid currentColor;border-right:6px solid currentColor}
  #home #scene-prev::before{transform:rotate(-135deg);margin-left:7px}
  #home #scene-next::before{transform:rotate(45deg);margin-right:7px}
  #home .scene-controls .round-button:active{opacity:.65}
  #home .scene-controls .round-button:focus-visible{outline:1px solid #fff;outline-offset:-8px}
  #home .hero-meter{left:24px;right:24px;bottom:15px;height:1px;background:#ffffff40}
  #home .hero-meter span{background:#fff}
}

/* Footer wordmark matches the opening screen's 24px side insets. */
@media(max-width:760px){
 .site-footer .footer-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .site-footer .footer-top .wordmark{grid-column:1 / -1;justify-self:center;width:calc(100vw - 48px);max-width:none;font-size:0;line-height:0}
 .site-footer .footer-top p{grid-column:1 / -1;justify-self:start}
 .site-footer .footer-top>a:last-child{justify-self:end}
}