.media-cards-section{position:relative;width:100%;overflow:hidden}.media-cards-section.is-full-width{max-width:100%!important;padding-left:0!important;padding-right:0!important}.media-cards-section .section-header-row{display:flex!important;flex-direction:row!important;align-items:flex-end!important;justify-content:space-between!important;width:100%!important;margin-bottom:2rem;padding-top:var(--header-pt, 0px);padding-bottom:var(--header-pb, 14px);padding-left:var(--header-pl, 24px)!important;padding-right:var(--header-pr, 24px)!important;border-bottom:none;gap:1.2rem}.media-cards-section .header-align-center{justify-content:center!important;text-align:center}.media-cards-section .header-align-center .section-title-group{align-items:center;text-align:center}.media-cards-section .header-align-right{justify-content:flex-end!important;text-align:right}.media-cards-section .header-align-right .section-title-group{align-items:flex-end;text-align:right}.media-cards-section .section-title-group{display:flex;flex-direction:column;align-items:flex-start;flex:1 1 auto;min-width:0}.media-cards-section .eyebrow{font-size:var(--section-subheading-fs, 11px);font-weight:400;letter-spacing:.16rem;text-transform:uppercase;color:rgb(var(--color-scheme-text-muted, 102, 102, 102));margin-bottom:.4rem}.media-cards-section .section-main-heading{font-size:var(--section-heading-fs, 32px);margin-bottom:0;line-height:1.1}.media-cards-section .section-view-all-link{display:inline-flex!important;align-items:center!important;gap:.5rem;font-size:var(--section-view-all-fs, 12px);font-weight:400;letter-spacing:normal;color:var(--color-text, rgb(var(--color-scheme-text, 17, 17, 17)));white-space:nowrap;flex-shrink:0;margin-left:auto!important;padding-top:var(--view-all-pt, 8px);padding-bottom:var(--view-all-pb, 8px);padding-left:var(--view-all-pl, 16px);padding-right:var(--view-all-pr, 16px);transition:opacity .2s ease,transform .2s ease}.media-cards-section .section-view-all-link:hover{opacity:.7}.media-cards-container{display:flex;gap:var(--card-gap, 2px);width:100%;padding:0;margin:0}@media screen and (min-width:769px){.media-cards-container.layout-desktop-grid{flex-wrap:wrap;overflow-x:visible}.media-cards-container.layout-desktop-slider{flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}.media-cards-container.layout-desktop-slider::-webkit-scrollbar{display:none}.media-cards-container.cols-desktop-4 .media-card-item{flex:0 0 calc((100% - (3 * var(--card-gap, 2px))) / 4);min-width:calc((100% - (3 * var(--card-gap, 2px))) / 4);width:calc((100% - (3 * var(--card-gap, 2px))) / 4);max-width:calc((100% - (3 * var(--card-gap, 2px))) / 4)}.media-cards-container.cols-desktop-3 .media-card-item{flex:0 0 calc((100% - (2 * var(--card-gap, 2px))) / 3);min-width:calc((100% - (2 * var(--card-gap, 2px))) / 3);width:calc((100% - (2 * var(--card-gap, 2px))) / 3);max-width:calc((100% - (2 * var(--card-gap, 2px))) / 3)}.media-cards-container.cols-desktop-2 .media-card-item{flex:0 0 calc((100% - var(--card-gap, 2px)) / 2);min-width:calc((100% - var(--card-gap, 2px)) / 2);width:calc((100% - var(--card-gap, 2px)) / 2);max-width:calc((100% - var(--card-gap, 2px)) / 2)}}@media screen and (min-width:769px)and (max-width:1024px){.media-cards-container.cols-desktop-4 .media-card-item{flex:0 0 calc((100% - (2 * var(--card-gap, 2px))) / 3);min-width:calc((100% - (2 * var(--card-gap, 2px))) / 3);width:calc((100% - (2 * var(--card-gap, 2px))) / 3);max-width:calc((100% - (2 * var(--card-gap, 2px))) / 3)}}@media screen and (max-width:768px){.media-cards-section .section-header-row{padding-left:var(--header-pl-mob, 1.6rem)!important;padding-right:var(--header-pr-mob, 1.6rem)!important;margin-bottom:1.4rem;gap:.8rem}.media-cards-section .eyebrow{font-size:var(--section-subheading-fs-mobile, 10px)}.media-cards-section .section-main-heading{font-size:var(--section-heading-fs-mobile, 20px)}.media-cards-section .section-view-all-link{font-size:var(--section-view-all-fs, 11px);padding-left:var(--view-all-pl-mob, .6rem);padding-right:var(--view-all-pr-mob, .6rem)}.media-cards-container.layout-mobile-grid{flex-wrap:wrap!important;overflow-x:visible!important}.media-cards-container.layout-mobile-slider{flex-wrap:nowrap!important;overflow-x:auto!important;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}.media-cards-container.layout-mobile-slider::-webkit-scrollbar{display:none!important}.media-cards-container.cols-mobile-2 .media-card-item{flex:0 0 calc((100% - var(--card-gap, 2px)) / 2)!important;min-width:calc((100% - var(--card-gap, 2px)) / 2)!important;width:calc((100% - var(--card-gap, 2px)) / 2)!important;max-width:calc((100% - var(--card-gap, 2px)) / 2)!important}.media-cards-container.cols-mobile-1 .media-card-item{flex:0 0 100%!important;min-width:100%!important;width:100%!important;max-width:100%!important}}.media-card-item{position:relative;aspect-ratio:var(--aspect-ratio-val, 3/4);overflow:hidden;scroll-snap-align:start;background:#111}.media-card-link-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10}.media-card-media-wrap{position:relative;width:100%;height:100%}.media-card-media{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.16,1,.3,1)}.media-card-item:hover .media-card-media{transform:scale(1.05)}.media-card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;transition:opacity .3s ease}.media-card-content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;padding:clamp(1.6rem,2.5vw,2.4rem);display:flex;flex-direction:column;color:var(--b-text-color, #FFFFFF);pointer-events:none}.media-card-content a,.media-card-content button{pointer-events:auto}.content-pos-top-left{justify-content:flex-start;align-items:flex-start;text-align:left}.content-pos-top-center{justify-content:flex-start;align-items:center;text-align:center}.content-pos-top-right{justify-content:flex-start;align-items:flex-end;text-align:right}.content-pos-middle-left{justify-content:center;align-items:flex-start;text-align:left}.content-pos-middle-center{justify-content:center;align-items:center;text-align:center}.content-pos-middle-right{justify-content:center;align-items:flex-end;text-align:right}.content-pos-bottom-left{justify-content:flex-end;align-items:flex-start;text-align:left}.content-pos-bottom-center{justify-content:flex-end;align-items:center;text-align:center}.content-pos-bottom-right{justify-content:flex-end;align-items:flex-end;text-align:right}.media-card-eyebrow{font-size:var(--b-eyebrow-fs, 11px);font-weight:400;letter-spacing:.14rem;text-transform:uppercase;color:var(--b-accent-color, #C8A882);margin-bottom:.6rem}.media-card-heading{font-size:var(--b-heading-fs, 22px);font-weight:400;letter-spacing:normal;color:var(--b-text-color, #FFFFFF);margin:0 0 .8rem;line-height:1.15}.media-card-subheading{font-size:var(--b-subheading-fs, 12px);line-height:1.4;color:var(--b-text-color, #FFFFFF);opacity:.9;margin:0 0 1.6rem}.media-card-btn{display:inline-flex;align-items:center;justify-content:center;padding:1rem 2rem;font-size:var(--b-btn-fs, 11px);font-weight:400;letter-spacing:normal;text-decoration:none;border-radius:2px;transition:transform .2s ease,background-color .2s ease,color .2s ease}.btn-style-solid_white{background:#fff;color:rgb(var(--color-scheme-text, 17, 17, 17))}.btn-style-solid_white:hover{background:#e5e5e5;transform:translateY(-2px)}.btn-style-solid_accent{background:var(--color-accent, #C8A882);color:#fff}.btn-style-solid_accent:hover{opacity:.9;transform:translateY(-2px)}.btn-style-outline_white{background:#0000004d;color:#fff;border:1px solid #FFFFFF;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.btn-style-outline_white:hover{background:#fff;color:rgb(var(--color-scheme-text, 17, 17, 17));transform:translateY(-2px)}.btn-style-outline_dark{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.4);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.btn-style-outline_dark:hover{border-color:#fff;background:#fff3;transform:translateY(-2px)}.btn-style-link{background:transparent;color:var(--b-text-color, #FFFFFF);border-bottom:1px solid currentColor;padding:.4rem 0;border-radius:0}.btn-style-link:hover{opacity:.7;transform:translate(4px)}
/*# sourceMappingURL=/cdn/shop/t/22/assets/section-media-cards.css.map */