.home-opportunity-search {
  max-width: 1390px;
  margin: 0 auto 18px;
  padding: 22px;
  display: grid;
  grid-template-columns: minmax(280px, 1.35fr) minmax(180px, .65fr) minmax(220px, .9fr) auto;
  align-items: end;
  gap: 12px;
  border: 1px solid rgba(221, 183, 94, .46);
  border-radius: 14px;
  background: linear-gradient(112deg, rgba(221, 183, 94, .1), rgba(239, 36, 55, .08)), #0d0b0b;
  box-shadow: 0 22px 70px rgba(0, 0, 0, .34);
}

.home-opportunity-search > div small { display: block; color: #ddb75e; font-size: 7px; font-weight: 900; letter-spacing: .17em; }
.home-opportunity-search > div strong { display: block; margin-top: 7px; font: 900 25px/.95 "Barlow Condensed", Impact, sans-serif; }
.home-opportunity-search > div span { display: block; margin-top: 5px; color: rgba(255, 255, 255, .48); font-size: 9px; }
.home-opportunity-search label { display: grid; gap: 7px; }
.home-opportunity-search label > span { color: rgba(255, 255, 255, .55); font-size: 7px; font-weight: 900; letter-spacing: .11em; text-transform: uppercase; }
.home-opportunity-search select,
.home-opportunity-search input { width: 100%; min-height: 48px; padding: 0 13px; border: 1px solid rgba(255, 255, 255, .18); border-radius: 5px; color: #fff; background: #111; font: inherit; font-size: 11px; }
.home-opportunity-search button { min-height: 48px; padding: 0 18px; border: 1px solid #ff5360; border-radius: 5px; color: #fff; background: linear-gradient(110deg, #ef2437, #a80617); font-size: 8px; font-weight: 900; letter-spacing: .08em; cursor: pointer; white-space: nowrap; }
.home-opportunity-search button:hover,
.home-opportunity-search button:focus-visible { filter: brightness(1.13); }

.home-city-conversion-grid { grid-template-columns: repeat(4, 1fr); gap: 13px; }
.home-city-conversion-card { min-height: 520px; padding: 26px; }
.home-city-conversion-card small { font-size: 7px; letter-spacing: .14em; }
.home-city-conversion-card h3 { font-size: clamp(38px, 3.5vw, 58px); }
.home-city-conversion-card p { min-height: 88px; font-size: 10px; }
.home-city-conversion-card b { margin-top: 24px; padding-top: 18px; font-size: 8px; letter-spacing: .08em; }
.home-city-creatives { background-image: url('/experience/assets/real-people/band-rehearsal-pexels-7088373.jpg'); }

@media (max-width: 1150px) {
  .home-opportunity-search { grid-template-columns: 1fr 1fr; }
  .home-opportunity-search > div,
  .home-opportunity-search button { grid-column: 1 / -1; }
  .home-city-conversion-grid { grid-template-columns: 1fr 1fr; }
  .home-city-conversion-card:last-child { grid-column: auto; }
}

@media (max-width: 680px) {
  .home-opportunity-search,
  .home-city-conversion-grid { grid-template-columns: 1fr; }
  .home-opportunity-search > div,
  .home-opportunity-search button { grid-column: auto; }
  .home-opportunity-search button { white-space: normal; }
  .home-city-conversion-card { min-height: 480px; }
}