.xs-hero .xs-hero__panel img{object-position:50% var(--xs-focal, 50%)}.xs-hero .xs-hero__promo{position:relative;overflow:hidden;background-color:var(--xs-ink);background-image:none;padding:0;gap:0;justify-content:flex-end}.xs-hero__promo-media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.xs-hero .xs-hero__promo-media img{width:100%;height:100%;object-fit:cover;object-position:50% var(--xs-focal, 50%);display:block;transition:transform .5s}.xs-hero__promo:hover .xs-hero__promo-media img{transform:scale(1.04)}.xs-hero__promo-scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(180deg,#0b0d1257,#0b0d12b8 48%,#0b0d12f0)}.xs-hero__promo-body{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:10px;padding:26px 24px 28px;text-align:center;width:100%}.xs-hero .xs-hero__promo-big{text-wrap:balance;letter-spacing:-.005em;text-shadow:0 1px 24px rgb(11 13 18 / .5)}.xs-hero .xs-hero__promo-kicker{text-shadow:0 1px 12px rgb(11 13 18 / .6)}.xs-hero .xs-hero__promo-sub{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;opacity:.92;text-shadow:0 1px 10px rgb(11 13 18 / .6)}.xs-hero .xs-hero__promo-cta{display:inline-block;margin-top:4px;padding:10px 18px;background:var(--xf-accent, #ffb020);color:#0b0d12;font-family:var(--xs-cond);font-size:12px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;text-decoration:none;border:0;transition:background-color .2s,transform .2s}.xs-hero__promo:hover .xs-hero__promo-cta,.xs-hero__promo:focus-visible .xs-hero__promo-cta{background:#ffc44d}.xs-hero__promo:focus-visible{outline:2px solid var(--xf-accent, #ffb020);outline-offset:-4px}.xs-hero__promo:not(:has(.xs-hero__promo-media)){justify-content:center}.xs-hero__promo:not(:has(.xs-hero__promo-media)) .xs-hero__promo-body{padding-block:24px}@media(max-width:620px){.xs-hero__promo-scrim{background:linear-gradient(180deg,#0b0d1285,#0b0d12cc 45%,#0b0d12f2)}.xs-hero__promo-body{padding:24px 20px 26px;gap:8px}.xs-hero .xs-hero__promo-sub{-webkit-line-clamp:2}}@media(prefers-reduced-motion:reduce){.xs-hero__promo-media img,.xs-hero .xs-hero__promo-cta{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/48/assets/xs-hero-promo.css.map */