body { font-size: 16px; line-height: 1.6; }
h1, h2, h3 { font-weight: 650; }
p { line-height: 1.6; }
.header .brand, .footer .brand { font-size: 21px; letter-spacing: 0; }
.header nav a { font-size: 14px; } .eyebrow { font-size:13px; line-height: 1.5; letter-spacing: 0; }
.button, .header-cta, .team .button,
.text-link, .h3-copy .text-link { font-size: 14px; line-height: 1.4; }
.h3-nav a { font-size: 14px; }
.h3-copy h2 { font-size: clamp(30px, 3vw, 44px); line-height: 1.12; letter-spacing: 0; margin-bottom: 18px; font-stretch: normal; }
.h3-description, .h3-benefits { font-size: clamp(14px, 1.15vw, 17px); }
.h3-description { line-height: 1.65; letter-spacing: 0; margin-bottom: 16px; }
.h3-break { display: none; }
.h3-label, .h3-growth .h3-label { font-size: 11px; line-height: 1.5; letter-spacing: 0; gap: 14px; white-space: normal; margin-bottom: 14px; }
.h3-label > span { font-size: 22px; line-height: 1; }
.h3-benefits { color: #7774ac; line-height: 1.5; }
.h3-growth-benefits h3 { font-size: 15px; line-height: 1.35; letter-spacing: 0; white-space: normal; }
.h3-growth-benefits p { font-size: 14px; line-height: 1.5; white-space: normal; }
.workflow h2, .team h2 { font-size: clamp(27px, 2.4vw, 36px); line-height: 1.22; letter-spacing: 0; white-space: normal; }
.workflow-number { font-size: 30px; line-height: 1.15; letter-spacing: 0; }
.workflow h3 { font-size: 16px; line-height: 1.35; letter-spacing: 0; white-space: normal; }
.workflow p { font-size: 16px; line-height: 1.65; letter-spacing: 0; }
.team-copy p { font-size: 16px; line-height: 1.7; }
.glass-card h3 { font-size: 17px; line-height: 1.3; letter-spacing: 0; white-space: normal; }
.glass-card p { font-size: 14px; line-height: 1.6; }
.footer-grid h3 { font-size: 15px; line-height: 1.4; }
.footer-grid p, .footer-grid > div > a:not(.brand), .footer-grid > div > button { font-size: 14px; line-height: 1.6; }
.footer-bottom, .footer-bottom button { font-size: 12px; line-height: 1.5; }

@media (min-width: 701px) {
  .h3-benefits { color: #726780; }
  .h3-row, .h3-growth {
    display: grid; grid-template-columns: 36% 42% 18%; gap: 2%;
    width: 88%; max-width: 1440px; height: auto; min-height: 360px;
    margin-inline: auto; padding: 40px 0;
  }
  .h3-copy, .h3-development .h3-copy, .h3-growth .h3-copy {
    position: relative; left: auto; top: auto; width: auto;
  }
  .h3-screen, .h3-development > .h3-screen, .h3-growth .h3-screen {
    position: relative; left: auto; top: auto; width: 100%; height: auto;
    margin: 0; object-fit: contain;
  }
  .h3-benefits, .h3-growth-benefits { position: relative; left: auto; top: auto; margin: 0; }
  .h3-benefits li { white-space: normal; padding-left: 20px; margin-bottom: 14px; }
  .h3-development { grid-template-columns: 55% 39%; gap: 6%; }
  .h3-growth-benefits li { gap: 10px; margin-bottom: 24px; }
  .h3-icon { width: 25px; height: 25px; font-size: 17px; }
}
@media (min-width: 701px) and (max-width: 1050px) {
  .h3-row, .h3-growth { grid-template-columns: 46% 50%; gap: 4%; }
  .h3-development { grid-template-columns: 50% 46%; }
  .h3-benefits { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: 12px; }
  .h3-growth-benefits { grid-column: 1 / -1; display: flex; gap: 22px; }
  .h3-growth-benefits li { flex: 1; margin: 0; }
}
@media (max-width: 760px) {
  .header .brand { font-size: 17px; }
  .header-cta { font-size: 12px; }
  .h3-copy h2 { font-size: 34px; }
  .h3-nav a { font-size: 13px; }
  .team-copy p { font-size: 15px; }
  .glass-card h3 { font-size: 14px; }
  .glass-card p { font-size: 12px; }
  .workflow h2 { font-size: 28px; }
  .workflow h3 { font-size: 17px; }
  .workflow p { font-size: 16px; }
  .footer .brand { font-size: 21px; }
}
@media (max-width: 420px) {
  .header .brand { font-size: 15px; }
  .header-cta { font-size: 11px; }
  .header-cta > span { display: none; }
}

h1, h2, h3, h4, h5, h6,
.h3-copy h2,
.h3-growth-benefits h3,
.studio-sections h2,
.studio-sections h3,
.workflow h2,
.workflow h3 {
  font-family: var(--font-heading);
}

.h3-benefits li {
  display: flex;
  align-items: center;
  gap: .65em;
  padding-left: 0;
}

.h3-benefits li::before {
  content: '';
  position: static;
  flex: 0 0 1em;
  width: 1em;
  height: 2px;
  background: #a596ff;
  border-radius: 2px;
  font-size: inherit;
}

.h3-icon svg { display: block; width: 68%; height: 68%; }