.hhero{--hhero-height: 520px;--hhero-pad-x: 16px;--hhero-pad-y: 32px;--hhero-content-width: 100%;--hhero-gap: 16px;--hhero-title: 28px;--hhero-body: 16px;position:relative;display:block;height:var(--hhero-height);overflow:hidden;isolation:isolate;background:#2f2f2f;color:#f3f3f4}.hhero__media,.hhero__media picture{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2}.hhero__media img,.hhero__placeholder{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--hhero-focal, center)}.hhero__placeholder{fill:#ffffff26}.hhero--overlay:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:linear-gradient(to bottom,#0000 30%,#000000bf)}.hhero__inner{height:100%;padding:var(--hhero-pad-y) var(--hhero-pad-x)}.hhero__container{display:flex;justify-content:center;align-items:flex-end;width:100%;max-width:1536px;height:100%;margin-inline:auto}.hhero__content{display:flex;flex-direction:column;align-items:center;gap:var(--hhero-gap);width:var(--hhero-content-width);text-align:center}.hhero__text{display:flex;flex-direction:column;gap:12px}.hhero .hhero__title{margin:0;color:inherit;font-family:var(--font-heading--family, "Proxima Nova", sans-serif);font-size:var(--hhero-title);font-weight:800;line-height:1.15;letter-spacing:0;text-transform:none;text-wrap:balance}.hhero .hhero__body{margin:0;color:inherit;font-family:var(--font-heading--family, "Proxima Nova", sans-serif);font-size:var(--hhero-body);font-weight:400;line-height:1.4}.hhero__body a{color:inherit;text-decoration:underline}.hhero__actions{display:flex}.hhero .hhero__button{display:inline-flex;align-items:center;justify-content:center;width:237px;max-width:100%;min-height:41px;padding:12px 20px;border-radius:66px;background:#fff;box-shadow:0 1px 2px #1018280d;color:#000;font-family:var(--font-body--family, "Montserrat", sans-serif);font-size:14px;font-weight:700;line-height:1.2;text-decoration:none;transition:background-color .15s ease}.hhero .hhero__button:hover{background:#f3f3f4}.hhero .hhero__button:focus-visible{outline:2px solid #fff;outline-offset:3px}@media screen and (min-width:750px){.hhero{--hhero-height: 480px;--hhero-pad-x: 32px;--hhero-pad-y: 48px;--hhero-content-width: 440px;--hhero-gap: 20px;--hhero-title: 36px;--hhero-body: 18px}.hhero--h-left .hhero__container{justify-content:flex-start}.hhero--h-right .hhero__container{justify-content:flex-end}.hhero--v-top .hhero__container{align-items:flex-start}.hhero--v-middle .hhero__container{align-items:center}.hhero--v-bottom .hhero__container{align-items:flex-end}.hhero--h-left .hhero__content{align-items:flex-start;text-align:left}.hhero--h-right .hhero__content{align-items:flex-end;text-align:right}.hhero--overlay.hhero--h-left:before{background:linear-gradient(to right,#000000b3,#0000 60%)}.hhero--overlay.hhero--h-right:before{background:linear-gradient(to left,#000000b3,#0000 60%)}.hhero--overlay.hhero--h-center.hhero--v-top:before{background:linear-gradient(to top,#0000 30%,#000000bf)}.hhero--overlay.hhero--h-center.hhero--v-middle:before{background:radial-gradient(ellipse 60% 70% at 50% 50%,#0000008c,#0003)}}@media screen and (min-width:1200px){.hhero{--hhero-height: 600px;--hhero-pad-x: clamp(32px, calc(32px + .17*(100vw - 1200px)) , 100px);--hhero-pad-y: 64px;--hhero-content-width: 560px;--hhero-gap: 24px;--hhero-title: 44px;--hhero-body: 20px}}.hhero-wrap--contained{--hhero-wrap-pad: 16px;padding:16px var(--hhero-wrap-pad)}.hhero-wrap--contained .hhero{max-width:1536px;margin-inline:auto;border-radius:20px;--hhero-pad-x: 24px}@media screen and (min-width:750px){.hhero-wrap--contained{--hhero-wrap-pad: 32px;padding-block:24px}.hhero-wrap--contained .hhero{--hhero-pad-x: 40px}}@media screen and (min-width:1200px){.hhero-wrap--contained{--hhero-wrap-pad: clamp(32px, calc(32px + .17*(100vw - 1200px)) , 100px)}.hhero-wrap--contained .hhero{--hhero-pad-x: 64px}}@media(prefers-reduced-motion:reduce){.hhero .hhero__button{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/huffy-hero-banner.css.map */