.wb-promo{padding-block-start:var(--wb-promo-padding-top-mobile, 4rem);padding-block-end:var(--wb-promo-padding-bottom-mobile, 0rem);background-color:rgb(var(--color-background));color:rgb(var(--color-foreground))}.wb-promo__inner{width:100%;max-width:var(--page-width, 128rem);margin-inline:auto;padding-inline:var(--wb-gutter-mobile, 1.6rem)}.wb-promo__card{display:flex;flex-direction:column;gap:1.6rem;padding:2.4rem;border-radius:6.4rem;background-color:var(--wb-ink);overflow:visible}.wb-promo__text{display:flex;flex-direction:column;align-items:flex-start;gap:1.6rem}.wb-promo__heading{margin:0;font-family:var(--wb-font-display);font-size:var(--wb-text-xl, 3.2rem);font-weight:var(--wb-weight-display, 700);letter-spacing:var(--wb-tracking-display, -.02em);line-height:var(--wb-leading-display, 1);color:#fff}.wb-promo__body{margin:0;max-width:34rem;font-family:var(--wb-font-ui);font-size:var(--wb-text-sm, 1.4rem);font-weight:400;line-height:2rem;color:#fff}.wb-promo__body>:first-child{margin-block-start:0}.wb-promo__body>:last-child{margin-block-end:0}.wb-promo__button{--wb-btn-fill: var(--wb-button-accent);--wb-btn-label: #fff;--wb-btn-shadow: none;--wb-btn-shadow-hover: none;width:100%}.wb-promo__media{position:relative;order:-1;border-radius:4rem;overflow:hidden;background-color:#fff}.wb-promo__image{display:block;width:100%;height:100%;aspect-ratio:295 / 223;object-fit:cover;object-position:center}.wb-promo__image--placeholder{background-color:#0d11170f;fill:#fff3}@media screen and (min-width:750px){.wb-promo{padding-block-start:var(--wb-promo-padding-top, 19rem);padding-block-end:var(--wb-promo-padding-bottom, 3.6rem)}.wb-promo__inner{padding-inline:3.2rem}.wb-promo__card{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:4rem;padding:9.6rem 3.2rem}.wb-promo__text{padding-inline-start:4rem;gap:1.6rem}.wb-promo__heading{font-size:var(--wb-text-3xl, 4.8rem);font-weight:var(--wb-weight-heading, 500)}.wb-promo__body{font-size:var(--wb-text-base, 1.6rem);line-height:3.2rem}.wb-promo__button{--wb-btn-fill: #fff;--wb-btn-label: var(--wb-button-accent);--wb-btn-shadow: .4rem .4rem 0 var(--wb-button-accent);--wb-btn-shadow-hover: .2rem .2rem 0 var(--wb-button-accent);width:auto}.wb-promo__media{order:-1;align-self:start;margin-block:-33% -22.8%}.wb-promo--image-right .wb-promo__media{order:0}.wb-promo__image{aspect-ratio:588 / 516}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/wb-component-promo-panel.css.map */