/* Shared reading rhythm for the landing and the WordPress editor. */
.hero { min-height: 76svh; padding: 146px 0 76px; }
.hero-copy .eyebrow { font-size: clamp(.95rem,1.45vw,1.2rem); font-weight: 500; line-height: 1.55; letter-spacing: .12em; color: var(--copy); text-wrap: balance; }
.wp-block-post-content .eyebrow { margin: 0 auto 30px; }
.hero-sub { line-height: 1.65; }
.home .section-kicker, .editor-styles-wrapper .section-kicker { font-size: .85rem; letter-spacing: .16em; line-height: 1.5; }
.values { min-height: 0; padding: 48px 0 64px; }
.values .section-kicker { margin-bottom: 24px; }
.values-stage { height: 430px; }
.why { padding: 72px 0; }
.why-grid { gap: clamp(36px,5vw,70px); }
.why-copy > p { line-height: 1.7; margin-bottom: 30px; }
.work { padding: 56px 0 72px; }
.work .section-kicker { margin-bottom: 32px; }
.area { padding-block: 32px; }
.area .examples { gap: 10px; margin-top: 20px; }
.contact { min-height: 0; padding-block: 80px; }
.contact-grid { gap: clamp(36px,5vw,70px); align-items: start; }
.contact-copy > p { line-height: 1.7; }
.contact .section-kicker { margin-bottom: 24px; }
.contact-card .contact-card-intro { line-height: 1.6; }
@media (max-width: 720px) {
  .hero { min-height: 72svh; padding: 138px 0 56px; }
  .hero-copy .eyebrow { max-width: 28em; font-size: .95rem; letter-spacing: .09em; }
  .wp-block-post-content .eyebrow { margin-bottom: 25px; }
  .wp-block-post-content .hero-sub { margin-top: 26px; }
  .home .section-kicker, .editor-styles-wrapper .section-kicker { font-size: .8rem; letter-spacing: .13em; }
  .values { padding: 40px 0 48px; }
  .values-stage { height: auto; gap: 28px 24px; margin-top: 30px; }
  .why { padding: 56px 0; }
  .why-grid { gap: 28px; }
  .work { padding: 40px 0 56px; }
  .work .section-kicker { margin-bottom: 28px; }
  .area { padding-block: 28px; row-gap: 18px; }
  .area .examples { margin-top: 18px; }
  .contact { padding-block: 60px; }
  .contact-grid { gap: 32px; }
}
@media (prefers-reduced-motion: reduce) {
  .values-stage { height: auto; }
}