/* Homepage-only photo layout. Search controls and shared page styles are unchanged. */
.hero.hero--photo{background:#173b67;background-image:linear-gradient(120deg,#173b67,#102a47);padding:42px 0;text-align:left}
.hero-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);grid-template-areas:"copy photo" "search photo";column-gap:36px;align-items:center}
.hero-copy{grid-area:copy;min-width:0}
.hero--photo h1{font-size:clamp(2rem,3.7vw,3rem);line-height:1.3;overflow-wrap:anywhere}
.hero--photo .intro{margin:16px 0 20px}
.hero-photo{grid-area:photo;min-width:0;margin:0;height:clamp(270px,27vw,330px);overflow:hidden;border-radius:13px;border:1px solid rgba(255,255,255,.22);box-shadow:0 12px 32px rgba(0,0,0,.15)}
.hero-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 70%}
.hero-search{grid-area:search;min-width:0}
.hero--photo .main-search{width:100%;margin:0}
.hero--photo .main-search input{min-width:0}
.hero--photo .popular{justify-content:flex-start;gap:6px;margin-top:13px}
.hero--photo .popular button{padding:5px 10px}
@media(max-width:760px){
 .hero.hero--photo{padding:26px 0 28px}
 .hero-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"copy" "photo" "search";gap:16px}
 .hero--photo h1{font-size:clamp(1.8rem,7.7vw,2.5rem)}
 .hero--photo .intro{margin:10px 0 0}
 .hero--photo .intro br{display:none}
 .hero-photo{height:160px;border-radius:10px}
 .hero-photo img{object-position:center 76%}
}