.superclean-home {
  --cyan: #0cc0df;
  --navy: #1d3450;
}
.superclean-home .header .button {background:var(--navy);border-color:var(--navy);color:white}
.front-hero {position:relative;isolation:isolate;display:grid;align-items:center;min-height:clamp(440px,41vw,670px);background:var(--navy);color:white}
.front-hero picture,.front-hero img,.front-hero::before {position:absolute;inset:0;width:100%;height:100%}
.front-hero picture {z-index:-2}
.front-hero img {object-fit:cover;object-position:72% 48%}
.front-hero::before {content:"";z-index:-1;background:linear-gradient(90deg,rgba(13,36,57,.96),rgba(16,40,60,.83) 28%,rgba(16,40,60,.56) 49%,rgba(16,40,60,.12) 69%,transparent 82%)}
.front-intro {padding:clamp(36px,3.7vw,65px) var(--page-gutter)}
.front-intro h1,.front-finder h2 {font-family:system-ui,sans-serif;font-weight:750;letter-spacing:-.052em}
.front-intro h1 {font-size:clamp(53px,6vw,104px);line-height:.99;margin:0 0 16px;color:white}
.front-intro p {font-size:clamp(18px,1.6vw,25px);line-height:1.4;max-width:40ch;color:white;margin:0 0 27px}
.front-actions {display:flex;gap:14px 26px;align-items:center;flex-wrap:wrap}
.front-actions .button,.front-area,.full-directory {font-family:system-ui,sans-serif;font-weight:700}
.front-actions .button {color:#122b40;background:var(--cyan);border-color:var(--cyan)}
.front-area,.full-directory {font-size:14px;text-transform:uppercase;display:inline-flex;align-items:center;gap:.65em;padding:10px 0}
.front-area {color:white;text-decoration:underline;text-underline-offset:5px}
.front-actions a:focus-visible {outline-color:white}
.front-finder {padding-block:clamp(28px,3.4vw,54px)}
.finder-head {display:grid;grid-template-columns:1.3fr 1fr;gap:26px;align-items:end}
.front-finder h2 {font-size:clamp(30px,3.1vw,54px);line-height:1.05;margin:0}
.full-directory {color:var(--navy);font-size:12px;text-decoration:underline;text-underline-offset:3px}
.finder-search label {display:block;color:var(--navy);font-weight:700;margin-bottom:5px;font-size:14px}
.finder-input {display:flex;align-items:center;gap:12px;padding:0 13px;background:#f5f8fa;border:1px solid #71879a}
.finder-input input {width:100%;min-width:0;height:48px;font-size:16px;padding:0;border:0;background:transparent;color:var(--navy)}
.finder-input:focus-within {outline:2px solid var(--navy);outline-offset:2px}
.finder-input input:focus-visible {outline:none}
.finder-featured,.finder-results {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 25px;margin-top:22px}
.front-finder [hidden] {display:none}
.finder-featured a,.finder-results a {display:flex;gap:12px;align-items:center;min-width:0;padding:14px 0;border-top:1px solid #b7c7d0;color:var(--navy);font-family:system-ui,sans-serif;font-size:clamp(14px,1.2vw,19px);font-weight:700;line-height:1.35}
.finder-featured a {text-transform:uppercase}
.finder-featured small {color:#087386}
.finder-status {margin:16px 0 0;color:var(--navy)}
.finder-status:empty {margin:0}
.finder-featured a:hover,.finder-results a:hover {text-decoration:underline}
@media(max-width:760px) {
  .superclean-home .header .wordmark {flex-basis:auto;max-width:calc(100% - 66px)}
  .finder-head,.finder-featured,.finder-results {grid-template-columns:1fr;gap:0}
  .finder-search {margin-top:10px}
}
@media(max-width:640px) {
  .front-hero {min-height:460px;align-items:end}
  .front-hero img {object-position:55% 45%}
  .front-hero::before {background:linear-gradient(0deg,rgba(10,32,50,.98) 0%,rgba(14,36,55,.85) 40%,rgba(14,36,55,.22) 70%,transparent)}
  .front-intro {padding-block:clamp(160px,40vw,230px) 25px}
  .front-intro h1 {font-size:clamp(37px,8.5vw,51px);line-height:1.02}
  .front-intro h1 br:first-of-type {display:none}
  .front-intro p {font-size:17px;max-width:35ch;margin-bottom:16px}
  .front-actions {column-gap:18px;row-gap:3px}
  .front-area {font-size:12px}
}