/* A shared footer scale, with breathing room around the project narrative. */
body > footer {
  grid-template-columns: 1.1fr 1fr 1.2fr;
  gap: 40px;
  padding-top: 56px;
  padding-bottom: 56px;
}
body > footer .footer-brand { font-size: 32px; font-weight: 650; gap: 20px; }
body > footer .footer-brand span,
body > footer .footer-contact,
body > footer .ash-credit span {
  font-family: var(--sans);
  font-size: 12px;
  font-weight: 400;
  line-height: 1.65;
  color: var(--muted);
}
body > footer .footer-contact { gap: 2px; }
body > footer .ash-credit { gap: 18px; }
body > footer .ash-credit img { height: 42px; width: auto; flex: none; }
#configure.section-pad { padding-top: 116px; padding-bottom: 120px; }
.assembly-layout > .section-hold { min-width: 0; }
.film-motion-toggle {
  position: absolute;
  z-index: 3;
  right: 5%;
  bottom: 24px;
  width: 40px;
  height: 40px;
  color: #fff;
  background: rgba(0, 0, 0, .45);
  border: 1px solid rgba(255, 255, 255, .35);
}
.film-motion-toggle:hover { background: rgba(0, 0, 0, .7); }
@media (max-width: 760px) {
  body > footer { grid-template-columns: 1fr; gap: 28px; padding-block: 44px; }
  body > footer > * { grid-column: 1; }
  body > footer .footer-brand { gap: 20px; }
  body > footer .ash-credit { justify-content: flex-start; }
  #configure.section-pad { padding-top: 76px; padding-bottom: 86px; }
  .film-motion-toggle { top: 12px; right: 12px; bottom: auto; }
  .hero .hero-copy { padding-top: 20px; }
  .hero .hero-copy .eyebrow { margin-bottom: 16px; font-size: 8px; line-height: 1.6; }
  .hero .hero-copy #hero-title { font-size: 34px; }
  .hero .hero-copy .hero-intro { margin-top: 18px; font-size: 14px; }
  .hero .hero-copy .hero-acronym { margin-top: 14px; font-size: 8px; }
  .hero .hero-copy .hero-actions { margin-top: 18px; }
  .hero .hero-copy .hero-actions .button { min-height: 46px; padding: 12px 16px; }
  .hero .hero-scene { height: clamp(130px, calc(var(--stable-viewport-height, 100svh) - 500px), 260px); }
  .hero { padding-bottom: 42px; }
}
@media (max-width: 370px) {
  .hero .hero-copy #hero-title { font-size: 30px; }
  .hero .hero-copy { padding-top: 14px; }
}