.section-category-grid{background-color:var(--category-grid-bg, #050101);position:relative;z-index:10;width:100%;padding-bottom:96px}.section-category-grid__header{max-width:var(--page-width);margin-left:auto;margin-right:auto;padding:64px 24px 48px;position:relative;z-index:20}@media screen and (min-width:768px){.section-category-grid__header{padding-top:96px;padding-bottom:96px}}.section-category-grid__header-inner{margin-bottom:48px;text-align:center;position:relative;z-index:10}.section-category-grid__header-inner{display:flex;flex-direction:column;gap:10px}.section-category-grid__label,.section-category-grid__heading,.section-category-grid__description{margin:0}.section-category-grid__label{display:block;color:var(--category-grid-bronze, #c0a062);font-size:10px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;margin-bottom:24px;opacity:.8}.section-category-grid__heading{font-family:var(--font-heading-family);font-weight:300;font-style:var(--font-heading-style);font-size:30px;line-height:1;letter-spacing:-.025em;color:#fff;margin-bottom:24px}@media screen and (min-width:768px){.section-category-grid__heading{font-size:48px}}@media screen and (min-width:1024px){.section-category-grid__heading{font-size:72px}}.section-category-grid__description{max-width:576px;margin-left:auto;margin-right:auto;font-size:14px;line-height:1.75;font-weight:300;letter-spacing:.025em;color:#9ca3af}.section-category-grid__grid{display:grid;grid-template-columns:1fr;width:100%}@media screen and (min-width:768px){.section-category-grid__grid{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width:1024px){.section-category-grid__grid{grid-template-columns:repeat(4,1fr)}}.section-category-grid__column{display:flex;flex-direction:column;width:100%;aspect-ratio:1}@media screen and (min-width:768px){.section-category-grid__column{aspect-ratio:auto;height:50vh}}@media screen and (min-width:1024px){.section-category-grid__column{height:80vh}}.section-category-grid__column .section-category-grid__card{flex:0 0 50%;min-height:0}.section-category-grid__card{position:relative;overflow:hidden;aspect-ratio:1;border:1px solid rgba(255,255,255,.05);transition:border-color .5s;animation:category-grid-fade-in-up .8s ease-out forwards}.section-category-grid__card:hover{border-color:#942d2d80}@media screen and (min-width:768px){.section-category-grid__card{aspect-ratio:auto;height:50vh}}@media screen and (min-width:1024px){.section-category-grid__card--large,.section-category-grid__card--tall{height:80vh}}.section-category-grid__card--span-2{grid-column:span 2}@keyframes category-grid-fade-in-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.section-category-grid__card-link{display:block;width:100%;height:100%;text-decoration:none;color:inherit;position:relative}.section-category-grid__card-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform 2s ease-out,filter 1.2s ease-out;filter:brightness(.4)}@media screen and (min-width:768px){.section-category-grid__card-image{filter:brightness(.6)}.section-category-grid__card:hover .section-category-grid__card-image{transform:scale(1.05);filter:brightness(.88)}}.section-category-grid__overlay-crimson{display:block!important;position:absolute;top:0;right:0;bottom:0;left:0;background-color:#942d2d33;mix-blend-mode:multiply;transition:background-color .7s;pointer-events:none}@media screen and (min-width:768px){.section-category-grid__overlay-crimson{background-color:transparent}.section-category-grid__card:hover .section-category-grid__overlay-crimson{background-color:#942d2d33}}.section-category-grid__overlay-gradient{display:block!important;position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#000,transparent,transparent);opacity:.9;pointer-events:none}.section-category-grid__card-content{position:absolute;top:0;right:0;bottom:0;left:0;padding:24px;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;transform:translateY(0);transition:transform .7s}@media screen and (min-width:768px){.section-category-grid__card-content{padding:32px;transform:translateY(16px)}.section-category-grid__card:hover .section-category-grid__card-content{transform:translateY(0)}}@media screen and (min-width:1024px){.section-category-grid__card-content{padding:48px}}.section-category-grid__card-line{display:block!important;width:48px;height:1px;min-height:1px;margin-bottom:16px;background:linear-gradient(to right,transparent,rgba(166,124,82,.2),transparent);opacity:1;transition:opacity .7s}@media screen and (min-width:768px){.section-category-grid__card-line{opacity:0}.section-category-grid__card:hover .section-category-grid__card-line{opacity:1}}.section-category-grid__card-title{font-family:var(--font-heading-family);font-size:30px;font-weight:400;line-height:1;color:#fff;margin-bottom:12px}@media screen and (min-width:768px){.section-category-grid__card-title{font-size:30px}}@media screen and (min-width:1024px){.section-category-grid__card-title{font-size:36px}}.section-category-grid__card-description{color:#d1d5db;font-size:14px;font-weight:300;max-width:320px;margin-bottom:24px;opacity:1;line-height:1.6;transition:opacity .7s .1s,transform .7s;transform:translateY(0)}@media screen and (min-width:768px){.section-category-grid__card-description{margin-bottom:32px;opacity:0;transform:translateY(8px)}.section-category-grid__card:hover .section-category-grid__card-description{opacity:1;transform:translateY(0)}}.section-category-grid__card-cta{display:flex;align-items:center;gap:12px;font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.2em;color:var(--category-grid-gold, #c0a062);opacity:1;transition:opacity .5s,gap .5s;background:none;border:none;cursor:pointer;padding:0}@media screen and (min-width:768px){.section-category-grid__card-cta{opacity:.8}.section-category-grid__card:hover .section-category-grid__card-cta{opacity:1;gap:24px}}.section-category-grid__card-cta svg{width:14px;height:14px;flex-shrink:0}@media screen and (max-width:749px){.section-category-grid__label,.section-category-grid__heading{margin-bottom:0!important}}@media screen and (max-width:749px){.section-category-grid__header{padding-bottom:0!important}}@media screen and (max-width:749px){.section-category-grid__header-inner{margin-bottom:20px!important}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-category-grid.css.map */