:root{--navy:#071827;--ink:#10243a;--blue:#008ff0;--pale:#edf6fb;--line:#d6e1e9}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:#fff;font-family:Arial,Helvetica,sans-serif;font-size:17px;line-height:1.58}a{color:#006fbd}.nav{height:58px;background:#071827;color:#fff;display:flex;align-items:center;padding:0 2.5%;gap:28px}.brand{font-size:16px;letter-spacing:5px;white-space:nowrap}.navlinks{margin-left:auto;display:flex;gap:25px}.navlinks a{color:#fff;text-decoration:none;font-size:12px}.navlinks a.active{border-bottom:3px solid var(--blue);padding:20px 0 15px}.navcta{color:#fff;text-decoration:none;background:#0879ca;border:1px solid #42a9ee;padding:10px 20px;font-size:11px;letter-spacing:1.5px;font-weight:700}.pagehero{min-height:180px;padding:45px 4.5%;color:#fff;background-position:center;background-size:cover;position:relative}.pagehero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,18,30,.9),rgba(4,18,30,.3))}.pagehero>*{position:relative}.pagehero-about{background-image:url('assets/about-hero.jpg')}.pagehero-experience{background-image:url('assets/experience-hero.jpg')}.pagehero-credentials{background-image:url('assets/credentials-hero.jpg')}.pagehero-community{background-image:url('assets/community-hero.jpg')}.pagehero-recognition{background-image:url('assets/recognition-hero.jpg')}.pagehero-contact{background-image:url('assets/contact-hero.jpg')}.eyebrow{letter-spacing:5px;font-size:13px;text-transform:uppercase;font-weight:700}.pagehero h1{font-family:Georgia,'Times New Roman',serif;font-size:42px;line-height:1.08;margin:7px 0 0;color:#fff}.pagehero h1:after{content:"";display:block;width:46px;border-top:3px solid #00a3ff;margin-top:15px}.subtitle{margin-top:14px;font-size:14px}.section{max-width:1200px;margin:auto;padding:45px 5%}.section h2,.section h3{font-family:Georgia,'Times New Roman',serif;color:#10243a}.section h2{font-size:30px}.section p,.section li,.section strong{color:#1a3045}.lead{font-size:18px}.about-grid{display:grid;grid-template-columns:1fr 280px;gap:55px}.quote-card,.bottom-quote{background:#edf6fb;padding:28px;font-family:Georgia,serif;font-style:italic;text-align:center;font-size:20px}.values{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:32px;text-align:center}.value b{display:block;letter-spacing:2px;font-size:13px}.value span{font-size:13px}.timeline{border-left:2px solid #168fd8;margin-left:20px;padding-left:34px}.job{position:relative;display:grid;grid-template-columns:105px 1fr;gap:20px;padding:0 0 32px}.job:before{content:"";position:absolute;left:-42px;top:7px;width:9px;height:9px;border-radius:50%;background:#168fd8}.job .date{font-weight:700;font-size:14px}.job h3{margin:0 0 2px;font-size:20px}.job p{margin:5px 0;font-size:15px}.columns4{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:12px}.credcol{padding:10px 22px;border-right:1px solid var(--line)}.credcol:last-child{border:0}.credcol h3{text-align:center;font-size:18px}.credcol li{font-size:14px;margin-bottom:8px}.media{display:grid;grid-template-columns:170px 1fr;gap:25px;align-items:start}.media img{width:100%;height:165px;object-fit:cover}.media h2{margin-top:0}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px}.contact-item{margin:18px 0}.bottom-quote{margin-top:35px}.footer{background:#071827;color:#d9e4ec;text-align:center;padding:20px;font-size:12px}.home{position:relative;max-width:1536px;margin:auto;background:#071827}.home img{display:block;width:100%;height:auto}.hot{position:absolute;z-index:3;display:block}.home-fix{position:absolute;background:#061625;color:transparent;z-index:2} @media(max-width:850px){.navlinks{display:none}.navcta{margin-left:auto}.about-grid,.contact-grid{grid-template-columns:1fr}.values,.columns4{grid-template-columns:1fr 1fr}.job{grid-template-columns:1fr}.media{grid-template-columns:1fr}.pagehero h1{font-size:34px}}@media(max-width:520px){body{font-size:16px}.brand{font-size:13px;letter-spacing:3px}.navcta{display:none}.values,.columns4{grid-template-columns:1fr}.pagehero{min-height:150px;padding:35px 6%}.section{padding:35px 6%}}

/* V6 approved refinements */
.education-center{text-align:center;max-width:620px;margin:38px auto 0;padding-top:8px}
.education-center h2{margin-bottom:8px}
.job{grid-template-columns:86px 1fr;align-items:start}
.employer-mark{width:58px;height:58px;border-radius:50%;background:#0b6fae;color:#fff;border:3px solid #dcebf5;display:flex;align-items:center;justify-content:center;font-weight:800;letter-spacing:1px;font-size:14px;box-shadow:0 2px 8px rgba(0,0,0,.12)}

@media(max-width:850px){.job{grid-template-columns:70px 1fr}}

/* V9: one continuous homepage navigation bar; no Recognition patch/box. */
.home-nav{position:absolute;z-index:6;left:0;top:0;width:100%;height:7%;min-height:44px;background:#071827;display:flex;align-items:center;padding:0 2.15%;color:#fff;font-family:Arial,Helvetica,sans-serif}
.home-brand{font-size:15px;letter-spacing:4.5px;white-space:nowrap}
.home-links{margin-left:auto;display:flex;align-items:stretch;height:100%;gap:0}
.home-links a{position:relative;display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;font-size:12px;font-weight:400;padding:0 16px;white-space:nowrap}
.home-links a.active:after{content:"";position:absolute;bottom:7px;left:16px;right:16px;border-bottom:3px solid #009cf0}
.home-cta{margin-left:22px;color:#fff;text-decoration:none;background:#0879ca;border:1px solid #42a9ee;padding:10px 20px;font-size:11px;letter-spacing:1.5px;font-weight:700;white-space:nowrap}
@media(max-width:900px){.home-brand{font-size:12px;letter-spacing:3px}.home-links a{font-size:10px;padding:0 9px}.home-cta{margin-left:10px;padding:8px 10px;font-size:9px}}
@media(max-width:680px){.home-nav{position:relative;height:auto;min-height:48px}.home-links{display:none}.home-cta{margin-left:auto}.home img{margin-top:0}}

/* V10 approved adjustments */
.logo-mark{background:transparent;border:0;box-shadow:none;border-radius:0;width:70px;height:70px;overflow:hidden}
.logo-mark img{width:100%;height:100%;object-fit:contain;display:block}
.quote-attribution{display:inline-block;margin-top:10px;font-size:.82em;font-style:normal;letter-spacing:.08em}
.footer a{color:inherit}
/* Homepage navigation: compact V6 visual proportions, with Recognition integrated into the same bar */
.home-nav{height:7%;min-height:42px;padding:0 1.2%;background:#071827}
.home-brand{font-size:11px;letter-spacing:3.4px}
.home-links{margin-left:auto;height:100%}
.home-links a{font-size:9px;padding:0 10px;font-weight:400}
.home-links a.active:after{bottom:5px;left:10px;right:10px;border-bottom-width:2px}
.home-cta{margin-left:14px;padding:8px 14px;font-size:8px;letter-spacing:1.1px}
@media(max-width:900px){.home-brand{font-size:9px;letter-spacing:2.2px}.home-links a{font-size:8px;padding:0 6px}.home-cta{font-size:7px;padding:7px 8px}}

/* V11 — mobile responsiveness only. Desktop presentation above 680px remains unchanged. */
.mobile-home{display:none}
@media(max-width:680px){
  /* Homepage: replace the desktop screenshot with a true mobile layout. */
  .home{max-width:none;width:100%;overflow:hidden;background:#071827}
  .desktop-home-art,.home>.hot{display:none}
  .home-nav{position:relative;display:flex;flex-wrap:wrap;height:auto;min-height:0;padding:12px 14px 0;background:#071827;gap:0}
  .home-brand{font-size:11px;letter-spacing:2.4px;line-height:32px}
  .home-cta{display:block;margin-left:auto;padding:8px 10px;font-size:8px;line-height:14px}
  .home-links{order:3;display:flex;width:calc(100% + 28px);height:auto;margin:10px -14px 0;padding:0 8px;overflow-x:auto;overflow-y:hidden;justify-content:flex-start;border-top:1px solid rgba(255,255,255,.12);-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .home-links::-webkit-scrollbar{display:none}
  .home-links a{flex:0 0 auto;font-size:10px;padding:11px 9px 12px}
  .home-links a.active:after{bottom:5px;left:9px;right:9px;border-bottom-width:2px}
  .mobile-home{display:block;color:#fff}
  .mobile-hero{position:relative;min-height:560px;background-image:linear-gradient(180deg,rgba(3,15,26,.18) 0%,rgba(3,15,26,.40) 48%,rgba(3,15,26,.96) 100%),url('assets/lawrence-suit.jpeg');background-size:cover;background-position:center 23%;display:flex;align-items:flex-end}
  .mobile-hero-copy{width:100%;padding:0 22px 28px;text-shadow:0 2px 8px rgba(0,0,0,.7)}
  .mobile-eyebrow{font-size:9px;letter-spacing:1.25px;font-weight:700;margin-bottom:8px}.mobile-eyebrow span{color:#19a9ff;padding:0 3px}
  .mobile-hero h1{font-family:Georgia,'Times New Roman',serif;font-size:34px;line-height:1.02;margin:0;color:#fff}
  .mobile-hero h2{font-size:12px;letter-spacing:2.2px;margin:8px 0 0;color:#fff}
  .mobile-rule{width:48px;border-top:3px solid #00a3ff;margin:12px 0}
  .mobile-hero p{font-size:14px;line-height:1.45;margin:0 0 17px;max-width:520px;color:#fff}
  .mobile-learn{display:inline-block;color:#fff;text-decoration:none;background:#0879ca;border:1px solid #42a9ee;padding:10px 12px;font-size:9px;letter-spacing:1px;font-weight:700;text-shadow:none}
  .mobile-values{display:grid;grid-template-columns:1fr 1fr;background:#0a2437;border-top:1px solid rgba(255,255,255,.12)}
  .mobile-values span{padding:15px 8px;text-align:center;font-size:10px;letter-spacing:1.8px;font-weight:700;border-right:1px solid rgba(255,255,255,.15);border-bottom:1px solid rgba(255,255,255,.15)}
  .mobile-quote{padding:30px 24px 34px;background:#0b1c2a;font-family:Georgia,'Times New Roman',serif;font-size:23px;line-height:1.25;text-align:center}
  .mobile-quote em{color:#22aef6;font-weight:700}

  /* Interior pages: keep the same navigation, but make every destination available on phones. */
  .nav{height:auto;min-height:58px;display:flex;flex-wrap:wrap;padding:10px 14px 0;gap:0}
  .brand{font-size:11px;letter-spacing:2.4px;line-height:32px}
  .navcta{display:block;margin-left:auto;padding:8px 10px;font-size:8px}
  .navlinks{order:3;display:flex;width:calc(100% + 28px);margin:8px -14px 0;padding:0 8px;gap:0;overflow-x:auto;overflow-y:hidden;border-top:1px solid rgba(255,255,255,.12);-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .navlinks::-webkit-scrollbar{display:none}
  .navlinks a{flex:0 0 auto;font-size:10px;padding:11px 9px 12px}
  .navlinks a.active{padding:11px 9px 9px;border-bottom:3px solid var(--blue)}
}

/* V12 — mobile-only surgical corrections. Desktop remains unchanged. */
@media(max-width:680px){
  /* Higher specificity than the legacy .home img rule: remove the desktop art entirely on phones. */
  .home img.desktop-home-art{display:none !important}

  /* Keep the approved V11 mobile layout, but use the professional portrait/bridge art from the approved desktop homepage. */
  .mobile-hero{
    background-image:linear-gradient(180deg,rgba(3,15,26,.12) 0%,rgba(3,15,26,.34) 48%,rgba(3,15,26,.96) 100%),url('assets/mobile-hero-approved.jpg');
    background-size:cover;
    background-position:center top;
  }
}