#clinica.clinic-collection{display:block;padding:75px 7% 85px;background:#f8f5f0}
.clinic-collection-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:32px}
.clinic-collection-heading h2{font-size:clamp(30px,3.2vw,46px);line-height:1.2;margin-top:15px}
.clinic-collection-heading>p{max-width:270px;font-size:12px;line-height:1.8;color:#81776e;margin:0}
.clinic-photo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.clinic-photo-card{display:block;position:relative;min-width:0;border-radius:22px;overflow:hidden;aspect-ratio:3/4;background:#e7ded3;isolation:isolate}
.clinic-photo-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .45s;filter:saturate(.8)}
.clinic-photo-card:hover>img{transform:scale(1.035)}
.clinic-photo-card:nth-child(1)>img{object-position:center;object-fit:contain;height:calc(100% - 126px)}
.clinic-photo-card:nth-child(2)>img{object-position:50% 18%}
.clinic-photo-card:nth-child(3)>img{object-position:50% 38%}
.clinic-photo-card:nth-child(4)>img{object-position:50% 35%}
.clinic-photo-caption{position:absolute;bottom:0;left:0;right:0;min-height:112px;padding:19px 17px 17px;background:#f1eae1;border-radius:20px 20px 0 0;z-index:1}
.clinic-photo-caption h3{font-family:'Roboto',Arial,sans-serif;font-size:14px;font-weight:500;letter-spacing:-.2px;line-height:1.4;margin:0 23px 8px 0}
.clinic-photo-caption p{font-size:10px;line-height:1.65;color:#7b7268;margin:0;max-width:180px}
.clinic-photo-caption>span{position:absolute;top:19px;right:16px;font-size:17px;color:#9b8773}
.clinic-photo-card:focus-visible{outline:3px solid #89785f;outline-offset:5px}
@media(max-width:1000px){.clinic-photo-grid{gap:12px}.clinic-photo-card{aspect-ratio:3/5}.clinic-photo-caption{padding:17px 13px;min-height:122px}.clinic-photo-caption h3{font-size:12px}.clinic-photo-caption p{font-size:10px}}
@media(max-width:700px){#clinica.clinic-collection{padding:55px 7%}.clinic-collection-heading{display:block}.clinic-collection-heading>p{margin-top:16px;max-width:none}.clinic-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}.clinic-photo-card{aspect-ratio:3/4;min-height:280px}.clinic-photo-caption{min-height:110px}.clinic-photo-caption h3{font-size:13px}}
@media(max-width:360px){.clinic-photo-grid{grid-template-columns:1fr}.clinic-photo-card{aspect-ratio:4/5}.clinic-photo-caption p{max-width:none}}
@media(prefers-reduced-motion:reduce){.clinic-photo-card>img{transition:none}}