/* Mobile title geometry: keep the stepped lettering and white plane coupled. */
@media (max-width: 760px) {
  .inner-page .section-heading,
  .inner-page .section-heading span { line-height: .711; }
  .inner-page .section-heading { padding-bottom: 4.63vw; }
  .inner-page .section-heading::after { height: 4.63vw; }
  .home-page .home-heading { --mobile-home-title-size: clamp(18px, 6.5vw, 49px); font-size: var(--mobile-home-title-size); }
  .home-page .home-heading h1 { font-size: 1em; line-height: 1.05; }
  .home-page .home-long > span { line-height: .78; position: relative; isolation: isolate; background: transparent; }
  .home-page .home-long > span::before { content: ''; position: absolute; inset: 0 auto auto 0; width: 100%; height: 1.05em; background: #fff; z-index: -1; }
  .home-page .home-heading::after { top: calc(30px + 2.1em); }
}
@media (max-width: 360px) {
  .site-header .institution-logo { width: min(200px, calc(100vw - 108px)); }
  .inner-page .section-heading { font-size: clamp(28px, 11.5vw, 48px); }
}

/* Mobile title geometry: keep the stepped lettering and white plane coupled. */
@media (max-width: 760px) {
  .inner-page .section-heading,
  .inner-page .section-heading span { line-height: .711; }
  .inner-page .section-heading { padding-bottom: 4.63vw; }
  .inner-page .section-heading::after { height: 4.63vw; }
  .home-page .home-heading { --mobile-home-title-size: clamp(18px, 6.5vw, 49px); font-size: var(--mobile-home-title-size); }
  .home-page .home-heading h1 { font-size: 1em; line-height: 1.05; }
  .home-page .home-long > span { line-height: .78; position: relative; isolation: isolate; background: transparent; }
  .home-page .home-long > span::before { content: ''; position: absolute; inset: 0 auto auto 0; width: 100%; height: 1.05em; background: #fff; z-index: -1; }
  .home-page .home-heading::after { top: calc(30px + 2.1em); }
}
@media (max-width: 360px) {
  .site-header .institution-logo { width: min(200px, calc(100vw - 108px)); }
  .inner-page .section-heading { font-size: clamp(28px, 11.5vw, 48px); }
}
@media (max-width: 220px) {
  .home-page .home-heading h1 { font-size: clamp(9px, calc((100vw - 32px) * .0976), 18px); }
}
@media (max-width: 180px) {
  .inner-page .section-heading { font-size: clamp(18px, calc(18.5185vw - 5.9259px), 28px); }
}
@media (max-width: 240px) {
  .studio-page .studio-intro p, .studio-page .section-button { overflow-wrap: anywhere; }
}

/* Mobile title geometry: keep the stepped lettering and white plane coupled. */
@media (max-width: 760px) {
  .inner-page .section-heading,
  .inner-page .section-heading span { line-height: .711; }
  .inner-page .section-heading { padding-bottom: 4.63vw; }
  .inner-page .section-heading::after { height: 4.63vw; }
  .home-page .home-heading { --mobile-home-title-size: clamp(18px, 6.5vw, 49px); font-size: var(--mobile-home-title-size); }
  .home-page .home-heading h1 { font-size: 1em; line-height: 1.05; }
  .home-page .home-long > span { line-height: .78; position: relative; isolation: isolate; background: transparent; }
  .home-page .home-long > span::before { content: ''; position: absolute; inset: 0 auto auto 0; width: 100%; height: 1.05em; background: #fff; z-index: -1; }
  .home-page .home-heading::after { top: calc(30px + 2.1em); }
}
@media (max-width: 360px) {
  .site-header .institution-logo { width: min(200px, calc(100vw - 108px)); }
  .inner-page .section-heading { font-size: clamp(28px, 11.5vw, 48px); }
}
@media (max-width: 220px) {
  .home-page .home-heading h1 { font-size: clamp(9px, calc((100vw - 32px) * .0976), 18px); }
}
@media (max-width: 180px) {
  .inner-page .section-heading { font-size: clamp(18px, calc(18.5185vw - 5.9259px), 28px); }
}
@media (max-width: 240px) {
  .studio-page .studio-intro { font-size: clamp(12px, 7.5vw, 19px); padding-right: clamp(10px, 6vw, 16px); padding-left: clamp(10px, 6vw, 16px); }
  .studio-page .studio-intro p { hyphens: auto; overflow-wrap: anywhere; }
  .studio-page .section-button { font-size: clamp(10px, calc(10.4167vw - 5.4167px), 18px); padding: 10px clamp(6px, 4vw, 10px); hyphens: auto; overflow-wrap: anywhere; }
  .studio-page .section-symbol { display: none; }
}