:root { --ink:#182019; --ink-soft:#263229; --paper:#f3eee2; --paper-deep:#e6ddcc; --copper:#9b5939; --copper-light:#bb8056; --muted:#5c625a; --hairline:rgba(24,32,25,.28); --serif:Georgia,"Times New Roman",serif; --sans:Inter,"Helvetica Neue",Arial,sans-serif; }
* { box-sizing:border-box; }
body { margin:0; color:var(--ink); background:var(--paper); font-family:var(--sans); font-size:16px; line-height:1.55; -webkit-font-smoothing:antialiased; }
a { color:inherit; }
h1,h2 { margin:0; font-family:var(--serif); font-weight:400; letter-spacing:-.045em; }
.masthead { min-height:82px; padding:0 4.5vw; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--hairline); }
.wordmark { display:inline-flex; align-items:center; gap:.7rem; font-size:.98rem; font-weight:700; letter-spacing:.14em; text-decoration:none; }
.mark { position:relative; display:inline-block; width:29px; height:12px; background:radial-gradient(circle at 4px 6px,var(--copper-light) 0 3.5px,transparent 4px),radial-gradient(circle at 25px 6px,var(--paper) 0 3px,var(--ink) 3.5px 4.5px,transparent 5px); }
.mark::after { content:""; position:absolute; inset:5px 8px auto; border-top:1px dashed var(--copper); }
.masthead p,.eyebrow,.role-name,.questions span { margin:0; color:var(--copper); font-size:.78rem; font-weight:700; letter-spacing:.13em; text-transform:uppercase; }
.masthead p { color:var(--muted); }
.opening { min-height:calc(100vh - 82px); display:grid; grid-template-columns:minmax(0,1.25fr) minmax(19rem,.55fr); gap:clamp(4rem,9vw,11rem); align-items:center; padding:clamp(5rem,9vw,9rem) 12vw 5rem 16vw; border-bottom:1px solid var(--hairline); }
.opening h1 { max-width:13ch; margin-top:1.3rem; font-size:clamp(3.6rem,6.7vw,7.4rem); line-height:.94; text-wrap:balance; }
.lead { align-self:end; max-width:33ch; margin:0 0 2rem; padding-top:1.2rem; border-top:1px solid var(--copper); color:var(--muted); font-size:clamp(1.05rem,1.25vw,1.2rem); }
.scope,.relationship { display:grid; grid-template-columns:minmax(0,1fr) minmax(18rem,.72fr); gap:clamp(4rem,9vw,11rem); padding:clamp(5rem,9vw,8rem) 16vw; }
.scope { color:var(--paper); background:var(--ink); }
.scope .eyebrow,.boundary .eyebrow { color:var(--copper-light); }
.scope h2,.questions h2,.relationship h2 { max-width:14ch; margin-top:1.25rem; font-size:clamp(2.8rem,4.8vw,5.2rem); line-height:1; text-wrap:balance; }
.scope>p { align-self:end; max-width:42ch; margin:0; color:rgba(243,238,226,.7); font-size:1.08rem; }
.questions { display:grid; grid-template-columns:minmax(17rem,.72fr) minmax(0,1.28fr); gap:clamp(4rem,9vw,11rem); padding:clamp(5rem,9vw,8rem) 10vw 7rem 16vw; background:var(--paper-deep); }
.questions header { position:sticky; top:4rem; align-self:start; }
.questions ol { margin:0; padding:0; list-style:none; }
.questions li { display:grid; grid-template-columns:3.5rem minmax(0,1fr); gap:1.2rem; padding:1.8rem 0 2rem; border-top:1px solid var(--hairline); }
.questions li:first-child { padding-top:0; border-top:0; }
.questions li p { max-width:38ch; margin:0; font-family:var(--serif); font-size:clamp(1.55rem,2.3vw,2.35rem); line-height:1.12; letter-spacing:-.025em; }
.boundary { padding:clamp(5.5rem,9vw,9rem) 16vw; color:var(--paper); background:var(--ink-soft); }
.boundary h2 { max-width:18ch; margin-top:1.3rem; font-size:clamp(3rem,5.4vw,6rem); line-height:1; text-wrap:balance; }
.boundary>p:last-child { max-width:48ch; margin:2rem 0 0; color:rgba(243,238,226,.68); font-size:1.08rem; }
.relationship { background:var(--paper); }
.roles { align-self:end; border-top:1px solid var(--ink); }
.roles>div { padding:1.35rem 0 1.5rem; border-bottom:1px solid var(--hairline); }
.roles p { margin:0; }
.roles .role-name { margin-bottom:.45rem; }
.roles a { display:flex; justify-content:space-between; gap:2rem; margin-top:1.2rem; padding:.65rem 0; border-top:1px solid var(--hairline); text-decoration:none; font-weight:650; }
footer { display:flex; justify-content:space-between; gap:3rem; padding:3.5rem 4.5vw; color:rgba(243,238,226,.68); background:var(--ink); font-size:.92rem; }
footer p { margin:0; } footer a { color:var(--paper); text-underline-offset:.28em; }
a:focus-visible { outline:3px solid var(--copper-light); outline-offset:5px; }
@media (max-width:700px) {
  .masthead { min-height:70px; padding:0 1.25rem; }
  .opening,.scope,.questions,.relationship { grid-template-columns:1fr; gap:3.2rem; padding:5rem 1.5rem; }
  .opening { min-height:auto; }
  .opening h1 { font-size:clamp(3.15rem,14vw,4.45rem); }
  .lead { align-self:auto; margin:0; }
  .scope h2,.questions h2,.relationship h2 { font-size:clamp(2.55rem,11.5vw,3.9rem); }
  .questions header { position:static; }
  .questions li { grid-template-columns:2.4rem minmax(0,1fr); gap:.7rem; }
  .boundary { padding:5rem 1.5rem; }
  .boundary h2 { font-size:clamp(2.7rem,12vw,4.1rem); }
  footer { flex-direction:column; gap:1.4rem; padding:3rem 1.5rem; }
}