.jax-hero{position:relative;min-height:var(--jax-hero-height);overflow:hidden;background:radial-gradient(circle at var(--jax-glow-x) var(--jax-glow-y),color-mix(in srgb,var(--jax-glow-color) var(--jax-glow-opacity),transparent) 0%,transparent var(--jax-glow-size)),var(--jax-bg-color);color:var(--jax-text-color)}.jax-hero__inner{position:relative;width:min(100%,var(--jax-composition-width));min-height:var(--jax-hero-height);margin-inline:auto}.jax-hero__bg-text{position:absolute;z-index:1;left:var(--jax-bg-text-x);top:var(--jax-bg-text-y);transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;font-family:var(--font-heading--family);font-weight:900;font-size:clamp(180px,var(--jax-bg-text-size),380px);line-height:.82;letter-spacing:-.06em;text-transform:uppercase;color:var(--jax-bg-text-color);opacity:var(--jax-bg-text-opacity);filter:blur(var(--jax-bg-text-blur));pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap}.jax-hero__can{position:absolute;z-index:3;left:var(--jax-can-x);top:var(--jax-can-y);width:clamp(320px,var(--jax-can-width),680px);transform:translate(-50%,-50%);transform-origin:center}.jax-hero__can--float{animation:jaxHeroFloat var(--jax-float-speed) ease-in-out infinite}.jax-hero__can img{display:block;width:100%;height:auto}.jax-hero__icons{position:absolute;z-index:4;left:var(--jax-icons-x);top:var(--jax-icons-y);transform:translate(-50%,-50%);display:flex;gap:var(--jax-icons-gap);align-items:flex-start}.jax-hero__icon{width:var(--jax-icon-width);text-align:center;color:var(--jax-text-color)}.jax-hero__icon img{display:block;width:var(--jax-icon-image-size);height:var(--jax-icon-image-size);object-fit:contain;margin:0 auto 8px}.jax-hero__icon-title{margin:0;font-size:var(--jax-icon-text-size);line-height:1.12;font-weight:700}.jax-hero__icon-subtitle{margin:3px 0 0;font-size:calc(var(--jax-icon-text-size) * .85);line-height:1.1}.jax-hero__roundel{position:absolute;z-index:4;left:var(--jax-roundel-x);top:var(--jax-roundel-y);width:var(--jax-roundel-size);transform:translate(-50%,-50%);transform-origin:center}.jax-hero__roundel img{display:block;width:100%;height:auto}.jax-hero__roundel--rotate{animation:jaxHeroRotate var(--jax-roundel-speed) linear infinite}@keyframes jaxHeroFloat{0%,to{transform:translate(-50%,-50%) translateY(0) rotate(0)}50%{transform:translate(-50%,-50%) translateY(calc(var(--jax-float-distance) * -1)) rotate(var(--jax-float-rotation))}}@keyframes jaxHeroRotate{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@media screen and (min-width:750px)and (max-width:1399px){.jax-hero__inner{width:min(100%,1400px)}.jax-hero__bg-text{font-size:clamp(170px,calc(var(--jax-bg-text-size) * .88),330px)}.jax-hero__can{width:clamp(340px,calc(var(--jax-can-width) * .9),600px)}.jax-hero__icons{gap:calc(var(--jax-icons-gap) * .9)}.jax-hero__roundel{width:calc(var(--jax-roundel-size) * .92)}}@media screen and (min-width:1400px)and (max-width:1699px){.jax-hero__bg-text{font-size:calc(var(--jax-bg-text-size) * .94)}.jax-hero__can{width:calc(var(--jax-can-width) * .95)}.jax-hero__icons{left:calc(var(--jax-icons-x) + 1%)}.jax-hero__roundel{left:calc(var(--jax-roundel-x) - 1%)}}@media screen and (min-width:1800px){.jax-hero__inner{width:min(100%,var(--jax-composition-width))}}@media screen and (max-width:749px){.jax-hero{min-height:clamp(720px,var(--jax-hero-height-mobile),920px)}.jax-hero__inner{width:100%;min-height:inherit}.jax-hero__bg-text{left:var(--jax-bg-text-x-mobile);top:var(--jax-bg-text-y-mobile);font-size:clamp(112px,var(--jax-bg-text-size-mobile),154px);line-height:.82}.jax-hero__can{left:var(--jax-can-x-mobile);top:var(--jax-can-y-mobile);width:clamp(250px,var(--jax-can-width-mobile),305px)}.jax-hero__icons{position:absolute;left:var(--jax-icons-x-mobile);top:var(--jax-icons-y-mobile);bottom:auto;width:100%;padding-inline:16px;transform:translate(-50%,-50%);justify-content:space-evenly;align-items:flex-start;gap:clamp(8px,var(--jax-icons-gap-mobile),18px)}.jax-hero__icon{width:clamp(88px,28vw,108px)}.jax-hero__icon img{width:clamp(52px,14vw,62px);height:clamp(52px,14vw,62px);margin-bottom:10px}.jax-hero__icon-title{font-size:clamp(10px,3vw,12px);line-height:1.12}.jax-hero__icon-subtitle{font-size:clamp(9px,2.6vw,10px)}.jax-hero__roundel{display:none}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/jax-hero.css.map */