/* Makers of New - page styles for card.html, extracted v50 (CSP: no inline <style>) */
:root{--navy:#0e3061;--gold:#E6C87C;--red:#E4132B;--silver:#ECE7DC;--slate:#AEC4E4;--border:#2c5896;
--display:'Cormorant Garamond',Georgia,serif;--sans:'Inter',system-ui,sans-serif;--mono:'Space Mono',monospace}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--navy);font-family:var(--sans);color:var(--silver);min-height:100vh;display:flex;justify-content:center;padding:26px 16px 40px}
.card{width:100%;max-width:420px}
/* This page is standalone -- it loads neither mon.css nor mon-chrome.css, so the skip-link
   rule has to live here too, or the link renders naked. Same values as mon.css:352. */
.skip{position:absolute;left:-9999px;top:auto}
.skip:focus{left:16px;top:12px;z-index:1000;background:var(--gold);color:#0b2650;padding:8px 14px;border-radius:4px;font-family:var(--sans);font-size:.8rem;font-weight:600;text-decoration:none}
.spine{height:5px;background:var(--gold);border-radius:3px;margin-bottom:24px}
.brand{font-family:var(--mono);font-size:.66rem;letter-spacing:.28em;text-transform:uppercase;color:var(--gold);text-align:center;margin-bottom:20px}
.photo{width:132px;height:132px;border-radius:50%;margin:0 auto 18px;border:2px solid var(--gold);overflow:hidden}
.photo img{width:100%;height:100%;object-fit:cover;display:block}
.name{font-family:var(--display);font-size:2.5rem;font-weight:700;color:#fff;text-align:center;line-height:1.05}
.role{text-align:center;color:var(--silver);font-size:1rem;margin-top:6px}
.org{text-align:center;color:var(--gold);font-family:var(--mono);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;margin-top:10px}
.actions{display:flex;flex-direction:column;gap:11px;margin:26px 0}
.btn{display:flex;align-items:center;gap:13px;padding:15px 18px;border-radius:12px;text-decoration:none;font-size:1rem;font-weight:600;border:1px solid var(--border);color:var(--silver);background:#0e1f36;transition:.15s}
.btn:hover{border-color:var(--gold);background:#13243b}
.btn .ic{width:22px;text-align:center;font-size:1.15rem;color:var(--gold)}
.btn .sub{color:var(--slate);font-weight:400;font-size:.85rem;margin-left:auto}
.btn.primary{background:var(--gold);color:var(--navy);border-color:var(--gold);justify-content:center;font-weight:700}
.btn.primary .ic{color:var(--navy)}
.qrwrap{text-align:center;margin-top:28px;padding-top:24px;border-top:1px solid var(--border)}
.qrwrap img{width:168px;height:168px;background:#fff;padding:9px;border-radius:12px}
.qrk{font-family:var(--mono);font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin-bottom:12px}
.qrn{font-size:.78rem;color:var(--slate);margin-top:12px;line-height:1.5}
.foot{text-align:center;font-size:.7rem;color:var(--slate);margin-top:26px}
.foot .home{color:var(--gold);text-decoration:none;border-bottom:1px solid rgba(230,200,124,.4);padding-bottom:1px}
.foot .home:hover{border-bottom-color:var(--gold)}
.foot .sep{color:var(--border);margin:0 8px}

/* scrollbar - Ferrari red */
*{scrollbar-color:#E4132B rgba(255,255,255,.05);scrollbar-width:thin}
::-webkit-scrollbar{width:12px;height:12px}
::-webkit-scrollbar-track{background:rgba(255,255,255,.03)}
::-webkit-scrollbar-thumb{background:#E4132B;border:3px solid #0e3061}
::-webkit-scrollbar-thumb:hover{background:#EC2A43}
body{background:radial-gradient(135% 95% at 50% 18%, #2c62ad 0%, #205197 24%, #16407b 46%, #0e3061 68%, #081f3e 100%) fixed !important}
nav{background:rgba(12,40,80,.72)!important;border-bottom-color:rgba(255,255,255,.12)!important}
footer{border-top-color:rgba(255,255,255,.10)!important}
.hero{background-image:none!important}
.btn-primary{background:linear-gradient(160deg,#F7E9B4,#ECD495 52%,#E3C179)!important;color:#0b2650!important;font-weight:700}
.btn-primary:hover{background:linear-gradient(160deg,#FCF0C6,#F2DFAA 52%,#EACB8C)!important}
::selection{background:#E6C87C;color:#0b2650}
.eyebrow::before{display:none!important}
.eyebrow{gap:11px}
.eyebrow .spark{order:-1;display:inline-block;vertical-align:middle;width:7px;height:7px;border-radius:50%;background:#E4132B;flex:0 0 auto;box-shadow:0 0 0 0 rgba(228,19,43,.5);animation:spark 2.8s ease-out infinite}
@keyframes spark{0%{box-shadow:0 0 0 0 rgba(228,19,43,.5)}70%{box-shadow:0 0 0 8px rgba(228,19,43,0)}100%{box-shadow:0 0 0 0 rgba(228,19,43,0)}}
@media(prefers-reduced-motion:reduce){.eyebrow .spark{animation:none}}
.pg-dot{fill:#E4132B;opacity:0;transition:opacity .55s ease 1.15s}