/* ============================================================
   AAA CREATIVE LAB — SITE TYPE SCALE (loaded last on every page)
   One size per role across home, portfolio, services, cases, 404.
   Sizes at 1440px in brackets.
   ============================================================ */

/* D1 — page / hero headline [54px] */
.hero__h1, .hero__title, .page-head__title, .head__title, .copy__h1 {
  font-size: clamp(30.8px, 3.78vw, 72.8px) !important; line-height: 0.92 !important; letter-spacing: -0.03em !important;
}
/* D2 — contact / closing headline [48px] */
.contact__title, .outro__title {
  font-size: clamp(28px, 3.36vw, 61.6px) !important; line-height: 0.94 !important; letter-spacing: -0.02em !important;
}
/* D3 — section headline [44px] */
.work__title, .magic__title, .team__title, .clients__title,
.scope__h2, .scope__title, .custom__h2,
.concept__title, .board__title, .gallery__title, .redesign__title, .split__title {
  font-size: clamp(25.2px, 3.08vw, 50.4px) !important; line-height: 0.94 !important; letter-spacing: -0.02em !important;
}
/* D4 — sub-section headline [37px] */
.ai-promo__h3, .cgi__h3, .avatars__h3, .scope__h3,
.ai-promo__label, .cgi__label, .avatars__label {
  font-size: clamp(22px, 2.6vw, 37.4px) !important; line-height: 0.96 !important; letter-spacing: -0.02em !important;
}
/* Statement — large intro sentence [28px] */
.about__lede, .areas__p, .desc__p {
  font-size: clamp(20px, 1.95vw, 28px) !important; line-height: 1.4 !important;
}
/* Lede — hero subline, contact intro [18px] */
.hero__sub, .page-head__lede, .contact__lede, .head__lede, .copy__body {
  font-size: 18px !important; line-height: 1.55 !important;
}
@media (max-width: 720px) {
  .hero__sub, .page-head__lede, .contact__lede, .head__lede, .copy__body { font-size: 16px !important; }
}
/* Mono meta [10px] */
.contact__label, .footer__copy, .team__count, .clients__count, .scope__eyebrow {
  font-size: 10px !important; letter-spacing: 0.22em !important;
}