.directory-hero{background:var(--deep);color:white;padding:75px var(--gutter);display:grid;grid-template-columns:1.3fr .65fr;gap:8vw;align-items:end}
.directory-hero .eyebrow{background:var(--jw-teal-500);color:var(--deep)}
.service-directory .directory-hero h1{font-size:clamp(40px,4.6vw,70px);line-height:1.07;letter-spacing:-.045em}
.directory-hero>p{color:#bdd0dd;font-size:12px;line-height:1.9;margin:0;max-width:400px}
.directory-browser{padding:55px var(--gutter) var(--section);background:var(--jw-tint-blue)}
.directory-tools{display:grid;grid-template-columns:1.7fr .65fr;gap:35px;align-items:end;margin-bottom:32px}
.directory-filters{display:flex;flex-wrap:wrap;gap:8px}
.directory-filters button{border:1px solid var(--border);background:white;color:var(--ink);font-size:9px;font-weight:600;padding:11px 14px;min-height:42px;line-height:1.4;transition:border-color .2s,background .2s}
.directory-filters button[aria-pressed=true]{color:white;background:var(--navy);border-color:var(--navy)}
.directory-filters button:hover{border-color:var(--jw-teal-800)}
.directory-search label{display:block;font-size:9px;font-weight:600;margin-bottom:9px}
.directory-search>div{position:relative}.directory-search input{width:100%;min-height:45px;background:white;border:1px solid #899aaf;padding:12px 38px 12px 13px;color:var(--ink);font-size:10px;border-radius:0}
.directory-search input::-webkit-search-cancel-button{-webkit-appearance:none}
.directory-clear{position:absolute;right:1px;top:1px;width:36px;height:43px;background:white;color:var(--jw-teal-800);font-size:20px}
.directory-clear[hidden]{display:none}
.directory-results-heading{display:flex;justify-content:space-between;gap:24px;border-top:1px solid var(--border);padding:25px 0 20px;color:var(--muted);font-size:8px;letter-spacing:.1em}
#directory-count{white-space:nowrap;font-variant-numeric:tabular-nums}
.directory-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.directory-card{position:relative;display:flex;flex-direction:column;border:1px solid var(--border);background:white;padding:23px;min-height:250px;transition:background .2s,border-color .2s}
.directory-card[hidden]{display:none}.directory-card:hover{background:var(--jw-tint-teal);border-color:var(--jw-teal-800)}
.directory-card>span{color:var(--jw-teal-800);font-size:8px;font-weight:600;line-height:1.6;text-transform:uppercase;letter-spacing:.07em;margin-bottom:24px;max-width:90%}
.service-directory .directory-card h2{font-size:21px;line-height:1.25;letter-spacing:-.035em;margin:0 0 16px}
.directory-card p{font-size:10px;color:var(--muted);line-height:1.8;margin:0 0 26px}
.directory-card>b{font-size:23px;font-weight:400;color:var(--jw-teal-800);margin-top:auto;align-self:flex-end;line-height:1}
.directory-empty{text-align:center;padding:65px 20px;background:white;border:1px solid var(--border)}
.directory-empty[hidden]{display:none}.directory-empty h2{font-size:28px}.directory-empty p{color:var(--muted);margin:15px 0 25px}.directory-empty button{font-size:11px}
@media(max-width:1100px){.directory-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.directory-tools{grid-template-columns:1.3fr .65fr}}
@media(max-width:780px){.directory-hero{grid-template-columns:1fr;gap:28px;padding-top:55px;padding-bottom:55px}.directory-hero>p{max-width:600px}.directory-tools{grid-template-columns:1fr;gap:22px}.directory-search{max-width:450px}.directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.directory-card{padding:22px;min-height:230px}}
@media(max-width:480px){.service-directory .directory-hero h1{font-size:39px}.directory-browser{padding-top:35px}.directory-filters button{font-size:8px;padding:10px 12px}.directory-card{padding:17px;min-height:250px}.service-directory .directory-card h2{font-size:18px}.directory-card>span{font-size:7px;margin-bottom:20px}.directory-card p{font-size:9px}.directory-grid{gap:9px}.directory-results-heading{font-size:7px;gap:16px}.directory-empty h2{font-size:24px}}
@media(prefers-reduced-motion:reduce){.directory-card,.directory-filters button{transition:none}}