:root{
  /* Palette set 2026-11-08 from Sheronda's design direction:
     Executive Navy #142D43, Muted Gold #C5A66B, Warm Ivory #F4F0E8, Sage Olive #56644B (accent) */
  --navy:#142D43; --navy-2:#1F3E5C; --gold:#C5A66B; --gold-soft:#E6D5AE;
  --ink:#1c2430; --paper:#F4F0E8; --muted:#5b6572; --sage:#56644B;
}
*{box-sizing:border-box}
body{margin:0;font-family:Georgia,'Times New Roman',serif;color:var(--ink);background:var(--paper);line-height:1.6}
header{background:var(--navy);color:#fff;padding:2.2rem 1.5rem 1.4rem;text-align:center}
header .brand{font-size:2.6rem;letter-spacing:.04em;margin:0}
header .brand span{color:#fff}
header .tagline{color:var(--gold-soft);font-style:italic;margin:.4rem 0 1.1rem}
nav a{color:#fff;text-decoration:none;margin:0 .9rem;font-family:Helvetica,Arial,sans-serif;font-size:.92rem;letter-spacing:.06em;text-transform:uppercase}
nav a:hover{color:var(--gold-soft)}
main{max-width:880px;margin:0 auto;padding:2rem 1.5rem 3rem}
h1{color:var(--navy);font-size:2rem;line-height:1.25}
h2{color:var(--navy);border-bottom:2px solid var(--gold);padding-bottom:.3rem;margin-top:2.2rem}
h3{color:var(--navy-2);margin-bottom:.3rem}
.accent{font-size:1.25rem;color:var(--navy-2);font-style:italic}
.cta{display:inline-block;background:var(--gold);color:var(--navy);font-family:Helvetica,Arial,sans-serif;font-weight:bold;text-decoration:none;padding:.75rem 1.4rem;border-radius:4px;margin:.5rem .5rem .5rem 0}
.cta.secondary{background:transparent;border:2px solid var(--navy);color:var(--navy)}
.two-doors{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;margin-top:1.2rem}
@media(max-width:640px){.two-doors{grid-template-columns:1fr}}
.card{background:#fff;border:1px solid #e3ddcb;border-top:4px solid var(--gold);padding:1.2rem 1.3rem;border-radius:4px}
.card h3{margin-top:0}
ul{padding-left:1.2rem}
footer{background:var(--navy);color:#cfd8e4;text-align:center;padding:1.4rem 1rem;font-size:.9rem}
footer a{color:var(--gold-soft)}
form label{display:block;margin-top:1rem;font-family:Helvetica,Arial,sans-serif;font-size:.9rem;font-weight:bold;color:var(--navy)}
form input,form textarea,form select{width:100%;padding:.6rem;border:1px solid #b9c0cb;border-radius:4px;font:inherit;margin-top:.3rem}
form button{margin-top:1.2rem;background:var(--navy);color:#fff;border:0;padding:.8rem 1.6rem;border-radius:4px;font-family:Helvetica,Arial,sans-serif;font-weight:bold;cursor:pointer}
.note{background:#f3eeda;border:1px dashed var(--gold);padding:.8rem 1rem;border-radius:4px;font-size:.92rem}
.calendly-inline-widget{width:100%;background:#fff;border:1px solid #e3ddcb;border-radius:4px;margin:1rem 0}
.hero{display:grid;grid-template-columns:1fr 1.1fr;background:var(--navy);border-radius:6px;overflow:hidden;margin-bottom:2rem}
.hero-text{padding:2.4rem 2rem;color:#fff;align-self:center}
.hero-text h1{color:#fff;font-size:2.3rem;margin:0 0 .8rem}
.hero-text h1 em{color:var(--gold-soft);font-style:normal}
.hero-text .sub{color:#d8e0ea;font-size:1.12rem;font-style:italic;margin:0 0 1.4rem}
.hero-text .cta.secondary{border-color:var(--gold-soft);color:#fff}
.hero img{width:100%;height:100%;object-fit:contain;background:var(--navy);display:block}
@media(max-width:760px){.hero{grid-template-columns:1fr}.hero img{height:auto;max-height:none}}
.founder{float:right;width:min(320px,45%);margin:.4rem 0 1rem 1.4rem;border-radius:6px;border:3px solid var(--gold)}
@media(max-width:640px){.founder{float:none;width:100%;margin:0 0 1rem}}
.sage{border-top-color:var(--sage)}

/* Insights (blog) */
.post-list { margin: 1.5rem 0; }
.post-card h2 { margin-top: 0.25rem; }
.post-date { color: var(--gold, #C5A66B); font-size: 0.9rem; letter-spacing: 0.04em; text-transform: uppercase; margin-bottom: 0.5rem; }

/* Services page — Option B two-panel layout (2026-11-09) */
.panels{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:28px 0}
.panel{background:#fff;border:1px solid #e3ded2;border-top:4px solid #C5A66B;border-radius:10px;padding:22px 26px}
.panel h2{margin-top:0}
.panel h3{margin-bottom:2px}
.panel p{margin-top:0}
.panel-note{border-top:1px solid #e3ded2;padding-top:12px;font-size:.95em}
.wide-band{background:#fff;border:1px solid #e3ded2;border-top:4px solid #56644B;border-radius:10px;padding:22px 26px;margin:0 0 28px}
.wide-band h2{margin-top:0}
@media (max-width:820px){.panels{grid-template-columns:1fr}}
/* Contact page — inquiry left, scheduler right (2026-11-09) */
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start;margin:20px 0}
@media (max-width:820px){.contact-grid{grid-template-columns:1fr}}

/* 2026-11-09 evening updates per Sheronda */
.cta.small{padding:.5rem 1rem;font-size:.92rem}
main.wide{max-width:1140px}
main.tight{padding-top:.8rem}
.contact-grid{grid-template-columns:1fr 1.35fr .85fr;margin-top:6px}
@media (max-width:1020px){.contact-grid{grid-template-columns:1fr}}

/* Option B mockup colors — per Sheronda's photo of the mockup 2026-11-09:
   navy outer frame, medium-blue panels, gold headings, white text, sage Individual Coaching band */
.panels-wrap{background:var(--navy);border-radius:12px;padding:22px;margin:28px 0}
.panels-wrap .panels{margin:0}
.panel{background:#20507E;border:none;border-radius:10px;padding:22px 26px;color:#fff}
.panel h2{color:var(--gold-soft);border-bottom:none;margin-top:0}
.panel h3{color:#fff}
.panel p{color:#E8EEF4}
.panel-note{border-top:1px solid rgba(255,255,255,.3);color:#D8E0EA}
.wide-band{background:var(--sage);border:none;border-radius:10px;padding:20px 26px;margin:18px 0 0;color:#fff}
.panels-wrap .wide-band{margin:18px 0 0}
body main > .wide-band{background:var(--sage)}
.wide-band h2{color:#fff;border-bottom:none;margin-top:0}
.wide-band h3{color:#fff}
.wide-band p,.wide-band li{color:#F2F4EC}
.wide-band a{color:#fff}

/* Header photo — Sheronda's portrait in the top navy banner (2026-11-09) */
.header-top{display:flex;align-items:center;justify-content:center;gap:24px;flex-wrap:wrap}
.header-top .brand,.header-top .tagline{text-align:left}
.header-photo{width:180px;height:126px;object-fit:cover;border-radius:10px;border:3px solid var(--gold);margin:0}
@media (max-width:640px){.header-top{flex-direction:column;text-align:center}.header-top .brand,.header-top .tagline{text-align:center}}

/* Banner headline in the top navy banner (2026-11-09, replaces the header photo) */
.banner-line1{font-family:Georgia,"Times New Roman",serif;font-size:2.05rem;color:#fff;margin:.6rem 0 0;letter-spacing:.01em}
.banner-line2{font-family:Georgia,"Times New Roman",serif;font-size:1.4rem;color:var(--gold-soft);margin:.15rem 0 0}

.banner-line3{font-size:1.02rem;color:#EDEBE4;letter-spacing:.03em;margin:.35rem 0 0}

/* Top banner layout: full conference-room photo at top-left, centered text beside it (2026-11-09) */
.header-row{display:flex;align-items:center;gap:28px}
.banner-photo{width:430px;max-width:44vw;height:auto;flex:none;border:none;border-radius:8px}
.header-center{flex:1;text-align:center}
@media (max-width:760px){.header-row{flex-direction:column}.banner-photo{width:260px;max-width:72vw}}

/* Middle blue box — full-width blue band holding the Welcome + Empowering text (2026-11-09) */
.mid-blue{background:#20507E;border-radius:12px;padding:26px 32px;margin:26px 0;color:#fff}
.mid-blue .accent{border-left:none;padding-left:0;color:var(--gold-soft);font-size:1.3rem;margin-top:0}
.mid-blue p{color:#E8EEF4}
.mid-blue p:last-child{margin-bottom:0}

/* Refinements 2026-11-09: photo edges blend into the navy banner; name/tagline share the menu's centre axis; hero lines centred */
.banner-photo{-webkit-mask-image:radial-gradient(118% 118% at 50% 50%, #000 66%, transparent 88%);mask-image:radial-gradient(118% 118% at 50% 50%, #000 66%, transparent 88%)}
.header-center nav{margin-top:4.0rem}
.hero .header-center{flex:1}

/* Corrections 2026-11-09: feather mask inside the photo, tagline truly 1.55rem, hero lines centred across the full box */
.banner-photo{-webkit-mask-image:radial-gradient(92% 92% at 50% 50%, #000 58%, transparent 76%);mask-image:radial-gradient(92% 92% at 50% 50%, #000 58%, transparent 76%)}
header .tagline{font-size:1.55rem}
.hero{display:block;text-align:center}

/* Banner photo spans the full height of the top banner (2026-11-09) */
.header-row{align-items:stretch}
.banner-photo{height:100%;width:430px;max-width:48vw;object-fit:fill;align-self:stretch}
@media (max-width:760px){.banner-photo{height:auto;width:300px;max-width:78vw;align-self:center}}