/* Public-page refinements; existing site and administration styles are unchanged. */
.page-brands .subhero,
.page-about .subhero,
.page-contact .subhero,
.page-merch .subhero,
.page-privacy .subhero {
  padding-top: 58px;
  padding-bottom: 44px;
}

.page-brands .subhero h1,
.page-about .subhero h1,
.page-contact .subhero h1,
.page-merch .subhero h1,
.page-privacy .subhero h1 {
  max-width: 850px;
  font-size: clamp(34px, 4.1vw, 56px);
  line-height: 1.14;
  letter-spacing: -.045em;
}

.page-about .about-copy h2,
.page-brands .partnerships-section > h2 {
  font-size: clamp(28px, 3vw, 40px);
  line-height: 1.16;
}

.subhero .eyebrow {
  margin-bottom: 20px;
}

.portfolio-intro {
  max-width: 700px;
  margin: 24px 0 4px;
  color: var(--muted);
}

.brand-inquiry-shortcut {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  margin-top: 10px;
  font-size: 16px;
  font-weight: 500;
  text-underline-offset: 5px;
}

#brand-representation {
  scroll-margin-top: 24px;
}

.regional-note {
  max-width: 680px;
  margin: 22px 0 0;
  color: var(--muted);
}

.page-about .about-title .light {
  display: block;
  max-width: 24ch;
}

.page-privacy .privacy-copy {
  max-width: 800px;
  padding-bottom: 64px;
}

.page-privacy .privacy-copy h2 {
  font-size: clamp(25px, 2.8vw, 34px);
  line-height: 1.2;
  margin-top: 36px;
}

.foot {
  flex-wrap: wrap;
}

@media (max-width: 620px) {
  .page-brands .subhero,
  .page-about .subhero,
  .page-contact .subhero,
  .page-merch .subhero,
  .page-privacy .subhero {
    padding-top: 38px;
    padding-bottom: 34px;
  }

  .page-brands .subhero h1,
  .page-about .subhero h1,
  .page-contact .subhero h1,
  .page-merch .subhero h1,
  .page-privacy .subhero h1 {
    font-size: clamp(32px, 8.8vw, 40px);
  }

  .portfolio-intro,
  .regional-note {
    margin-top: 20px;
  }
}