.hero-banner.svelte-suhoeq{width:100%;aspect-ratio:1/1.3;position:relative;background-image:url(../../../images/Banners/entity_spring_summer_banner.webp);background-size:cover;background-repeat:no-repeat;background-position:center;color:var(--pink);display:flex;justify-content:center;align-items:flex-start}.hero-banner.svelte-suhoeq:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:#000418;opacity:.1}.hero-banner.svelte-suhoeq .content:where(.svelte-suhoeq){display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:120px 20px;width:fit-content}.hero-banner.svelte-suhoeq .content:where(.svelte-suhoeq) h1:where(.svelte-suhoeq){text-align:center;font-size:clamp(6.4rem,6vw,8.4rem)}.hero-banner.svelte-suhoeq .content:where(.svelte-suhoeq) h4:where(.svelte-suhoeq){text-align:center;max-width:35ch}.button.svelte-suhoeq{width:clamp(40ch,100%,420px);height:auto;margin-top:40px}@media (min-width: 1024px){.hero-banner.svelte-suhoeq{background-image:url(../../../images/Banners/entity_spring_summer_banner_desktop.webp);aspect-ratio:2/1;justify-content:flex-end;align-items:center;background-position:25% 50%}}@media (min-width: 1550px){.hero-banner.svelte-suhoeq .content:where(.svelte-suhoeq){padding:60px 8vw}}