.about-hero{margin:0 32px}
.about-hero-image{position:relative;isolation:isolate;overflow:hidden;min-height:78vh;display:flex;align-items:end;color:#fff}
.about-hero-image:before{content:"";position:absolute;inset:0;z-index:-2;background-image:var(--about-hero-image);background-size:cover;background-position:center -48px;transform:scaleX(-1)}
.about-hero-image:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(12,24,18,.6),rgba(12,24,18,.08))}
.about-hero-copy{position:relative;z-index:1;padding-bottom:90px}
.about-hero-copy h1{max-width:1100px}
.about-hero-copy p{max-width:650px;font-size:1.15rem}
.about-intro{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(50px,8vw,150px)}
.about-body{font-size:1.08rem}
.about-body p:first-child{margin-top:0}
.about-editorial{padding-bottom:120px}
.about-images{display:grid;grid-template-columns:1.15fr .85fr;gap:25px}
.about-image-tall,.about-image-wide{background-size:cover;background-position:center}
.about-image-tall{min-height:780px}
.about-image-copy{display:grid;grid-template-rows:1fr auto;gap:45px}
.about-image-wide{min-height:440px}
.about-image-copy h2{font-size:clamp(2.2rem,3.6vw,4rem)}
.about-values{background:var(--cream)}
.values-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}
.values-grid article{padding:35px 35px 20px 0;border-right:1px solid var(--line)}
.values-grid article+article{padding-left:35px}
.values-grid article:last-child{border-right:0}
.values-grid span{font-size:.75rem;letter-spacing:.12em;color:var(--moss)}
.about-closing{display:grid;grid-template-columns:1fr 1fr;gap:80px}
.about-closing p{font-size:1.15rem;max-width:600px}
.journal-hero{padding:120px 0 75px}
.journal-hero h1{max-width:1100px}
.journal-lead{max-width:720px;font-size:1.12rem}
.featured-article{display:grid;grid-template-columns:1.15fr .85fr;background:var(--cream);margin-bottom:80px}
.featured-article-image{min-height:620px;background-size:cover;background-position:center}
.featured-article-copy{padding:60px;display:flex;flex-direction:column;justify-content:center}
.featured-article-copy h2{font-size:clamp(2.3rem,4vw,4.4rem)}
.journal-intro{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;padding-bottom:80px;border-bottom:1px solid var(--line);margin-bottom:70px}
.journal-intro p{margin-top:0}
@media(max-width:900px){
  .about-hero{margin:0 12px}
  .about-hero-image{min-height:70vh}
  .about-hero-image:before{background-position:32% -24px}
  .about-intro,.about-images,.about-closing,.featured-article,.journal-intro{grid-template-columns:1fr}
  .about-image-tall{min-height:560px}
  .values-grid{grid-template-columns:1fr}
  .values-grid article,.values-grid article+article{padding:28px 0;border-right:0;border-bottom:1px solid var(--line)}
  .featured-article-image{min-height:440px}
  .featured-article-copy{padding:35px}
  .journal-hero{padding:80px 0 50px}
}