/* Keep the opening phrase on one line on desktop and two deliberate lines on phones. */
.hero-bottom .hero-message{max-width:none;white-space:nowrap}
.hero-message span{display:inline}
@media(max-width:700px){
  .hero-bottom .hero-message{width:100%;max-width:none;font-size:clamp(13px,3.65vw,17px);line-height:1.95;letter-spacing:.035em;white-space:normal}
  .hero-message span{display:block;white-space:nowrap}
  .header .nav a:nth-child(2),header nav a:nth-child(2){display:inline-flex}
  .header .nav a,header>nav a{min-height:44px;align-items:center;display:inline-flex}
  .header .nav,header>nav{gap:20px}
  .header{row-gap:8px}
  .hero-content .eyebrow{font-size:clamp(9px,2.5vw,12px);letter-spacing:.16em;line-height:1.8}
  .hero-content{padding-bottom:max(7svh,28px)}
  .scroll{min-height:44px;font-size:9px;letter-spacing:.16em}
  .philosophy-poem .poem-text{max-width:100%}
  .work-copy small,.film-caption small{font-size:10px;line-height:1.8}
  .work-copy h3{overflow-wrap:anywhere}
  .work-copy b{width:44px;height:44px}
  .work-note{line-height:2}
  header>.brand{flex-shrink:0}
  header:not(.header){gap:12px}
  header>nav{flex-shrink:0}
  .entrance>.overline{flex-wrap:wrap;gap:12px;line-height:1.8}
  .rooms a{min-height:44px;display:flex;align-items:center;line-height:1.8}
  .rooms{gap:4px}
  .work-heading h2{font-size:clamp(24px,6.8vw,32px);overflow-wrap:anywhere;line-height:1.65}
  figure{min-width:0}
  figcaption{flex-wrap:wrap;gap:8px 16px;font-size:10px;line-height:1.8}
  .zoom-label{font-size:9px;right:12px;bottom:12px;padding:8px;background:rgba(16,17,20,.55)}
  .commentary dl dd{min-width:0;overflow-wrap:anywhere}
  .commentary p{line-height:2.15}
  .image-open{touch-action:manipulation}
  dialog{max-width:100%;height:100svh;width:100%;padding:70px 12px 24px}
  dialog img{max-height:calc(100svh - 140px);object-fit:contain}
  dialog button{min-width:44px;min-height:44px}
  .company-details dt{overflow-wrap:anywhere}
  .company-details dt span{letter-spacing:.02em;font-size:7px}
  .company-heading h2{font-size:clamp(20px,5.7vw,25px)}
  .signature-footer-bottom{flex-wrap:wrap;gap:16px;line-height:1.8}
  .signature-footer-bottom a{min-height:44px;display:inline-flex;align-items:center}
  .exit>a{overflow-wrap:anywhere}
}

@media(max-width:700px){br.desktop-only-break{display:none}}