.lof-links{padding:4rem 0}.lof-links__heading{margin:0 0 2rem;font-size:clamp(1.4rem,2.5vw,2rem);letter-spacing:.04em;text-transform:uppercase}.lof-links__grid{display:grid;grid-template-columns:2fr 1fr;gap:1rem;height:520px}.lof-links__big-col{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;height:100%}.lof-links__small-col{display:grid;grid-template-rows:1fr 1fr;gap:1rem;height:100%}.lof-links__item{position:relative;display:block;overflow:hidden;border-radius:2px;text-decoration:none;color:inherit;-webkit-tap-highlight-color:transparent;height:100%}.lof-links__img-wrap{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.lof-links__img-wrap img,.lof-links__img-wrap .placeholder-svg{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s cubic-bezier(.25,.46,.45,.94)}.lof-links__item:hover .lof-links__img-wrap img{transform:scale(1.04)}.lof-links__img-wrap:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#0000 40%,#000000b8);pointer-events:none}.lof-links__label{position:absolute;bottom:0;left:0;right:0;padding:1.5rem 1.5rem 1.4rem;display:flex;flex-direction:column;gap:.3rem;z-index:1}.lof-links__label-title{display:block;font-size:1.1rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:#fff;line-height:1.2}.lof-links__label-cta{display:flex;align-items:center;gap:.4rem;font-size:1.1rem;font-weight:300;color:#fffc;letter-spacing:.05em;opacity:0;transform:translateY(6px);transition:opacity .25s ease,transform .25s ease}.lof-links__item:hover .lof-links__label-cta{opacity:1;transform:translateY(0)}@media screen and (max-width:989px){.lof-links__grid{grid-template-columns:1fr 1fr;height:auto;gap:.75rem}.lof-links__big-col{grid-column:1 / -1;grid-template-columns:1fr 1fr;height:auto}.lof-links__small-col{grid-column:1 / -1;grid-template-rows:auto;grid-template-columns:1fr 1fr;height:auto}.lof-links__item{height:auto;aspect-ratio:3 / 4}.lof-links__label-cta{opacity:1;transform:none}.lof-links__label-title{font-size:.9rem}}@media screen and (max-width:479px){.lof-links__label-title{font-size:.8rem}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/section-lof-links.css.map */