.hero{background:rgba(var(--shade-dark));gap:1em;height:80vh;overflow:hidden;position:relative}.hero,.hero .slide{display:flex;flex-direction:column}.hero .slide{align-items:center;flex:1;justify-content:center}.hero .slide:before{background:radial-gradient(50% 50% at 25% 100%,rgba(var(--tint),.5) 0,rgba(var(--shade),.1))}.hero .slide:after,.hero .slide:before{animation:lg-animation 1s infinite;content:"";inset:0;position:absolute}.hero .slide:after{background:radial-gradient(100% 100% at 100% 50%,rgba(var(--tint),.25) 0,rgba(var(--shade),.1))}.hero .slide .background{animation:bg-animation 1s forwards;display:flex;flex-direction:column;height:100%;inset:0;opacity:.2;pointer-events:none;position:absolute;width:100%}.hero .slide .background img{height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%}.hero .slide.--background-top .background img{-o-object-position:top;object-position:top}.hero .slide .container{align-items:center;display:flex;flex-direction:row;justify-content:space-between;position:relative;z-index:1}.hero .slide .container .slot{animation:hero-element-apparition 1s forwards;animation-delay:1;display:flex;flex-direction:column;opacity:0}.hero .slide .container .slot#main{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(var(--shade),.2);border:1px solid rgba(var(--tint),.2);border-radius:var(--radius);padding:2em}.hero .slide .container .slot#main .icon{font-size:4em}.hero .slide .container .slot#main .content{display:flex;flex-direction:column;gap:1em;max-width:500px}.hero .slide .container .slot#main .content h1{font-size:2.5em;font-weight:800}.hero .slide .container .slot#main .content p{font-size:1.25em;line-height:1.5}.hero .slide .container .slot#second{display:flex;flex:1;flex-direction:column;gap:4em;justify-content:center;max-width:700px}.hero .slide .container .slot#second div.image-container{align-items:center;animation:hero-element-apparition 1s forwards,image-container 4s infinite forwards;display:flex;flex-direction:column;height:300px;justify-content:center;overflow:hidden;position:relative}@keyframes image-container{0%{transform:translateY(0)}50%{transform:translateY(-5%)}to{transform:translateY(0)}}.hero .slide .container .slot#second div.image-container img{display:flex;height:100%;-o-object-fit:contain;object-fit:contain;transition:all var(--transition);width:100%}.hero .slide .container .slot#second div.image-container span.iconify{font-size:10em}.hero .slide .container .slot#specs{align-items:start;display:grid;flex-wrap:wrap;gap:1em;grid-template-columns:repeat(4,1fr);justify-content:center;position:relative}.hero .slide .container .slot#specs .spec{align-items:center;display:flex;flex-direction:column;gap:.4em;justify-content:center;overflow:hidden;position:relative;text-align:center;transition:all var(--transition)}.hero .slide .container .slot#specs .spec:before{background:radial-gradient(50% 0 at 50% 0,rgba(var(--tint),0) 0,transparent 100%);content:"";height:100%;left:0;position:absolute;top:0;transition:all var(--transition);width:100%}.hero .slide .container .slot#specs .spec .icon{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(var(--shade-dark),.8);border:1px solid rgb(var(--border));border-radius:var(--radius);box-shadow:var(--shadow);display:flex;flex-direction:row;justify-content:center;margin-bottom:.5em;overflow:hidden;padding:1em;position:relative;transition:all var(--transition);z-index:1}.hero .slide .container .slot#specs .spec .icon .iconify{font-size:2em}.hero .slide .container .slot#specs .spec .title{font-size:.95em;font-weight:800}.hero .slide .container .slot#specs .spec .text{font-size:.8em}.hero .slide .container .slot#specs .spec:hover{border-color:rgba(var(--tint),.5);transform:translateY(-5px);transition:all var(--transition)}.hero .slide .container .slot#specs .spec:hover:before{background:radial-gradient(50% 50% at 50% 100%,rgba(var(--tint),.25) 0,transparent 100%);transition:all var(--transition)}.hero .slide .container .slot#specs .spec:hover .icon{background:rgb(var(--tint));color:rgb(var(--tint-color));transition:all var(--transition)}.hero .slide .container .buttons{align-items:center;display:flex;flex-direction:row;font-size:1.25em;gap:1em;margin-top:25px}.hero .slide.--closing .container .slot{animation:hero-element-disparition 1s forwards;display:flex;flex-direction:column;opacity:0}.hero .indicator{bottom:0;flex-direction:row;left:0;margin:0 auto;position:absolute;right:0;width:-moz-fit-content;width:fit-content;z-index:1}.hero .indicator,.hero .indicator a.indicator-item{align-items:center;display:flex;justify-content:center}.hero .indicator a.indicator-item{height:50px;padding:0 1em}.hero .indicator a.indicator-item .indicator-decor{background:rgba(var(--color),.25);border-radius:var(--radius);display:block;height:2px;transition:all var(--transition);width:30px}.hero .indicator a.indicator-item.active .indicator-decor{background:rgb(var(--color));display:block;height:10px;width:30px}.hero .indicator a.indicator-item:hover .indicator-decor{background:rgb(var(--color));display:block;height:30px;width:30px}.hero .indicator a.indicator-item .indicator-text{background:rgba(var(--shade-dark),.75);border-radius:var(--radius);bottom:50px;color:rgb(var(--color));font-size:.85em;left:0;opacity:0;padding:.5em;position:absolute;right:0;text-align:center;transition:all var(--transition)}.hero .indicator a.indicator-item:hover .indicator-text{opacity:1}@keyframes lg-animation{0%{background-position:100% 0}to{background-position:100% 100%}}@keyframes hero-element-apparition{0%{opacity:0;transform:translate(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes hero-element-disparition{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translate(100px)}}@keyframes bg-animation{0%{opacity:0;transform:scale(1.2) translate(-10%)}to{opacity:.25;transform:scale(1) translate(0)}}@media screen and (max-width:770px){.hero{min-height:100dvh}.hero .slide .container{flex-direction:column;gap:4em;padding:2em 0}.hero .slide .container .content{max-width:100%;text-align:center}.hero .slide .container .content h1{font-size:2em}.hero .slide .container .content p{font-size:1em}.hero .slide .container .content .buttons{font-size:1em;gap:1em;justify-content:center}.hero .slide .container .slot#main{align-items:center;-webkit-backdrop-filter:none;backdrop-filter:none;background:none;border:none;padding:0}.hero .slide .container .slot#main,.hero .slide .container .slot#main .icon{justify-content:center;text-align:center}.hero .slide .container .slot#second{align-items:center;flex-direction:column;justify-content:center}.hero .slide .container .slot#second div.image-container{display:none}.hero .slide .container .slot#specs{grid-template-columns:repeat(2,1fr);margin-left:unset}.hero .slide .container .slot#specs .spec{height:120px;width:140px}.hero .slide .container .slot#specs .spec .icon{-webkit-backdrop-filter:none;backdrop-filter:none;padding:.75em}.hero .slide .container .slot#specs .spec .iconify{font-size:2em}.hero .slide .container .slot#specs .spec .title{font-size:.9em}.hero .slide .container .slot#specs .spec .text{font-size:.75em}}