.hero{position:relative;min-height:var(--hero-mobile-height, 70vh);height:var(--hero-mobile-height, 70vh);overflow:hidden;display:flex;align-items:center;width:100%;isolation:isolate}@media (min-width: 768px){.hero{min-height:var(--hero-height, 80vh);height:var(--hero-height, 80vh)}}.hero__media{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;overflow:hidden}.hero__video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:2;opacity:1;transition:opacity .3s ease}.hero__video-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}.hero__video-container--desktop{display:block}.hero__video-container--mobile{display:none}@media (max-width: 768px){.hero__video-container--desktop{display:none}.hero__video-container--mobile{display:block}}.hero__placeholder{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;z-index:3;transition:opacity .5s ease;will-change:opacity}.hero__placeholder--solid{background-color:#f5f5f5}.hero__placeholder--desktop{display:block}.hero__placeholder--mobile{display:none}@media (max-width: 768px){.hero__placeholder--desktop{display:none}.hero__placeholder--mobile{display:block}}.hero__image{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}.hero__image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}.hero__dimmer{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,var(--dimmer-opacity, .3));z-index:4;pointer-events:none}.hero__dimmer--gradient{background:linear-gradient(135deg,rgba(0,0,0,var(--dimmer-opacity, .3)),rgba(0,0,0,calc(var(--dimmer-opacity, .3) * .7)),rgba(0,0,0,calc(var(--dimmer-opacity, .3) * .4)))}.hero__content{position:relative;z-index:10;width:100%;height:100%;display:flex;align-items:center;color:var(--hero-text-color, #ffffff)}.hero__container{width:100%;max-width:var(--content-max-width, 800px);margin:0 auto;padding:var(--content-mobile-padding, 20px);text-align:center}@media (min-width: 768px){.hero__container{padding:var(--content-padding, 40px)}}.hero--align-left .hero__container{text-align:left;margin-left:0}.hero--align-center .hero__container{text-align:center;margin-left:auto;margin-right:auto}.hero--align-right .hero__container{text-align:right;margin-right:0}@media (max-width: 767px){.hero--mobile-align-left .hero__container{text-align:left;margin-left:0}.hero--mobile-align-center .hero__container{text-align:center;margin-left:auto;margin-right:auto}.hero--mobile-align-right .hero__container{text-align:right;margin-right:0}}.hero--position-top .hero__content{align-items:flex-start;padding-top:10%}.hero--position-middle .hero__content{align-items:center}.hero--position-bottom .hero__content{align-items:flex-end;padding-bottom:10%}@media (max-width: 767px){.hero--mobile-position-top .hero__content{align-items:flex-start;padding-top:15%}.hero--mobile-position-middle .hero__content{align-items:center}.hero--mobile-position-bottom .hero__content{align-items:flex-end;padding-bottom:15%}}.hero__title{font-size:var(--hero-title-mobile-size, 32px);font-weight:700;line-height:1.2;color:var(--hero-title-color, var(--hero-text-color, #ffffff));margin:0 0 1rem;text-shadow:0 2px 4px rgba(0,0,0,.3)}@media (min-width: 768px){.hero__title{font-size:var(--hero-title-size, 48px)}}.hero__subtitle{font-size:var(--hero-subtitle-mobile-size, 16px);font-weight:400;line-height:1.5;color:var(--hero-subtitle-color, var(--hero-text-color, #ffffff));margin:0 0 2rem;text-shadow:0 1px 2px rgba(0,0,0,.3)}@media (min-width: 768px){.hero__subtitle{font-size:var(--hero-subtitle-size, 20px)}}.hero__subtitle--above{margin-bottom:.5rem;margin-top:0;font-weight:500;text-transform:uppercase;letter-spacing:.1em;font-size:calc(var(--hero-subtitle-mobile-size, 16px) * .8);order:-1}@media (min-width: 768px){.hero__subtitle--above{font-size:calc(var(--hero-subtitle-size, 20px) * .8)}}.hero__title+.hero__subtitle{margin-top:1rem}.hero__buttons{display:flex;flex-direction:column;gap:1rem;align-items:center;margin-top:2rem}@media (min-width: 768px){.hero__buttons{flex-direction:row;gap:1.5rem}.hero--align-left .hero__buttons{justify-content:flex-start}.hero--align-center .hero__buttons{justify-content:center}.hero--align-right .hero__buttons{justify-content:flex-end}}.hero__cta{display:inline-block;padding:1rem 2rem;font-size:var(--hero-cta-mobile-size, 16px);font-weight:600;text-decoration:none;text-transform:uppercase;letter-spacing:.05em;border-radius:.25rem;transition:all .3s ease;position:relative;transform:translateY(0);text-shadow:0 1px 2px rgba(0,0,0,.1);border:2px solid transparent;cursor:pointer;min-width:180px;text-align:center}@media (min-width: 768px){.hero__cta{font-size:var(--hero-cta-size, 16px)}}.hero__cta:hover{transform:translateY(-2px)}.hero__cta--primary.hero__cta--glass{background-color:#ffffff1a;color:var(--hero-text-color, #ffffff);border:2px solid rgba(255,255,255,.2);backdrop-filter:blur(12px) saturate(120%);-webkit-backdrop-filter:blur(12px) saturate(120%)}@supports not ((backdrop-filter: blur(12px)) or (-webkit-backdrop-filter: blur(12px))){.hero__cta--primary.hero__cta--glass{background-color:#ffffff40;box-shadow:0 2px 8px #0000001a}}.hero__cta--primary.hero__cta--glass:hover{background-color:#fff3;border-color:#fff6;box-shadow:0 8px 24px #00000026}.hero__cta--primary.hero__cta--solid{background:var(--hero-cta-bg, #000000);color:var(--hero-cta-color, #ffffff);border:2px solid var(--hero-cta-border, #000000)}.hero__cta--primary.hero__cta--solid:hover{background:var(--hero-cta-bg-hover, #333333);border-color:var(--hero-cta-border-hover, #333333);box-shadow:0 4px 12px #0003}.hero__cta--secondary.hero__cta--glass{background-color:#ffffff0d;color:#fff;border:2px solid rgba(255,255,255,.3);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.hero__cta--secondary.hero__cta--glass:hover{background-color:#ffffff26;border-color:#ffffff80;box-shadow:0 4px 12px #0000001a}.hero__cta--secondary.hero__cta--solid{background:var(--hero-secondary-bg, #ffffff);color:var(--hero-secondary-color, #000000);border:2px solid var(--hero-secondary-border, #000000)}.hero__cta--secondary.hero__cta--solid:hover{background:var(--hero-secondary-bg-hover, #f0f0f0);border-color:var(--hero-secondary-border-hover, #666666);box-shadow:0 4px 8px #0000001a}.hero__cta:focus{outline:2px solid currentColor;outline-offset:2px}.hero__video-container[data-loading]{opacity:0}@media (prefers-reduced-motion: reduce){.hero__placeholder,.hero__video,.hero__cta{transition:none}.hero__cta:hover{transform:none}}@media (prefers-contrast: high){.hero__cta{border-width:3px}.hero__dimmer{background:#000000b3}}@media print{.hero{height:auto;min-height:auto;page-break-inside:avoid}.hero__media,.hero__dimmer{display:none}.hero__content{color:#000;padding:20px}.hero__title,.hero__subtitle{color:#000;text-shadow:none}.hero__cta{border:2px solid black;color:#000;background:transparent}}@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none){.hero__cta--glass{background:#fff3}.hero{display:block}.hero__content{display:table;height:100%}.hero__container{display:table-cell;vertical-align:middle}}@media (max-width: 480px){.hero__container{padding:15px}.hero__title{font-size:calc(var(--hero-title-mobile-size, 32px) * .9)}.hero__subtitle{font-size:calc(var(--hero-subtitle-mobile-size, 16px) * .9)}.hero__cta{padding:.875rem 1.5rem;min-width:160px}}@media (min-width: 1200px){.hero__container{padding:var(--content-padding, 60px)}}.hero{will-change:transform}.hero__video{will-change:opacity}
/*# sourceMappingURL=/cdn/shop/t/251/assets/section--helios-hero.css.map */