/* This file used to pull in 11 other stylesheets via CSS import rules (variables/header/hero/stats/knowledge/research/market/dashboard/ executive/footer/page/responsive.css) -- a render-blocking waterfall (the browser can't even discover those files until this stylesheet itself has been fetched and parsed), and 8 of the 11 were ALSO already linked directly in index.html's , so they were being fetched twice. stats.css, executive.css and page.css (the 3 not already linked) now have their own direct tags in index.html instead. */ /* =================================================== P1.3 — FOUNDER & EDITORIAL IDENTITY =================================================== */ .founder-section{ padding:100px 0; background:var(--hero-light-bg); } .founder-header{ max-width:900px; margin:0 auto 55px; } .founder-header .section-label{ display:inline-block; margin-bottom:18px; } .founder-header h2{ margin:0 0 20px; max-width:850px; font-size:var(--fs-section-heading); color:var(--hero-navy); } .founder-header p{ max-width:780px; margin:0; line-height:1.8; font-size:var(--fs-body); text-align:justify; text-align-last:left; color:var(--hero-light-body); } .founder-grid{ display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr); gap:60px; align-items:start; } .founder-message{ max-width:760px; } .founder-message h3{ margin:0 0 24px; font-size:var(--fs-subheading); color:var(--hero-navy); } .founder-message p{ margin:0 0 20px; line-height:1.85; font-size:var(--fs-body); text-align:justify; text-align-last:left; color:var(--hero-light-body); } .founder-attribution{ display:flex; align-items:center; flex-wrap:wrap; gap:14px; margin-top:26px; padding-top:18px; border-top:1px solid var(--hero-light-border); } .founder-attribution-label{ font-size:.72rem; font-weight:700; letter-spacing:.14em; color:var(--color-primary); } .founder-attribution strong{ font-size:1rem; color:var(--hero-navy); } .founder-attribution-role{ font-size:.9rem; color:var(--hero-light-body); opacity:.7; } /* =================================================== P1.3.2 — FOUNDER PRINCIPLES Institutional editorial card =================================================== */ .founder-principles{ display:flex; flex-direction:column; gap:0; background:var(--hero-light-card); border:1px solid var(--hero-light-border); border-left:4px solid var(--hero-gold); border-radius:18px; padding:20px 34px; box-sizing:border-box; box-shadow:0 4px 16px rgba(15,39,71,.05); } .founder-principle{ display:grid; grid-template-columns:55px 1fr; gap:20px; padding:26px 0; border-top:1px solid var(--hero-light-border); } .founder-principle:first-child{ border-top:none; } .founder-principle:last-child{ border-bottom:none; } .principle-number{ font-size:.78rem; font-weight:700; letter-spacing:.12em; color:var(--color-primary); padding-top:5px; } .founder-principle h4{ margin:0 0 10px; font-size:var(--fs-card-heading); color:var(--hero-navy); } .founder-principle p{ margin:0; color:var(--hero-light-body); line-height:1.7; font-size:var(--fs-body-sm); text-align:justify; text-align-last:left; } /* --------------------------------------------------- RESPONSIVE --------------------------------------------------- */ @media (max-width:900px){ .founder-grid{ grid-template-columns:1fr; gap:45px; } .founder-header{ margin-bottom:40px; } } @media (max-width:600px){ .founder-section{ padding:70px 0; } .founder-principle{ grid-template-columns:42px 1fr; gap:14px; } }