.kc-tiles{--color-background: rgb(253 248 245 / 1);--color-foreground: rgb(58 43 21 / 1);--color-foreground-rgb: 58 43 21;--color-foreground-heading: rgb(58 43 21 / 1);--color-primary: rgb(58 43 21 / 1);--color-primary-button-text: rgb(253 248 245 / 1);--color-primary-button-background: rgb(58 43 21 / 1);--color-primary-button-border: rgb(58 43 21 / 1);--color-primary-button-hover-background: rgb(38 26 9 / 1);--color-primary-button-hover-border: rgb(38 26 9 / 1);--color-surface-warm: rgb(246 239 231 / 1);--color-ink-inverse: rgb(253 248 245 / 1);--opacity-60: .6;--page-content-width: 1620px;--page-margin: 20px;--page-width: calc(var(--page-content-width) + (var(--page-margin) * 2));--font-body--family: "KC DM Sans", "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-heading--family: "Times New Roman", Times, serif;--font-script--family: "Times New Roman", Times, serif;--font-body--weight: 400;--font-heading--weight: 500;--heading-width: 118;--letter-spacing-sm: .06em;--letter-spacing-md: .13em;--block-gap: clamp(20px, 2.4vw, 36px);--hover-transition: .25s ease-out}.kc-tiles,.kc-tiles *,.kc-tiles *:before,.kc-tiles *:after{box-sizing:border-box}.kc-tiles .tiles{color:var(--color-foreground);font-family:var(--font-body--family);font-weight:var(--font-body--weight);font-size:16px;line-height:1.55;letter-spacing:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.kc-tiles img{max-width:100%;display:block}.kc-tiles a{color:inherit;text-decoration:none;font-weight:inherit}.kc-tiles p,.kc-tiles span,.kc-tiles a{line-height:inherit}.kc-tiles p{margin:0;font-size:inherit}.kc-tiles h2,.kc-tiles h3{margin:0;font-family:var(--font-heading--family);font-weight:var(--font-heading--weight);font-style:normal;font-variation-settings:"wdth" var(--heading-width);color:var(--color-foreground-heading);line-height:1.12;letter-spacing:-.01em}.kc-tiles a:focus-visible{outline:2px solid var(--color-primary)!important;outline-offset:3px}@media screen and (min-width:1440px){.kc-tiles{--page-margin: 56px}}@media screen and (max-width:767px){.kc-tiles{--page-margin: 16px;--block-gap: 18px}.kc-tiles .tiles{font-size:15px}}.kc-tiles .page-width{width:100%;max-width:var(--page-width);margin-inline:auto;padding-inline:var(--page-margin)}.kc-tiles .sec-tiles{padding-top:50px;padding-bottom:50px}.kc-tiles .eyebrow{font-family:var(--font-heading--family);font-variation-settings:"wdth" 110;font-size:11px;font-weight:500;letter-spacing:var(--letter-spacing-md);text-transform:uppercase;color:rgb(var(--color-foreground-rgb) / var(--opacity-60))}.kc-tiles .section-headline{font-size:clamp(26px,3.2vw,46px)}.kc-tiles .section-headline em{font-family:var(--font-script--family)!important;font-style:italic;font-weight:400;font-variation-settings:normal;letter-spacing:0}.kc-tiles .tiles-head{margin-bottom:var(--block-gap);text-align:center}.kc-tiles .tiles-sub{margin-top:8px;font-size:16px;color:rgb(var(--color-foreground-rgb) / .75)}.kc-tiles .tiles-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(12px,1.6vw,24px)}.kc-tiles .tile{position:relative;display:flex;flex-direction:column;border-radius:0;overflow:hidden;isolation:isolate;background:var(--color-surface-warm)}.kc-tiles .tile img,.kc-tiles .tile .tile-placeholder{display:block;width:100%;height:auto;aspect-ratio:3 / 2;object-fit:cover;object-position:center;transform:translateZ(0);backface-visibility:hidden;will-change:transform;transition:transform .4s ease-out}.kc-tiles .tile .tile-placeholder{background:#efe6dc;fill:#3a2b154d}.kc-tiles .tile:hover img,.kc-tiles .tile:hover .tile-placeholder{transform:translateZ(0) scale(1.03)}@media screen and (min-width:768px)and (min-height:501px),screen and (min-width:1025px){.kc-tiles .tile img,.kc-tiles .tile .tile-placeholder{transform:translateZ(0) scale(1);transform-origin:center 55%}.kc-tiles .tile:hover img,.kc-tiles .tile:hover .tile-placeholder{transform:translateZ(0) scale(1.03)}}.kc-tiles .tile-panel{position:relative;z-index:1;flex:1;padding:clamp(16px,1.6vw,24px) clamp(16px,1.8vw,28px) clamp(18px,1.8vw,28px);background:var(--color-surface-warm);color:var(--color-foreground);border-radius:0}.kc-tiles .tile-eyebrow{margin-bottom:2px;font-family:var(--font-body--family);font-size:10px;font-weight:700}.kc-tiles .tile-title{font-size:clamp(20px,2vw,28px)}.kc-tiles .tile-text{margin-top:2px;font-size:14px;line-height:1.45;color:rgb(var(--color-foreground-rgb) / .8)}.kc-tiles .tile-cta{display:inline-flex;align-items:center;gap:10px;min-height:38px;margin-top:10px;padding:8px 16px;background:var(--color-primary-button-background);color:var(--color-primary-button-text);border-radius:0;font-size:12px;font-weight:700;letter-spacing:var(--letter-spacing-sm);text-transform:uppercase;white-space:nowrap;transition:background-color var(--hover-transition)}.kc-tiles .tile-cta .ph{display:block;width:1em;height:1em;fill:currentColor;flex-shrink:0;font-size:15px;transition:transform var(--hover-transition)}.kc-tiles .tile:hover .tile-cta{background:var(--color-primary-button-hover-background)}.kc-tiles .tile:hover .tile-cta .ph{transform:translate(3px)}@media screen and (max-width:767px){.kc-tiles .tiles-grid{grid-template-columns:1fr}.kc-tiles .tile img,.kc-tiles .tile .tile-placeholder{position:static;height:auto;aspect-ratio:5 / 4}.kc-tiles .tile-panel{position:static;width:auto;padding:18px 16px 20px;border-radius:0;background:var(--color-surface-warm);backdrop-filter:none;-webkit-backdrop-filter:none}.kc-tiles .tile-cta{display:flex;justify-content:center;white-space:normal}}@media screen and (max-width:1024px)and (max-height:500px)and (orientation:landscape){.kc-tiles .tiles-grid{grid-template-columns:1fr 1fr}.kc-tiles .tile img,.kc-tiles .tile .tile-placeholder{position:static;height:auto;aspect-ratio:620 / 280}.kc-tiles .tile-panel{position:static;width:auto;padding:14px 16px 16px;border-radius:0;background:var(--color-surface-warm);backdrop-filter:none;-webkit-backdrop-filter:none}.kc-tiles .tile-title{font-size:20px}.kc-tiles .tile-text{display:none}}@media(prefers-color-scheme:dark){.kc-tiles .tile-cta{background-color:var(--color-primary);color:var(--color-ink-inverse)}.kc-tiles .tile-panel{color:var(--color-foreground)}}.kc-tiles{--type-title: 40px;--type-intro: 16px;--ink-muted: rgb(58 43 21 / .78);--ink-label: rgb(58 43 21 / .7)}.kc-tiles .section-headline{font-family:var(--font-heading--family);font-size:var(--type-title);font-weight:400;line-height:1.15;letter-spacing:-.01em;text-transform:none;color:var(--color-foreground)}.kc-tiles .eyebrow,.kc-tiles .tile-eyebrow{font-family:var(--font-body--family);font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-label)}.kc-tiles .tiles-sub{font-family:var(--font-body--family);font-size:var(--type-intro);line-height:1.55;color:var(--ink-muted)}.kc-tiles .tile-cta{font-family:var(--font-body--family);font-weight:700;letter-spacing:.06em;text-transform:uppercase}.kc-tiles .tile-cta{min-height:48px;font-size:13px;letter-spacing:.06em}@media screen and (max-width:1199px){.kc-tiles{--type-title: 34px}}@media screen and (max-width:767px){.kc-tiles{--type-title: 30px;--type-intro: 15px}}@media screen and (max-width:1024px)and (max-height:500px)and (orientation:landscape){.kc-tiles{--type-title: 26px;--type-intro: 14px}.kc-tiles .tile-cta{min-height:40px;font-size:12px}}.kc-tiles{--ink-label: var(--ink-muted)}.kc-tiles .tile-text,.kc-tiles .tiles-sub{color:var(--ink-muted)}.kc-tiles .tile-cta{border:1px solid var(--color-primary-button-border);border-radius:0;background:var(--color-primary-button-background);color:var(--color-primary-button-text);font-family:var(--font-body--family);font-weight:700;letter-spacing:.06em;text-transform:uppercase}.kc-tiles .tile-cta{min-height:48px;padding:14px 28px;font-size:13px}.kc-tiles .tile:hover .tile-cta{background:var(--color-primary-button-hover-background);border-color:var(--color-primary-button-hover-border);color:var(--color-primary-button-text)}@media screen and (min-width:1200px){.kc-tiles .tile-title{font-size:24px}}@media screen and (max-width:767px)and (orientation:portrait){.kc-tiles{--type-intro: 16px}.kc-tiles .tile-title{font-size:20px}}@media screen and (max-width:1024px)and (max-height:500px)and (orientation:landscape){.kc-tiles{--type-title: 24px}}
/*# sourceMappingURL=/cdn/shop/t/172/assets/section-banner-tiles.css.map */