.hero-banner{position:relative;width:100%}.hero-banner__slides-wrap{position:relative;overflow:hidden}.hero-banner__slides{display:flex;width:100%;transition:transform .6s ease}.hero-banner__slide{position:relative;min-width:100%;min-height:70vh;overflow:hidden}.hero-banner__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1}.hero-banner__slide--no-image{background:radial-gradient(ellipse 80% 60% at 70% 40%,rgba(15,217,109,.08) 0%,transparent 60%),radial-gradient(ellipse 60% 50% at 30% 60%,rgba(17,180,248,.06) 0%,transparent 50%),linear-gradient(135deg,#012047,#01305e 40%,#013a6e 60%,#012047)}.hero-banner__slide--no-image:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:repeating-linear-gradient(135deg,transparent,transparent 40px,rgba(15,217,109,.02) 40px,rgba(15,217,109,.02) 41px);pointer-events:none}.hero-banner__slide--no-image:after{content:"";position:absolute;right:10%;top:50%;transform:translateY(-50%);width:350px;height:350px;border-radius:50%;background:radial-gradient(circle,rgba(15,217,109,.06) 0%,transparent 70%);z-index:1;pointer-events:none}@media(max-width:749px){.hero-banner__slide--no-image:after{width:200px;height:200px;right:5%;top:20%}}.hero-banner__link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:block;text-indent:-9999px;overflow:hidden}.hero-banner__plate{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;opacity:0;background:linear-gradient(to right,rgba(0,0,0,.72) 0%,rgba(0,0,0,.72) 20%,rgba(0,0,0,.35) 38%,transparent 55%)}.hero-banner__slide.is-active .hero-banner__plate{animation:heroPlateCycle 4.5s ease-in-out forwards}@keyframes heroPlateCycle{0%{opacity:0}12%{opacity:1}60%{opacity:1}82%{opacity:0}to{opacity:0}}.hero-banner__content{position:absolute;left:5%;bottom:9%;z-index:3;max-width:640px;text-align:start;pointer-events:none;opacity:0;transform:translateY(10px)}.hero-banner__slide.is-active .hero-banner__content{animation:heroTextCycle 4.5s cubic-bezier(.16,1,.3,1) forwards}@keyframes heroTextCycle{0%{opacity:0;transform:translateY(10px)}14%{opacity:0;transform:translateY(10px)}26%{opacity:1;transform:translateY(0)}to{opacity:1;transform:translateY(0)}}.hero-banner__content .hero-banner__cta{pointer-events:auto}@media(prefers-reduced-motion:reduce){.hero-banner__plate,.hero-banner__slide.is-active .hero-banner__plate{animation:none;opacity:1}.hero-banner__content,.hero-banner__slide.is-active .hero-banner__content{animation:none;opacity:1;transform:none}}.hero-banner__heading{color:var(--color-white);margin-bottom:var(--spacing-md);max-width:600px}.hero-banner__heading .text-green{color:var(--color-primary-green)}.hero-banner__subheading{font-family:var(--font-body);font-size:clamp(1rem,2vw,1.25rem);font-weight:400;color:var(--color-grey-on-navy);margin-bottom:var(--spacing-lg);max-width:500px;text-transform:none;letter-spacing:normal;line-height:1.5}.hero-banner__cta{display:inline-flex}.hero-banner__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:4;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.4);background:#01204780;color:var(--color-white);cursor:pointer;padding:0;transition:background .2s,border-color .2s,transform .2s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@media(hover:hover){.hero-banner__arrow:hover{background:var(--color-primary-green);border-color:var(--color-primary-green);color:var(--color-navy)}}.hero-banner__arrow:focus{outline:none}.hero-banner__arrow:focus-visible{outline:2px solid var(--color-primary-green);outline-offset:2px}.hero-banner__arrow svg{width:22px;height:22px;display:block}.hero-banner__arrow--prev{left:var(--spacing-md)}.hero-banner__arrow--next{right:var(--spacing-md)}@media(max-width:749px){.hero-banner__arrow{width:36px;height:36px}.hero-banner__arrow svg{width:18px;height:18px}.hero-banner__arrow--prev{left:var(--spacing-sm)}.hero-banner__arrow--next{right:var(--spacing-sm)}}@media(max-width:749px){.hero-banner__slide{min-height:55vh}.hero-banner__plate{background:linear-gradient(to top,rgba(0,0,0,.75) 0%,rgba(0,0,0,.75) 25%,rgba(0,0,0,.35) 38%,transparent 52%)}.hero-banner__content{left:16px;right:16px;bottom:8%;max-width:none;padding:0;text-align:start}.hero-banner__heading,.hero-banner__subheading{max-width:100%}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-hero.css.map */