/* Scale display type only; body copy and interface labels keep their original sizes. */
h1{font-size:clamp(1.5rem,2.9vw,2.9rem)}
h2{font-size:clamp(1.2rem,2vw,2.1rem)}
.footer-top h2,.contact-bottom h2,.timeline .date{font-size:1.4rem}
.catalog-section h2{font-size:1.325rem}
.contact-card h2{font-size:1rem}
html[lang=ar] h1{font-size:clamp(1.35rem,2.4vw,2.4rem)}
html[lang=ar] h2{font-size:clamp(1rem,1.65vw,1.65rem)}

/* Enlarge the transparent artwork inside its existing navigation space. */
.brand{background:transparent;overflow:visible}
.brand img{transform:scale(1.75);filter:brightness(.68) saturate(1.25)}

.hero-photo .hero-slide{width:100%;height:100%;object-fit:cover;transition:opacity .45s ease,transform 1s}
.hero-photo .hero-slide.is-changing{opacity:0}
.hero-photo:hover .hero-slide{transform:scale(1.035)}
.hero-photo .photo-caption{bottom:18px;left:18px;right:18px;padding:12px 14px 12px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px}
.hero-caption-text{min-width:0}
.hero-controls{display:flex;align-items:center;gap:6px;flex:none}
.hero-control{display:grid;place-items:center;width:28px;height:28px;padding:0;border:0;border-radius:50%;background:#ffffff28;color:#fff;cursor:pointer;font:inherit;font-size:1.3rem;line-height:1}
.hero-control:hover,.hero-control:focus-visible{background:#ffffff55}
.hero-dots{display:flex;align-items:center;gap:5px;margin:0 2px}
.hero-dot{width:8px;height:8px;padding:0;border:0;border-radius:50%;background:#ffffff70;cursor:pointer}
.hero-dot[aria-current=true]{background:#fff;transform:scale(1.2)}

/* Bring section spacing back into proportion with the smaller type. */
.hero{min-height:480px}
.hero-photo{min-height:420px}
.hero-copy{padding:48px 50px}
.section{padding:70px 0}
.page-intro{padding:56px 0 42px}
.story-band{padding:44px}
.contact-card{min-height:280px}
.contact-card .region{margin-bottom:28px}
.contact-card .role{min-height:32px}
.contact-bottom{padding-top:50px}
.site-footer{margin-top:58px}
.btn{min-height:44px}

@media(max-width:760px){
  .brand img{transform:scale(1.6)}
  .hero-photo .photo-caption{left:12px;right:12px;bottom:12px;padding:8px 10px 8px 12px;gap:6px}
  .hero-controls{gap:3px}
  .hero-control{width:26px;height:26px}
  .hero-dots{gap:4px;margin:0 1px}
  h1{font-size:1.6rem}
  .hero h1{font-size:1.65rem}
  .footer-top h2{font-size:1.25rem}
  .hero-copy{padding:34px 28px}
  .hero-photo{min-height:280px;height:300px}
  .section{padding:52px 0}
  .page-intro{padding:46px 0 34px}
  .story-band{padding:28px}
  .contact-card{min-height:250px}
  .site-footer{margin-top:48px}
  html[lang=ar] h1{font-size:1.325rem}
  html[lang=zh-Hant] .hero h1{font-size:1.4rem}
  html[lang=ar] .hero-copy{padding:34px 26px}
}