/* Homepage clarity pass (Nov 2026): small additions only. Loaded after hero-industries.css. */
/* Hero left column: the introductory line sits close to the headline; a clearer step before the supporting sentence
   and the button. Font sizes are unchanged. Phones use slightly smaller steps so the button stays within easy reach. */
.hero-v5 .eyebrow { margin-bottom: 12px; }
.hero-v5 h1 { margin-bottom: 26px; }
.hero-v5 .lede { margin-bottom: 34px; }
@media (max-width: 700px) { .hero-v5 h1 { margin-bottom: 20px; } .hero-v5 .lede { margin-bottom: 26px; } }

/* Service panels: a full-width row under the text blocks, and links inside the tag lines */
.svc-tags a, a.svc-eg { color: var(--blue-deep); font-weight: 600; }
.svc-explain .svc-which { margin-top: 10px; }
.svc-explain .svc-more { margin: 12px 0 0; }
.svc-links .fine { margin-top: 10px; }
/* One height for all three tabs on desktop, the same 230px the page already uses from 701 to 1100px. Phones flow naturally. */
@media (min-width: 1101px) { .js .svc-explain { min-height: 230px; } }


/* Work stories: a quiet contact line, a section closer, and Deer Texas as the last block */
.feat-ask { margin: 14px 0 0; font-weight: 600; color: var(--navy); }
.feat-ask a { color: var(--blue-deep); }
.feat-glam .feat-ask { color: #fff; } .feat-glam .feat-ask a { color: #D9C2FF; }
.section-work .feat-glam { margin-top: 8px; }
.dt.dt-last { margin-bottom: 0; }
.work-close { padding-top: 56px; justify-content: center; }
.work-close p { font-family: var(--font-display); font-weight: 800; font-size: 1.25rem; color: var(--navy); letter-spacing: -.01em; }
.how-more { margin-top: 28px; }

/* Contact: what happens next, and where we are */
.contact-next { margin: 12px 0 0; color: var(--text-2); max-width: 30em; }
.contact-where { margin: 14px 0 0; font-size: .95rem; color: var(--text-2); }
@media (max-width: 700px) { .work-close { padding-top: 40px; justify-content: flex-start; } }