/* Inner-page stylesheet for rebuilt Signal Studio pages (About, Insights, ...). Loaded after style.css. Namespaced pg-*. */
html{overflow-x:clip}

/* ---- About: light-page palette on body, header/footer forced back to the dark chrome tokens ---- */
body.pg-about{--bg:#e9e5db;--ink:#202725;--accent:#875533;--line:#b9bdb2;--muted:#5f665e;background:var(--bg);color:var(--ink)}
body.pg-about .site-header,body.pg-about .site-footer{--bg:#101212;--ink:#eeeae2;--accent:#dda884;--line:#343a39;--muted:#a7aaa5;background:var(--bg);color:var(--ink)}
body.pg-about .site-header{position:relative}
body.pg-about .mobile-menu nav{background:#202522}

/* ---- Hero: full-width thesis line, small offset portrait overlapping the bottom hairline ---- */
.pg-hero{position:relative;border-bottom:1px solid var(--line);padding-bottom:calc(110px + 90px)}
.pg-hero h1{font-size:clamp(34px,6.4vw,108px);line-height:1.08;letter-spacing:-.02em;max-width:min(19ch,calc(100% - 330px));text-wrap:balance}
.pg-hero h1 em{font-size:1.05em;line-height:inherit;letter-spacing:-.02em}
.pg-portrait{position:absolute;right:var(--pad);bottom:-70px;width:240px;z-index:3}
.pg-portrait img{width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;border-radius:2px;filter:contrast(.96)}

/* ---- Ledger: sticky rail + two chapter blocks either side of the full-bleed quote band ---- */
.pg-ledger{display:grid;grid-template-columns:minmax(220px,280px) 1fr;column-gap:var(--pad)}
.pg-rail{grid-column:1;grid-row:1/4;align-self:start;position:sticky;top:140px}
.pg-chapters-a{grid-column:2;grid-row:1}
.pg-chapters-b{grid-column:2;grid-row:3}
.pg-rail-name{font-size:15px;letter-spacing:-.3px}
.pg-rail-loc{font-size:13px;color:var(--muted);margin-top:6px}
.pg-rail-brief{margin-top:52px}
.pg-rail-brief .eyebrow{margin-bottom:16px}
.pg-rail-brief ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}
.pg-rail-brief li{font:12px/1.5 var(--mono);color:var(--ink);border-top:1px solid var(--line);padding-top:12px;font-variant-numeric:tabular-nums}
.pg-rail-index{margin-top:52px;display:flex;flex-direction:column;gap:11px}
.pg-rail-index a{font-size:13px;color:var(--muted);transition:color .2s}
.pg-rail-index a:hover{color:var(--accent)}

/* ---- Chapters: running text, ~66ch measure ---- */
.pg-chapter+.pg-chapter{margin-top:72px}
.pg-chapter .eyebrow{margin-bottom:6px}
.pg-chapter p{max-width:66ch;margin-top:22px;font-size:16px}
.pg-case-links{margin-top:30px;font-size:14px;color:var(--muted);display:flex;flex-wrap:wrap;align-items:center;gap:6px 22px}
.pg-case-links .text-link{font-size:13px}

/* ---- Full-bleed dark quote band, breaks out of the ledger's padded column ---- */
.pg-quote-band{--bg:#101212;--ink:#eeeae2;--accent:#dda884;grid-column:1/-1;position:relative;z-index:2;width:100vw;margin:90px 0 90px calc(50% - 50vw);padding:90px var(--pad);background:var(--bg);color:var(--ink)}
.pg-quote-band p{font-family:var(--serif);font-style:italic;font-size:clamp(28px,3.6vw,46px);line-height:1.3;letter-spacing:-.8px;max-width:19ch;margin:0}
.pg-quote-band em{color:var(--accent)}

/* ---- Work: plain hairline index rows ---- */
.pg-work-rows{border-top:1px solid var(--line);margin-top:44px}
.pg-work-row{display:grid;grid-template-columns:220px 1fr auto;gap:10px 28px;align-items:baseline;padding:27px 0;border-bottom:1px solid var(--line)}
.pg-work-name{font-size:20px;letter-spacing:-.3px}
.pg-work-row p{font-size:14px;color:var(--muted);margin:0;max-width:52ch}
.pg-work-row .text-link{font-size:13px;white-space:nowrap;justify-self:end}

/* ---- On the record: one large serif-italic quote, then a quiet 3-up row ---- */
.pg-record-large{margin:44px 0 0;max-width:74ch}
.pg-record-large>p{font-family:var(--serif);font-style:italic;font-size:clamp(26px,3.2vw,40px);line-height:1.35;letter-spacing:-.6px;margin:0}
.pg-record-large footer{margin-top:26px;font-size:13px;display:flex;gap:12px;align-items:baseline}
.pg-record-large footer a{color:var(--ink);border-bottom:1px solid var(--line)}
.pg-record-large footer a:hover{color:var(--accent);border-color:var(--accent)}
.pg-record-large footer span{color:var(--muted);font-size:12px}
.pg-record-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:44px;margin-top:64px;padding-top:48px;border-top:1px solid var(--line)}
.pg-record-short>p{font-size:15px;line-height:1.6;margin:0}
.pg-record-short footer{margin-top:18px;font-size:12px;display:flex;flex-direction:column;gap:4px}
.pg-record-short footer a{color:var(--ink)}
.pg-record-short footer a:hover{color:var(--accent)}
.pg-record-short footer span{color:var(--muted);font:9px var(--mono);letter-spacing:1px}

/* ---- Close ---- */
.pg-close{border-top:1px solid var(--line)}
.pg-close-line{font-size:clamp(20px,2.4vw,28px);max-width:36ch;line-height:1.4;text-wrap:balance}
.pg-close-links{display:flex;gap:32px;flex-wrap:wrap;margin-top:36px}

@media(prefers-reduced-motion:reduce){.pg-rail-index a,.pg-work-row .text-link,.pg-record-large footer a{transition:none}}

/* ---- ≥900px keeps the two-column ledger; below it the rail sits above the chapters, not sticky ---- */
@media(max-width:899px){
.pg-ledger{display:block}
.pg-rail{position:static;margin-bottom:60px}
.pg-chapters-a,.pg-chapters-b{display:block}
.pg-quote-band{margin:70px 0 70px calc(50% - 50vw)}
.pg-hero{padding-bottom:60px}
.pg-hero h1{max-width:19ch}
.pg-portrait{position:static;width:150px;margin-top:36px}
.pg-work-row{grid-template-columns:1fr;gap:8px}
.pg-work-row .text-link{justify-self:start}
.pg-record-grid{grid-template-columns:1fr;gap:38px}
}