.hero{background-color:var(--base-500);width:100%;height:100svh;position:relative;overflow:hidden}.hero .hero-img{z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}.hero .container{text-align:center;justify-content:center;align-items:center;display:flex}.about{background-color:var(--base-500);width:100%;height:100%;min-height:100svh;position:relative}.about .about-header{width:100%;height:100svh;position:sticky;top:0;left:0}.about .about-header .container{text-align:center;justify-content:center;align-items:center;display:flex}.about .about-header .container h3{will-change:opacity;width:75%}.about .section-footer p{color:var(--base-300)}.about .about-imgs{width:100%;height:300svh;position:relative}.about .about-imgs .about-img{will-change:transform;border-radius:.35rem;position:absolute;overflow:hidden}.about .about-imgs #about-img-1{aspect-ratio:1;width:12.5%;top:2.5%;left:25%}.about .about-imgs #about-img-2{aspect-ratio:5/7;width:15%;top:7.5%;left:60%}.about .about-imgs #about-img-3{aspect-ratio:4/5;width:17.5%;top:20%;left:8rem}.about .about-imgs #about-img-4{aspect-ratio:1;width:20%;top:30%;left:40%}.about .about-imgs #about-img-5{aspect-ratio:1;width:10%;top:45%;right:4rem}.about .about-imgs #about-img-6{aspect-ratio:5/7;width:16%;top:50%;left:20%}@media (max-width:1000px){.about .about-header .container h3{width:100%}.about .about-imgs #about-img-1{width:22.5%}.about .about-imgs #about-img-2{width:17.5%;top:12.5%}.about .about-imgs #about-img-3{width:20%}.about .about-imgs #about-img-4{width:22.5%}.about .about-imgs #about-img-5{width:15%}.about .about-imgs #about-img-6{width:20%}}