.promo-trio{display:grid;gap:var(--promo-gap, 20px);grid-template-columns:1fr}@media screen and (min-width:750px){.promo-trio--count-2{grid-template-columns:repeat(2,1fr)}.promo-trio--count-3{grid-template-columns:1.2fr 1fr;grid-template-rows:auto auto}.promo-trio--count-3>.promo-card:first-child{grid-column:1;grid-row:1 / span 2}}.promo-card{position:relative;display:flex;align-items:center;min-height:var(--promo-min-h-mobile, 210px);padding:24px;border-radius:var(--promo-radius, 10px);background:var(--promo-bg, #F5F5F7);color:var(--promo-fg, #111111);overflow:hidden;isolation:isolate}@media screen and (min-width:750px){.promo-card{min-height:var(--promo-min-h, 270px);padding:32px}}.promo-card__copy{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:8px;max-width:calc(100% - var(--promo-media, 45%) - 8px)}.promo-card__heading{margin:0;color:inherit;font-size:clamp(1.125rem,1rem + 1vw,1.75rem);font-weight:700;line-height:1.15;letter-spacing:-.01em;text-wrap:balance}.promo-trio--count-3>.promo-card:first-child .promo-card__heading{font-size:clamp(1.375rem,1.1rem + 1.6vw,2.25rem)}.promo-card__text{font-size:.9375rem;line-height:1.55;opacity:.72}.promo-card__text>:first-child{margin-top:0}.promo-card__text>:last-child{margin-bottom:0}.promo-card__btn{display:inline-flex;align-items:center;justify-content:center;margin-top:6px;padding:11px 22px;border-radius:6px;background:var(--promo-btn-bg, #111111);color:var(--promo-btn-fg, #FFFFFF);font-size:.875rem;font-weight:600;line-height:1.2;white-space:nowrap;transition:opacity .24s cubic-bezier(.4,0,.2,1),transform .24s cubic-bezier(.4,0,.2,1)}.promo-card__btn:hover{color:var(--promo-btn-fg, #FFFFFF);opacity:.88}.promo-card__btn:active{transform:translateY(1px)}.promo-card__media{position:absolute;z-index:0;width:var(--promo-media, 45%);max-height:100%;pointer-events:none}.promo-card__media img{display:block;width:100%;height:100%;max-height:100%}.promo-card--fit-contain .promo-card__media img{object-fit:contain;object-position:bottom right}.promo-card--fit-cover .promo-card__media img{object-fit:cover}.promo-card--fit-cover .promo-card__media{height:100%}.promo-card--end .promo-card__media{inset-inline-end:0;top:50%;transform:translateY(-50%);height:82%}.promo-card--bottom-end .promo-card__media{inset-inline-end:0;bottom:0;height:88%}.promo-card--bottom-center .promo-card__media{inset-inline:0;bottom:0;margin-inline:auto;height:70%}.promo-card--bottom-center .promo-card__copy{max-width:100%}.promo-card__cover{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}@media screen and (max-width:749px){.promo-card{padding:20px}.promo-card__copy{max-width:calc(100% - min(var(--promo-media, 45%),42%) - 6px)}.promo-card--end .promo-card__media,.promo-card--bottom-end .promo-card__media{width:min(var(--promo-media, 45%),42%)}.promo-card__btn{padding:10px 18px}}@media(hover:hover)and (prefers-reduced-motion:no-preference){.promo-card__media img{transition:transform .34s cubic-bezier(.4,0,.2,1)}.promo-card:hover .promo-card__media img{transform:scale(1.035)}}.promo-card--blend .promo-card__media img{mix-blend-mode:multiply}.promo-card--fill .promo-card__media{top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-height:none;transform:none}.promo-card--fill .promo-card__media img{object-fit:cover;object-position:center;mix-blend-mode:normal}.promo-card--fill .promo-card__copy{max-width:min(100%,var(--promo-copy-max, 420px))}.promo-card__scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:rgb(0 0 0 / var(--promo-overlay, 0))}@media screen and (max-width:749px){.promo-card--fill .promo-card__media{width:100%}.promo-card--fill .promo-card__copy{max-width:100%}}.promo-card--v-top{align-items:flex-start}.promo-card--v-middle{align-items:center}.promo-card--v-bottom{align-items:flex-end}.promo-card--h-start{justify-content:flex-start}.promo-card--h-center{justify-content:center}.promo-card--h-end{justify-content:flex-end}.promo-card--h-start>.promo-card__copy{align-items:flex-start;text-align:start}.promo-card--h-center>.promo-card__copy{align-items:center;text-align:center}.promo-card--h-end>.promo-card__copy{align-items:flex-end;text-align:end}.promo-card--h-center>.promo-card__copy,.promo-card--h-end>.promo-card__copy{max-width:min(100%,var(--promo-copy-max, 420px))}
/*# sourceMappingURL=/cdn/shop/t/2/assets/promo-trio.css.map */