/* finder-head-band
   Generated from the approved mockup CSS by wp-build/css.py, plus css-fixes/finder-head-band.css. */
.finder-head-band .f-search { max-width: 560px; }
.finder-head-band .f-search label { display: block; font-weight: 700; font-size: 16px; margin-bottom: 8px; }
.finder-head-band .f-search input { width: 100%; min-height: 52px; padding: 0 20px; border: 1.5px solid #8a958d; border-radius: 999px; font: 400 17px var(--sans); color: var(--ink); background: var(--card); }
.finder-head-band .f-search input::placeholder { color: #66716a; }
.finder-head-band { margin-top: var(--s3); background: var(--deep); color: #fff; padding: var(--s6) 0 var(--s6); }
.finder-head-band .fhead-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 520px); gap: var(--s4) var(--s7); align-items: end; }
.finder-head-band h1 { font-size: clamp(40px, 5.2vw, 68px); font-weight: 500; line-height: 1.05; color: #fff; }
.finder-head-band .fhead-lede { margin-top: var(--s3); font-size: 21px; line-height: 1.5; color: var(--on-deep-muted); max-width: 40ch; }
.finder-head-band .f-search { max-width: none; }
.finder-head-band .f-search label { color: #fff; }
.finder-head-band .f-search input { border-color: #fff; background: #fff; color: var(--ink-solid); }
.finder-head-band .f-search input::placeholder { color: #5c6660; }
.finder-head-band :focus-visible { outline-color: #fff; }
@media (max-width: 1000px) {
  .finder-head-band .fhead-grid { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 700px) {
  .finder-head-band { margin-top: var(--s2); padding: var(--s5) 0; }
  .finder-head-band .fhead-lede { font-size: 18px; margin-top: var(--s2); }
}