/* Search comes before decorative imagery on narrow screens. */
.is-home .home-hero{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;padding-block:30px 28px;align-items:center}
.is-home .hero-copy{min-width:0}
.is-home .location-label{display:block;background:none;border-radius:0;padding:0;margin:0 0 12px;font-size:12px;font-weight:600;color:var(--muted);letter-spacing:0;line-height:1.5}
.is-home .hero-copy h1{font-size:clamp(30px,7.6vw,44px);font-weight:750;line-height:1.13;letter-spacing:-.045em}
.is-home .hero-copy h1 span{color:var(--blue)}
.is-home .hero-description{max-width:510px;font-size:14px;line-height:1.65;margin:16px 0 0;color:#536077}
.is-home .hero-photo{display:none}
.home-search-area{min-width:0}
.home-search-area .job-search{border:1px solid #b6c5e9;border-radius:10px;box-shadow:none;padding:6px;gap:0}
.home-search-area .search-field{padding-inline:12px;min-height:52px;gap:12px}
.home-search-area .search-field input,.home-search-area .search-field input.vgs-select-input{font-size:16px;padding-block:14px;line-height:1.5}
.home-search-area .search-field input::placeholder{color:#626d80}
.home-search-area .job-search>.button{min-height:48px;font-size:14px;margin-top:6px;padding-inline:24px;border-radius:7px}
.nearby-cities{display:flex;align-items:center;flex-wrap:wrap;gap:6px 8px;margin-top:14px;font-size:12px}
.nearby-cities>span{color:var(--muted);flex-basis:100%;margin-bottom:2px}
.nearby-cities>a{display:inline-flex;align-items:center;min-height:36px;padding:6px 12px;border:1px solid var(--line);border-radius:6px;font-weight:600;color:#41506a;background:white}
.nearby-cities>a:hover{color:var(--blue);border-color:#a8baf0;background:#f4f7ff}
.is-home .opportunities-section{padding-block:26px 38px}
.is-home .discovery-heading{margin-bottom:17px;gap:12px}
.is-home .discovery-heading h2{font-size:25px;font-weight:700;letter-spacing:-.035em}
.is-home .discovery-heading p{margin-top:5px;font-size:13px}
.is-home .discovery-toolbar{margin-bottom:18px}
@media(min-width:600px){
    .is-home .home-hero{padding-block:36px 30px;gap:26px}
    .home-search-area .job-search{grid-template-columns:minmax(0,1.2fr) minmax(0,.9fr) auto;gap:4px;padding:7px}
    .home-search-area .search-field{padding-inline:14px;min-height:54px}
    .home-search-area .search-city{border-top:0;border-left:1px solid var(--line)}
    .home-search-area .job-search>.button{margin-top:0;min-height:52px;padding-inline:20px}
    .nearby-cities{gap:8px;margin-top:14px}
    .nearby-cities>span{flex-basis:auto;margin:0 6px 0 0}
}
@media(min-width:900px){
    .is-home .home-hero{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);column-gap:48px;row-gap:26px;padding-block:34px 30px}
    .is-home .hero-copy h1{font-size:42px;line-height:1.14;max-width:650px}
    .is-home .hero-description{font-size:15px;max-width:470px;margin-top:16px}
    .is-home .hero-photo{display:block;height:208px;border-radius:10px;background:#edf1f7}
    .is-home .hero-photo img{object-position:center 38%}
    .home-search-area{grid-column:1/-1}
    .home-search-area .job-search{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) auto;padding:8px}
    .home-search-area .search-field{min-height:56px;padding-inline:16px}
    .home-search-area .job-search>.button{min-width:160px;min-height:56px;font-size:15px}
    .is-home .opportunities-section{padding-block:30px 42px}
    .is-home .discovery-heading h2{font-size:28px}
}
@media(min-width:1200px){
    .is-home .hero-copy h1{font-size:46px}
    .is-home .hero-photo{height:220px}
    .is-home .home-hero{column-gap:72px}
}
