.brand span{letter-spacing:2.2px}
.hero-bottom p{max-width:500px}
.about p:not(.lead){max-width:760px}
.about-layout{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(280px,.72fr);gap:clamp(40px,6vw,90px);align-items:start}
.about-copy p:first-child{margin-top:0}
.portrait{margin:0;overflow:hidden;background:#1d302b;border-radius:2px 54px 2px 2px;box-shadow:0 26px 70px #15251f24}
.portrait img{display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:cover;object-position:center top}
.disciplines{max-width:1050px}
.knowledge-intro{max-width:760px;margin:-10px 0 55px;color:#555d57;font-size:18px;line-height:1.75}
.article-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin:100px 0 28px;padding-top:30px;border-top:1px solid #bfc5bc}
.article-heading .section-label{padding:0;color:#5e6d62}
.article-heading>p:last-child{margin:0;max-width:360px;color:#646b65;font-size:15px}
.article-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:#c6cbc4;border:1px solid #c6cbc4}
.article-card{display:flex;min-height:390px;flex-direction:column;padding:38px;background:#eeeee8;transition:background-color .3s ease,color .3s ease}
.article-card:hover{background:#233832;color:#eef2ed;text-decoration:none}
.article-card-featured{grid-column:1/-1;min-height:430px;padding-right:clamp(38px,12vw,190px)}
.article-meta{font-size:11px;letter-spacing:2.2px;color:#647268}
.article-card:hover .article-meta,.article-card:hover p{color:#bfcfc3}
.article-card h3{max-width:760px;margin:58px 0 22px;font-size:clamp(28px,3vw,46px);line-height:1.12}
.article-card:not(.article-card-featured) h3{font-size:clamp(26px,2.4vw,36px)}
.article-card p{max-width:680px;margin:0;color:#626962;transition:color .3s ease}
.article-link{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:35px;font-size:13px;letter-spacing:.08em;text-transform:uppercase}
.article-link b{font:400 22px Arial,sans-serif}

.manifesto{background:#111a1b;color:#ebeae4;border-color:#ffffff22}
.manifesto .section-label{color:#839189}
.manifesto-kicker{margin:0 0 30px;color:#aebdb4;font-size:14px;letter-spacing:.08em;text-transform:uppercase}
.manifesto h2{max-width:1000px;font-size:clamp(48px,6.5vw,104px);line-height:1.02}
.manifesto h2 span{color:#7e9186;font-family:Georgia,serif;font-style:italic;font-weight:400}
.manifesto-answer{font:400 clamp(28px,3.2vw,48px)/1.25 Georgia,serif;max-width:900px;margin:70px 0}
.manifesto-copy{display:grid;grid-template-columns:1fr 1fr;gap:45px;max-width:950px}
.manifesto-copy p{color:#b7c2bc;margin:0}

.contact p{max-width:680px}
.contact-links{margin-top:55px;border-top:1px solid #ffffff2b}
.contact-links a{display:grid;grid-template-columns:130px 1fr auto;align-items:center;gap:20px;padding:22px 0;border-bottom:1px solid #ffffff2b;font:400 clamp(20px,2.4vw,36px)/1.25 Georgia,serif}
.contact-links a:hover{text-decoration:none;color:#c2cdbf}
.contact-links a span{font:12px Arial,sans-serif;letter-spacing:2px;text-transform:uppercase;color:#89988f}
.contact-links a b{font:300 24px Arial,sans-serif}
.contact-note{margin-top:28px;font-size:13px;line-height:1.6}

@media(min-width:1000px){.manifesto>.section-label{position:sticky;top:130px;align-self:start}}
@media(max-width:850px){
  .about-layout{grid-template-columns:1fr;gap:42px}
  .portrait{width:min(100%,520px);border-radius:2px 42px 2px 2px}
  .manifesto-copy{grid-template-columns:1fr;gap:20px}
  .manifesto-answer{margin:45px 0}
  .contact-links a{grid-template-columns:1fr auto}
  .contact-links a span{grid-column:1 / -1}
  .article-heading{display:block;margin-top:70px}
  .article-heading>p:last-child{margin-top:14px}
  .article-grid{grid-template-columns:1fr}
  .article-card-featured{grid-column:auto}
  .article-card,.article-card-featured{min-height:340px;padding:28px}
  .article-card h3{margin-top:44px}
}
