.about-hero{padding:76px 0 84px;background:#fff}
.about-hero-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(430px,1.08fr);gap:76px;align-items:center}
.about-hero-copy h1{max-width:10ch}
.about-hero-copy>p{max-width:44ch;margin:30px 0 0;color:#53606b;font-size:19px;line-height:1.7}
.about-hero-image{width:100%;height:540px;object-fit:cover;border-radius:2px}

.about-intro{padding:72px 0;background:#f0f0ec;border-top:1px solid #dfe2e3;border-bottom:1px solid #dfe2e3}
.about-intro-grid{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:88px;align-items:start}
.about-intro h2{font-size:clamp(32px,3.5vw,46px)}
.about-intro p{max-width:61ch;margin:0;color:#262b31;font-size:21px;line-height:1.62}

.about-experience{border-top:0}
.about-editorial .editorial-list p{position:relative;padding-left:32px}
.about-editorial .editorial-list p::before{content:"";position:absolute;top:37px;left:0;width:8px;height:8px;border-radius:50%;background:#1767ad}
.about-editorial .skills-grid span{font-size:18px}
.about-editorial .credential-list-clean strong{font-size:16px}

@media(max-width:900px){
  .about-hero-grid,.about-intro-grid{grid-template-columns:1fr;gap:40px}
  .about-hero-copy h1{max-width:13ch}
  .about-hero-image{height:480px}
}
@media(max-width:700px){
  .about-hero{padding:52px 0 62px}
  .about-hero-copy>p{margin-top:23px;font-size:17px}
  .about-hero-image{height:330px}
  .about-intro{padding:58px 0}
  .about-intro-grid{gap:24px}
  .about-intro p{font-size:18px}
  .about-editorial .editorial-list p{padding-left:25px}
  .about-editorial .editorial-list p::before{top:35px}
}