@media screen and (min-width:750px){.banner[id$=__kona_hero_2026]{height:clamp(480px,42vw,580px);min-height:0;background:#203629;overflow:hidden}.banner[id$=__kona_hero_2026] .banner__media{right:0;left:0;width:100%;height:100%}.banner[id$=__kona_hero_2026] .banner__media>img{object-fit:cover;object-position:50% 50%}.banner[id$=__kona_hero_2026]:after{background:linear-gradient(90deg,#112319e6,#112319b8 22%,#1123194d 48%,#11231900 70%);opacity:1!important;pointer-events:none}.banner[id$=__kona_hero_2026] .banner__box{width:min(490px,43vw);min-width:0;max-width:min(490px,43vw);padding:2.6rem 0}.banner[id$=__kona_hero_2026] .banner__heading{font-size:clamp(3.6rem,3.7vw,5.8rem);line-height:1.08;text-wrap:balance}.banner[id$=__kona_hero_2026] .banner__text{max-width:44rem}}@media screen and (min-width:1500px){.banner[id$=__kona_hero_2026]:before{content:"";position:absolute;top:-24px;right:-24px;bottom:-24px;left:-24px;background-image:var(--sploot-hero-backdrop);background-size:cover;background-position:center;filter:blur(35px) brightness(.5) saturate(.8);opacity:.95}.banner[id$=__kona_hero_2026] .banner__media{left:50%;right:auto;width:min(100%,1400px);transform:translate(-50%);-webkit-mask-image:linear-gradient(to right,transparent,#000 18%,#000 97%,transparent);mask-image:linear-gradient(to right,transparent,#000 18%,#000 97%,transparent)}}@media screen and (max-width:749px){.banner[id$=__kona_hero_2026] .banner__media>img{object-position:68% 50%}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/sploot-home-hero.css.map */