/* Homepage-only refinements; content and routes remain unchanged. */
@media(min-width:1081px){
 .hero .hero-grid{width:100%;max-width:none;margin:0;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .hero .hero-copy{padding-left:max(32px,calc((100vw - 1200px)/2));padding-right:48px}
 .hero .hero-media{align-self:stretch}
}
.hero .hero-intro{font-size:18px;line-height:1.6;max-width:52ch}
.hero .hero-note{font-size:15px;line-height:1.6;margin-top:32px;max-width:48ch}
@media(min-width:761px){
 .header .nav{column-gap:clamp(32px,4vw,56px)}
 .header .navlinks{gap:32px}
 .header .navlinks>a+a::before{content:'·';position:absolute;left:-18px;top:50%;transform:translateY(-50%);font-weight:400;pointer-events:none}
}
.strip .strip-inner{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.strip .strip-item{gap:10px;font-weight:600;line-height:1.5}
.info-cards-section{padding-top:48px;padding-bottom:24px}
.info-card-grid{align-items:stretch}
.info-card{box-shadow:none}
.info-card__link{font-weight:700}
.compact-meet-section{padding-top:0;padding-bottom:40px}
@media(max-width:1100px){.strip .strip-inner{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){
 .hero .hero-intro{font-size:17px}
 .hero .hero-note{font-size:15px;margin-top:24px}
 .strip .strip-inner{gap:12px}
 .info-cards-section{padding-top:32px;padding-bottom:24px}
 .compact-meet-section{padding-bottom:28px}
}

/* Narrow cards: photo width is independent of card height; text never enters it. */
@media(max-width:1023px){
 .info-card__media,.info-card--help .info-card__media{width:32%;aspect-ratio:auto}
 .info-card__photo{object-position:center top}
 .info-card h2,.info-card p,.info-card__link{width:calc(68% - 4px);max-width:calc(68% - 4px);min-width:0;overflow-wrap:break-word}
 .info-card__link{display:block;white-space:normal}
 .info-card__link>span{display:inline;white-space:nowrap}
}
@media(max-width:360px){.info-card h2{font-size:24px}}

/* Small desktop: the height-driven photo must not enter the existing text area.
   Leave card dimensions, text widths, padding and the wide desktop unchanged. */
@media(min-width:1024px) and (max-width:1279px){
 .info-card__media,.info-card--help .info-card__media{max-width:calc(28% - 1px)}
 .info-card__photo{object-position:center top}
}