#about{& .hero{height:70vh;max-height:600px;overflow:hidden;position:relative;display:flex;justify-content:center;& .content{color:var(--primary-light);width:var(--content-max-w);position:absolute;text-align:center;top:var(--content-top);text-shadow:0 8px 12px rgba(0,0,0,.15),0 4px 4px rgba(0,0,0,.3);& p{font-size:1.3rem;line-height:1.2;font-weight:300;max-width:900px;margin:1rem auto 0}}& video{width:auto;min-width:100vw;object-position:top}& img,& video{object-fit:cover;height:100%}& img{width:100%}}& .divider-container{flex:1 1}& .divider{animation-name:expand;animation-duration:.7s;animation-iteration-count:1;animation-timing-function:ease-in-out;background-color:#a8a8a8;animation-range-start:200px;height:1px;flex:1 1;&.right{margin-right:auto}&.left{margin-left:auto}}& #why-we-exist{height:-moz-fit-content;height:fit-content;padding:200px 0;& .content{display:flex;margin:0 auto;gap:1rem;max-width:var(--content-max-w);flex-wrap:wrap;& .main-content{flex:1 1;min-width:300px;& h1{font-size:clamp(2rem,9.4vw,4.6rem);margin-bottom:1rem}}& img{height:400px;flex:1 1;width:300px;object-fit:cover}}}& #our-beliefs{height:-moz-fit-content;height:fit-content;padding:0 0 200px;text-align:center;margin:0 auto;width:100%;& h2{font-size:clamp(2.5rem,4vw,6rem);line-height:1}& .title{gap:1rem;display:flex;justify-content:center;max-width:var(--content-max-w);margin:0 auto 2rem;align-items:center}}& li{padding:0 1rem}& ul li:not(:last-of-type){margin-bottom:1rem}}@keyframes expand{0%{width:0}to{width:100%}}@media only screen and (max-width:1024px){#about #our-beliefs .content,#about .hero .content,& #about #why-we-exist .content{max-width:var(--md-content-max-w);margin:0 auto}& #about .hero .content{width:100%}}@media only screen and (max-width:600px){#about #our-beliefs .content,#about .hero .content,& #about #why-we-exist .content{max-width:var(--sm-content-max-w)}& #about .hero .content{top:55%}}