/* ========================================================================== Inspiring Ventures — single brand stylesheet Palette derived from the wordmark: #29254c (deep indigo). Type: Cormorant Garamond (serif display) + DM Sans (geometric sans body), mirroring the logo's own serif "inspiring" / sans "ventures" pairing. Load this LAST in so it wins over any legacy page CSS. ========================================================================== */ :root{ /* brand ramp */ --iv-900:#14122a; --iv-800:#1d1a38; --iv-700:#29254c; /* CORE BRAND — the wordmark colour */ --iv-600:#383266; --iv-500:#4a4382; --iv-400:#6b64a3; --iv-300:#9a95c4; --iv-200:#c6c3de; --iv-100:#e8e6f2; --iv-050:#f5f4fa; /* accents */ --iv-gold:#e0a52b; --iv-gold-dark:#b87d10; --iv-green:#2aa96b; --iv-green-dark:#1e8452; /* neutrals */ --iv-ink:#14131c; --iv-muted:#5a5866; --iv-line:#e3e2ea; --iv-surface:#f7f7fa; --iv-white:#ffffff; /* type */ --iv-serif:'Cormorant Garamond',Georgia,'Times New Roman',serif; --iv-sans:'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif; /* scale */ --iv-s1:0.875rem; --iv-s2:1rem; --iv-s3:1.125rem; --iv-s4:1.375rem; --iv-s5:1.75rem; --iv-s6:2.25rem; --iv-s7:3rem; --iv-s8:4rem; --iv-max:1160px; --iv-radius:10px; } /* --- base ---------------------------------------------------------------- */ body{font-family:var(--iv-sans);color:var(--iv-ink);background:var(--iv-white);} h1,h2,h3,h4,.iv-display{font-family:var(--iv-serif);color:var(--iv-700);font-weight:600;} a{color:var(--iv-600);} a:hover{color:var(--iv-700);} /* --- shared nav ---------------------------------------------------------- */ .iv-nav{ display:flex;align-items:center;justify-content:space-between;gap:1.5rem; max-width:var(--iv-max);margin:0 auto;padding:0.9rem 1.25rem; font-family:var(--iv-sans); } .iv-nav-bar{background:var(--iv-white);border-bottom:1px solid var(--iv-line); position:sticky;top:0;z-index:900;} .iv-nav img{height:34px;width:auto;display:block;} .iv-nav-links{display:flex;flex-wrap:wrap;align-items:center;gap:1.35rem; list-style:none;margin:0;padding:0;} .iv-nav-links a{color:var(--iv-700);text-decoration:none;font-size:var(--iv-s1); font-weight:500;letter-spacing:.01em;} .iv-nav-links a:hover{color:var(--iv-500);text-decoration:underline;} .iv-nav-cta{background:var(--iv-700);color:var(--iv-white)!important; padding:.55rem 1.05rem;border-radius:var(--iv-radius);text-decoration:none!important;} .iv-nav-cta:hover{background:var(--iv-600);} /* --- shared footer ------------------------------------------------------- */ .iv-footer{background:var(--iv-700);color:var(--iv-200); font-family:var(--iv-sans);font-size:var(--iv-s1);margin-top:4rem;} .iv-footer-inner{max-width:var(--iv-max);margin:0 auto;padding:2.75rem 1.25rem; display:flex;flex-wrap:wrap;gap:2.5rem;justify-content:space-between;} .iv-footer img{height:40px;width:auto;margin-bottom:.9rem;display:block;} .iv-footer h4{color:var(--iv-white);font-family:var(--iv-sans);font-size:var(--iv-s1); text-transform:uppercase;letter-spacing:.09em;margin:0 0 .8rem;font-weight:600;} .iv-footer ul{list-style:none;margin:0;padding:0;} .iv-footer li{margin-bottom:.45rem;} .iv-footer a{color:var(--iv-200);text-decoration:none;} .iv-footer a:hover{color:var(--iv-white);text-decoration:underline;} .iv-footer-base{border-top:1px solid var(--iv-600);} .iv-footer-base p{max-width:var(--iv-max);margin:0 auto;padding:1.15rem 1.25rem; color:var(--iv-300);font-size:.8rem;} @media (max-width:720px){ .iv-nav{flex-direction:column;align-items:flex-start;gap:.85rem;} .iv-nav-links{gap:.9rem;} .iv-footer-inner{flex-direction:column;gap:1.75rem;} }