.xclsior-card-grid-section{--card-grid-gap: 28px;--card-grid-container: var(--page-width, var(--page-width-desktop, 1220px));--card-grid-inline-gutter: 20px;--card-grid-text: #242424;--card-grid-muted: #5e5e5e;--card-grid-gold: #b1842e;--card-grid-gold-dark: #7a5815;--card-grid-surface: #f4f4f4;padding-block:var(--section-padding-top, 40px) var(--section-padding-bottom, 40px);color:var(--card-grid-text);font-family:var(--font-ui, "Inter", Arial, sans-serif)}.xclsior-card-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--card-grid-gap);width:100%;max-width:var(--card-grid-container);margin-inline:auto;padding-inline:max(var(--card-grid-inline-gutter),env(safe-area-inset-left)) max(var(--card-grid-inline-gutter),env(safe-area-inset-right));box-sizing:border-box}.xclsior-card-grid__item{min-width:0}.xclsior-card-grid__item--full{grid-column:span 12}.xclsior-card-grid__item--half{grid-column:span 6}.xclsior-card-grid__item--third{grid-column:span 4}.xclsior-card-grid__item--quarter{grid-column:span 3}.xclsior-card-grid__media{position:relative;display:flex;align-items:center;min-height:var(--card-min-height, 250px);overflow:hidden;background:var(--card-grid-surface);isolation:isolate}.xclsior-card-grid__image,.xclsior-card-grid__placeholder{position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.xclsior-card-grid__image{display:block;object-fit:cover;object-position:var(--image-position, center);transform:scale(1);transition:transform .45s ease-out;will-change:transform}.xclsior-card-grid__placeholder{display:grid;place-items:center;background:var(--card-grid-surface)}.xclsior-card-grid__placeholder svg{width:100%;height:100%}.xclsior-card-grid__item:hover .xclsior-card-grid__image,.xclsior-card-grid__item:focus-within .xclsior-card-grid__image{transform:scale(1.07)}.xclsior-card-grid__overlay{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgba(245,245,245,var(--overlay-start, .96)),rgba(245,245,245,var(--overlay-middle, .72)) 52%,rgba(245,245,245,var(--overlay-end, .06)));pointer-events:none}.xclsior-card-grid__item--content-right .xclsior-card-grid__overlay{background:linear-gradient(270deg,rgba(245,245,245,var(--overlay-start, .96)),rgba(245,245,245,var(--overlay-middle, .72)) 52%,rgba(245,245,245,var(--overlay-end, .06)))}.xclsior-card-grid__content{position:relative;z-index:2;width:min(var(--content-width, 68%),460px);padding:clamp(24px,3vw,42px)}.xclsior-card-grid__item--content-right .xclsior-card-grid__content{margin-left:auto}.xclsior-card-grid__richtext{color:var(--card-grid-text)}.xclsior-card-grid__richtext>:first-child{margin-top:0}.xclsior-card-grid__richtext>:last-child{margin-bottom:0}.xclsior-card-grid__richtext h1,.xclsior-card-grid__richtext h2,.xclsior-card-grid__richtext h3,.xclsior-card-grid__richtext h4,.xclsior-card-grid__richtext h5,.xclsior-card-grid__richtext h6{margin:0 0 12px;color:var(--card-grid-text);font-family:inherit;font-weight:650;line-height:1.2;letter-spacing:-.025em}.xclsior-card-grid__richtext h1{font-size:clamp(36px,3vw,52px)}.xclsior-card-grid__richtext h2{font-size:clamp(30px,2.5vw,42px)}.xclsior-card-grid__richtext h3{font-size:clamp(24px,1.9vw,30px)}.xclsior-card-grid__richtext h4,.xclsior-card-grid__richtext h5,.xclsior-card-grid__richtext h6{font-size:18px}.xclsior-card-grid__richtext p{margin:0 0 14px;color:var(--card-grid-muted);font-size:16px;line-height:1.65}.xclsior-card-grid__richtext ul,.xclsior-card-grid__richtext ol{margin:12px 0 0;padding-left:20px;color:var(--card-grid-muted);font-size:16px;line-height:1.6}.xclsior-card-grid__richtext a{color:var(--card-grid-gold-dark);text-underline-offset:4px}.xclsior-card-grid__button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;margin-top:18px;padding:10px 0;color:var(--card-grid-text);background:transparent;border:0;font-size:14px;font-weight:700;letter-spacing:.035em;text-decoration:none;text-transform:uppercase;transition:color .2s ease-out,transform .2s ease-out}.xclsior-card-grid__button:after{margin-left:9px;font-size:18px;line-height:1;transition:transform .2s ease-out}.xclsior-card-grid__button:hover{color:var(--card-grid-gold-dark)}.xclsior-card-grid__button:hover:after{transform:translate(4px)}.xclsior-card-grid__button:focus-visible{outline:3px solid var(--card-grid-gold-dark);outline-offset:4px}.xclsior-card-grid__item--full .xclsior-card-grid__media{min-height:360px}.xclsior-card-grid__item--half .xclsior-card-grid__media{min-height:300px}.xclsior-card-grid__item--third .xclsior-card-grid__media{min-height:245px}.xclsior-card-grid__item--quarter .xclsior-card-grid__media{min-height:220px}.xclsior-card-grid__item--quarter .xclsior-card-grid__content{width:72%;padding:24px}.xclsior-card-grid__item--quarter .xclsior-card-grid__richtext h2,.xclsior-card-grid__item--quarter .xclsior-card-grid__richtext h3{font-size:20px}@media(max-width:980px){.xclsior-card-grid__item--quarter,.xclsior-card-grid__item--third{grid-column:span 6}.xclsior-card-grid__item--quarter .xclsior-card-grid__media,.xclsior-card-grid__item--third .xclsior-card-grid__media{min-height:250px}}@media(max-width:680px){.xclsior-card-grid-section{--card-grid-inline-gutter: 16px}.xclsior-card-grid{gap:18px}.xclsior-card-grid__item--full,.xclsior-card-grid__item--half,.xclsior-card-grid__item--third,.xclsior-card-grid__item--quarter{grid-column:span 12}.xclsior-card-grid__media,.xclsior-card-grid__item--full .xclsior-card-grid__media,.xclsior-card-grid__item--half .xclsior-card-grid__media,.xclsior-card-grid__item--third .xclsior-card-grid__media,.xclsior-card-grid__item--quarter .xclsior-card-grid__media{min-height:240px}.xclsior-card-grid__content,.xclsior-card-grid__item--quarter .xclsior-card-grid__content{width:min(78%,420px);padding:24px}.xclsior-card-grid__overlay,.xclsior-card-grid__item--content-right .xclsior-card-grid__overlay{background:linear-gradient(90deg,#f5f5f5f5,#f5f5f5bf 55%,#f5f5f51f)}.xclsior-card-grid__item--content-right .xclsior-card-grid__content{margin-left:0}.xclsior-card-grid__richtext h1{font-size:clamp(30px,9vw,42px)}.xclsior-card-grid__richtext h2{font-size:clamp(26px,8vw,36px)}.xclsior-card-grid__richtext h3{font-size:clamp(22px,7vw,28px)}}@media(prefers-reduced-motion:reduce){.xclsior-card-grid__image,.xclsior-card-grid__button,.xclsior-card-grid__button:after{transition-duration:.01ms}}@media(forced-colors:active){.xclsior-card-grid__media,.xclsior-card-grid__button{border:1px solid CanvasText}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/xclsior-card-grid.css.map */