.hero{overflow:hidden}.hero,.hero__slide{position:relative;width:100%}.hero__slide{height:100vh}.hero__image{width:100%;object-fit:cover}.hero__Container,.hero__image{transition:opacity 1s ease-in-out;height:100%}.hero__Container{animation:fadeIn 1s forwards;position:absolute;top:0;left:5%;right:5%;display:flex;opacity:0}@media not all and (min-width:1024px){.hero__Container{top:10%;flex-direction:column}}.hero__Left{display:flex;flex:1 1 0%;flex-direction:column;align-items:flex-start;justify-content:center;gap:2rem}@media not all and (min-width:1024px){.hero__Left{align-items:flex-start}}.hero__Left h4{letter-spacing:.19rem;font-size:1.8rem;font-weight:700;text-transform:uppercase;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}@media not all and (min-width:1024px){.hero__Left h4{text-align:center}}.hero__Left h1{font-size:3.2rem;font-weight:400;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}@media not all and (min-width:1024px){.hero__Left h1{text-align:left;font-size:5rem}}@media not all and (min-width:768px){.hero__Left h1{font-size:3.2rem}}.hero__Left .by-or{font-size:4.4rem;font-weight:400;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}@media not all and (min-width:1024px){.hero__Left .by-or{text-align:center;font-size:5rem}}@media not all and (min-width:768px){.hero__Left .by-or{font-size:3rem}}.hero__Left .by-or span{font-weight:400}.hero__Left h1 span{font-weight:700}@media not all and (min-width:1024px){.hero__Left h1 span{margin-left:.5rem;margin-right:.5rem}}.hero__Left p{font-size:2.1rem;font-weight:400;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}@media not all and (min-width:1024px){.hero__Left p{text-align:left}}.hero__Right{flex:1 1 0%}.hero__Adjustment{margin-top:2rem;cursor:pointer}@media not all and (min-width:1024px){.hero__Adjustment{margin-top:20rem;border-radius:.4rem}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.hero__dots{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);display:flex;justify-content:center;align-items:center;z-index:3}.hero__dot{width:10px;height:10px;margin:0 5px;border-radius:50%;background-color:#ccc;cursor:pointer;transition:background-color .3s ease}.hero__dot.active{background-color:#333}