[data-fade-el]{opacity:0}body{background:#0d0d0d}.hero{width:100%;position:relative;isolation:isolate;height:100dvh;background:#0d0d0d;transition:background 1s var(--ease)}.hero-inner{padding:15rem 4rem 4rem;gap:1rem;height:100%;display:flex;flex-direction:column;justify-content:space-between}.hero-info{width:58rem;min-height:24rem;flex-shrink:0;border-radius:3rem;background:#ffffff1a;padding:7rem 5.5rem 5.5rem;transition:background .5s var(--ease);display:grid;grid-template-areas:"stack"}.hero-info__card:not([data-card="1"]) .tagline{opacity:0;visibility:hidden}.hero-info__card:not([data-card="1"]){pointer-events:none}.hero-info__card:not([data-card="1"]) .hero-info__card-content>*{opacity:0;visibility:hidden}.hero-info__card-content>*{will-change:transform}.hero-info__card{display:flex;flex-direction:column;grid-area:stack}.hero-info__card .tagline{display:flex;align-items:center;gap:.5rem;color:#fff;font-size:2rem;font-weight:500;line-height:1;margin-bottom:1.5rem}.hero-info__card .tagline svg{width:2.4rem;height:2.4rem;flex-shrink:0}.hero-info__card .tagline svg path,.hero-info__card .tagline svg ellipse,.hero-info__card .tagline svg circle{transition:fill .5s var(--ease)}.hero-info__card .hero-info__card-content{color:#fff;display:flex;flex-direction:column;gap:2rem}.hero-info__card .hero-info__card-content h3{font-size:7rem;font-weight:500;line-height:1}.hero-info__card .hero-info__card-content h4{color:#fe5000;font-size:3rem;font-weight:500;line-height:1.1;transition:color .5s var(--ease)}.hero-info__card .hero-info__card-content p{font-size:2.2rem;font-weight:400;line-height:1.3}.hero__image{position:absolute;inset:0;z-index:-1;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-mask-image:linear-gradient(black 80%,transparent 95%);mask-image:linear-gradient(black 80%,transparent 95%)}.hero__image img{position:absolute;inset:0;transform:scale(1.1);opacity:0;transition:transform 1s var(--ease),opacity 1s var(--ease)}.hero[data-current="1"] .hero__image img[data-image="1"],.hero[data-current="2"] .hero__image img[data-image="2"],.hero[data-current="3"] .hero__image img[data-image="3"],.hero[data-current="4"] .hero__image img[data-image="4"],.hero[data-current="5"] .hero__image img[data-image="5"],.hero[data-current="6"] .hero__image img[data-image="6"]{opacity:1;transform:scale(1)}.hero__navigation{display:flex;gap:1.5rem;padding:1.5rem;width:fit-content;margin-left:auto;border-radius:3rem;border:1px solid rgba(255,255,255,.17);background:#ffffff26;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);position:absolute;bottom:4rem;right:4rem}.hero__navigation .hero__navigation-item{width:12rem;height:auto;aspect-ratio:1/1;border-radius:2.5rem;cursor:pointer;overflow:hidden}.hero__tracker{position:absolute;bottom:4rem;left:4rem;width:30rem;height:4rem;display:flex;align-items:center;gap:1.5rem}.hero__tracker-current,.hero__tracker-next{color:#fff;font-size:2rem;font-weight:500;line-height:1;transition:color .3s var(--ease)}.hero__tracker-next{opacity:.2}.hero__progress{width:14rem;height:2px;background:#fff3;overflow:hidden;position:relative;transition:background .3s var(--ease)}.hero__progress-bar-inner{position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;transform:scaleX(0) scaleY(1);transition:background .3s var(--ease)}.hero[data-current="2"] .hero__progress{background:#1113}@media(orientation:portrait){.hero{overflow:hidden}.hero-inner{padding:10rem .5rem .5rem;align-items:center;height:fit-content}.hero-info{width:calc(100% - .8rem);min-height:auto;padding:4rem 3rem}.hero-info__card .tagline{display:none}.hero-info__card .hero-info__card-content{gap:1rem}.hero-info__card .hero-info__card-content h3{font-size:4rem}.hero-info__card .hero-info__card-content h4{font-size:1.8rem}.hero-info__card .hero-info__card-content p{font-size:1.6rem}.hero__image{inset:unset;bottom:0;left:0;width:100%;height:70vh;z-index:1;position:relative;-webkit-mask-image:unset;mask-image:unset;margin-top:-5vh}.hero__image img{position:absolute;opacity:0;transition:transform 1s var(--ease),opacity 1s var(--ease);top:0;left:50%;object-fit:cover;transform:translate(-50%)!important;width:100%;height:100%;-webkit-mask-image:linear-gradient(black 61%,transparent 100%);mask-image:linear-gradient(black 61%,transparent 100%)}.hero__navigation{display:grid;grid-template-columns:repeat(6,1fr);gap:.5rem;padding:.5rem;width:calc(100% - 2rem);margin-left:0;border-radius:1rem;position:absolute;bottom:1rem;right:auto;left:50%;transform:translate(-50%);z-index:2}.hero__navigation .hero__navigation-item{width:100%;height:auto;aspect-ratio:1/1;border-radius:.8rem}.hero__tracker{display:none}}