.hero-campaign{display:flex;flex-direction:column;gap:var(--space-5);padding-top:var(--space-4);color:var(--color-text)}.hero-campaign__media{position:relative;aspect-ratio:4 / 3;overflow:hidden;background-color:var(--color-surface-strong)}.hero-campaign__image,.hero-campaign__image picture{position:absolute;top:0;right:0;bottom:0;left:0}.hero-campaign__image img,.hero-campaign__image .placeholder-svg{display:block;width:100%;height:100%;object-fit:cover}.hero-campaign__image .placeholder-svg{fill:rgba(var(--color-foreground),.25)}.hero-campaign__inner{max-width:48rem}.hero-campaign__heading{margin:0;font-family:var(--font-heading-family);font-size:var(--type-display);font-weight:700;line-height:1;letter-spacing:var(--tracking-title);text-transform:uppercase;text-wrap:balance;color:var(--color-text)}.hero-campaign__heading.rc-rule:after{margin-top:var(--space-5)}.hero-campaign__text{margin:var(--space-5) 0 0;max-width:42rem;font-size:var(--type-body);line-height:1.55;color:var(--color-text-secondary)}.hero-campaign__buttons{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-6)}.hero-campaign__buttons .button{width:100%}.hero-campaign__trust{margin:var(--space-5) 0 0;font-size:var(--type-meta);line-height:1.6;letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--color-text-muted)}@media screen and (min-width:750px){.hero-campaign{gap:var(--space-6);padding-top:var(--space-5)}.hero-campaign__media{aspect-ratio:16 / 9}.hero-campaign__buttons{flex-direction:row;flex-wrap:wrap}.hero-campaign__buttons .button{width:auto}}@media screen and (min-width:990px){.hero-campaign{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:end;gap:var(--space-7)}.hero-campaign__media{grid-column:2;grid-row:1;aspect-ratio:4 / 3;max-height:calc(100vh - 26rem);min-height:36rem}.hero-campaign__content{grid-column:1;grid-row:1;padding-bottom:var(--space-2)}.hero-campaign__text{font-size:1.8rem}.hero-campaign--text-right{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}.hero-campaign--text-right .hero-campaign__media{grid-column:1}.hero-campaign--text-right .hero-campaign__content{grid-column:2}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-hero-campaign.css.map */