/* Shared visual language, originally established by the Legal landing page. */
@import url('../shared/industry-base.css');
@import url('../shared/hero-workflow.css');
@import url('../shared/local-founder.css');

/* Keep the firm’s message beside a hands-on example of its day-to-day work. */
.legal-hero .hero-content { padding-top: 140px; padding-bottom: 60px; }
.legal-hero-layout { display: grid; grid-template-columns: 1.08fr 1fr; gap: clamp(30px, 4vw, 64px); align-items: center; }
.legal-hero-copy { min-width: 0; }
.legal-hero h1 { font-size: clamp(2.8rem, 4.6vw, 4.25rem); line-height: 1.04; }
.legal-hero-copy > .eyebrow { font-size: .58rem; letter-spacing: .1em; }
.legal-hero .hero-copy { font-size: 1rem; }
.legal-hero .hero-actions .btn { font-size: .8rem; padding: 14px 18px; }
.legal-hero .hero-proof { display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 55px; padding-top: 25px; border-top: 1px solid var(--line); }
.legal-hero .hero-architecture { opacity: .25; }

@media (max-width: 900px) {
  .legal-hero-layout { grid-template-columns: 1fr; gap: 40px; }
  .legal-hero-copy { max-width: 650px; }
  .legal-hero h1 { font-size: clamp(3rem, 7vw, 4.25rem); }
}
@media (max-width: 700px) {
  .legal-hero .hero-content { padding-top: 118px; padding-bottom: 40px; }
  .legal-hero h1 { font-size: clamp(2.65rem, 10vw, 4rem); }
  .legal-hero .hero-proof { grid-template-columns: 1fr; gap: 18px; margin-top: 35px; }
}