/* Three original portrait photographs share their natural proportions. */
.home-offers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;max-width:1600px;margin:0 auto;padding:48px 4% 56px}
.home-offer{position:relative;display:block;isolation:isolate;overflow:hidden;background:#666350;color:#fff}
.home-offer>img{display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:cover;object-position:center}
.home-offer::after{content:'';position:absolute;inset:55% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.65));z-index:0;pointer-events:none}
.home-offer-caption{position:absolute;left:24px;right:24px;bottom:26px;display:flex;align-items:end;gap:12px;justify-content:space-between;z-index:1}
.home-offer-caption>div{min-width:0}
.home-offer h2{color:#fff;font:400 24px/1.3 StorytellingDisplay,Georgia,serif;letter-spacing:.1em;text-transform:none;margin:0 0 9px}
.home-offer p{color:#fff;font:400 11px/1.7 var(--sans);letter-spacing:.06em;margin:0;max-width:34em;text-wrap:pretty}
.home-offer svg{width:22px;height:22px;flex:none;fill:none;stroke:currentColor;stroke-width:1.2;margin-bottom:3px}
.home-offer:hover{color:#fff}
.home-offer:focus-visible{outline:3px solid var(--terra);outline-offset:5px}
@media(max-width:1100px) and (min-width:701px){.home-offers{gap:16px;padding-left:3%;padding-right:3%}.home-offer-caption{left:16px;right:16px;bottom:20px}.home-offer h2{font-size:22px}.home-offer p{font-size:11px;letter-spacing:.03em}.home-offer svg{width:18px;height:18px}}
@media(max-width:700px){.home-offers{grid-template-columns:1fr;gap:24px;padding:32px 0 40px}.home-offer-caption{left:24px;right:24px;bottom:25px}.home-offer h2{font-size:22px;margin-bottom:8px}.home-offer p{font-size:11px;letter-spacing:.05em}.home-offer svg{width:20px;height:20px}}
@media(max-width:360px){.home-offer-caption{left:20px;right:20px;gap:8px}.home-offer p{letter-spacing:.025em}}

/* The offer descriptions use the same uppercase, generously spaced treatment. */
.home-offer p{font-size:11px;line-height:1.8;letter-spacing:.14em;text-transform:uppercase;min-height:3.6em}
@media(max-width:1100px) and (min-width:701px){.home-offer p{font-size:10px;letter-spacing:.12em}}
@media(max-width:360px){.home-offer p{font-size:10px;letter-spacing:.12em}}

.home-offer p>span{display:block}