/* Iva Kaufman Associates — main site stylesheet (shared across all pages) */
:root{
  --navy:#07085A; --gold:#F0b310; --slate:#455560; --gray:#6A747C;
  --line:#c9ced2; --box:#e9ecee; --boxalt:#dfe3e6; --white:#fff;
}
*{box-sizing:border-box}
body{margin:0;font-family:Raleway,Tahoma,Verdana,sans-serif;color:var(--slate);background:#f4f5f6;line-height:1.5}
/* low-fi: most fills are gray boxes; navy + gold used sparingly to show brand placement */
.pageframe{max-width:1080px;margin:40px auto;background:var(--white);border:1px solid var(--line);box-shadow:0 6px 24px rgba(0,0,0,.08)}
.pagelabel{background:var(--navy);color:#fff;font-weight:700;font-size:13px;letter-spacing:.12em;text-transform:uppercase;padding:8px 18px}
.note{background:#fffdf3;border-left:4px solid var(--gold);color:#6a5e2c;font-size:13px;padding:10px 16px;margin:0}
/* placeholder primitives */
.ph{background:var(--box);border:1px dashed var(--line);border-radius:3px}
.bar{height:14px;background:var(--boxalt);border-radius:3px;margin:7px 0}
.bar.s{width:40%} .bar.m{width:65%} .bar.l{width:88%}
.img{background:repeating-linear-gradient(45deg,#e3e7ea,#e3e7ea 10px,#dce1e4 10px,#dce1e4 20px);border:1px dashed var(--line);display:flex;align-items:center;justify-content:center;color:var(--gray);font-size:12px;letter-spacing:.1em;text-transform:uppercase;border-radius:3px}
/* insight thumbnails — branded tiles (article = navy, newsletter = gold) */
.thumb{position:relative;height:104px;border-radius:3px;overflow:hidden;background:linear-gradient(135deg,#07085A,#14157a);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px}
.thumb .cat{font-weight:800;font-size:15px;letter-spacing:.14em;text-transform:uppercase;color:#fff;text-align:center;line-height:1.2;padding:0 14px}
.thumb .ln{display:block;width:34px;height:3px;background:var(--gold);border-radius:2px}
.thumb.news{background:linear-gradient(135deg,#f0b310,#e3a40b)}
.thumb.news .cat{color:var(--navy)}
.thumb.news .ln{background:var(--navy)}
.thumb.feat{height:100%;min-height:180px}
.thumb.feat .cat{font-size:22px}
.thumb.feat .ln{width:48px;height:4px}
.label{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--gray);font-weight:700;margin:0 0 6px}
.btn{display:inline-block;background:var(--gold);color:#3a2e00;font-weight:700;font-size:13px;padding:9px 18px;border-radius:3px}
.btn.ghost{background:transparent;border:2px solid var(--navy);color:var(--navy);padding:7px 16px}
.fld{width:100%;box-sizing:border-box;border:1px solid var(--line);border-radius:3px;padding:9px 10px;font-family:inherit;font-size:14px;color:var(--slate);background:#fff;max-width:560px;display:block}
.fld:focus{outline:none;border-color:var(--gold)}
textarea.fld{resize:vertical}
.contactlink{display:block;text-decoration:none}
h2.sec{font-size:20px;color:var(--navy);margin:0 0 4px;font-weight:900}
.pad{padding:24px 28px}
.row{display:flex;gap:18px}
.col{flex:1}
/* nav */
nav.wf{display:flex;align-items:center;gap:22px;border-bottom:2px solid var(--navy);padding:14px 28px}
nav.wf .logo{height:42px;width:auto;display:block}
nav.wf ul{display:flex;gap:20px;list-style:none;margin:0 0 0 auto;padding:0;font-size:13px;font-weight:600;color:var(--slate)}
nav.wf li.has::after{content:" \25BE";color:var(--gray)}
nav.wf .navcta{background:var(--gold);color:#3a2e00;padding:7px 14px;border-radius:3px;font-weight:700}
nav.wf a{color:inherit;text-decoration:none}
nav.wf li:not(.navcta):hover{color:var(--navy)}
nav.wf li.active a{color:var(--navy);font-weight:800}
nav.wf li.active:not(.navcta){border-bottom:2px solid var(--gold);padding-bottom:2px}
html{scroll-behavior:smooth}
.foot .fcol a{color:#cfd0ea;text-decoration:none}
.foot .fcol a:hover{color:#fff}
/* hero */
.hero{background:var(--navy);color:#fff;padding:46px 28px}
.hero .ey{color:var(--gold);font-weight:700;font-size:12px;letter-spacing:.16em;text-transform:uppercase}
.hero h1{font-size:34px;line-height:1.15;margin:10px 0 14px;font-weight:900;max-width:760px}
.hero p{color:#cfd0ea;max-width:620px;margin:0 0 22px}
.hero .btn.ghost{border-color:#fff;color:#fff}
/* per-pillar color themes */
.theme-phil{--accent:#E0A50B;--accentlt:#F4C24A}
.theme-np{--accent:#0E7C66;--accentlt:#3FD0A8}
.theme-impact{--accent:#5B4BB0;--accentlt:#B7A6F5}
.theme-phil .hero{background:linear-gradient(125deg,#07085A 0%,#7A520C 100%)}
.theme-np .hero{background:linear-gradient(125deg,#07085A 0%,#0C5746 100%)}
.theme-impact .hero{background:linear-gradient(125deg,#07085A 0%,#3A2C82 100%)}
.theme-phil .hero .ey,.theme-np .hero .ey,.theme-impact .hero .ey{color:var(--accentlt)}
.theme-phil h2.sec,.theme-np h2.sec,.theme-impact h2.sec{border-left:4px solid var(--accent);padding-left:12px}
.theme-phil ul li::marker,.theme-np ul li::marker,.theme-impact ul li::marker{color:var(--accent)}
.theme-phil .grid3 .ph,.theme-np .grid3 .ph,.theme-impact .grid3 .ph{border-top:3px solid var(--accent)}
.theme-phil .label,.theme-np .label,.theme-impact .label{color:var(--accent)}
/* pillar cards */
.pillars{display:flex;gap:16px}
.pcard{flex:1;border:1px solid var(--line);border-top:4px solid var(--gold);border-radius:4px;padding:18px}
.pcard .pn{font-size:13px;color:var(--gold);font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.pcard h3{color:var(--navy);font-size:16px;margin:6px 0 10px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.logocell{background:#fff;border:1px solid var(--line);border-radius:4px;display:flex;align-items:center;justify-content:center;height:72px;padding:12px}
.logocell img{max-height:100%;max-width:100%;object-fit:contain}
.logocell .wordmark{color:var(--navy);font-weight:800;font-size:15px;letter-spacing:.01em;text-align:center;line-height:1.15}
.matrix{width:100%;border-collapse:collapse;font-size:11px}
.matrix th,.matrix td{border:1px solid var(--line);padding:6px 8px;text-align:center;color:var(--gray)}
.matrix th{background:var(--navy);color:#fff;font-weight:600}
.matrix td.dot{color:var(--gold);font-weight:900;font-size:14px}
.matrix td.name{text-align:left;color:var(--slate);font-weight:700;background:#f4f5f6}
.strip{background:#eef0f1;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.foot{background:var(--navy);color:#aeb0d8;padding:22px 28px;font-size:12px;display:flex;gap:30px;flex-wrap:wrap}
.foot b{color:#fff;display:block;margin-bottom:8px;font-size:13px}
.foot a{color:var(--gold);text-decoration:none}
.footnews{background:#0a0b6e;color:#fff;padding:15px 28px;display:flex;align-items:center;gap:14px;border-top:3px solid var(--gold);flex-wrap:wrap}
.footnews .ph{background:#1b1c7a;border-color:#3a3b9a}
.tag{display:inline-block;background:#eef0f1;border:1px solid var(--line);color:var(--gray);font-size:10px;padding:3px 8px;border-radius:20px;margin:2px 3px 0 0;letter-spacing:.06em}
.cs{font-size:12.5px;line-height:1.5;color:var(--slate);margin:9px 0 0}
.imeta{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--gray);font-weight:700}
/* associate bio cards */
.acard{display:flex;gap:16px;border:1px solid var(--line);border-radius:4px;padding:16px;margin-bottom:14px;background:#fff}
.acard .img{width:108px;min-width:108px;height:108px;font-size:11px}
.acard h4{margin:0;color:var(--navy);font-size:16px;font-weight:700}
.acard .role{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--gray);font-weight:700;margin:3px 0 8px}
.acard p{margin:0;font-size:13px;color:var(--slate)}
.acard.more{align-items:center;justify-content:center;border-style:dashed;color:var(--gray);font-weight:700;background:#fafbfb}
.legend{max-width:1080px;margin:30px auto 0;padding:0 6px;color:var(--gray);font-size:13px}
.legend .sw{display:inline-block;width:14px;height:14px;border-radius:3px;vertical-align:middle;margin:0 4px 0 14px;border:1px solid var(--line)}
