.promo-tiles{--promo-tile-radius: 14px;--promo-tile-accent: var(--color-base-accent-1, #e58c48);--promo-tile-accent-dark: #a85f28;--promo-tile-ink: var(--color-base-accent-2, #232f3e);--promo-tile-muted: #5b6472;--promo-tile-border: var(--color-base-border, #e5e5e5);--promo-tile-surface: var(--color-base-content-background, #ffffff)}.promo-tiles__header{margin:0 0 28px}.promo-tiles__title{margin:0;font-size:clamp(22px,2.4vw,30px);line-height:1.2;font-weight:700;color:var(--promo-tile-ink)}.promo-tiles__title:after{content:"";display:block;width:56px;height:3px;margin-top:12px;border-radius:2px;background:var(--promo-tile-accent)}.promo-tiles__grid{display:grid;grid-template-columns:repeat(var(--promo-tiles-cols, 2),minmax(0,1fr));gap:24px;margin:0;padding:0;list-style:none}.promo-tile{position:relative;display:flex;padding-inline:unset;flex-direction:column;overflow:hidden;background:var(--promo-tile-surface);border:1px solid var(--promo-tile-border);border-radius:var(--promo-tile-radius);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}@media screen and (min-width:1024px){.promo-tile{flex-direction:row}.promo-tiles{max-width:92.5%}.promo-tile__media{flex:1 1 30%}}.promo-tile:hover{transform:translateY(-4px);border-color:transparent;box-shadow:0 14px 34px #232f3e21}.promo-tile:focus-within{outline:2px solid var(--promo-tile-accent);outline-offset:3px}.promo-tile__media{position:relative;aspect-ratio:var(--promo-tile-ratio, 16 / 10);background:#f5f5f3;overflow:hidden}.promo-tile__media img{display:block;width:100%;height:100%;object-fit:var(--promo-tile-fit, cover);object-position:center;transition:transform .45s ease}.promo-tile--contain .promo-tile__media img{padding:18px}.promo-tile--contain .promo-tile__media{background:#fff}.promo-tile:hover .promo-tile__media img{transform:scale(1.04)}.promo-tile__media--empty{display:flex;align-items:center;justify-content:center;color:#b6bcc4}.promo-tile__body{display:flex;flex:1 1 auto;flex-direction:column;gap:10px;padding:24px 24px 26px}.promo-tile__eyebrow{align-self:flex-start;margin:0;padding:5px 12px;border-radius:999px;background:#e58c4821;color:var(--promo-tile-accent-dark);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;line-height:1.4}.promo-tile__heading{margin:0;font-size:clamp(19px,1.6vw,24px);line-height:1.25;font-weight:700;color:var(--promo-tile-ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.promo-tile__text{margin:0;color:var(--promo-tile-muted);font-size:15px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.promo-tile__text p{margin:0}.promo-tile__text p+p{margin-top:6px}.promo-tile__cta{margin-top:auto;padding-top:18px}.promo-tile__cta-inner{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:40px;padding:0 14px;box-sizing:border-box;border-radius:8px;background:var(--promo-tile-accent);color:#fff;font-size:13px;font-weight:600;letter-spacing:.6px;text-transform:uppercase;text-decoration:none;line-height:1.2;transition:background-color .2s ease}.promo-tile:hover .promo-tile__cta-inner,.promo-tile__cta:hover .promo-tile__cta-inner{background:var(--promo-tile-accent-dark)}.promo-tile__cta-inner svg{flex:none;width:15px;height:15px;transition:transform .2s ease}.promo-tile:hover .promo-tile__cta-inner svg{transform:translate(3px)}.promo-tile__cta-inner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0}@media screen and (max-width:989px){.promo-tiles__grid{gap:20px}.promo-tile__body{padding:20px 20px 22px}}@media screen and (max-width:749px){.promo-tiles__grid{grid-template-columns:minmax(0,1fr);gap:12px}.promo-tiles__header{margin-bottom:16px}.promo-tile__media{aspect-ratio:var(--promo-tile-ratio-mobile, 2 / 1)}.promo-tile--contain .promo-tile__media img{padding:10px}.promo-tile__body{gap:6px;padding:14px 16px 16px}.promo-tile__eyebrow{padding:4px 10px;font-size:11px}.promo-tile__heading{font-size:18px;-webkit-line-clamp:2}.promo-tile__text{font-size:14px;line-height:1.5;-webkit-line-clamp:2}.promo-tile__cta{padding-top:12px}.promo-tile__cta-inner{width:100%;padding:0 12px;font-size:12px}.promo-tile__cta-inner svg{width:14px;height:14px}}@media(prefers-reduced-motion:reduce){.promo-tile,.promo-tile__media img,.promo-tile__cta-inner,.promo-tile__cta-inner svg{transition:none}.promo-tile:hover,.promo-tile:hover .promo-tile__media img{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/section-promo-tiles.css.map */