.commercial-page { background: var(--color-background); }
.commercial-page .eyebrow { font-size: .75rem; }
.commercial-page .desktop-nav a[aria-current="location"], .commercial-page .mobile-nav a[aria-current="location"] { color: var(--color-accent-dark); text-decoration: underline; text-underline-offset: 6px; }
.commercial-page .text-link { max-width: 100%; }
.commercial-breadcrumb { display: flex; flex-wrap: wrap; align-items: center; gap: 9px; padding-block: 20px; color: var(--color-muted); font-size: .82rem; }
.commercial-breadcrumb a { color: var(--color-text); }
.commercial-breadcrumb a:hover { text-decoration: underline; text-underline-offset: 4px; }
.commercial-hero { padding-block: 24px 66px; }
.commercial-hero__grid { display: grid; align-items: center; gap: 34px; }
.commercial-hero__copy { min-width: 0; }
.commercial-hero h1 { max-width: 650px; margin-bottom: 24px; font-size: clamp(2.55rem, 4.8vw, 4.45rem); font-weight: 400; letter-spacing: -.052em; line-height: 1.08; }
.commercial-hero__copy > p:not(.eyebrow) { max-width: 570px; margin-bottom: 0; color: var(--color-text-secondary); font-size: 1.06rem; line-height: 1.74; }
.commercial-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 19px 24px; margin-top: 31px; }
.commercial-hero__visual, .commercial-brand__visual { position: relative; height: 390px; margin: 0; overflow: hidden; border-radius: var(--radius); }
.commercial-hero__visual img, .commercial-brand__visual img { width: 100%; height: 100%; object-fit: cover; }
.commercial-hero__visual img { object-position: center 58%; }
.commercial-hero__visual figcaption, .commercial-brand__visual figcaption { position: absolute; right: 13px; bottom: 13px; max-width: calc(100% - 26px); padding: 5px 9px; border-radius: 4px; background: rgba(244,246,243,.96); color: var(--color-text); font-size: .75rem; line-height: 1.3; }
.commercial-heading { max-width: 890px; margin: 0 auto 43px; text-align: center; }
.commercial-heading .eyebrow, .commercial-manifesto .eyebrow, .commercial-reading .eyebrow, .commercial-neighbors .eyebrow, .commercial-projects .eyebrow, .commercial-final-cta .eyebrow { justify-content: center; }
.commercial-heading .section-title { margin-inline: auto; margin-bottom: 17px; }
.commercial-heading > p:last-child:not(.eyebrow) { max-width: 710px; margin: 0 auto; color: var(--color-text-secondary); font-size: 1.02rem; line-height: 1.72; }

.commercial-moments { background: #fff; }
.commercial-moments__grid { display: grid; gap: 20px; }
.commercial-moments__grid article { min-width: 0; padding: 28px 28px 30px; border-top: 2px solid var(--color-accent); border-bottom: 1px solid var(--color-border); }
.commercial-moments h3, .commercial-context h3, .commercial-people h3, .commercial-planning h3 { margin-bottom: 14px; font-size: clamp(1.45rem, 2.4vw, 1.95rem); font-weight: 450; letter-spacing: -.034em; line-height: 1.2; }
.commercial-moments p, .commercial-context p, .commercial-people p, .commercial-planning p { margin-bottom: 0; color: var(--color-text-secondary); font-size: 1rem; line-height: 1.72; }
.commercial-context { background: var(--color-background); }
.commercial-context__grid { display: grid; gap: 20px; }
.commercial-context__grid article { min-width: 0; min-height: 315px; padding: 31px 30px 34px; border: 1px solid var(--color-border); border-radius: var(--radius); background: #fff; }
.commercial-context__grid p + p { margin-top: 19px; padding-top: 17px; border-top: 1px solid var(--color-border); }
.commercial-context a, .commercial-faq .faq-item a { color: var(--color-text); font-weight: 650; text-decoration: underline; text-decoration-color: var(--color-accent); text-underline-offset: 4px; }
.commercial-manifesto { background: var(--color-forest); color: #fff; text-align: center; }
.commercial-manifesto__inner { max-width: 880px; }
.commercial-manifesto .section-title { margin-inline: auto; }
.commercial-manifesto__inner > p:not(.eyebrow) { max-width: 720px; margin: 0 auto; color: #eef3ed; font-size: 1.06rem; line-height: 1.8; }

.commercial-people { background: #fff; }
.commercial-people__grid { display: grid; gap: 26px; }
.commercial-people__grid article { min-width: 0; padding: 28px 0 0; border-top: 1px solid var(--color-border); }
.commercial-rule { display: block; width: 40px; height: 2px; margin-bottom: 22px; background: var(--color-accent); }
.commercial-brand { background: var(--color-background); }
.commercial-brand__grid { display: grid; align-items: center; gap: 36px; }
.commercial-brand__copy { min-width: 0; }
.commercial-brand__copy .section-title { margin-bottom: 25px; }
.commercial-brand__copy > p:not(.eyebrow) { margin-bottom: 19px; color: var(--color-text-secondary); font-size: 1.02rem; line-height: 1.76; }
.commercial-brand__copy > p:last-child { margin-bottom: 0; }
.commercial-brand__visual img { object-position: center 56%; }
.commercial-continuity { background: #e8ede9; }
.commercial-continuity__note { display: flex; flex-direction: column; align-items: center; gap: 22px; max-width: 760px; margin: 0 auto; padding: 25px 35px 0; border-top: 1px solid var(--color-border); text-align: center; }
.commercial-continuity__note p { margin: 0; color: var(--color-text-secondary); line-height: 1.7; }

.commercial-services { background: #fff; text-align: center; }
.commercial-services__grid { display: grid; gap: 1px; padding: 1px; background: var(--color-border); text-align: left; }
.commercial-services__grid a { display: flex; flex-direction: column; min-width: 0; min-height: 260px; padding: 30px 27px; background: #fff; transition: background-color .18s ease; }
.commercial-services__grid a:hover { background: var(--color-background); }
.commercial-services__grid h3 { margin-bottom: 14px; font-size: 1.4rem; font-weight: 500; letter-spacing: -.03em; line-height: 1.2; }
.commercial-services__grid p { margin-bottom: 25px; color: var(--color-text-secondary); font-size: 1rem; line-height: 1.68; }
.commercial-services__grid span { margin-top: auto; font-size: .875rem; font-weight: 650; }
.commercial-services__hub { margin-top: 29px; }
.commercial-planning { background: var(--color-background); }
.commercial-planning__grid { display: grid; gap: 22px; }
.commercial-planning__grid article { min-width: 0; padding: 26px 27px 30px; border: 1px solid var(--color-border); border-radius: var(--radius); background: #fff; }
.commercial-planning__grid h3 { font-size: 1.45rem; }

.commercial-projects { background: #fff; }
.commercial-projects__panel { max-width: 1000px; margin-inline: auto; padding: 54px 28px; border-radius: var(--radius); background: var(--color-ink); color: #fff; text-align: center; }
.commercial-projects__panel .section-title { max-width: 780px; margin: 0 auto 22px; }
.commercial-projects__panel > p:not(.eyebrow) { max-width: 680px; margin: 0 auto 29px; color: #e8ede9; font-size: 1.02rem; line-height: 1.75; }
.commercial-reading { background: var(--color-background); text-align: center; }
.commercial-reading__inner, .commercial-neighbors__inner { max-width: 850px; }
.commercial-reading .section-title, .commercial-neighbors .section-title { margin-inline: auto; }
.commercial-reading__inner > p:not(.eyebrow), .commercial-neighbors__inner > p:not(.eyebrow) { max-width: 720px; margin: 0 auto 25px; color: var(--color-text-secondary); font-size: 1.02rem; line-height: 1.75; }
.commercial-reading__inner > .commercial-reading__about { margin: 28px auto 0; font-size: .94rem; }
.commercial-reading__about a { color: var(--color-text); font-weight: 650; text-decoration: underline; text-decoration-color: var(--color-accent); text-underline-offset: 4px; }
.commercial-faq { text-align: center; }
.commercial-faq__inner { max-width: 930px; }
.commercial-faq .faq__items { text-align: left; }
.commercial-faq .faq-item summary, .commercial-faq .faq-item p { font-size: 1rem; }
.commercial-faq .faq-item p { line-height: 1.7; }
.commercial-faq__all { margin-top: 27px; }
.commercial-neighbors { background: #fff; text-align: center; }
.commercial-final-cta .final-cta__canvas { background: linear-gradient(100deg, #203025, #405742); }
.commercial-final-cta .final-cta__content { text-align: center; }
.commercial-final-cta h2, .commercial-final-cta .final-cta__content > p:not(.eyebrow) { margin-inline: auto; }
.commercial-final-cta .final-cta__content > p:not(.eyebrow) { max-width: 650px; }
.commercial-final-cta .commercial-actions { justify-content: center; }
.commercial-final-cta .text-link { color: #fff; border-color: #dce5dc; }
.commercial-final-cta .text-link:hover { color: #fff; border-color: #fff; }

@media (min-width: 700px) {
  .commercial-hero__grid, .commercial-context__grid, .commercial-people__grid, .commercial-brand__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .commercial-hero__visual { height: clamp(440px, 40vw, 550px); }
  .commercial-brand__visual { height: clamp(350px, 35vw, 465px); }
  .commercial-moments__grid, .commercial-services__grid, .commercial-planning__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 699px) {
  .commercial-hero { padding-block: 18px 58px; }
  .commercial-hero h1 { font-size: clamp(2.35rem, 9.5vw, 3.15rem); }
  .commercial-hero__copy > p:not(.eyebrow) { font-size: 1rem; }
  .commercial-actions { flex-direction: column; align-items: stretch; }
  .commercial-actions .button { width: 100%; }
  .commercial-actions .text-link { align-self: center; }
  .commercial-hero__visual { height: 320px; }
  .commercial-brand__visual { height: 300px; }
  .commercial-continuity__note { padding-inline: 0; }
  .commercial-context__grid article, .commercial-services__grid a { min-height: 0; }
}