#about{& h1,h2{text-align:center;margin-bottom:2rem;text-wrap-style:pretty;font-size:clamp(3rem,2.3vw,64px);line-height:1.2}& p,li,span{font-size:1rem;line-height:1.5}& section:not(#hero){max-width:clamp(800px,60vw,1200px);margin:30px auto 100px;padding:2rem}& #hero{height:70vh;max-height:400px;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:center}& img,& video{object-fit:cover;height:100%;width:100%}}& #the-idea{& h1{font-size:clamp(3rem,2.3vw,64px)}& article{&>p{margin:0 0 1rem}&>span{display:block;margin:0 0 0 auto;width:-moz-fit-content;width:fit-content}}& .content{display:inline-flex;gap:2rem;margin:0 0 1rem;& img{width:340px;height:auto}& span{display:block;margin-bottom:1rem}}& ul{list-style-type:disc;list-style-position:inside;margin:1rem 0}&>p{margin-bottom:1rem}&>p:last-of-type{text-wrap-style:pretty}&>span{justify-self:end;display:block}}& #our-values{& h1{font-size:clamp(2rem,2vw,64px)}& .wrapper{display:flex;justify-content:space-evenly;gap:2rem;flex-wrap:wrap}& .value{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:210px;gap:10px;& b{font-size:1rem}}}& #contact{text-align:center;& h1{font-size:clamp(2rem,2vw,64px)}& p{text-wrap-style:balance}& a{text-decoration:underline;text-underline-offset:2px;margin-top:1rem;display:block}}}@media only screen and (max-width:800px){#about{& #the-idea{& .content{width:100%;flex-direction:column;gap:1rem;margin:0;& img{width:80%;height:300px;display:block;object-fit:cover;margin:0 auto 2rem}}}& #contact{& p{text-wrap-style:pretty}}}}@media only screen and (max-width:600px){#about{& #the-idea{& .content{& img{width:101vw;position:relative;left:-2rem}}}}}