.campaign-hero{position:relative;min-height:420px;aspect-ratio:2048 / 853;display:grid;place-items:center;overflow:hidden;background:#555}.campaign-hero__background{position:absolute;top:0;right:0;bottom:0;left:0}.campaign-hero__background img{width:100%;height:100%;object-fit:cover}.campaign-hero__mobile{display:none}.campaign-hero__content{position:relative;width:min(100% - 32px,1000px);text-align:center;font-family:var(--campaign-font);color:var(--campaign-color)}.campaign-hero__content h1{margin:0;font-family:var(--campaign-heading-font);color:inherit;font-size:var(--campaign-size);letter-spacing:var(--campaign-heading-spacing);line-height:1.1;text-shadow:1px 2px 4px #0009}.campaign-hero__content p{margin:10px 0 14px;font-size:calc(var(--campaign-size) * .5);letter-spacing:var(--campaign-subtitle-spacing);line-height:1.2;text-shadow:1px 2px 4px #0009}.campaign-hero__buttons{display:flex;justify-content:center;flex-wrap:wrap;gap:16px}.campaign-hero__buttons a{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:160px;aspect-ratio:5 / 1;padding:0 6px;border:0;background:var(--campaign-button-background);color:var(--campaign-button-text);font-size:calc(var(--campaign-size) * .25);line-height:1.2;text-align:center;overflow-wrap:anywhere;text-decoration:none;border-radius:4px}@media(max-width:767px){.campaign-hero{min-height:500px;aspect-ratio:auto;align-items:end;padding:24px 0 29px}.campaign-hero__background:has(.campaign-hero__mobile) .campaign-hero__desktop{display:none}.campaign-hero__mobile{display:block}.campaign-hero__content h1,.campaign-hero__content p{text-shadow:0 1px 3px #000,0 1px 6px #0009}.campaign-hero__content h1{font-size:clamp(28px,8vw,var(--campaign-size))}.campaign-hero__content p{font-size:clamp(16px,4vw,calc(var(--campaign-size) * .5))}.campaign-hero__buttons{flex-wrap:nowrap;gap:8px}.campaign-hero__buttons a{flex:1 1 0;min-width:0;max-width:150px;font-size:clamp(12px,3vw,calc(var(--campaign-size) * .25))}}
/*# sourceMappingURL=/cdn/shop/t/161/assets/campaign-hero.css.map */
