.retainer-models{padding-block:clamp(2.5rem,4.5vw,4.5rem)}.retainer-models__header{justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:clamp(1.5rem,3vw,2.5rem);display:flex}.retainer-models__aside{color:var(--himark-ocean);letter-spacing:.19em;text-transform:uppercase;font-size:.7rem;font-weight:700}.retainer-models__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(1rem,1.6vw,1.6rem);display:grid}.retainer-model{border:var(--rule);background:var(--himark-off-white);transition:border-color var(--motion-interactive) var(--ease-precise);flex-direction:column;display:flex}.retainer-model:hover,.retainer-model:focus-within{border-color:var(--himark-ocean-light)}.retainer-model__image{aspect-ratio:5/3;position:relative;overflow:hidden}.retainer-model__image img{object-fit:cover;transition:transform .52s var(--ease-precise)}.retainer-model:hover .retainer-model__image img,.retainer-model:focus-within .retainer-model__image img{transform:scale(1.035)}.retainer-model:nth-child(2) .retainer-model__image img{object-position:62% 70%}.retainer-model:nth-child(3) .retainer-model__image img{object-position:center 30%}.retainer-model:nth-child(4) .retainer-model__image img{object-position:78% center}.retainer-model__body{flex-direction:column;flex:1;padding:clamp(1.4rem,2vw,2rem);display:flex}.retainer-model__number{color:var(--himark-ocean-dark);letter-spacing:.06em;font-size:.75rem;font-weight:700}.retainer-model__body h3{letter-spacing:-.03em;transition:color var(--motion-interactive) var(--ease-precise);margin:1rem 0 .7rem;font-size:clamp(1.3rem,1.7vw,1.75rem);font-weight:500;line-height:1.12}.retainer-model:hover h3,.retainer-model:focus-within h3{color:var(--himark-ocean)}.retainer-model__body p{color:var(--himark-ocean-slate);margin:0 0 2rem;font-size:.95rem;line-height:1.55}.retainer-model__body .arrow-link{transition:color .3s var(--ease-precise), border-color .3s var(--ease-precise);margin-top:auto}.retainer-model__body .arrow-link span{transition:transform .3s var(--ease-precise)}.retainer-model__body .arrow-link:hover span,.retainer-model__body .arrow-link:focus-visible span{transform:translate(7px)}@media (max-width:1049px){.retainer-models__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:699px){.retainer-models__grid{grid-template-columns:1fr}.retainer-models__aside{display:none}}@media (prefers-reduced-motion:reduce){.retainer-model,.retainer-model__image img,.retainer-model__body h3,.retainer-model__body .arrow-link,.retainer-model__body .arrow-link span{transition:none}.retainer-model:hover .retainer-model__image img,.retainer-model:focus-within .retainer-model__image img{transform:none}}
