.sks-coll-tiles{background:var(--sks-ct-bg, #F5F0E8)}.sks-coll-tiles__wrap{max-width:1280px;margin:0 auto;padding:var(--sks-ct-pad-v, 70px) var(--sks-ct-pad-h, 48px)}.sks-coll-tiles__eyebrow{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#b8520a;font-weight:600;margin-bottom:10px;text-align:center;font-family:var(--font-body-family, "Jost", sans-serif)}.sks-coll-tiles__heading{font-family:var(--font-heading-family, "Playfair Display", serif);font-size:32px;font-weight:600;color:#1a1a1a;text-align:center;margin:0 0 14px;letter-spacing:-.01em;line-height:1.1}.sks-coll-tiles__sub{font-size:14.5px;color:#4a4440;line-height:1.6;text-align:center;max-width:680px;margin:0 auto 36px;font-weight:300;font-family:var(--font-body-family, "Jost", sans-serif)}.sks-coll-tiles__grid{display:grid;grid-template-columns:repeat(var(--sks-ct-cols, 4),1fr);gap:16px}.sks-coll-tile{position:relative;aspect-ratio:4 / 5;overflow:hidden;background:#2c3e50;text-decoration:none;color:#fff;display:block;border-radius:4px;transition:transform .4s ease,box-shadow .4s ease}.sks-coll-tile:hover{color:#fff;transform:translateY(-3px);box-shadow:0 12px 30px #00000047}.sks-coll-tile__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .9s ease}.sks-coll-tile:hover .sks-coll-tile__img{transform:scale(1.04)}.sks-coll-tile__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 40%,rgba(0,0,0,.72) 100%);z-index:1}.sks-coll-tile__text{position:absolute;left:0;right:0;bottom:0;padding:24px 22px 22px;z-index:2}.sks-coll-tile__title{display:block;font-family:var(--font-heading-family, "Playfair Display", serif);font-size:22px;font-weight:500;color:#fff;line-height:1.2;margin-bottom:5px;letter-spacing:-.005em}.sks-coll-tile__sub{display:block;font-size:12.5px;color:#ffffffb8;line-height:1.4;font-weight:300;font-family:var(--font-body-family, "Jost", sans-serif)}.sks-coll-tile--placeholder{background:#3a4d5e;cursor:default}.sks-coll-tile--placeholder .sks-coll-tile__img{opacity:.3}@media screen and (max-width:1100px){.sks-coll-tiles__grid{--sks-ct-cols: 2}}@media screen and (max-width:960px){.sks-coll-tiles__wrap{padding-left:24px;padding-right:24px}}@media screen and (max-width:749px){.sks-coll-tiles__grid{--sks-ct-cols: 1;gap:14px}.sks-coll-tile{aspect-ratio:16 / 9}.sks-coll-tiles__wrap{padding:48px 16px}.sks-coll-tiles__heading{font-size:26px}.sks-coll-tiles__sub{font-size:13.5px;margin-bottom:24px}}
/*# sourceMappingURL=/cdn/shop/t/60/assets/section-sks-collection-tiles.css.map */