/* people.css — dipisahkan dari <style> inline, 2026-08-15.
   Sumber tunggal untuk halaman /people/index.html. */

.pp-hero{padding:calc(var(--hmp-nav-h) + 72px) 0 var(--hmp-s-8)}
    .pp-hero h1{font-size:clamp(36px,5vw,58px);margin:var(--hmp-s-4) 0 var(--hmp-s-5);line-height:1.06}
    .pp-hero .lead{font-size:var(--hmp-text-body-lg);color:var(--hmp-muted);font-weight:300;max-width:640px;line-height:1.7}
    .pp-card{border:1px solid var(--hmp-border);border-radius:var(--hmp-radius-lg);background:var(--hmp-card);
      padding:var(--hmp-s-9) var(--hmp-s-8);margin-top:var(--hmp-s-9)}
    @media(max-width:640px){.pp-card{padding:var(--hmp-s-7) var(--hmp-s-6)}}
    .pp-name{font-family:var(--hmp-font-display);font-size:clamp(26px,3.4vw,36px);line-height:1.15}
    .pp-role{font-size:11px;letter-spacing:1.8px;text-transform:uppercase;color:var(--hmp-gold);margin-top:10px}
    .pp-quote{margin:var(--hmp-s-7) 0 var(--hmp-s-8);padding-left:var(--hmp-s-6);
      border-left:2px solid var(--hmp-gold-3);font-family:var(--hmp-font-display);font-style:italic;
      font-size:clamp(17px,2.1vw,21px);line-height:1.5;color:var(--hmp-white);max-width:60ch}
    .pp-arc{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--hmp-s-7);
      padding-top:var(--hmp-s-7);border-top:1px solid var(--hmp-border)}
    @media(max-width:860px){.pp-arc{grid-template-columns:1fr;gap:var(--hmp-s-6)}}
    .pp-arc h3{font-size:15px;margin-bottom:var(--hmp-s-3)}
    .pp-arc p{font-size:13.5px;color:var(--hmp-muted);line-height:1.75}
    .pp-rec{margin-top:var(--hmp-s-10);padding-top:var(--hmp-s-8);border-top:1px solid var(--hmp-border)}
    .pp-rec h2{font-size:20px;margin-bottom:var(--hmp-s-6)}
    dl.pp-dl{display:grid;grid-template-columns:150px 1fr;gap:14px 24px;margin:0}
    @media(max-width:640px){dl.pp-dl{grid-template-columns:1fr;gap:4px 0}
      dl.pp-dl dd{margin-bottom:12px}}
    dl.pp-dl dt{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:var(--hmp-muted-2);padding-top:3px}
    dl.pp-dl dd{margin:0;font-size:14px;color:var(--hmp-white);line-height:1.55}
    dl.pp-dl dd a{color:var(--hmp-gold);text-decoration:none;font-family:var(--hmp-font-mono);font-size:12.5px}
    dl.pp-dl dd a:hover{text-decoration:underline}
    .pp-note{margin-top:var(--hmp-s-7);font-size:12.5px;color:var(--hmp-muted);line-height:1.7;max-width:70ch}