/* PRAGMA HOLDINGS — brand book v1.0: deep navy, champagne gold, warm ivory */
:root{
  --navy:#0B0D14;
  --navy-2:#141826;
  --charcoal:#2A2D34;
  --gold:#D8AF7A;
  --gold-2:#C39A63;
  --gold-deep:#9C7638;
  --ivory:#F7F4EF;
  --ivory-2:#EFEBE3;
  --lightgray:#E6E8EB;

  --paper:#F7F4EF;
  --paper-2:#EFEBE3;
  --paper-3:#E6E8EB;
  --ink:#0B0D14;
  --ink-2:#2A2D34;
  --ink-3:#585C66;
  --ink-4:#8A8E98;
  --hair:#D8D4CB;
  --bronze:#9C7638;
  --bronze-2:#C39A63;

  --measure:68ch;
  --pad:clamp(20px,5vw,80px);
  --serif:"Cormorant Garamond",Cormorant,Georgia,"Times New Roman",serif;
  --sans:"Montserrat",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:82px}
body{
  margin:0;background:var(--paper);color:var(--ink);
  font-family:var(--sans);font-size:16px;line-height:1.75;font-weight:400;
  -webkit-font-smoothing:antialiased;letter-spacing:.002em;
  overflow-x:hidden;
}
img{max-width:100%;display:block}
a{color:inherit}
::selection{background:var(--gold);color:var(--navy)}

/* ---------- type ---------- */
h1,h2,h3,h4{font-family:var(--serif);font-weight:500;letter-spacing:-.005em;line-height:1.08;margin:0}
h1{font-size:clamp(2.9rem,7vw,6rem);font-weight:400}
h2{font-size:clamp(2.3rem,4.9vw,4rem);line-height:1.1;font-weight:400}
h3{font-size:clamp(1.4rem,2.2vw,1.95rem);line-height:1.25}
p{margin:0 0 1.15em}
p:last-child{margin-bottom:0}
.lede{font-size:clamp(1.06rem,1.5vw,1.3rem);line-height:1.66;color:var(--ink-2);max-width:var(--measure)}
.body-w{max-width:var(--measure)}
.label{
  font-family:var(--sans);font-size:.68rem;font-weight:700;text-transform:uppercase;
  letter-spacing:.22em;color:var(--ink-3);margin:0 0 clamp(24px,3vw,44px);
  display:flex;align-items:baseline;gap:14px;
}
.label::before{content:"";width:26px;height:1px;background:var(--bronze);flex:none;transform:translateY(-4px)}
.small{font-size:.85rem;line-height:1.65;color:var(--ink-3)}
.tiny{font-size:.76rem;line-height:1.6;color:var(--ink-4)}

/* ---------- layout ---------- */
.wrap{max-width:1240px;margin:0 auto;padding:0 var(--pad)}
section{padding:clamp(64px,9vw,132px) 0;border-top:1px solid var(--hair)}
section:first-of-type{border-top:0}
.grid-2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.45fr);gap:clamp(28px,5vw,72px);align-items:start}
.sticky-h{position:sticky;top:110px}
@media(max-width:880px){.grid-2{grid-template-columns:1fr}.sticky-h{position:static}}

/* ---------- header ---------- */
.hdr{
  position:sticky;top:0;z-index:60;background:rgba(245,243,238,.93);
  backdrop-filter:saturate(1.1) blur(8px);border-bottom:1px solid var(--hair);
}
.hdr-in{max-width:1240px;margin:0 auto;padding:0 var(--pad);height:74px;display:flex;align-items:center;gap:clamp(14px,2vw,28px)}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;flex:none}
.brand svg{width:30px;height:30px;color:var(--ink)}
.brand-txt{font-family:var(--sans);font-size:.76rem;font-weight:700;letter-spacing:.24em;text-transform:uppercase;white-space:nowrap}
.nav{display:flex;gap:clamp(9px,1.15vw,17px);margin-left:auto;align-items:center}
.nav a{
  text-decoration:none;font-size:.665rem;font-weight:600;letter-spacing:.085em;text-transform:uppercase;
  color:var(--ink-2);padding:6px 0;border-bottom:1px solid transparent;transition:color .2s,border-color .2s;white-space:nowrap;
}
.nav a:hover{color:var(--ink);border-color:var(--bronze)}
.nav a.active{color:var(--ink);border-color:var(--bronze)}
.hdr-in>.btn{flex:none;margin-left:clamp(8px,1.4vw,18px);padding:13px 17px;font-size:.655rem;letter-spacing:.12em}
.brand svg{width:28px;height:28px}
.hdr-in .brand-txt{font-size:.7rem;letter-spacing:.18em}
.burger{display:none;margin-left:auto;width:44px;height:44px;background:none;border:1px solid var(--hair);cursor:pointer;padding:0;align-items:center;justify-content:center}
.burger span{display:block;width:20px;height:1.5px;background:var(--ink);position:relative;transition:transform .25s,opacity .2s}
.burger span::before,.burger span::after{content:"";position:absolute;left:0;width:20px;height:1.5px;background:var(--ink);transition:transform .25s}
.burger span::before{top:-6px}.burger span::after{top:6px}
.burger[aria-expanded="true"] span{background:transparent}
.burger[aria-expanded="true"] span::before{transform:translateY(6px) rotate(45deg)}
.burger[aria-expanded="true"] span::after{transform:translateY(-6px) rotate(-45deg)}

.mobile-nav{display:none}
@media(max-width:1220px){
  .nav,.hdr-in>.btn{display:none}
  .burger{display:flex}
  .mobile-nav{
    display:block;position:fixed;inset:74px 0 auto 0;background:var(--paper);
    border-bottom:1px solid var(--hair);z-index:55;padding:12px var(--pad) 30px;
    max-height:calc(100vh - 74px);overflow-y:auto;
    transform:translateY(-102%);transition:transform .32s cubic-bezier(.22,.61,.36,1);
    visibility:hidden;
  }
  .mobile-nav.open{transform:translateY(0);visibility:visible}
  .hdr-in .brand-txt{font-size:.74rem;letter-spacing:.2em}
  .mobile-nav a.mlink{
    display:block;padding:14px 0;border-bottom:1px solid var(--hair);text-decoration:none;
    font-size:.8rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);
  }
  .mobile-nav .btn{margin-top:22px;width:100%;justify-content:center}
}

/* ---------- buttons ---------- */
.btn{
  display:inline-flex;align-items:center;gap:10px;text-decoration:none;cursor:pointer;
  font-family:var(--sans);font-size:.71rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;
  padding:15px 26px;border:1px solid var(--bronze);background:var(--bronze);color:#FFFDF9;border-radius:0;
  transition:background .2s,border-color .2s,color .2s;
}
.btn:hover{background:var(--ink);border-color:var(--ink);color:#FFFDF9}
.btn-ghost{background:transparent;color:var(--ink);border-color:var(--ink)}
.btn-ghost:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.btn:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--bronze);outline-offset:3px}
.btn-row{display:flex;flex-wrap:wrap;gap:14px;margin-top:clamp(28px,4vw,44px)}

/* ---------- hero ---------- */
.hero{padding-top:clamp(48px,7vw,96px);border-top:0}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.32fr) minmax(0,.68fr);gap:clamp(28px,5vw,64px);align-items:end}
@media(max-width:940px){.hero-grid{grid-template-columns:1fr}}
.eyebrow{font-size:.7rem;font-weight:700;letter-spacing:.26em;text-transform:uppercase;color:var(--bronze);margin:0 0 clamp(22px,3vw,34px)}
.hero h1{max-width:20ch;margin-bottom:clamp(24px,3vw,34px)}
.hero-img{border:1px solid var(--hair);filter:grayscale(.35) contrast(1.03);width:100%;height:clamp(300px,40vw,500px);object-fit:cover;object-position:50% 35%}
.stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--ink);margin-top:clamp(44px,6vw,80px)}
.stat{padding:26px 26px 26px 0;border-right:1px solid var(--hair)}
.stat:last-child{border-right:0}
.stat b{display:block;font-family:var(--serif);font-size:clamp(1.5rem,2.6vw,2.2rem);font-weight:400;letter-spacing:-.01em;line-height:1.1}
.stat span{display:block;margin-top:6px;font-size:.72rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--ink-3)}
@media(max-width:640px){
  .stats{grid-template-columns:1fr}
  .stat{border-right:0;border-bottom:1px solid var(--hair);padding:20px 0}
  .stat:last-child{border-bottom:0}
}

/* ---------- band image ---------- */
.band{height:clamp(180px,26vw,340px);overflow:hidden;border-top:1px solid var(--hair);border-bottom:1px solid var(--hair)}
.band img{width:100%;height:100%;object-fit:cover;filter:grayscale(.55) contrast(1.02)}

/* ---------- principles / lists ---------- */
.principles{display:grid;gap:0;margin-top:clamp(36px,5vw,60px);border-top:1px solid var(--hair)}
.principle{display:grid;grid-template-columns:64px minmax(0,1fr);gap:18px;padding:28px 0;border-bottom:1px solid var(--hair)}
.principle .num{font-family:var(--serif);font-size:1.5rem;color:var(--bronze);line-height:1}
.principle h3{font-size:clamp(1.15rem,1.7vw,1.4rem);margin-bottom:8px}
.principle p{color:var(--ink-2);max-width:62ch}
@media(max-width:560px){.principle{grid-template-columns:1fr;gap:6px}}

.crit-block{padding:26px 0;border-top:1px solid var(--hair)}
.crit-block:first-of-type{border-top:1px solid var(--ink)}
.crit-block h3{font-size:1.15rem;margin-bottom:10px}
.crit-block .kicker{font-size:.7rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--bronze);margin-bottom:12px}
ul.marks{list-style:none;margin:0;padding:0}
ul.marks li{position:relative;padding-left:22px;margin-bottom:10px;color:var(--ink-2);max-width:64ch}
ul.marks li::before{content:"";position:absolute;left:0;top:.72em;width:9px;height:1px;background:var(--bronze)}
ul.marks.neg li::before{background:var(--ink-4)}

/* ---------- two-column comparison ---------- */
.compare{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--ink);border-left:1px solid var(--hair);margin-top:clamp(32px,4vw,52px)}
.compare>div{padding:clamp(24px,3vw,40px);border-right:1px solid var(--hair);border-bottom:1px solid var(--hair)}
.compare h3{margin-bottom:14px}
.compare .tag{font-size:.68rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--bronze);margin-bottom:14px}
.compare p{color:var(--ink-2)}
@media(max-width:820px){.compare{grid-template-columns:1fr}}
.note{margin-top:26px;padding:22px clamp(20px,3vw,32px);border:1px solid var(--hair);background:var(--paper-2)}
.note strong{font-weight:600}

/* ---------- accordions ---------- */
.acc{border-top:1px solid var(--ink);margin-top:clamp(30px,4vw,50px)}
.acc-item{border-bottom:1px solid var(--hair)}
.acc-btn{
  width:100%;background:none;border:0;cursor:pointer;text-align:left;padding:26px 0;
  display:flex;align-items:center;gap:20px;color:var(--ink);font-family:var(--serif);
  font-size:clamp(1.2rem,2vw,1.6rem);letter-spacing:-.01em;line-height:1.2;transition:color .2s;
}
.acc-btn:hover{color:var(--bronze)}
.acc-btn .idx{font-family:var(--sans);font-size:.68rem;font-weight:700;letter-spacing:.16em;color:var(--ink-4);flex:none;width:34px}
.acc-btn .plus{margin-left:auto;flex:none;position:relative;width:16px;height:16px}
.acc-btn .plus::before,.acc-btn .plus::after{content:"";position:absolute;background:var(--ink);transition:transform .28s,background .2s}
.acc-btn .plus::before{top:7.5px;left:0;width:16px;height:1.5px}
.acc-btn .plus::after{left:7.5px;top:0;height:16px;width:1.5px}
.acc-btn[aria-expanded="true"] .plus::after{transform:scaleY(0)}
.acc-btn[aria-expanded="true"]{color:var(--bronze)}
.acc-btn[aria-expanded="true"] .plus::before{background:var(--bronze)}
.acc-panel{overflow:hidden;height:0;transition:height .34s cubic-bezier(.22,.61,.36,1)}
.acc-panel-in{padding:0 0 30px 54px;max-width:70ch;color:var(--ink-2)}
@media(max-width:560px){.acc-panel-in{padding-left:0}.acc-btn .idx{width:28px}}

/* ---------- process steps ---------- */
.steps{border-top:1px solid var(--ink);margin-top:clamp(32px,4vw,52px)}
.step{display:grid;grid-template-columns:110px minmax(0,1fr);gap:clamp(16px,3vw,40px);padding:30px 0;border-bottom:1px solid var(--hair)}
.step .sn{font-family:var(--serif);font-size:clamp(1.6rem,3vw,2.4rem);color:var(--bronze);line-height:1}
.step h3{font-size:clamp(1.1rem,1.6vw,1.35rem);margin-bottom:10px}
.step p{color:var(--ink-2);max-width:66ch}
@media(max-width:640px){.step{grid-template-columns:1fr;gap:8px}}

/* ---------- cards ---------- */
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1px;background:var(--hair);border:1px solid var(--hair);margin-top:clamp(32px,4vw,52px)}
.card{background:var(--paper);padding:clamp(24px,3vw,38px)}
.card .tag{font-size:.66rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--bronze);margin-bottom:14px}
.card h3{font-size:1.35rem;margin-bottom:12px}
.card p{color:var(--ink-2);font-size:.97rem}

/* ---------- insights ---------- */
.articles{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,4vw,64px);margin-top:clamp(32px,4vw,52px)}
@media(max-width:900px){.articles{grid-template-columns:1fr}}
.article{border-top:1px solid var(--ink);padding-top:26px}
.article h3{margin-bottom:14px}
.article .intro{color:var(--ink-2);margin-bottom:18px}
.article dl{margin:0}
.article dt{font-weight:600;font-size:.98rem;margin-top:16px}
.article dd{margin:4px 0 0;color:var(--ink-2);font-size:.96rem}
.article .close{margin-top:20px;color:var(--ink-2)}
.article .disc{margin-top:22px;padding-top:14px;border-top:1px solid var(--hair)}

/* ---------- forms ---------- */
.forms{display:grid;grid-template-columns:1.35fr 1fr;gap:1px;background:var(--hair);border:1px solid var(--hair);margin-top:clamp(32px,4vw,52px)}
@media(max-width:900px){.forms{grid-template-columns:1fr}}
.form-col{background:var(--paper);padding:clamp(24px,3vw,42px)}
.form-col h3{margin-bottom:8px}
.form-col>p.small{margin-bottom:22px}
.fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.fields .full{grid-column:1/-1}
@media(max-width:520px){.fields{grid-template-columns:1fr}}
label{display:block;font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);margin-bottom:7px}
input,select,textarea{
  width:100%;font-family:var(--sans);font-size:.95rem;color:var(--ink);background:var(--paper-2);
  border:1px solid var(--hair);border-radius:0;padding:12px 13px;transition:border-color .2s,background .2s;
}
input:hover,select:hover,textarea:hover{border-color:var(--ink-4)}
input:focus,select:focus,textarea:focus{border-color:var(--bronze);background:#fff;outline:none}
textarea{min-height:120px;resize:vertical;line-height:1.6}
select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--ink-3) 50%),linear-gradient(135deg,var(--ink-3) 50%,transparent 50%);background-position:calc(100% - 18px) 19px,calc(100% - 13px) 19px;background-size:5px 5px,5px 5px;background-repeat:no-repeat}
.consent{display:flex;gap:11px;align-items:flex-start;margin-top:4px}
.consent input{width:16px;height:16px;flex:none;margin-top:3px;accent-color:var(--bronze)}
.consent span{font-size:.8rem;line-height:1.55;color:var(--ink-3);text-transform:none;letter-spacing:0;font-weight:400}
.err{display:block;color:#8C2F1E;font-size:.74rem;letter-spacing:.02em;text-transform:none;font-weight:500;margin-top:6px;min-height:0}
input[aria-invalid="true"],select[aria-invalid="true"],textarea[aria-invalid="true"]{border-color:#8C2F1E}
form .btn{margin-top:22px}
.confirm{border:1px solid var(--bronze);padding:clamp(22px,3vw,32px);background:var(--paper-2)}
.confirm h4{font-family:var(--serif);font-size:1.4rem;font-weight:400;margin:0 0 10px}
.confirm p{color:var(--ink-2);margin:0}
.hidden{display:none !important}
.after{margin-top:26px;padding-top:22px;border-top:1px solid var(--hair)}
.after h4{font-size:.7rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-3);margin:0 0 14px;font-family:var(--sans)}
.contact-block{margin-top:clamp(30px,4vw,48px);display:flex;flex-wrap:wrap;gap:clamp(20px,4vw,60px);padding-top:26px;border-top:1px solid var(--hair)}
.contact-block a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--bronze);padding-bottom:1px}
.contact-block a:hover{color:var(--bronze)}

/* ---------- footer ---------- */
footer{background:var(--ink);color:#E8E4DB;padding:clamp(48px,6vw,80px) 0 34px;border-top:1px solid var(--ink)}
footer .f-top{display:flex;flex-wrap:wrap;gap:30px;justify-content:space-between;align-items:flex-start;padding-bottom:32px;border-bottom:1px solid rgba(255,255,255,.14)}
footer svg{width:30px;height:30px;color:#E8E4DB}
footer .f-links{display:flex;flex-wrap:wrap;gap:22px}
footer a{color:#E8E4DB;text-decoration:none;font-size:.72rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;border-bottom:1px solid transparent}
footer a:hover{border-color:var(--bronze-2);color:#fff}
footer .f-disc{margin-top:30px;max-width:78ch;font-size:.8rem;line-height:1.65;color:#A9A49A}
footer .f-bot{margin-top:26px;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:#A9A49A}

/* ---------- legal pages ---------- */
.legal{padding:clamp(48px,7vw,96px) 0 clamp(60px,8vw,110px);border-top:0}
.legal .body-w{max-width:74ch}
.legal h1{font-size:clamp(2.1rem,4.6vw,3.5rem);margin-bottom:18px}
.legal h2{font-size:clamp(1.3rem,2vw,1.6rem);margin:44px 0 12px}
.legal h3{font-size:1.05rem;margin:26px 0 8px;font-family:var(--sans);font-weight:700;letter-spacing:.01em}
.legal p,.legal li{color:var(--ink-2)}
.legal ul{padding-left:20px}
.legal li{margin-bottom:8px}
.legal .meta{font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);margin-bottom:34px}
.draft-note{border:1px solid var(--bronze);padding:14px 18px;margin-bottom:32px;font-size:.8rem;line-height:1.6;color:var(--ink-2);background:var(--paper-2)}
.back{display:inline-flex;gap:8px;align-items:center;font-size:.7rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;color:var(--ink-3);margin-bottom:30px}
.back:hover{color:var(--bronze)}

/* ---------- motion ---------- */
.rise{opacity:0;transform:translateY(18px);transition:opacity .75s cubic-bezier(.22,.61,.36,1),transform .75s cubic-bezier(.22,.61,.36,1)}
.rise.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .rise{opacity:1;transform:none;transition:none}
  .acc-panel{transition:none}
  .mobile-nav{transition:none}
  *{animation:none !important}
}


/* ---------- vision / mission / strategy ---------- */
.vms{padding:clamp(26px,3.4vw,40px) 0;border-top:1px solid var(--hair)}
.vms:first-child{border-top:0;padding-top:0}
.vms h3{font-size:clamp(1.55rem,2.4vw,2.1rem);margin-bottom:16px;color:var(--ink)}
.vms h3::after{content:"";display:block;width:44px;height:2px;background:var(--gold);margin-top:14px}
.vms p{color:var(--ink-2);max-width:var(--measure)}

/* ---------- brand book alignment: navy / champagne gold / warm ivory ---------- */

/* stacked wordmark: PRAGMA over HOLDINGS AZ CORP */
.brand-txt{display:flex;flex-direction:column;line-height:1.05}
.brand-txt em{
  font-style:normal;font-size:.56em;font-weight:500;
  letter-spacing:.2em;color:var(--gold-deep);margin-top:3px;
}
footer .brand-txt em{color:var(--gold)}

/* primary CTA in champagne gold on navy */
.btn{background:var(--navy);border-color:var(--navy);color:var(--ivory)}
.btn:hover{background:var(--gold-deep);border-color:var(--gold-deep);color:#fff}
.hdr-in>.btn{background:var(--gold-deep);border-color:var(--gold-deep);color:#fff}
.hdr-in>.btn:hover{background:var(--navy);border-color:var(--navy);color:var(--ivory)}
.btn-ghost{background:transparent;color:var(--navy);border-color:var(--navy)}
.btn-ghost:hover{background:var(--navy);color:var(--ivory);border-color:var(--navy)}

/* footer sits on brand navy, not near-black */
footer{background:var(--navy);border-top:0}
footer a:hover{border-color:var(--gold);color:#fff}
footer .f-disc,footer .f-bot{color:#9AA0AC}

/* gold rules and accents */
.label::before{background:var(--gold-deep)}
.stats{border-top-color:var(--navy)}
.acc-btn[aria-expanded="true"]{color:var(--gold-deep)}
.acc-btn[aria-expanded="true"] .plus::before{background:var(--gold-deep)}
.card .tag{color:var(--gold-deep)}

/* photography style: architectural, refined — warm rather than flat grey */
.band img{filter:grayscale(.35) contrast(1.05) sepia(.08)}

/* Cormorant needs a touch more optical weight in small headings */
.vms h3,.card h3,.acc-btn{font-weight:500}

/* MENA — warmer ivory ground to set it apart, gold rule */
.mena{background:var(--ivory-2);border-top:1px solid var(--hair);border-bottom:1px solid var(--hair)}
.mena .label::before{background:var(--gold-deep)}
.mena .vms h3::after{background:var(--gold-deep)}

/* soften the architectural imagery — warmer, less stark */
.band img{filter:grayscale(.22) contrast(.98) sepia(.12) brightness(1.03)}
.hero-img{filter:grayscale(.18) contrast(.97) sepia(.1) brightness(1.03)}

/* nav breathing room now that MENA is added */
.nav{gap:clamp(7px,.95vw,14px)}
.nav a{font-size:.66rem}

/* small inline mail buttons in the contact block */
.btn-sm{margin-top:12px;padding:9px 16px;font-size:.62rem}

/* Team */
#team{background:var(--ivory-2)}
.people{display:grid;gap:34px;margin-top:38px}
@media(min-width:760px){.people{grid-template-columns:1fr 1fr;gap:40px}}
.person{border-top:1px solid rgba(42,45,52,.16);padding-top:20px}
.person h3{font-family:var(--serif);font-size:1.5rem;font-weight:500;letter-spacing:.01em;margin:0}
.person .p-role{font-family:var(--sans);font-size:.6rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-deep);margin:8px 0 14px}
.person p:last-child{font-size:.9rem;line-height:1.75;color:var(--ink-2);margin:0}
.nav{gap:clamp(6px,.8vw,12px)}
.nav a{font-size:.63rem}