.main-location{background:#f1f2ef;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.main-location-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:230px;gap:16px}
.main-location-card{position:relative;overflow:hidden;min-width:0;background:#dfe3e1}
.main-location-card img{height:100%;transition:transform .5s ease}
.main-location-card:hover img{transform:scale(1.04)}
.main-location-card:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#10191ccc)}
.main-location-card figcaption{position:absolute;z-index:1;left:18px;right:18px;bottom:15px;color:white;font-size:14px;letter-spacing:.03em}
.main-location-card-wide{grid-column:span 2;grid-row:span 2}
.main-location-card-wide img,.main-location-card-tall img{object-position:center}
.main-location-card-tall{grid-row:span 2}
.main-location-card-wide figcaption{font-family:Georgia,serif;font-size:20px}
@media(max-width:850px){.main-location-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:220px}.main-location-card-wide{grid-column:span 2}.main-location-card-tall{grid-row:span 2}}
@media(max-width:600px){.main-location-grid{grid-template-columns:1fr;grid-auto-rows:250px;gap:12px}.main-location-card-wide,.main-location-card-tall{grid-column:auto;grid-row:span 1}.main-location-card-wide{height:320px}.main-location-card-wide figcaption{font-size:18px}}