/* About page */
.about-hero{display:flex;border-bottom:8px solid var(--ink);background:var(--pink);}
.about-hero-left{
  width:780px;flex:none;border-right:8px solid var(--ink);
  padding:90px 70px 70px;
}
.about-hero-left h1{font-family:'Archivo Black',sans-serif;font-size:118px;line-height:.85;letter-spacing:-4px;}
.about-hero-left p{font-family:'Archivo',sans-serif;font-weight:600;font-size:22px;line-height:1.5;max-width:482px;margin-top:40px;}
.about-hero-right{flex:1;display:flex;align-items:center;justify-content:center;padding:90px 60px;}
.portrait{
  width:430px;max-width:100%;height:540px;border:8px solid var(--ink);
  background-size:cover;background-position:center;box-shadow:18px 18px 0 var(--yellow);
}

/* Manifesto */
.manifesto{padding-top:90px;padding-bottom:40px;}
.m-block{display:flex;gap:60px;border-bottom:8px solid var(--ink);padding-bottom:50px;margin-bottom:50px;}
.m-block.last{border-bottom:none;}
.m-block h2{font-family:'Archivo Black',sans-serif;font-size:56px;line-height:.93;letter-spacing:-2px;width:430px;flex:none;}
.m-block p{font-family:'Archivo',sans-serif;font-weight:600;font-size:21px;line-height:1.55;max-width:762px;}

/* Studio */
.studio-band{background:var(--blue);border-top:8px solid var(--ink);padding-top:90px;padding-bottom:90px;}
.studio-title{font-family:'Archivo Black',sans-serif;font-size:56px;letter-spacing:-2px;color:#fff;margin-bottom:60px;}
.studio-photo{
  width:100%;height:520px;border:8px solid var(--ink);
  background-size:cover;background-position:center;box-shadow:18px 18px 0 var(--yellow);
}

/* CTA */
.about-cta{background:var(--ink);border-top:8px solid var(--ink);padding-top:96px;padding-bottom:96px;}
.about-cta h2{font-family:'Archivo Black',sans-serif;font-size:88px;line-height:.9;letter-spacing:-3px;color:var(--yellow);margin-bottom:50px;}

@media(max-width:1100px){
  .about-hero{flex-direction:column;}
  .about-hero-left{width:100%;border-right:none;border-bottom:8px solid var(--ink);}
  .about-hero-left h1{font-size:80px;}
  .m-block{flex-direction:column;gap:18px;}
  .m-block h2{width:auto;}
}
@media(max-width:680px){
  .about-hero-left{padding:50px 24px;}
  .manifesto{padding-left:24px;padding-right:24px;}
  .m-block h2{font-size:40px;}
  .studio-band,.about-cta{padding-left:24px;padding-right:24px;}
  .studio-photo{height:300px;}
  .about-cta h2{font-size:48px;}
}