.gc-shoppable{background:var(--gc-white);--gc-shoppable-pb: clamp(28px, 5vh, 50px);padding-block:clamp(40px,8vh,100px) var(--gc-shoppable-pb);box-sizing:border-box;overflow:clip;display:flex;flex-direction:column}.gc-shoppable__inner{position:relative;z-index:1;display:flex;flex-direction:column;gap:var(--gc-gutter);flex:1 1 auto;min-height:0}.gc-shoppable__heading{margin:0;padding-bottom:34px;text-align:center;font-family:var(--font-heading--family);font-weight:500;font-size:var(--gc-statement-size);line-height:.9;letter-spacing:-.03em}.gc-shoppable__heading span{display:block}.gc-shoppable__promos{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,calc(25.4545vw - 17px)));gap:15px;flex:1 1 auto;min-height:0}.gc-shoppable__scheme-dark{position:absolute;left:0;right:0;top:0;bottom:calc(-1 * var(--gc-shoppable-pb));pointer-events:none;z-index:-1}.gc-shoppable__promo{position:relative;display:block;border-radius:var(--gc-radius);overflow:hidden;background:var(--gc-charcoal);color:var(--gc-cream);text-decoration:none;min-height:0}.gc-shoppable__promo--tall{grid-row:span 2}.gc-shoppable__promo-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:scale .6s var(--gc-reveal-ease)}.gc-shoppable__promo:hover .gc-shoppable__promo-image{scale:1.03}.gc-shoppable__promo:not(.gc-shoppable__promo--tall):after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(40deg,#00000059 27%,#0000 57%)}.gc-shoppable__promo-text{position:absolute;inset-inline:0;bottom:0;z-index:2;display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:24px}.gc-shoppable__promo--tall{display:flex;flex-direction:column;background:radial-gradient(75% 55% at 50% 32%,#2b3133,#141718 75%)}.gc-shoppable__promo--tall .gc-shoppable__promo-image{position:static;flex:1 1 auto;width:100%;height:auto;min-height:0;object-fit:contain;padding:clamp(30px,4vw,55px) clamp(30px,4vw,55px) 0}.gc-shoppable__promo--tall .gc-shoppable__promo-text{position:static;background:none;padding:10px clamp(24px,8vw,74px) 24px 24px}.gc-shoppable__promo-title{margin:0;font-family:var(--font-heading--family);font-weight:500;font-size:35px;line-height:.9}.gc-shoppable__promo-copy{font-size:15px;line-height:1.2;max-width:472px}.gc-shoppable__promo-copy p{margin:0}.gc-shoppable__promo-copy p+p{margin-top:1.2em}.gc-shoppable__promo-cta{font-size:18px;text-decoration:underline;text-underline-offset:3px}.gc-shoppable__promo-copy+.gc-shoppable__promo-cta{margin-top:15px}@media screen and (max-width:989px){.gc-shoppable__promos{grid-template-columns:1fr;grid-template-rows:none;flex:0 1 auto}.gc-shoppable__promo{min-height:300px}.gc-shoppable__promo--tall{grid-row:auto}}.gc-shoppable--no-heading .gc-shoppable__promos{grid-template-rows:repeat(2,minmax(0,1fr))}.gc-shoppable__promo-logo{display:block;width:auto;max-width:160px;height:24px;margin-bottom:6px;object-fit:contain;object-position:left center;filter:brightness(0) invert(1)}.gc-shoppable__promo:not(.gc-shoppable__promo--tall) .gc-shoppable__promo-text:has(.gc-shoppable__promo-copy){padding-top:72px;background:linear-gradient(to bottom,rgb(var(--gc-charcoal-rgb) / 0),rgb(var(--gc-charcoal-rgb) / .55) 72px,rgb(var(--gc-charcoal-rgb) / .8))}.gc-shoppable__promo:not(.gc-shoppable__promo--tall) .gc-shoppable__promo-copy{text-shadow:0 1px 2px rgb(0 0 0 / .4);text-wrap:pretty}@media screen and (min-width:990px){.gc-shoppable__promos--four{grid-template-columns:repeat(4,minmax(0,1fr))}.gc-shoppable__promos--four>.gc-shoppable__promo:nth-child(1){grid-column:1 / span 2;grid-row:1 / span 2}.gc-shoppable__promos--four>.gc-shoppable__promo:nth-child(2){grid-column:3 / span 2;grid-row:1}.gc-shoppable__promos--four>.gc-shoppable__promo:nth-child(3){grid-column:3;grid-row:2}.gc-shoppable__promos--four>.gc-shoppable__promo:nth-child(4){grid-column:4;grid-row:2}}@media screen and (max-width:989px){.gc-shoppable__promo-logo{height:20px}}
/*# sourceMappingURL=/cdn/shop/t/44/assets/gc-shoppable.css.map */
