/* page-specific CSS only (site.css handles the shared system) */

/* "What we are" prose column */
.about-prose{max-width:62ch;margin-top:1.4em}
.about-prose p{color:var(--sand);font-size:clamp(16px,1.25vw,19px)}
.about-prose p+p{margin-top:1.1em}
.about-prose .ethos{color:var(--bone);font-family:"Newsreader",serif;font-style:italic;font-size:clamp(19px,1.9vw,26px);line-height:1.3;margin-top:1.2em}

/* "What we publish" structured block */
.pub{display:grid;grid-template-columns:repeat(2,1fr);gap:0 clamp(40px,6vw,88px)}
.pub-branch{border-top:1px solid var(--line);padding-top:26px;margin-top:8px}
.pub-branch>h3{font-family:"IBM Plex Mono",monospace;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--ember);margin-bottom:20px}
.pub-line{display:grid;grid-template-columns:12ch 1fr;gap:8px 22px;padding:14px 0;border-bottom:1px solid var(--line-2);align-items:baseline}
.pub-line:last-child{border-bottom:0}
.pub-line .cat{font-family:"IBM Plex Mono",monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--stone);padding-top:.25em}
.pub-line .what{font-family:"Newsreader",serif;font-size:clamp(17px,1.5vw,20px);line-height:1.35;color:var(--bone)}
.pub-line .what a{color:var(--bone);border-bottom:1px solid var(--line);transition:color .3s var(--ease),border-color .3s var(--ease)}
.pub-line .what a:hover{color:var(--ember-hi);border-bottom-color:var(--ember)}
.pub-line .what .sub{display:block;color:var(--stone);font-family:"Hanken Grotesk",sans-serif;font-size:14px;margin-top:5px}

/* "How we work" principles row (homepage principle style) */
.principles{display:grid;grid-template-columns:repeat(3,1fr);margin-top:clamp(10px,2vh,24px);border-top:1px solid var(--line)}
.principle{padding:28px 0 0;position:relative}
.principle+.principle{padding-left:36px}
.principle::before{content:"";position:absolute;top:0;left:0;width:44px;height:2px;background:var(--ember)}
.principle+.principle::before{left:36px}
.principle h3{font-family:"Newsreader",serif;font-size:22px;margin-bottom:.35em}
.principle p{color:var(--stone);font-size:14.5px;max-width:26ch}

/* closing */
.close-line{max-width:50ch;font-size:clamp(17px,1.4vw,20px);color:var(--sand);margin-bottom:1.6em}
.close-cta{display:flex;flex-wrap:wrap;gap:14px}

@media(max-width:1000px){
  .principles{grid-template-columns:1fr}
  .principle+.principle{padding-left:0}.principle+.principle::before{left:0}
  .principle{border-top:1px solid var(--line)}.principle:first-child{border-top:0}
}
@media(max-width:820px){
  .pub{grid-template-columns:1fr;gap:0}
  .pub-branch{margin-top:34px}.pub-branch:first-child{margin-top:8px}
}
@media(max-width:520px){
  .pub-line{grid-template-columns:1fr;gap:6px}
  .pub-line .cat{padding-top:0}
}