/*
Theme Name: TG3 Executive Advisory
Author: TG3 Consulting
Description: Custom responsive boutique medical technology advisory website.
Version: 2.8
Requires PHP: 7.4
*/
:root{--navy:#102436;--deep:#071d2b;--gold:#d6a457;--ivory:#f7f5f0;--ink:#182a39}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);line-height:1.65;background:var(--ivory)}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}h1,h2,h3{font-family:Georgia,serif;line-height:1.14;margin:0 0 20px}h1{font-size:clamp(2.65rem,4.3vw,4.35rem)}h2{font-size:clamp(2rem,3.25vw,3.1rem)}h3{font-size:1.45rem}.wrap{max-width:1200px;margin:auto;padding:0 30px}.skip-link{position:absolute;left:-9999px;top:0;background:white;color:black;padding:10px;z-index:10}.skip-link:focus{left:10px}.site-header{background:var(--deep);color:white;border-bottom:1px solid #ffffff22}.nav{display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:84px}.brand{display:flex;align-items:center;gap:13px;white-space:nowrap}.brand-mark{font-family:Georgia,serif;font-size:2.25rem;letter-spacing:-.09em;line-height:1;color:white}.brand-mark span{color:var(--gold)}.brand-word{font-size:.9rem;letter-spacing:.3em;font-weight:bold;border-left:1px solid #b5c0c8;padding-left:14px}.navlinks{display:flex;align-items:center;gap:24px;font-size:.92rem}.navlinks a:hover,.navlinks a:focus{color:var(--gold)}.menu-toggle{display:none}.hero{background:linear-gradient(115deg,#061b2b,#0e3349);color:white;position:relative;overflow:hidden}.hero-home{padding:80px 0 88px}.hero-layout{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:34px;min-height:460px}.hero-copy{position:relative;z-index:1}.hero h1{max-width:750px}.hero-art{min-height:410px;position:relative;border-radius:8px;overflow:hidden;background:radial-gradient(circle at 48% 44%,#366a80 0%,#173f56 28%,#092538 63%,#061b2b 100%);box-shadow:inset 0 0 70px #071a2d}.hero-orbit{position:absolute;border:1px solid #d6a45766;border-radius:50%;transform:rotate(-28deg)}.orbit-one{width:370px;height:370px;left:10%;top:4%}.orbit-two{width:260px;height:260px;left:24%;top:17%;border-color:#ffffff44}.hero-art-label{position:absolute;bottom:36px;left:25px;right:25px;text-align:center;color:#f4e4c6;letter-spacing:.07em;font-size:1.03rem}.hero-art-label span{color:var(--gold);margin:0 8px}.inner-hero{padding:64px 0}.inner-hero h1{font-size:clamp(2.5rem,4.5vw,4.2rem)}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.78rem;font-weight:700;color:var(--gold);margin-bottom:17px}.gold{color:var(--gold)}.lead{font-size:1.12rem;max-width:620px}.btn{display:inline-block;background:var(--gold);color:#071d2b;padding:13px 24px;border-radius:4px;font-weight:700;margin-top:18px;border:0;cursor:pointer}.btn:hover{background:#edbd6d}.btn-outline{background:transparent;color:var(--navy);border:1px solid #b78b45}.text-link{display:inline-block;margin-top:15px;color:#93651d;font-weight:bold}.section{padding:82px 0}.section.white{background:white}.section.ivory{background:var(--ivory)}.section.dark{background:var(--navy);color:white}.section h2{max-width:850px}.intro{max-width:760px;font-size:1.08rem}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:34px}.card{background:white;border:1px solid #e6e3dd;padding:28px;border-radius:5px}.card h3{color:var(--navy)}.card .num{color:#b68a3c;font-weight:bold;letter-spacing:.1em;margin-bottom:10px}.dark .card{background:#19384d;color:white;border-color:#325066}.dark .card h3{color:white}.split{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.approach-list p{border-bottom:1px solid #d9d7d0;padding:12px 0;margin:0}.approach-list p:before{content:'✓';color:#b68a3c;font-weight:bold;margin-right:14px}.leader-preview,.leader-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:34px 0}.leader-preview article,.leader-card{background:var(--ivory);border:1px solid #e3e0d9;border-radius:5px;overflow:hidden}.leader-preview img,.leader-card img{display:block;width:100%;aspect-ratio:4/3.7;object-fit:cover;object-position:center 22%;background:#dadbd9}.leader-preview article h3,.leader-preview article p{margin:12px 18px}.leader-preview article h3{margin-bottom:0}.leader-preview article p{margin-top:2px;color:#685f52}.leader-body{padding:24px}.leader-body h3{margin-bottom:6px}.leader-title{text-transform:uppercase;letter-spacing:.11em;color:#987029;font-weight:700;font-size:.78rem;margin-bottom:16px}.leader-body p{font-size:.95rem;line-height:1.65}.closing{padding:60px 0}.footer{background:#061b2b;color:#c9d3da;padding:42px 0;font-size:.9rem}.footer .wrap{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}.contact-panel{background:white;padding:38px;border:1px solid #e6e3dd}.contact-panel a{text-decoration:underline;text-decoration-color:var(--gold)}.wp-block-image{margin:0}@media(max-width:980px){.navlinks{gap:13px}.hero-layout{grid-template-columns:1fr 0.75fr}.hero-art{min-height:340px}.brand-word{letter-spacing:.15em}}@media(max-width:760px){.nav{flex-wrap:wrap;padding-top:16px;padding-bottom:16px}.menu-toggle{display:block;background:transparent;border:1px solid #ffffff66;color:white;border-radius:3px;padding:8px 12px;cursor:pointer}.navlinks{display:none;width:100%;flex-direction:column;align-items:flex-start;padding:10px 0}.navlinks.open{display:flex}.hero-layout,.split{grid-template-columns:1fr}.hero-home{padding:58px 0}.hero-art{min-height:220px}.hero-layout{gap:24px}.section{padding:58px 0}.grid,.leader-preview,.leader-grid{grid-template-columns:1fr}.leader-preview img,.leader-card img{aspect-ratio:4/3;object-position:center 20%}.brand-word{font-size:.76rem}}@media(max-width:450px){.wrap{padding:0 20px}.hero h1{font-size:2.55rem}.brand-mark{font-size:1.9rem}.brand-word{font-size:.7rem;letter-spacing:.1em}}

/* Version 2.1: original identity, consistent leadership imagery, responsive refinement */
.site-header{position:relative;z-index:10}
.nav{min-height:100px}
.brand{display:flex;flex:0 0 auto;max-width:185px;white-space:normal}
.brand-logo{display:block;height:86px;width:auto;max-width:170px;object-fit:contain}
.navlinks{margin-left:auto;flex-wrap:nowrap}
.hero-home{padding:66px 0 72px}
.hero-layout{grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:42px;min-height:380px}
.hero h1{font-size:clamp(2.65rem,3.7vw,3.75rem);max-width:700px;letter-spacing:-.025em}
.hero-art{min-height:350px}
.leader-preview,.leader-grid{align-items:stretch}
.leader-preview article,.leader-card{min-width:0;display:flex;flex-direction:column}
.leader-preview img,.leader-card img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;object-position:center 26%;background:#dedfdd;flex-shrink:0}
.leader-preview article h3{font-size:1.35rem}
.leader-card .leader-body{flex:1}
@media (min-width:761px){.menu-toggle{display:none!important}.navlinks{display:flex!important}}
@media (max-width:980px) and (min-width:761px){.navlinks{gap:12px;font-size:.82rem}.brand-logo{height:72px}.hero-layout{grid-template-columns:1fr .72fr}.hero-art{min-height:290px}}
@media (max-width:760px){.nav{min-height:80px}.brand-logo{height:72px}.hero-layout{grid-template-columns:minmax(0,1fr)}.hero h1{font-size:clamp(2.45rem,8vw,3.25rem)}.hero-art{min-height:220px}.leader-preview,.leader-grid{grid-template-columns:1fr}.leader-preview img,.leader-card img{aspect-ratio:1/1;object-position:center 25%}}

/* Version 2.2 finishing refinements */
.nav{min-height:112px}
.brand{max-width:205px}
.brand-logo{height:100px;max-width:192px;width:auto}
.hero-home{padding:62px 0 74px}
.hero-layout{grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr);gap:48px;min-height:405px}
.hero h1{font-size:clamp(2.65rem,3.65vw,3.65rem);line-height:1.12}
.hero-photo{min-height:390px;background-image:linear-gradient(90deg,rgba(7,29,43,.18),rgba(7,29,43,0)),url('assets/medical-technology-hero.jpg');background-position:center;background-size:cover;box-shadow:0 18px 46px rgba(0,0,0,.16);border:1px solid rgba(214,164,87,.22)}
.hero-photo-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,29,43,.13),transparent 48%);pointer-events:none}
.section.white:has(.leader-preview) h2{font-size:clamp(2rem,2.8vw,2.75rem);max-width:900px}
.section.white:has(.leader-preview) .intro{margin-top:6px;max-width:740px}
.section.white:has(.leader-preview) .leader-preview{margin-top:28px}
.leader-preview img,.leader-card img{aspect-ratio:1/1;object-fit:cover;object-position:center 26%}
@media(max-width:980px){.hero-layout{grid-template-columns:1fr .8fr;gap:24px}.hero-photo{min-height:320px}.brand-logo{height:82px}}
@media(max-width:760px){.nav{min-height:88px}.brand-logo{height:80px}.hero-layout{grid-template-columns:1fr}.hero-photo{min-height:280px}.hero-home{padding:52px 0 58px}.section.white:has(.leader-preview) h2{font-size:2.2rem}}

/* Final portrait consistency */
.leader-preview img,.leader-card img{object-fit:cover;object-position:center 25%;background:#b9b0a9}

/* v2.4: Render hero image as a real HTML image, avoiding cached/missing CSS background paths */
.hero-photo{background-color:#0b2b40;background-image:none!important;position:relative}
.hero-photo-img{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;z-index:0}
.hero-photo-shade{z-index:1}

/* v2.5: Fix hero image filling entire card, including bottom edge. */
.hero-art.hero-photo{height:410px;min-height:0;aspect-ratio:auto;display:block;position:relative;overflow:hidden;border:0;box-shadow:0 18px 46px rgba(0,0,0,.16)}
.hero-art.hero-photo > img.hero-photo-img{position:absolute!important;display:block!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover!important;object-position:center center!important;border:0!important;margin:0!important;padding:0!important}
.hero-art.hero-photo > .hero-photo-shade{position:absolute;inset:0;z-index:1;pointer-events:none}
@media(max-width:980px){.hero-art.hero-photo{height:340px}}
@media(max-width:760px){.hero-art.hero-photo{height:auto;aspect-ratio:3/2;min-height:240px}}

/* v2.6: Use the image as the actual container background to eliminate the blank lower strip. */
.hero-art.hero-photo{background:#0b2b40 url("assets/medical-technology-hero.jpg") center center / cover no-repeat!important;height:410px!important;min-height:0!important;aspect-ratio:auto!important;overflow:hidden!important;border:0!important}
@media(max-width:980px){.hero-art.hero-photo{height:340px!important}}
@media(max-width:760px){.hero-art.hero-photo{height:auto!important;aspect-ratio:3/2!important;min-height:240px!important}}