.hahpro-hero-banner--section-root{position:relative;display:block;overflow:hidden;background-color:var(--hahpro-hero-overlay-color, #0b0b0f);color:var(--hahpro-hero-text-color, #f4f4f6)}.hahpro-hero-banner--track-wrapper{position:relative;display:grid}.hahpro-hero-banner--slide-block{grid-area:1 / 1;position:relative;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .7s ease,visibility .7s ease;z-index:1}.hahpro-hero-banner--slide-block.is-active{opacity:1;visibility:visible;pointer-events:auto;z-index:2}.hahpro-hero-banner-media-column{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden}.hahpro-hero-banner-media-column picture,.hahpro-hero-banner-media-column img,.hahpro-hero-banner-media-column video{display:block;inline-size:100%;block-size:100%}.hahpro-hero-banner-image-element,.hahpro-hero-banner-video-element,.hahpro-hero-banner-showcase-image-element{object-fit:var(--hahpro-hero-image-fit, cover);object-position:center}.hahpro-hero-banner-image-placeholder{display:flex;align-items:center;justify-content:center;inline-size:100%;block-size:100%;background-color:var(--hahpro-hero-image-bg, #16161c)}.hahpro-hero-banner-placeholder-svg{inline-size:60%;max-inline-size:42rem;block-size:auto;fill:#f4f4f640}.hahpro-hero-banner-gradient-scrim{position:absolute;inset-block-start:35%;inset-inline:0;inset-block-end:0;background:linear-gradient(to top,var(--hahpro-hero-overlay-color, #0b0b0f) 0%,transparent 100%);pointer-events:none;z-index:2}.hahpro-hero-banner-foreground-grid{position:relative;z-index:3;display:grid;grid-template-columns:1fr;min-block-size:var(--hahpro-hero-height-mobile, 70vh)}.hahpro-hero-banner--section-root[data-layout=centered] .hahpro-hero-banner-content-column{display:flex;padding-block:3rem;padding-inline:1.25rem}.hahpro-hero-banner--section-root[data-layout=centered] .hahpro-hero-banner-content-column[data-content-align=top-left],.hahpro-hero-banner--section-root[data-layout=centered] .hahpro-hero-banner-content-column[data-content-align=top-center]{align-items:flex-start}.hahpro-hero-banner--section-root[data-layout=centered] .hahpro-hero-banner-content-column[data-content-align=bottom-left],.hahpro-hero-banner--section-root[data-layout=centered] .hahpro-hero-banner-content-column[data-content-align=bottom-center]{align-items:flex-end}.hahpro-hero-banner--section-root[data-layout=centered] .hahpro-hero-banner-content-column[data-content-align=top-center],.hahpro-hero-banner--section-root[data-layout=centered] .hahpro-hero-banner-content-column[data-content-align=middle-center],.hahpro-hero-banner--section-root[data-layout=centered] .hahpro-hero-banner-content-column[data-content-align=bottom-center]{justify-content:center;text-align:center}.hahpro-hero-banner--section-root[data-layout=centered] .hahpro-hero-banner-content-column[data-content-align=middle-left],.hahpro-hero-banner--section-root[data-layout=centered] .hahpro-hero-banner-content-column[data-content-align=middle-center],.hahpro-hero-banner--section-root[data-layout=centered] .hahpro-hero-banner-content-column[data-content-align=bottom-left],.hahpro-hero-banner--section-root[data-layout=centered] .hahpro-hero-banner-content-column[data-content-align=bottom-center]{align-items:center}.hahpro-hero-banner--section-root[data-layout=split] .hahpro-hero-banner-content-column{display:flex;align-items:center;padding-block:2.5rem;padding-inline:1.5rem}.hahpro-hero-banner--section-root[data-layout=split] .hahpro-hero-banner--slide-block[data-mobile-order=text-first] .hahpro-hero-banner-content-column{order:-1}.hahpro-hero-banner-content-inner{max-inline-size:var(--hahpro-hero-content-max, 40rem);display:flex;flex-direction:column;align-items:flex-start}.hahpro-hero-banner--section-root[data-layout=centered] .hahpro-hero-banner-content-inner{align-items:center}.hahpro-hero-banner-text-spacing{padding-block-end:var(--hahpro-hero-text-gap, 1rem)}.hahpro-hero-banner-content-inner>.hahpro-hero-banner-text-spacing:last-child{padding-block-end:0}.hahpro-hero-banner-kicker-label{margin:0;font-size:var(--hahpro-hero-kicker-size, .85rem);font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--hahpro-hero-kicker-color, var(--hahpro-hero-accent-color, #f5c518))}.hahpro-hero-banner-heading-title{margin:0;font-size:var(--hahpro-hero-heading-size, 3rem);line-height:1.1;font-weight:700;color:var(--hahpro-hero-heading-color, var(--hahpro-hero-text-color, #f4f4f6))}.hahpro-hero-banner-subheading-text{font-size:var(--hahpro-hero-subheading-size, 1.15rem);line-height:1.6;color:var(--hahpro-hero-subheading-color, rgba(244, 244, 246, .85))}.hahpro-hero-banner-subheading-text p{margin:0}.hahpro-hero-banner-actions-group{display:flex;flex-wrap:wrap;gap:.85rem;margin-block-start:.5rem}.hahpro-hero-banner-button{display:inline-flex;align-items:center;justify-content:center;min-inline-size:var(--hahpro-hero-button-width, 10.5rem);min-block-size:var(--hahpro-hero-button-height, 3.5rem);padding-inline:1.75rem;font-size:var(--hahpro-hero-button-font-size, .95rem);font-weight:600;letter-spacing:normal;text-decoration:none;border-radius:var(--hahpro-hero-button-radius, .5rem);background-color:var(--btn-bg, transparent);color:var(--btn-text, var(--hahpro-hero-text-color, #f4f4f6));border:1px solid var(--btn-border, transparent);transition:background-color .25s ease,color .25s ease,border-color .25s ease,transform .25s ease}.hahpro-hero-banner-button:hover{transform:translateY(-2px);background-color:color-mix(in srgb,var(--btn-text) 14%,var(--btn-bg, transparent));border-color:color-mix(in srgb,var(--btn-border) 70%,var(--btn-text))}.hahpro-hero-banner-showcase-column{display:flex;align-items:center;justify-content:center;padding-block:0 2.5rem;padding-inline:1.5rem}.hahpro-hero-banner-showcase-stage{position:relative;inline-size:min(var(--showcase-size, 26rem),100%);aspect-ratio:4 / 4.6;transform:rotate(var(--showcase-rotate, 0deg))}.hahpro-hero-banner-showcase-image-card{position:absolute;inset-block-start:8%;inset-inline:6% 10%;block-size:74%;overflow:hidden;border-radius:var(--hahpro-hero-showcase-radius, 1rem);background-color:var(--hahpro-hero-image-bg, #16161c);box-shadow:0 24px 48px #00000073,0 0 0 1px #f4f4f614;animation:hahpro-hero-float-soft 7s ease-in-out infinite}.hahpro-hero-banner-showcase-image-element{display:block;inline-size:100%;block-size:100%}.hahpro-hero-banner-showcase-badge-chip{position:absolute;inset-block-start:2%;inset-inline-end:0;display:flex;flex-direction:column;gap:.15rem;padding-block:.7rem;padding-inline:1.1rem;border-radius:var(--hahpro-hero-showcase-radius, 1rem);background-color:color-mix(in srgb,var(--float-bg, #16161c) var(--float-pct, 80%),transparent);border:1px solid rgba(244,244,246,.18);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--badge-color, #0b0b0f);box-shadow:0 14px 30px #0006;animation:hahpro-hero-float-soft 6s ease-in-out .6s infinite}.hahpro-hero-banner-showcase-badge-main{font-size:var(--badge-size, .8rem);font-weight:700;letter-spacing:.12em;text-transform:uppercase}.hahpro-hero-banner-showcase-badge-sub{font-size:calc(var(--badge-size, .8rem) * .9);font-weight:500;opacity:.85}.hahpro-hero-banner-showcase-stat-card{position:absolute;inset-block-end:6%;inset-inline-start:0;display:flex;flex-direction:column;gap:.2rem;padding-block:.85rem;padding-inline:1.15rem;border-radius:var(--hahpro-hero-showcase-radius, 1rem);background-color:color-mix(in srgb,var(--float-bg, #16161c) var(--float-pct, 80%),transparent);border:1px solid rgba(244,244,246,.18);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 14px 30px #0006;animation:hahpro-hero-float-soft 8s ease-in-out 1.2s infinite}.hahpro-hero-banner-showcase-stat-value{font-size:var(--stat-size, 1.15rem);font-weight:700;color:var(--stat-color, #f4f4f6)}.hahpro-hero-banner-showcase-stat-label{font-size:calc(var(--stat-size, 1.15rem) * .62);font-weight:500;letter-spacing:.04em;color:var(--stat-color, #f4f4f6);opacity:.85}.hahpro-hero-banner-showcase-shape{position:absolute;pointer-events:none}.hahpro-hero-banner-showcase-shape-ring{inset-block-start:16%;inset-inline-start:4%;inline-size:4.5rem;block-size:4.5rem;border:2px solid color-mix(in srgb,var(--hahpro-hero-accent-color, #f5c518) 55%,transparent);border-radius:50%;animation:hahpro-hero-float-soft 9s ease-in-out .3s infinite}.hahpro-hero-banner-showcase-shape-dot{inset-block-end:20%;inset-inline-end:4%;inline-size:1rem;block-size:1rem;background-color:var(--hahpro-hero-accent-color, #f5c518);border-radius:50%;opacity:.85;animation:hahpro-hero-float-soft 5.5s ease-in-out .9s infinite}.hahpro-hero-banner-showcase-shape-glow{inset-block-end:0;inset-inline-end:8%;inline-size:8rem;block-size:8rem;background:radial-gradient(circle,color-mix(in srgb,var(--hahpro-hero-accent-color, #f5c518) 30%,transparent) 0%,transparent 70%);filter:blur(6px);animation:hahpro-hero-float-soft 10s ease-in-out 1.5s infinite}.hahpro-hero-banner-showcase-stage.shapes-hidden .hahpro-hero-banner-showcase-shape{display:none}@keyframes hahpro-hero-float-soft{0%,to{transform:translateY(0)}50%{transform:translateY(-.85rem)}}.hahpro-hero-banner-arrow-control{position:absolute;z-index:5;inset-block-start:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;inline-size:2.9rem;block-size:2.9rem;padding:0;border:1px solid rgba(244,244,246,.35);border-radius:50%;background-color:#0b0b0f73;color:var(--hahpro-hero-text-color, #f4f4f6);cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:border-color .25s ease,background-color .25s ease,color .25s ease}.hahpro-hero-banner-arrow-previous{inset-inline-start:.75rem}.hahpro-hero-banner-arrow-next{inset-inline-end:.75rem}.hahpro-hero-banner-arrow-control:hover,.hahpro-hero-banner-arrow-control:focus-visible{border-color:var(--hahpro-hero-accent-color, #f5c518);color:var(--hahpro-hero-accent-color, #f5c518)}.hahpro-hero-banner-dots-wrapper{position:absolute;z-index:5;inset-block-end:1.25rem;inset-inline:0;display:flex;align-items:center;justify-content:center;gap:.9rem}.hahpro-hero-banner-dots-list{display:flex;align-items:center;gap:.55rem}.hahpro-hero-banner-dot-item{inline-size:.65rem;block-size:.65rem;padding:0;border:none;border-radius:50%;background-color:#f4f4f666;cursor:pointer;transition:background-color .25s ease,transform .25s ease}.hahpro-hero-banner-dot-item.is-active{background-color:var(--hahpro-hero-accent-color, #f5c518);transform:scale(1.25)}.hahpro-hero-banner-pause-toggle{display:flex;align-items:center;justify-content:center;inline-size:1.75rem;block-size:1.75rem;padding:0;border:none;background-color:transparent;color:var(--hahpro-hero-text-color, #f4f4f6);cursor:pointer}.hahpro-hero-banner-pause-icon:before{content:"";display:block;border-style:solid;border-block-start:.45rem solid transparent;border-block-end:.45rem solid transparent;border-inline-start:.7rem solid currentColor}.hahpro-hero-banner-pause-toggle.is-paused .hahpro-hero-banner-pause-icon:before{border:none;border-inline-start:.55rem solid currentColor;border-inline-end:.55rem solid currentColor;block-size:.9rem}.hahpro-hero-banner--section-root a:focus-visible,.hahpro-hero-banner--section-root button:focus-visible{outline:2px solid var(--hahpro-hero-accent-color, #f5c518);outline-offset:3px}@media screen and (max-width:749px){.hahpro-hero-banner-button{min-inline-size:calc(var(--hahpro-hero-button-width, 10.5rem) * .82);min-block-size:calc(var(--hahpro-hero-button-height, 3.5rem) * .82);padding-inline:1.1rem;font-size:calc(var(--hahpro-hero-button-font-size, .95rem) * .85)}}@media screen and (max-width:749px){.hahpro-hero-banner--section-root[data-layout=split] .hahpro-hero-banner-content-column{justify-content:center;text-align:center}.hahpro-hero-banner--section-root[data-layout=split] .hahpro-hero-banner-content-inner{align-items:center}.hahpro-hero-banner--section-root[data-layout=split] .hahpro-hero-banner-actions-group{justify-content:center}}@media screen and (min-width:750px){.hahpro-hero-banner-foreground-grid{min-block-size:var(--hahpro-hero-height, 85vh)}.hahpro-hero-banner--section-root[data-layout=centered] .hahpro-hero-banner-content-column{padding-block:4rem;padding-inline:5rem}.hahpro-hero-banner--section-root[data-layout=split] .hahpro-hero-banner-foreground-grid{grid-template-columns:minmax(0,1fr) minmax(0,.85fr)}.hahpro-hero-banner--section-root[data-layout=split] .hahpro-hero-banner-content-column{padding-block:4rem;padding-inline-start:5rem;padding-inline-end:2rem}.hahpro-hero-banner--section-root[data-layout=split] .hahpro-hero-banner-showcase-column{order:1;padding-block:3rem;padding-inline:2rem 4rem}.hahpro-hero-banner--section-root[data-layout=split] .hahpro-hero-banner--slide-block[data-mobile-order=text-first] .hahpro-hero-banner-content-column{order:0}.hahpro-hero-banner-arrow-previous{inset-inline-start:2rem}.hahpro-hero-banner-arrow-next{inset-inline-end:2rem}}@media(prefers-reduced-motion:reduce){.hahpro-hero-banner--slide-block,.hahpro-hero-banner-button,.hahpro-hero-banner-dot-item,.hahpro-hero-banner-showcase-image-card,.hahpro-hero-banner-showcase-badge-chip,.hahpro-hero-banner-showcase-stat-card,.hahpro-hero-banner-showcase-shape{animation:none;transition:none}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/hahpro-hero-banner.css.map */