section.hero-slider{position:relative;--tabFontSize:1.8rem;margin:0 auto;max-width:142rem;&:after{background-color:#f5f7fa;border-radius:var(--rad) var(--rad) 0 0;content:"";display:block;height:10rem;margin:-5rem auto 0;width:100%;z-index:0;@media (min-width:768px){height:20rem}}.container-wide{position:relative;--containerWidth:calc(1340px + 5%);@media (min-width:400px){padding-left:2.5%;padding-right:2.5%}}.splatter{bottom:0;left:0;max-width:80rem;position:absolute;transform:translateY(25%);width:80%;z-index:0}.swiper{background:var(--white);border-radius:var(--rad);box-sizing:border-box;overflow:hidden;padding:0;user-select:none;width:100%;.swiper-slide{align-items:center;border-radius:var(--rad);box-sizing:border-box;display:flex;height:auto;justify-content:center;min-height:55rem;overflow:hidden;position:relative;width:100%;--padx:10%;padding:7.5% var(--padx) clamp(6rem,7.5%,7.5%);&:after{background-image:linear-gradient(to top right,#171727,rgba(23,23,39,0));content:"";inset:0;mix-blend-mode:multiply;pointer-events:none;position:absolute}}.swiper-slide-bg-image{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%;z-index:0;@media (max-width:767px){filter:blur(10px)}}.swiper-slide-content{align-items:flex-start;box-sizing:border-box;display:flex;flex-direction:column;gap:2rem;height:100%;justify-content:flex-end;position:relative;transform:translateZ(0);width:100%;z-index:1;.copy{max-width:62rem;text-wrap:balance}.overline.pill{background-color:var(--green);border-radius:5rem;color:var(--white);font-size:1.4rem;padding:.35em 1.5em}.headline{*{color:var(--white);font-size:6.4;font-weight:var(--semibold);line-height:1.1;text-wrap:balance}}.actions{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem 2rem;.video-play-btn{align-items:center;cursor:pointer;display:inline-flex;font-family:var(--mulish);font-size:1.4rem;font-weight:var(--extrabold);gap:.6rem;padding:8px 16px;text-decoration:none;&:not(.btn){background:none;border:none}.video-play-label{text-decoration:underline;text-decoration-color:var(--strokeGray);text-decoration-thickness:2px;text-underline-offset:3px}&:hover .video-play-label{text-decoration-color:var(--green)}.play-icon{display:block;flex-shrink:0;height:2.4rem;width:2.4rem;.play-icon-circle{fill:var(--green)}.play-icon-triangle{fill:var(--white)}}}}}}nav.slider-nav{background-color:var(--blue);border-radius:var(--rad);box-shadow:0 7px 20px rgba(0,0,0,.2);margin:-3rem auto;max-width:90%;overflow:hidden;padding:2rem;position:relative;z-index:1;@media (min-width:768px){bottom:-2rem;height:66px;left:50%;margin-top:0;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;position:absolute;transform:translateX(-50%);width:calc(100% - 4rem)}&:after{background-image:linear-gradient(270deg,#171727 25%,rgba(23,23,39,0));bottom:0;content:"";pointer-events:none;position:absolute;right:0;top:0;width:5rem;z-index:2}.nav-buttons{align-items:center;display:flex;flex-direction:column;height:100%;padding:0 44px;position:relative;z-index:2;&::-webkit-scrollbar{display:none}@media (min-width:768px){align-items:center;flex-direction:row;justify-content:space-between;overflow:scroll}}.nav-tab{align-items:center;background-color:transparent;border:none;border-radius:4px 4px 0 0;color:var(--white);display:flex;font-size:var(--tabFontSize);font-weight:var(--bold);height:100%;outline:none;padding:1em 1.5em;position:relative;white-space:nowrap;&:after,&:before{background-color:var(--electricGreen);content:"";left:50%;position:absolute;transform:translateX(-50%);transition:.25s ease-in-out;transition:.25s ease;width:0}&:not(.active):hover{color:var(--Indigo-70)}&.active{color:var(--green)}}}}.hero-slider-video-modal{align-items:center;background:rgba(23,23,40,.95);display:flex;inset:0;justify-content:center;opacity:0;pointer-events:none;position:fixed;transition:opacity .4s ease,visibility .4s ease;visibility:hidden;z-index:9999;&.show{opacity:1;pointer-events:all;visibility:visible}.close-button{background:none;border:none;cursor:pointer;height:3rem;padding:0;position:absolute;right:4rem;top:4rem;width:3rem;z-index:10000;@media (min-width:1024px){right:7rem;top:7rem}svg{height:100%;width:100%}}.video-container{aspect-ratio:16/9;height:auto;width:90%;@media (min-width:1024px){width:50%}iframe{height:100%;width:100%}}}