.school-city-hero{justify-content:space-between;align-items:center;gap:2.5rem;min-height:15rem;padding:1.5rem 1.5rem 1.5rem 0;display:flex}.school-city-hero__copy{flex:1;min-width:0}.school-city-hero h1{letter-spacing:-.04em;white-space:nowrap;margin:0;font-size:clamp(1.5rem,3.5vw,3.25rem);font-weight:500;line-height:1.1}.school-city-hero h1 span{color:var(--accent-orange)}.school-city-hero p{max-width:35rem;color:var(--text-secondary);margin:1.25rem 0 0;font-size:1.125rem;line-height:1.65}.school-city-hero__landmark{object-fit:contain;flex-shrink:0;width:15.3125rem;height:13.75rem;display:block}.school-city-page .search-layout{gap:1.5rem;margin-top:0}.school-city-page .panel-shell{padding:1.375rem}.school-city-page .primary-btn{background:var(--accent-orange);color:var(--page-bg)}.school-city-page .primary-btn:hover{background:var(--accent-orange-hover)}.school-city-page .primary-btn:focus-visible{outline-color:var(--accent-orange)}.school-city-page .search-results,.school-city-page .results-group{gap:1.25rem}.school-city-page .results-group__intro{gap:.5rem}.school-city-page .results-group__title{letter-spacing:-.03em;font-size:1.4375rem;font-weight:500}.school-city-page .results-group__description{font-size:.875rem;line-height:1.65}.school-city-page .results-grid{gap:.75rem}.school-city-page .city-school-card{border-radius:1.125rem;align-content:center;gap:.375rem;min-height:4.75rem;padding:.625rem 1.125rem;display:grid}.school-city-page .city-school-card .result-card__name{letter-spacing:-.028em;overflow-wrap:anywhere;margin:0;font-size:1.1875rem;font-weight:500;line-height:1.3}.city-school-rating{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:.375rem;font-size:.8125rem;line-height:1.3;display:flex}.city-school-rating__score{align-items:center;gap:.3125rem;margin-right:.25rem;display:inline-flex}.city-school-rating__score>span{color:var(--accent-orange);font-size:1rem}.city-school-rating__score strong{color:var(--text-primary);font-size:1rem;font-weight:500}.city-recommendations{gap:1.125rem;margin-bottom:.75rem;display:grid}.city-recommendations[hidden]{display:none}.city-recommendations h2{letter-spacing:-.04em;margin:0;font-size:1.625rem;font-weight:500;line-height:1.2}.city-recommendations__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.school-city-page .city-school-card--recommended{align-content:start;gap:.75rem;min-height:10.625rem;padding:1rem 1.25rem}.school-city-page .city-school-card--recommended .result-card__name{font-size:1.25rem}.school-city-page .city-school-card--recommended:first-child{background:color-mix(in srgb, var(--accent-orange) 5%, var(--page-bg-muted))}.school-city-page .city-school-card--recommended:hover{background:var(--page-bg-elevated)}@media (width>=1024px){.school-city-page .search-layout{grid-template-columns:20rem minmax(0,1fr)}}@media (width>=768px) and (width<=1100px){.city-recommendations__grid{grid-template-columns:1fr}.school-city-page .city-school-card--recommended{min-height:7rem}}@media (width<=767px){.school-city-page{padding-top:1.5rem;overflow:clip}.school-city-hero{min-height:15rem;padding:1.75rem 0 1.875rem;position:relative}.school-city-hero__copy{z-index:1;max-width:calc(100% - 5rem);position:relative}.school-city-hero h1{font-size:clamp(1.5rem,7.5vw,2rem)}.school-city-hero h1 span{display:block}.school-city-hero p{max-width:14rem;margin-top:.875rem;font-size:.9375rem;line-height:1.6}.school-city-hero__landmark{width:15.5rem;height:14.5rem;position:absolute;right:-8.25rem}.school-city-page .search-layout{grid-template-columns:1fr;gap:1.75rem}.school-city-page .panel-shell{border-radius:1.5rem;padding:1.125rem}.school-city-page .search-results{gap:.875rem}.school-city-page .results-group{gap:1rem}.school-city-page .results-group__title{font-size:1.3125rem}.school-city-page .results-group__description{font-size:.8125rem;line-height:1.6}.school-city-page .results-grid{gap:.625rem}.school-city-page .city-school-card{border-radius:1rem;min-height:4.25rem;padding:.625rem 1rem}.school-city-page .city-school-card .result-card__name{font-size:1.0625rem}.city-recommendations{margin-bottom:.875rem}.city-recommendations h2{font-size:1.5rem}.city-recommendations__grid{grid-template-columns:1fr;gap:.75rem}.school-city-page .city-school-card--recommended{border-radius:1.5rem;min-height:10.625rem;padding:1rem 1.25rem}.school-city-page .city-school-card--recommended .result-card__name{font-size:1.3125rem}}