.hero-home{--hero-color-title: var(--color-blue-800);--hero-color-body: var(--color-gray-800);--hero-color-cta-bg: var(--color-blue-800);--hero-color-cta-text: var(--color-white);--hero-pagination-inactive: #F1F7FD;--hero-pagination-active: #C7E1F6;--hero-slide-placeholder-bg: var(--color-brand-sky-blue)}.hero-home{position:relative;overflow:hidden;background-color:var(--color-background)}.hero-home--page{max-width:1440px;margin-inline:auto}.hero-home__slide-content{display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-start;padding-block-start:var(--hero-home-pt-mobile, 24px);width:100%;position:relative}@media(min-width:768px){.hero-home__slide-content{padding-block-start:var(--hero-home-pt-desktop, 40px)}}.hero-home__slide-text{width:100%;order:1;display:flex;flex-direction:column;align-items:center;gap:var(--fluid-8-12)}.hero-home__slide-deco-wrap{position:relative;order:2;width:var(--deco-w-mob, var(--fluid-88-240));flex-shrink:0}.hero-home__slide-deco-wrap--right{margin-inline-start:auto}.hero-home__slide-deco{position:absolute;bottom:var(--deco-bottom-mob, 0px);width:100%;height:auto;pointer-events:none;object-fit:contain}@media(min-width:768px){.hero-home__slide-deco-wrap{width:calc(var(--deco-w-mob) + (var(--deco-w-desk) - var(--deco-w-mob)) * .33)}.hero-home__slide-deco{bottom:var(--deco-bottom-desk, var(--deco-bottom-mob, 0px))}}@media(min-width:1439px){.hero-home__slide-deco-wrap{width:var(--deco-w-desk, var(--fluid-88-240))}}.hero-home__slide-deco-wrap--left,.hero-home__slide-deco-wrap--right{translate:var(--deco-x-mob, 0px) 0}@media(min-width:768px){.hero-home__slide-deco-wrap--left,.hero-home__slide-deco-wrap--right{translate:var(--deco-x-desk, 0px) 0}}.hero-home__slide .hero-home__slide-content{opacity:0;pointer-events:none}.hero-home__slide.is-selected .hero-home__slide-content{opacity:1;pointer-events:auto}.hero-home__heading{margin:0}.hero-home__heading span{font-family:var(--font-display-family);font-size:var(--font-size-display-lg);font-style:normal;font-weight:var(--font-weight-regular);line-height:var(--line-height-display);letter-spacing:var(--letter-spacing-display);color:var(--hero-color-title);margin:0;text-transform:uppercase;text-align:center;text-wrap:balance}.hero-home__subheading .hero-home__line{font-family:var(--font-body-family);font-size:var(--font-size-body-base);font-weight:var(--font-weight-light);line-height:var(--line-height-body);letter-spacing:var(--letter-spacing-body);color:var(--hero-color-body);margin:0;text-align:center;padding-inline:var(--fluid-0-35)}.hero-home__cta{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-body-family);font-size:var(--font-size-button);font-weight:var(--font-weight-semibold);line-height:var(--line-height-button);letter-spacing:var(--letter-spacing-button);color:var(--hero-color-cta-text);background-color:var(--hero-color-cta-bg);border-radius:var(--radius-pill);padding-block-start:var(--fluid-14-16);padding-block-end:var(--fluid-12-14);text-decoration:none;transition:background-color .2s ease,color .2s ease,box-shadow .2s ease;width:var(--fluid-181-198);text-align:center;text-transform:uppercase}.hero-home__cta:hover{background-color:var(--color-white);color:var(--hero-color-cta-bg);box-shadow:inset 0 0 0 2px var(--hero-color-cta-bg)}.hero-home__cta:focus-visible{outline:3px solid var(--hero-color-body);outline-offset:3px}.hero-home__carousel-wrap{width:100%;max-width:calc(var(--fluid-cap) * 1px);margin-inline:auto;position:relative;z-index:1}.hero-home__viewport{overflow:visible;padding-inline:var(--fluid-16-24);padding-bottom:var(--hero-home-pb-mobile, 16px)}@media(min-width:768px){.hero-home__viewport{padding-bottom:var(--hero-home-pb-desktop, 24px)}}.hero-home__track{display:flex;align-items:flex-end}.hero-home__slide{width:var(--fluid-316-932);flex:0 0 auto;margin-inline:calc(var(--fluid-16-32) / 2);position:relative;overflow:visible;display:flex;flex-direction:column}oilogic-hero-carousel:not(.is-ready) .hero-home__slide:only-child{margin-inline-start:calc((100% - var(--fluid-316-932)) / 2)}oilogic-hero-carousel:not(.is-ready) .hero-home__slide:last-child:not(:only-child){order:-1;margin-inline-start:calc((100% - var(--fluid-316-932)) / 2 - var(--fluid-316-932) - var(--fluid-16-32))}.hero-home__slide-media{height:var(--fluid-275-469);display:flex;align-items:center;flex-shrink:0}.hero-home__slide-image-wrap{display:block;width:100%;height:var(--fluid-200-371);overflow:hidden;border-radius:var(--fluid-16-20);transition:height .35s ease}.hero-home__slide.is-selected .hero-home__slide-image-wrap{height:var(--fluid-275-469)}.hero-home__media-link{display:block;width:100%}.hero-home__slide .hero-home__slide-deco{opacity:0;transition:opacity .35s ease}.hero-home__slide.is-selected .hero-home__slide-deco{opacity:1}.hero-home__slide-image,.hero-home__slide-placeholder{display:block;width:100%;height:100%;object-fit:cover;transition:opacity .4s ease,transform 2.2s ease;position:relative;z-index:1}.hero-home__slide-media:hover .hero-home__slide-image,.hero-home__slide-media:hover .hero-home__slide-placeholder{transform:scale(var(--hero-home-hover-zoom-scale, 1.09))}oilogic-hero-carousel.is-enhancing .hero-home__slide-image:not(.is-loaded),oilogic-hero-carousel.is-enhancing .hero-home__slide-placeholder:not(.is-loaded){opacity:0}.hero-home__slide-placeholder{background-color:var(--hero-slide-placeholder-bg)}.hero-home__pagination{display:flex;justify-content:center;gap:var(--fluid-6-6);margin-top:var(--fluid-12-16)}.hero-home__dot{position:relative;width:24px;height:4px;padding:0;border:0;-webkit-appearance:none;appearance:none;border-radius:10px;background:var(--hero-pagination-inactive);opacity:1;cursor:pointer;transition:width .2s ease,background .2s ease}.hero-home__dot:before{content:"";position:absolute;top:-10px;right:0;bottom:-10px;left:0}.hero-home__dot.is-active{width:40px;background:var(--hero-pagination-active)}.hero-home__dot:focus-visible{outline:2px solid var(--hero-color-cta-bg);outline-offset:4px}@keyframes hero-line-reveal{0%{transform:translateY(110%)}to{transform:translateY(0)}}.hero-home__line{display:block}.hero-home__line--mask{overflow:hidden;padding-block-end:.08em;margin-block-end:-.08em}.hero-home__cta-mask{padding:8px;margin:-8px;margin-block-start:calc(var(--fluid-12-28) - 8px);margin-block-end:calc(var(--fluid-24-40) - 8px)}.hero-home__line-inner{display:block;transform:translateY(110%)}.hero-home__slide.is-selected .hero-home__line-inner,.hero-home__slide.is-revealed .hero-home__line-inner{animation:hero-line-reveal 1.3s cubic-bezier(.22,1,.36,1) both}@keyframes hero-line-reveal-far{0%{transform:translateY(140%)}to{transform:translateY(0)}}.hero-home__cta-mask .hero-home__line-inner{transform:translateY(140%)}.hero-home__slide.is-selected .hero-home__cta-mask .hero-home__line-inner,.hero-home__slide.is-revealed .hero-home__cta-mask .hero-home__line-inner{animation-name:hero-line-reveal-far}@media(prefers-reduced-motion:reduce){.hero-home__cta,.hero-home__dot,.hero-home__slide-image,.hero-home__slide-placeholder,.hero-home__slide-content,.hero-home__slide-media,.hero-home__slide-image-wrap{transition:none}.hero-home__slide-image.is-loaded,.hero-home__slide-placeholder.is-loaded{opacity:1}.hero-home__slide.is-selected .hero-home__line-inner,.hero-home__slide.is-selected .hero-home__cta-mask .hero-home__line-inner,.hero-home__slide.is-revealed .hero-home__line-inner,.hero-home__slide.is-revealed .hero-home__cta-mask .hero-home__line-inner{animation:none}.hero-home__line-inner,.hero-home__cta-mask .hero-home__line-inner{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/39/assets/section-hero-home.css.map */