#hh-directory-index{background:#171717;color:#fafafa;font:16px/1.6 Roboto,system-ui,sans-serif;padding:120px 20px 56px;color-scheme:dark}
#hh-directory-index *{box-sizing:border-box}
#hh-directory-index .hh-di-container{max-width:1280px;margin:auto}
#hh-directory-index h1,#hh-directory-index h2,#hh-directory-index p{font-family:inherit;color:inherit;margin:0}
#hh-directory-index .hh-di-intro{max-width:800px;margin-bottom:30px}
#hh-directory-index .hh-di-label{color:#ff617e;text-transform:uppercase;letter-spacing:2px;font-size:12px;font-weight:600;margin-bottom:12px}
#hh-directory-index h1{font-size:42px;font-weight:750;line-height:1.15;margin-bottom:16px}
#hh-directory-index .hh-di-intro>p:last-child{color:#c9c9ce;font-size:17px}
#hh-directory-index a{color:inherit;text-decoration:none}
#hh-directory-index .hh-di-nav{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:25px}
#hh-directory-index .hh-di-nav a{border:1px solid #555;border-radius:99px;padding:7px 18px;font-size:14px}
#hh-directory-index .hh-di-nav a[aria-current="page"]{background:#e4002b;border-color:#e4002b}
#hh-directory-index .hh-di-search{background:#242424;border:1px solid #454545;padding:20px;border-radius:14px;margin-bottom:24px}
#hh-directory-index .hh-di-search label{display:block;margin-bottom:8px;font-size:14px}
#hh-directory-index .hh-di-search>div{display:flex;gap:12px;align-items:center}
#hh-directory-index .hh-di-search input:not([type="hidden"]){flex:1;min-width:0;background:#171717;border:1px solid #555;color:#fff;border-radius:9px;padding:11px 14px;font:inherit;box-shadow:none;height:46px;margin:0}
#hh-directory-index .hh-di-search button{border:0;background:#e4002b;color:#fff;border-radius:9px;padding:10px 22px;font:inherit;cursor:pointer}
#hh-directory-index .hh-di-search a{font-size:13px;color:#ddd;white-space:nowrap}
#hh-directory-index .hh-di-count{color:#aaa;margin:18px 0;font-size:14px}
#hh-directory-index .hh-di-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
#hh-directory-index .hh-di-card{overflow:hidden;background:#242424;border:1px solid #454545;border-radius:14px;transition:border-color .2s}
#hh-directory-index .hh-di-card:hover{border-color:#e4002b}
#hh-directory-index .hh-di-card img{width:100%;height:210px;object-fit:cover;display:block}
#hh-directory-index .hh-di-card a>div{padding:21px}
#hh-directory-index h2{font-size:22px;line-height:1.25;font-weight:650;margin-bottom:11px}
#hh-directory-index .hh-di-card p{font-size:13px;color:#bdbdc5;margin-bottom:10px;overflow-wrap:anywhere}
#hh-directory-index .hh-di-card .hh-di-tagline{color:#e8e8eb;font-size:14px;font-weight:550}
#hh-directory-index .hh-di-card .hh-di-location{color:#aaa;font-size:12px}
#hh-directory-index .hh-di-more{display:inline-block;color:#ff617e;font-size:13px;font-weight:600;margin-top:10px}
#hh-directory-index .hh-di-pagination{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:34px}
#hh-directory-index .hh-di-pagination>*{display:inline-flex;align-items:center;justify-content:center;border:1px solid #555;border-radius:9px;min-width:38px;height:38px;padding:5px 12px}
#hh-directory-index .hh-di-pagination .current{background:#e4002b;border-color:#e4002b}
#hh-directory-index :focus-visible{outline:2px solid #ff617e;outline-offset:4px}
@media(max-width:950px){#hh-directory-index .hh-di-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){#hh-directory-index{padding:95px 14px 36px}#hh-directory-index h1{font-size:32px}#hh-directory-index .hh-di-intro>p:last-child{font-size:15px}#hh-directory-index .hh-di-grid{grid-template-columns:1fr}#hh-directory-index .hh-di-search>div{flex-wrap:wrap}#hh-directory-index .hh-di-search input:not([type="hidden"]){flex-basis:70%;font-size:16px}#hh-directory-index .hh-di-card img{height:220px}}