.tights-expert__intro{background:var(--tights-intro-background);color:#000;text-align:center;padding:36px 20px 40px;font-family:Helvetica,Arial,sans-serif}
.tights-expert__intro h2{font-size:32px;font-weight:500;line-height:1.125;margin:0 0 10px}
.tights-expert__intro p{font-size:16px;line-height:22px;margin:0 0 16px}
.tights-expert__intro a{color:inherit;font-size:16px;line-height:20px;text-decoration:underline;text-underline-offset:2px}
.tights-expert__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:#fff}
.tights-expert__card{display:block;position:relative;min-width:0;aspect-ratio:4/5;color:#fff;overflow:hidden}
.tights-expert__media,.tights-expert__media picture{display:block;width:100%;height:100%;overflow:hidden}
.tights-expert__image{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--tights-position-x) var(--tights-position-y);transform:scale(1);transition:transform .3s ease}
.tights-expert__title{position:absolute;bottom:40px;left:0;width:100%;padding:0 12px;text-align:center;color:#fff;font-size:14px;line-height:20px;text-decoration:underline;text-underline-offset:2px;text-transform:uppercase}
.tights-expert__card:focus-visible{outline:3px solid #fff;outline-offset:-4px}
@media (min-width:750px){.tights-expert{padding-bottom:40px;background:#fff}}
@media (hover:hover) and (pointer:fine){.tights-expert__card:hover .tights-expert__image{transform:scale(1.1)}}
@media (max-width:749px){.tights-expert__intro{padding:32px 16px}.tights-expert__intro h2{font-size:24px}.tights-expert__intro p,.tights-expert__intro a{font-size:14px}.tights-expert__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:2px}.tights-expert__card{aspect-ratio:3/4}.tights-expert__title{bottom:16px;font-size:12px;line-height:16px}}
@media (prefers-reduced-motion:reduce){.tights-expert__image{transition:none}.tights-expert__card:hover .tights-expert__image{transform:none}}