/* Shared styles for /about/* person pages — inherits Ciridae tokens from index */
:root{
  --color-void:#0b0b0b; --color-carbon:#272a2a; --color-ash:#858585;
  --color-fog:#cecece; --color-pure:#ffffff; --color-ember:#cc6437;
  --font-cond:'Barlow Condensed','Pragmatica Cond',ui-sans-serif,system-ui,sans-serif;
  --font-mono:'JetBrains Mono','Roboto Mono',ui-monospace,monospace;
  --font-sans:'Inter','Pragmatica',ui-sans-serif,system-ui,sans-serif;
  --s-8:8px;--s-12:12px;--s-16:16px;--s-20:20px;--s-24:24px;--s-32:32px;--s-40:40px;--s-48:48px;--s-60:60px;--s-72:72px;--s-80:80px;--s-100:100px;
  --r-pill:1440px;--r-card:10px;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--color-void)}
body{margin:0;background:var(--color-void);color:var(--color-pure);font-family:var(--font-cond);font-weight:400;font-size:14px;line-height:1.43;letter-spacing:-0.28px;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}

.container{max-width:980px;margin:0 auto;padding:0 var(--s-24)}

/* Topbar (simplified) */
.topbar{position:fixed;top:0;left:0;right:0;z-index:50;padding:var(--s-20) var(--s-24);display:flex;align-items:center;justify-content:space-between;background:rgba(11,11,11,.72);backdrop-filter:blur(14px);border-bottom:1px solid rgba(133,133,133,.15)}
.brand-lock{display:flex;align-items:center;gap:var(--s-12)}
.brand-mark{width:28px;height:28px}
.brand-word{font-family:var(--font-cond);font-size:16px;line-height:1;letter-spacing:.18em;text-transform:uppercase;color:var(--color-pure)}
.pill{display:inline-flex;align-items:center;gap:8px;padding:8px 20px;border-radius:var(--r-pill);font-family:var(--font-cond);font-size:14px;line-height:1;letter-spacing:.06em;text-transform:uppercase;color:var(--color-pure);background:transparent;border:1px solid rgba(255,255,255,.22);transition:background .2s,border-color .2s}
.pill:hover{background:rgba(255,255,255,.06);border-color:var(--color-pure)}
.pill.solid{background:var(--color-pure);color:var(--color-void);border-color:var(--color-pure)}
.pill.solid:hover{background:var(--color-fog);border-color:var(--color-fog)}

/* Hero */
.p-hero{padding:calc(var(--s-100) + var(--s-80)) 0 var(--s-80);text-align:center;position:relative;overflow:hidden}
.p-hero::before{content:'';position:absolute;inset:0;background:
  radial-gradient(ellipse 55% 45% at 50% 30%, rgba(204,100,55,.22) 0%, rgba(11,11,11,0) 60%),
  radial-gradient(ellipse 80% 70% at 50% 80%, rgba(40,55,70,.4) 0%, rgba(11,11,11,0) 65%);
  z-index:-1
}
.p-eyebrow{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--color-ember);display:inline-block;margin-bottom:var(--s-16)}
.p-name{font-family:var(--font-cond);font-size:clamp(48px,9vw,86px);line-height:.9;letter-spacing:-0.04em;text-transform:uppercase;color:var(--color-pure);margin:0 0 var(--s-16)}
.p-role{font-family:var(--font-cond);font-size:clamp(18px,2vw,22px);line-height:1.1;letter-spacing:.02em;text-transform:uppercase;color:var(--color-fog);margin:0 0 var(--s-32)}

.p-photo-wrap{width:min(360px,80%);aspect-ratio:4/5;margin:0 auto var(--s-32);border-radius:var(--r-card);overflow:hidden;background:#0b0b0b}
.p-photo-wrap img{width:100%;height:100%;object-fit:cover}

.p-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:var(--s-32)}
.tag{display:inline-flex;align-items:center;gap:4px;padding:5px 12px;border-radius:var(--r-pill);font-family:var(--font-cond);font-size:11px;line-height:1;letter-spacing:.08em;text-transform:uppercase;color:var(--color-pure);border:1px solid rgba(255,255,255,.4)}
.zodiac-ico{width:14px;height:14px;display:inline-block;vertical-align:-2px;color:var(--color-pure)}

/* Sections */
.p-section{padding:var(--s-72) 0;border-top:1px solid rgba(133,133,133,.15)}
.p-section h2{font-family:var(--font-cond);font-size:clamp(24px,3.2vw,32px);line-height:1.05;letter-spacing:-0.02em;text-transform:uppercase;color:var(--color-pure);margin:0 0 var(--s-24)}
.p-section p{font-family:var(--font-sans);font-size:15.5px;line-height:1.6;color:var(--color-fog);margin:0 0 var(--s-16);max-width:740px}
.p-section p:last-child{margin-bottom:0}
.p-section ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--s-12);max-width:740px}
.p-section ul li{font-family:var(--font-sans);font-size:15px;line-height:1.55;color:var(--color-pure);padding-left:var(--s-16);position:relative}
.p-section ul li::before{content:'';position:absolute;left:0;top:.65em;width:6px;height:6px;background:var(--color-ember);border-radius:50%}
.p-section ul li b{font-weight:500}

/* Back footer */
.p-footer{padding:var(--s-72) 0 var(--s-100);text-align:center;border-top:1px solid rgba(133,133,133,.15)}
.p-footer .pill{margin:0 6px}