/* Keep the mobile introduction compact, with the portrait meeting the navy band. */
@media(max-width:700px){
 .page-index .site-header{height:80px;padding-block:6px}
 .hero-signature{padding-bottom:0}
 .signature-copy>.eyebrow{margin:18px 20px 10px}
 .signature-copy>h1{margin-bottom:12px}
 .signature-copy>.lede{font-size:16px;line-height:1.5}
 .signature-copy>.actions{
  grid-row:4;flex-direction:row;flex-wrap:nowrap;gap:10px;
  width:calc(100% - 44px);max-width:340px;margin:14px auto 0;
 }
 .signature-copy .actions .button,
 .signature-copy .actions .text-link{
  flex:1;min-width:0;min-height:44px;padding:10px 15px;gap:10px;font-size:12px;
 }
 .signature-copy>.built-by{grid-row:5;margin:16px auto 0;gap:6px}
 .built-by-window{gap:5px}
 .built-by-words li{font-size:14px}
 .signature-stage{grid-row:6;height:clamp(260px,65vw,294px);margin-top:8px}
 .signature-stage .signature-portrait{height:128.6%;bottom:-22.9%}
 .signature-stage .signature-monogram{width:min(65vw,300px);right:-1%;top:-25px}
 .hero-signature+.action-band{border-top:0}
}