/* Quiet editorial layout using the established site tokens and chrome. */
.about-page [aria-current="page"] { color:var(--accent); }
.about-page #primary-nav [aria-current="page"] { text-decoration:underline; text-underline-offset:8px; text-decoration-thickness:1px; }
.about-hero { position:relative; isolation:isolate; display:grid; grid-template-columns:1.2fr 1fr; padding-block:64px 70px; border-bottom:1px solid var(--line); }
.about-hero-copy { position:relative; z-index:1; }
.about-hero h1 { font-size:clamp(46px,4.8vw,72px); margin:22px 0 26px; }
.about-lead { font:400 clamp(24px,2.2vw,30px)/1.4 var(--display); }
.about-hero-intro { max-width:540px; color:var(--muted); font-size:15px; margin-top:26px; }
.about-bv { align-self:center; justify-self:center; font:400 clamp(150px,24vw,340px)/1 var(--display); letter-spacing:-.12em; padding-right:.12em; color:#c7ae8410; user-select:none; pointer-events:none; }
.about-passage { display:grid; grid-template-columns:1fr 1.25fr; gap:8%; border-bottom:1px solid var(--line); }
.about-passage h2 { margin-top:18px; max-width:420px; }
.about-prose { max-width:650px; color:var(--muted); font-size:16px; }
.about-prose p+p { margin-top:22px; }
.about-themes { border-bottom:1px solid var(--line); }
.theme-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:36px 44px; }
.theme-grid article { border-top:1px solid var(--line); padding-top:25px; }
.theme-grid h3 { font-size:30px; margin-bottom:16px; }
.theme-grid p { max-width:340px; color:var(--muted); font-size:14px; }
.about-statement { text-align:center; border-bottom:1px solid var(--line); }
.about-statement blockquote { margin:26px auto 0; max-width:930px; }
.about-statement blockquote p { font:400 clamp(30px,3.1vw,45px)/1.35 var(--display); letter-spacing:-.025em; }
.about-statement cite { display:block; margin-top:26px; font:400 12px var(--ui); color:var(--muted); }
.entry-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:34px; }
.entry-story { display:grid; grid-template-columns:110px minmax(0,1fr); gap:22px; border-top:1px solid var(--line); padding-top:24px; }
.entry-story img { width:110px; aspect-ratio:5/8; object-fit:contain; box-shadow:0 10px 20px #0004; }
.entry-story h3 { font-size:26px; margin:6px 0 14px; }
.entry-story p { color:var(--muted); font-size:13px; }
.entry-story .text-link { font-size:11px; margin-top:16px; }
@media(max-width:1023px) {
  .entry-grid { grid-template-columns:1fr; gap:28px; }
  .entry-story { max-width:650px; gap:28px; }
  .entry-story h3 { font-size:30px; }
  .entry-story .text-link { font-size:13px; }
  .theme-grid { gap:30px; }
}
@media(max-width:767px) {
  .about-hero { display:block; padding-block:42px 46px; }
  .about-hero h1 { font-size:clamp(40px,8vw,58px); }
  .about-lead { font-size:25px; }
  .desktop-break { display:none; }
  .about-hero-intro { font-size:14px; }
  .about-bv { position:absolute; bottom:18px; right:0; font-size:190px; z-index:-1; color:#c7ae840b; }
  .about-passage { grid-template-columns:1fr; gap:28px; }
  .about-prose { font-size:15px; }
  .theme-grid { grid-template-columns:1fr; gap:28px; }
  .theme-grid h3 { font-size:30px; }
  .theme-grid p { max-width:none; }
  .about-statement blockquote p { font-size:30px; }
  .entry-story { grid-template-columns:100px minmax(0,1fr); gap:24px; }
  .entry-story img { width:100px; }
  .entry-story h3 { font-size:28px; }
}
@media(max-width:374px) {
  .about-lead { font-size:23px; }
  .about-statement blockquote p { font-size:27px; }
  .entry-story { grid-template-columns:82px minmax(0,1fr); gap:20px; }
  .entry-story img { width:82px; }
  .entry-story h3 { font-size:25px; }
}