/* Services and Industries directory pages v17. Load after site-overrides.css. */
.directory-hero{padding:clamp(4rem,7vw,6.5rem) 0;background:radial-gradient(circle at 12% 15%,color-mix(in srgb,var(--teal) 16%,transparent),transparent 30%)}.directory-hero-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr);gap:clamp(3rem,6vw,6rem);align-items:center}.directory-hero-copy{min-width:0}.directory-hero h1{max-width:12ch;font-size:clamp(3rem,6vw,5.2rem);line-height:1.02}.directory-hero h1 em{color:var(--teal);font-style:normal}.directory-hero .lead{max-width:650px}.directory-hero-media{position:relative;width:100%;height:clamp(430px,38vw,590px);margin:0;overflow:hidden;border-radius:28px;box-shadow:var(--shadow)}.directory-hero-media>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.directory-hero-media>figcaption{position:absolute;left:1rem;right:1rem;bottom:1rem;display:grid;grid-template-columns:48px minmax(0,1fr);gap:.8rem;align-items:center;padding:1rem 1.15rem;border-radius:16px;background:#071112d9;color:#fff;backdrop-filter:blur(10px)}.directory-hero-media figcaption>span{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:var(--teal);color:#fff}.directory-hero-media figcaption b,.directory-hero-media figcaption small{display:block}.directory-hero-media figcaption small{color:#c4d1d2}.directory-list{padding:clamp(4rem,7vw,6.5rem) 0}.directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.directory-card{position:relative;display:grid;grid-template-columns:48px minmax(0,1fr);gap:1rem;min-width:0;min-height:250px;padding:1.35rem;border:1px solid var(--line);border-radius:22px;background:var(--surface);overflow:hidden}.directory-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:color-mix(in srgb,var(--teal) 12%,transparent);color:var(--teal)}.directory-copy{display:block;min-width:0}.directory-copy small,.directory-copy strong,.directory-copy em,.directory-copy b{display:block}.directory-copy small{color:var(--teal);font-size:.68rem;font-weight:850;letter-spacing:.1em}.directory-copy strong{margin:.25rem 0 .55rem;color:var(--text);font-size:1.2rem;line-height:1.25;overflow-wrap:anywhere}.directory-copy em{color:var(--muted);font-size:.9rem;font-style:normal;line-height:1.5}.directory-copy b{display:inline-flex;align-items:center;gap:.45rem;margin-top:1rem;color:var(--teal);font-size:.9rem}.directory-copy b svg{width:17px;height:17px;transition:transform .25s}.directory-card:hover .directory-copy b svg{transform:translateX(5px)}.directory-bridge{padding:clamp(3.5rem,6vw,5.5rem) 0;background:var(--surface);border-block:1px solid var(--line)}.directory-bridge .split{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2rem;align-items:center}.directory-bridge h2{max-width:14ch;font-size:clamp(2.2rem,4vw,3.8rem)}.directory-bridge p{max-width:760px}.directory-bridge .button{white-space:nowrap}@media(max-width:1050px){.directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.directory-hero-grid{grid-template-columns:minmax(0,.95fr) minmax(360px,1.05fr)}}@media(max-width:950px){.directory-hero{padding:2.5rem 0 3rem}.directory-hero-grid{grid-template-columns:1fr;gap:1.6rem}.directory-hero h1{font-size:clamp(2.5rem,9vw,4rem)}.directory-hero-media{display:grid;grid-template-rows:auto auto;height:auto;border:1px solid var(--line);border-radius:22px;background:var(--surface)}.directory-hero-media>img{height:clamp(240px,58vw,360px);min-height:0}.directory-hero-media>figcaption{position:static;inset:auto;margin:0;border-radius:0;background:var(--surface);color:var(--text);backdrop-filter:none}.directory-hero-media figcaption>span{width:44px;height:44px;background:color-mix(in srgb,var(--teal) 12%,transparent);color:var(--teal)}.directory-hero-media figcaption small{color:var(--muted)}.directory-bridge .split{grid-template-columns:1fr;align-items:start}.directory-bridge .button{width:max-content;max-width:100%}}@media(max-width:650px){.directory-hero .actions{display:grid;grid-template-columns:1fr}.directory-hero .actions .button{width:100%;justify-content:center}.directory-hero-media>img{height:clamp(220px,68vw,310px)}.directory-grid{grid-template-columns:1fr}.directory-card{grid-template-columns:42px minmax(0,1fr);min-height:0;padding:1rem}.directory-icon{width:42px;height:42px}.directory-list{padding:3.5rem 0}.directory-bridge{padding:3rem 0}.directory-bridge .button{width:100%;justify-content:center}}
