.kc-cat{background:var(--kc-ivory);padding:96px 6vw 100px}.kc-cat__head{display:flex;align-items:baseline;justify-content:space-between;max-width:var(--kc-container);margin:0 auto 44px}.kc-cat__heading{font-family:var(--kc-font-display);font-weight:500;font-size:clamp(1.9rem,3vw,2.6rem);color:var(--kc-ink);margin:0}.kc-cat__viewall{font-family:var(--kc-font-body);font-size:13px;letter-spacing:.05em;color:var(--kc-stone);text-decoration:none;border-bottom:1px solid var(--kc-stone);padding-bottom:2px}.kc-cat__viewall:hover{color:var(--kc-ink);border-color:var(--kc-ink)}.kc-cat__grid{max-width:var(--kc-container);margin:0 auto;display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:240px 240px;gap:16px}.kc-cat__tile{position:relative;display:block;overflow:hidden;text-decoration:none;background:var(--kc-ink)}.kc-cat__tile--1{grid-column:1 / 7;grid-row:1 / 3}.kc-cat__tile--2{grid-column:7 / 13;grid-row:1 / 2}.kc-cat__tile--3{grid-column:7 / 10;grid-row:2 / 3}.kc-cat__tile--4{grid-column:10 / 13;grid-row:2 / 3}.kc-cat__img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.2,.7,.2,1)}.kc-cat__tile:hover .kc-cat__img{transform:scale(1.045)}.kc-cat__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,#121010bf,#12101000 55%)}.kc-cat__label{position:absolute;left:22px;right:22px;bottom:20px;display:flex;align-items:flex-end;justify-content:space-between}.kc-cat__title{font-family:var(--kc-font-display);font-style:italic;font-weight:400;font-size:1.4rem;color:var(--kc-white)}.kc-cat__arrow{font-family:var(--kc-font-body);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--kc-gold-light);opacity:0;transform:translate(-6px);transition:opacity .3s ease,transform .3s ease}.kc-cat__tile:hover .kc-cat__arrow{opacity:1;transform:translate(0)}@media(max-width:900px){.kc-cat__grid{grid-template-columns:repeat(6,1fr);grid-template-rows:220px 180px 180px}.kc-cat__tile--1{grid-column:1 / 7;grid-row:1 / 2}.kc-cat__tile--2{grid-column:1 / 7;grid-row:2 / 3}.kc-cat__tile--3{grid-column:1 / 4;grid-row:3 / 4}.kc-cat__tile--4{grid-column:4 / 7;grid-row:3 / 4}}@media(max-width:480px){.kc-cat{padding:54px 4vw 40px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/kc-category-grid.css.map */