@media (max-width: 767px) {
  html, body { overflow-x: hidden; }
  .paper { position: relative !important; top: auto !important; margin-bottom: 32px; box-shadow: 0 8px 24px -19px #302b3055; }
  .masthead { align-items: flex-start; }
  .brand { max-width: 100%; }
  .nav { width: 100%; justify-content: flex-end; }
  .hero { min-height: calc(100svh - 152px); }
  .hero h1 { font-size: clamp(40px, 11.5vw, 58px); overflow-wrap: normal; }
  .hero-copy { max-width: none; }
  .folio { gap: 12px; }
  .folio span:first-child { max-width: 72%; }
  .page-two .split { padding-top: 38px; }
  .portrait-intro { margin-left: -18px; margin-right: -4px; }
  .topics-header h2 { font-size: 39px; }
  .topic-body { padding-left: 37px; padding-right: 0; }
  .listen .last-word { font-size: 39px; }
  .contact h2 { font-size: 43px; }
  .contact .contact-bottom { display: block; }
  .contact .contact-bottom > div + div { margin-top: 38px; }
  .whatsapp-link { min-height: 52px; }
  .carousel-track { touch-action: pan-x; }
  .carousel-controls button { width: 52px; height: 52px; }
  .footer { align-items: flex-start; flex-direction: column; }
}

@media(max-width:767px){.brand{padding-top:12px;padding-bottom:12px}.portrait-intro figcaption{bottom:-60px}.portrait-intro{margin-bottom:82px}}