.site-header .nav a.active{border-bottom:1px solid var(--ink);padding-bottom:4px}
.about-hero-new{display:grid;grid-template-columns:.82fr 1.18fr;gap:clamp(50px,8vw,150px);align-items:center;padding-top:170px;padding-bottom:130px}
.about-hero-copy h1{font-size:clamp(74px,9.2vw,148px);letter-spacing:-.06em}
.about-hero-copy>p:last-child{max-width:260px;margin:34px 0 0;color:var(--muted);font-size:14px}
.about-hero-new figure{height:min(57vw,760px);margin:0}
.about-hero-new figure img{object-position:60% center}
.who-we-are{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(44px,8vw,150px);padding-block:120px 150px;border-top:1px solid var(--line)}
.who-heading h2,.principles-copy h2,.vision-intro h2,.about-portrait h2,.about-network h2,.about-cta h2{font:400 clamp(52px,6vw,94px)/.9 Georgia, "Times New Roman", serif;letter-spacing:-.05em}
.who-copy{max-width:490px;align-self:end}
.who-copy p{margin:0 0 20px;color:var(--muted);font-size:14px;line-height:1.7}
.who-image{grid-column:1/-1;height:min(53vw,710px);margin:40px 0 0}
.about-principles{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(45px,8vw,150px);padding-block:150px}
.principles-image{height:560px}
.principles-copy{align-self:end}
.principles-list{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}
.principles-list article{display:grid;grid-template-columns:36px 1fr;gap:14px;padding:28px 24px 28px 0;border-bottom:1px solid var(--line)}
.principles-list article+article{padding-left:24px;border-left:1px solid var(--line)}
.principles-list span{font-size:10px;color:var(--muted)}
.principles-list h3{font-size:32px}
.principles-list p{margin:11px 0 0;color:var(--muted);font-size:12px;line-height:1.6}
.about-vision{padding-block:120px 150px;background:#ddd7ce}
.vision-layout{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,3vw,42px)}
.vision-layout figure{grid-column:1/-1;height:min(48vw,640px);margin:0}
.vision-layout .vision-placeholder{background:#d2ccc2}
.vision-intro{padding:45px 0 65px}
.vision-layout article{padding:28px 38px 34px 0;border-top:1px solid rgba(36,34,31,.28)}
.vision-layout article+article{padding-left:38px;border-left:1px solid rgba(36,34,31,.28)}
.vision-layout article h3{font-size:clamp(35px,3.6vw,56px);max-width:11ch}
.vision-layout article>p:last-child{max-width:390px;margin:22px 0 0;color:var(--muted);font-size:13px;line-height:1.65}
.about-portrait{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(50px,10vw,180px);align-items:center;padding-block:150px}
.about-portrait>div>p:not(.kicker){max-width:330px;margin:30px 0;color:var(--muted);font-size:13px;line-height:1.65}
.about-portrait figure{height:min(58vw,760px);margin:0}
.about-craft{padding-block:120px 140px;color:var(--paper);background:var(--espresso)}
.craft-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(50px,9vw,160px);align-items:center}
.craft-layout .kicker,.about-cta .kicker{color:#bdb4a8}
.craft-layout h2{font:400 clamp(58px,6.6vw,106px)/.86 Georgia, "Times New Roman", serif;letter-spacing:-.055em}
.craft-layout>div>p:not(.kicker){max-width:350px;margin:30px 0 36px;color:#c7c0b7;line-height:1.65}
.craft-layout figure{height:510px;margin:0}
.about-network{padding-block:130px 150px}
.about-network h2{margin-bottom:55px}
.about-network ul{display:grid;grid-template-columns:repeat(5,1fr);margin:0;padding:0;list-style:none;border-top:1px solid var(--line);border-left:1px solid var(--line)}
.about-network li{display:grid;min-height:150px;place-items:center;padding:25px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.about-network li img{width:100%;height:auto;max-height:70px;object-fit:contain}
.about-cta{padding-block:125px 145px;color:var(--paper);background:#312c26}
.about-cta h2{margin-bottom:30px}
.about-cta>div>p:not(.kicker){max-width:400px;color:#c7c0b7;line-height:1.65}
.about-cta>div>div{display:flex;align-items:center;gap:28px;margin-top:36px}
.about-cta .text-link{color:var(--paper)}
@media(max-width:780px){
  .about-hero-new{display:flex;flex-direction:column;gap:42px;padding-top:126px;padding-bottom:85px}
  .about-hero-copy h1{font-size:clamp(63px,16vw,96px)}
  .about-hero-new figure{width:100%;height:112vw}
  .who-we-are{display:flex;flex-direction:column;gap:36px;padding-block:84px}
  .who-image{width:100%;height:105vw;margin:0}
  .about-principles{display:flex;flex-direction:column;gap:40px;padding-block:90px}
  .principles-image{width:100%;height:100vw}
  .principles-list{width:100%;display:block}
  .principles-list article,.principles-list article+article{padding:24px 0;border-left:0}
  .vision-layout{display:block}
  .about-vision{padding-block:80px 90px}
  .vision-layout figure{height:100vw}
  .vision-intro{padding:48px 0}
  .vision-layout article,.vision-layout article+article{padding:28px 0;border-left:0}
  .about-portrait{display:flex;flex-direction:column;gap:42px;padding-block:90px}
  .about-portrait figure{width:100%;height:116vw}
  .about-craft{padding-block:90px 100px}
  .craft-layout{display:flex;flex-direction:column;gap:45px}
  .craft-layout figure{width:100%;height:100vw}
  .about-network{padding-block:88px}
  .about-network h2{margin-bottom:38px}
  .about-network ul{grid-template-columns:repeat(2,1fr)}
  .about-network li{min-height:112px}
  .about-network li:last-child{grid-column:1/-1}
  .about-cta{padding-block:90px 100px}
  .about-cta>div>div{flex-wrap:wrap;gap:20px}
}
.about-principles .principles-image img,
.about-craft figure img {
  opacity: 0;
}

/* The director portrait is approved content and should remain visible. */
.about-principles .principles-image img {
  opacity: 1;
}