/* Brawnd editorial cleanup v1
   Reduce space that no longer serves the simplified copy while preserving
   the deliberate editorial rhythm of the site. */

.b2-section {
  padding: clamp(88px, 8vw, 126px) 0 !important;
}

.b2-section-head {
  grid-template-columns: 130px minmax(0, 1fr) !important;
  gap: clamp(32px, 5vw, 72px) !important;
  margin-bottom: clamp(44px, 5vw, 68px) !important;
}

.b2-section-head p {
  margin-top: 18px !important;
}

.b2-strength-item {
  min-height: 290px !important;
}

.b2-engagement {
  min-height: 340px !important;
  padding: clamp(28px, 3.4vw, 46px) !important;
}

.b2-engagement:nth-child(3) {
  min-height: 260px !important;
}

.b2-engagement h3 {
  margin-top: clamp(68px, 8vw, 110px) !important;
}

.b2-engagement:nth-child(3) h3 {
  margin-top: 58px !important;
}

.b2-inline-cta {
  margin-top: 28px !important;
}

.studio-hero {
  padding: 150px 0 90px !important;
}

.studio-hero-grid,
.studio-section-head {
  grid-template-columns: 130px minmax(0, 1fr) !important;
  gap: clamp(32px, 5vw, 72px) !important;
}

.studio-hero-lead {
  margin-top: 24px !important;
}

.studio-section {
  padding: clamp(84px, 8vw, 124px) 0 !important;
}

.studio-section-head {
  margin-bottom: 52px !important;
}

.studio-section-head p {
  margin-top: 18px !important;
}

.studio-block {
  min-height: 290px !important;
  padding: 36px !important;
}

.studio-block h3 {
  margin-top: 84px !important;
}

.studio-process-row {
  padding: 28px 0 !important;
}

.studio-cta {
  padding: 82px 0 96px !important;
}

.footer-top {
  padding-top: 56px !important;
}

.footer-bottom {
  justify-content: flex-start !important;
}

/* Premium navigation CTA: structured, restrained and intentionally not pill-shaped. */
.nav-links .nav-cta {
  padding: 12px 20px !important;
  color: #fff !important;
  background: linear-gradient(135deg, #711a3b 0%, #4f1028 100%) !important;
  border: 1px solid rgba(255, 255, 255, .13) !important;
  border-radius: 10px !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 10px 28px rgba(57, 8, 27, .24) !important;
  transition: background .35s var(--ease), border-color .35s var(--ease), box-shadow .35s var(--ease), transform .35s var(--ease);
}

.nav-links .nav-cta:hover {
  color: #fff !important;
  background: linear-gradient(135deg, #812047 0%, #5b122e 100%) !important;
  border-color: rgba(255, 255, 255, .2) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 14px 34px rgba(57, 8, 27, .32) !important;
  transform: translateY(-2px) !important;
}

/* Match the homepage hero CTA shape to the premium header CTA. */
.b2-hero .btn-primary {
  border-radius: 10px !important;
  padding-inline: 23px !important;
}

@media (max-width: 980px) {
  .b2-section-head,
  .studio-hero-grid,
  .studio-section-head {
    grid-template-columns: 120px minmax(0, 1fr) !important;
    gap: 34px !important;
  }

  .b2-engagement {
    min-height: 310px !important;
  }

  .studio-block {
    min-height: 270px !important;
    padding: 30px !important;
  }
}

@media (max-width: 760px) {
  .b2-section {
    padding: 76px 0 !important;
  }

  .b2-section-head,
  .studio-hero-grid,
  .studio-section-head {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    margin-bottom: 38px !important;
  }

  .b2-strength-item {
    min-height: 205px !important;
  }

  .b2-engagement,
  .b2-engagement:nth-child(3) {
    min-height: 280px !important;
  }

  .b2-engagement h3,
  .b2-engagement:nth-child(2) h3,
  .b2-engagement:nth-child(3) h3 {
    margin-top: 66px !important;
  }

  .studio-hero {
    padding: 122px 0 68px !important;
  }

  .studio-section {
    padding: 74px 0 !important;
  }

  .studio-block {
    min-height: 235px !important;
    padding: 26px !important;
  }

  .studio-block h3 {
    margin-top: 62px !important;
  }

  .studio-process-row {
    padding: 24px 0 !important;
  }

  .studio-cta {
    padding: 70px 0 80px !important;
  }
}