/* Shared public sizing. Keep mobile composition and respect browser text zoom. */
@media (min-width: 761px) {
  .brand-site .wrap {
    width: calc(100% - clamp(40px, 6.5vw, 96px));
    max-width: 1200px;
  }
  .brand-site .reader { max-width: 820px; }
  .brand-site .hero {
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
    gap: clamp(24px, 3.75vw, 54px);
  }
  .brand-site .hero-copy { min-width: 0; }
  .brand-site .hero h1 {
    font-size: clamp(2rem, 1rem + 2.25vw, 3rem);
    overflow-wrap: break-word;
  }
  .brand-site .portrait {
    width: 100%;
    max-width: 373px;
    min-width: 0;
    height: auto;
    aspect-ratio: 10 / 11;
  }
  .brand-site .portrait > img { position: absolute; inset: 0; }
  .brand-site .hero-actions { flex-wrap: wrap; gap: 12px 20px; }
  .brand-site .journal-grid { grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); }
  .brand-site .club-experience { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .brand-site .journal-grid > *,
  .brand-site .club-experience > *,
  .brand-site .library-story { min-width: 0; }
}
@media (min-width: 761px) and (max-width: 1000px) {
  .brand-site .journal-grid { grid-template-columns: minmax(0, 1fr); }
  .brand-site .portrait figcaption { inset-inline: 10px; bottom: 10px; padding: 10px 12px; }
  .brand-site .portrait figcaption strong { font-size: 14px; }
  .brand-site .portrait-link { flex-shrink: 0; }
}