/* Scoped content improvements; the established identity remains the foundation. */
.case-story > h2, .offer-section > h2 { max-width: 19ch; }
.case-copy { font-family: var(--face-editorial); display: grid; grid-template-columns: 1fr 1fr; gap: clamp(1.5rem, 4vw, 5rem); max-width: 75rem; font-size: clamp(1rem, 1.5vw, 1.3rem); line-height: 1.65; }
.case-pair, .case-studies { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2rem; }
.case-studies { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.case-story figure { margin: 0; min-width: 0; }
.case-story img { width: 100%; height: auto; display: block; border: 1px solid currentColor; }
.case-story figcaption { font-family: var(--face-editorial); margin-top: .8rem; max-width: 48ch; font-size: .875rem; line-height: 1.5; }
.offer { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.3fr); gap: clamp(2rem, 6vw, 7rem); border-top: 1px solid currentColor; padding-block: clamp(2rem, 5vw, 5rem); }
.offer-heading { display: flex; flex-direction: column; align-items: flex-start; gap: 1.5rem; }
.offer h3, .offer-lab h3 { font-family: var(--face-mass); font-weight: 400; text-transform: uppercase; font-size: clamp(2rem, 3.5vw, 4rem); line-height: 1.1; max-width: 20ch; }
.offer dl { display: grid; gap: 1.6rem; margin: 0; }
.offer dd { font-family: var(--face-editorial); margin: .5rem 0 0; line-height: 1.6; max-width:  60ch; }
.offer-lab { border-top: 1px solid currentColor; padding-block: 2rem; display: grid; gap: 1.25rem; }
.offer-lab p { font-family: var(--face-editorial); line-height: 1.6; max-width:  60ch; }
.contact-intro { min-height: auto; grid-template-columns: 1fr; padding-bottom: 2rem; }
.contact-intro .page-field { display: none; }
.contact-intro h1 { max-width: 12ch; }
.contact-layout { padding-top: 2rem; }
.contact-followup { font-family: var(--face-editorial); margin-block: 2rem; max-width:  40ch; line-height: 1.6; }
.field-help { font-family: var(--face-editorial); font-size: .875rem; line-height: 1.5; margin: 0; }
@media (max-width: 700px) {
 .case-copy, .case-pair, .case-studies, .offer { grid-template-columns: 1fr; }
 .case-studies img { max-width: 480px; }

}

@media (min-width: 901px) {
 .contact-layout form { grid-column: 2; grid-row: 1; }
 .contact-layout > div { grid-column: 1; grid-row: 1; }
}