:root{
  --ink:#1B2432; --ink-2:#243044; --rule:#33405A;
  --paper:#F9F8F5; --paper-2:#F1EFE9;
  --ochre:#D4A373; --ochre-dk:#B8834F;
  --slate:#6B7A82; --ink-text:#E8EAEF; --dark:#1B2432;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--dark);
  font-family:'Plus Jakarta Sans',-apple-system,Segoe UI,sans-serif;
  font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:'Cormorant Garamond',Georgia,serif;font-weight:600;line-height:1.15;margin:0}
a{color:inherit}
.wrap{max-width:720px;margin:0 auto;padding:0 22px}
.eyebrow{font-size:11.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--ochre-dk);margin:0 0 10px}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--ochre);outline-offset:3px}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

/* NAV */
nav{position:sticky;top:0;z-index:50;background:rgba(27,36,50,.97);backdrop-filter:blur(6px);border-bottom:1px solid var(--rule)}
nav .wrap{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:12px;padding-bottom:12px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:0;text-decoration:none;color:var(--ink-text);
  font-family:'Sorts Mill Goudy',serif;font-size:20px;line-height:1}
.brand img{height:30px;width:30px;display:block;flex:0 0 auto;position:relative;z-index:1}
.brand .name{position:relative;z-index:2;margin-left:-2px}
.brand .sub{font-family:'Montserrat',sans-serif;font-size:9px;font-weight:500;
  letter-spacing:.24em;text-transform:uppercase;color:var(--ochre);margin-left:9px}
@media(max-width:400px){.brand{font-size:17px}.brand img{height:27px;width:27px}.brand .name{margin-left:-2px}}
.navlinks{display:flex;gap:18px;list-style:none;margin:0;padding:0;flex-wrap:wrap}
.navlinks a{text-decoration:none;font-size:13px;color:#9BA6B4}
.navlinks a:hover,.navlinks a.on{color:var(--paper)}
@media(max-width:560px){nav .wrap{justify-content:center}.navlinks{gap:14px;width:100%;justify-content:center}}

/* SECTIONS */
.dark{background:var(--ink);color:var(--ink-text)}
.dark h1,.dark h2,.dark h3{color:var(--ink-text)}
.dark .eyebrow{color:var(--ochre)}
section{padding:52px 0}
section.hero{padding:64px 0 52px}
.hero h1{font-size:clamp(2.05rem,7vw,3.1rem);max-width:15ch}
.hero .sub{margin:20px 0 0;max-width:46ch;font-size:17px;color:#C3CAD5}
h2{font-size:clamp(1.55rem,5vw,2.1rem);max-width:22ch}
h3{font-size:1.25rem;letter-spacing:.005em}
p{margin:0 0 16px;text-wrap:pretty}
p:last-child{margin-bottom:0}
.lede{font-size:17px;max-width:52ch}

/* BUTTON */
.btn{display:inline-block;margin-top:26px;background:var(--ochre);color:#241A0E;text-decoration:none;
  padding:14px 26px;font-weight:700;font-size:15px;border:1px solid var(--ochre);cursor:pointer;font-family:inherit}
.btn:hover{background:var(--ochre-dk);border-color:var(--ochre-dk)}
.btn.light{background:transparent;color:var(--ink-text);border-color:var(--rule)}
.btn.light:hover{border-color:var(--ochre);color:var(--ochre)}

/* PROOF BAR */
.proof{background:var(--ink-2);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:18px 0}
.proof ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 20px;justify-content:center}
.proof li{font-size:13px;color:#C3CAD5;white-space:nowrap}
.proof b{color:var(--ochre);font-weight:700}

/* BLOCKS */
.blocks p{max-width:50ch;font-size:17px}
.pillar{padding:22px 0;border-top:1px solid #DDD8CB}
.pillar:first-of-type{border-top:none}
.pillar h3{margin-bottom:8px;font-size:1.25rem}
.pillar p{font-size:16px;color:#3B4550;max-width:52ch;margin:0}

/* HOW I WORK */
.how{display:grid;gap:2px;background:var(--rule);border:1px solid var(--rule);margin-top:28px}
.how div{background:var(--ink);padding:20px 22px}
.how b{display:block;font-family:'Cormorant Garamond',serif;font-size:1.25rem;font-weight:600;color:var(--ochre);margin-bottom:5px}
.how span{font-size:16px;color:#B9C1CC}

/* RESULTS LIST */
.results{list-style:none;margin:26px 0 0;padding:0}
.results li{padding:14px 0;border-bottom:1px dotted #CFC9BA;font-size:16px;max-width:56ch}
.results li:last-child{border-bottom:none}
.results b{font-weight:700}
.dark .results li{border-color:var(--rule);color:#C9D0DA}
.dark .results b{color:var(--ochre)}

/* SERVICES */
.fam{padding:24px 0;border-top:1px solid #DDD8CB}
.fam:first-of-type{border-top:none}
.fam h3{color:var(--dark);margin-bottom:8px}
.fam p{font-size:16px;color:#3B4550;max-width:54ch;margin:0}
.models{margin-top:30px;padding:20px 22px;background:var(--paper-2);border-left:3px solid var(--ochre)}
.models b{display:block;margin-bottom:6px;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--ochre-dk)}
.models span{font-size:16px}

/* CONTACT FORM */
.cform{margin-top:8px;max-width:52ch}
.cform .field{margin-bottom:18px}
.cform label{display:block;font-size:13px;font-weight:700;letter-spacing:.04em;color:var(--ink);margin-bottom:6px}
.cform input,.cform select,.cform textarea{width:100%;padding:11px 13px;font-family:'Plus Jakarta Sans',sans-serif;
  font-size:16px;color:var(--dark);background:#fff;border:1px solid #CCC5B4;border-radius:2px}
.cform textarea{resize:vertical;min-height:110px}
.cform select{appearance:auto}
.cform .hp{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.cform .btn{border:none}

/* FOOTER */
footer{background:var(--ink);color:#9BA6B4;padding:36px 0;border-top:1px solid var(--rule);font-size:15px}
/* light sign-off band so the full lockup reads (its disc is navy) */
.signoff{background:var(--paper-2);padding:30px 0;border-top:3px solid var(--ochre)}
.signoff .wrap{display:flex;justify-content:center}
.signoff .flock{width:158px;height:auto;display:block}
@media(max-width:560px){.signoff .flock{width:134px}}
footer a{color:#C3CAD5;text-decoration:none}
footer a:hover{color:var(--ochre)}
footer .cr{margin-top:20px;font-size:11.5px;color:#5D6878}

/* ---- VISUAL RELIEF: converging-ring motif from the logo ---- */
.dark{position:relative;overflow:hidden}
.dark > .wrap{position:relative;z-index:2}
.ring::before{
  content:"";position:absolute;pointer-events:none;z-index:1;
  width:520px;height:520px;right:-190px;top:-150px;
  border-radius:50%;
  border:1px solid rgba(212,163,115,.30);
  box-shadow:
    22px 14px 0 -2px rgba(212,163,115,.22),
    46px 30px 0 -6px rgba(212,163,115,.15),
    72px 48px 0 -10px rgba(212,163,115,.09);
}
.ring-b::before{width:420px;height:420px;left:-200px;right:auto;top:auto;bottom:-190px;
  box-shadow:-20px -12px 0 -2px rgba(212,163,115,.20),
             -42px -26px 0 -6px rgba(212,163,115,.13),
             -66px -42px 0 -10px rgba(212,163,115,.08)}
@media(max-width:560px){.ring::before{width:340px;height:340px;right:-150px;top:-110px}
  .ring-b::before{width:300px;height:300px;left:-160px;bottom:-150px}}

/* ochre hairline that separates dark from light */
.edge{height:3px;background:linear-gradient(90deg,var(--ochre) 0%,var(--ochre) 22%,transparent 22%)}

/* light-section paper tone + large ghost numeral */
.tint{background:var(--paper-2)}
.statband{background:var(--ink);color:var(--ink-text);padding:38px 0}
.statband .wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;text-align:center}
.statband .n{font-family:'Cormorant Garamond',serif;font-size:2.3rem;line-height:1;color:var(--ochre)}
.statband .l{font-size:13px;color:#9BA6B4;margin-top:6px;letter-spacing:.04em;line-height:1.35}
/* symptom list */
.sym{list-style:none;margin:22px 0 0;padding:0}
.sym li{padding:12px 0 12px 20px;border-bottom:1px solid #DDD8CB;font-size:16px;color:#3B4550;max-width:54ch;position:relative}
.sym li:last-child{border-bottom:none}
.sym li::before{content:"";position:absolute;left:0;top:21px;width:8px;height:8px;border-radius:50%;border:1.5px solid var(--ochre)}
.punch{margin-top:26px;padding:18px 20px;border-left:3px solid var(--ochre);background:var(--paper-2);font-size:17px;max-width:52ch}
.dark .punch{background:rgba(212,163,115,.09);color:var(--ink-text)}
/* headshot */
.shot{width:180px;height:180px;border-radius:50%;object-fit:cover;display:block;margin:0 0 22px;border:3px solid var(--ochre)}
/* leadership grid */
.lead{margin-top:26px}
.lead .fn{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}
.lead .fn span{font-size:13px;border:1px solid #DDD8CB;padding:6px 12px;color:#3B4550;background:#fff}
/* press placeholder */
.press{margin-top:14px;font-size:15px;color:var(--slate)}
/* press link cards */
.presslist{margin-top:14px}
.pitem{display:block;padding:16px 0;border-top:1px solid #DDD8CB;text-decoration:none;color:inherit}
.presslist .pitem:first-child{border-top:none}
.ptitle{display:block;font-weight:700;font-size:16px;color:var(--dark)}
.pitem:hover .ptitle{color:var(--ochre-dk)}
.psource{display:block;font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--ochre-dk);margin-top:4px}
.pdesc{display:block;font-size:15px;color:#3B4550;margin-top:6px;max-width:54ch}
/* Results subheads must not render in Cormorant at 12px */
h3.eyebrow{font-family:'Plus Jakarta Sans',sans-serif;font-weight:700}
.statband .hdr{grid-column:1/-1;font-family:'Cormorant Garamond',serif;font-size:1.4rem;color:var(--ink-text);margin-bottom:6px}
@media(max-width:560px){.statband .hdr{font-size:1.25rem}}
@media(max-width:560px){.statband .wrap{grid-template-columns:1fr 1fr}}

/* ============ AUG 24 REVISION ADDITIONS ============ */

/* hero: audience line under the positioning sub */
.hero .aud{margin:14px 0 0;max-width:52ch;font-size:15px;color:#9BA6B4;line-height:1.55}

/* hero split: text left, portrait right on desktop; portrait stacks BELOW on mobile */
@media(min-width:880px){
  .hero.split .wrap{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:44px;align-items:center}
  .hero.split .hcol{min-width:0}
  .hero.split h1{max-width:none}
  .hero.split .hfig{margin:0;position:relative;z-index:3}
}
@media(max-width:879px){
  .hero.split .hfig{margin:34px 0 0;position:relative;z-index:3}
  .hero.split .ph.portrait{max-width:270px}
}

/* image placeholders — styled empty blocks, must read as intentional */
.ph{background:var(--paper-2);border:1px dashed var(--ochre);display:flex;align-items:center;
  justify-content:center;text-align:center;padding:16px}
.ph span{font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--slate);line-height:1.7}
.ph.on-dark{background:var(--ink-2);border-color:rgba(212,163,115,.55)}
.ph.on-dark span{color:#8E9AA8}
.ph.portrait{aspect-ratio:4/5;width:100%}
.ph.band{aspect-ratio:1600/420;width:100%;margin:0 0 34px}
.ph.band-b{aspect-ratio:1600/360;width:100%;margin:34px 0 0}

/* differentiation statement */
.diff{background:var(--paper-2);border-top:1px solid #DDD8CB;border-bottom:1px solid #DDD8CB;padding:40px 0}
.diff p{max-width:54ch;margin:0;font-family:'Cormorant Garamond',Georgia,serif;font-size:1.5rem;
  line-height:1.45;color:var(--dark)}
@media(max-width:560px){.diff p{font-size:1.25rem}}

/* signature line beside a CTA */
.sig{margin:30px 0 0;font-family:'Cormorant Garamond',Georgia,serif;font-size:2rem;
  line-height:1.1;color:var(--ochre-dk)}
.dark .sig{color:var(--ochre)}
.sig + .btn{margin-top:14px}
@media(max-width:560px){.sig{font-size:1.7rem}}

/* case studies */
.cs{padding:30px 0;border-top:1px solid #DDD8CB}
.cs:first-of-type{border-top:none;padding-top:8px}
.cs h3{font-size:1.4rem;margin-bottom:14px;max-width:34ch}
.cs dl{margin:0;display:grid;gap:12px}
.cs dt{font-size:11.5px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--ochre-dk);margin-bottom:3px}
.cs dd{margin:0;font-size:16px;color:#3B4550;max-width:56ch}
.cs dd b{color:var(--dark);font-weight:700}
.cs .out{padding:12px 0 0;border-top:1px dotted #CFC9BA}
.cs .out dd{font-size:16px;color:var(--dark)}

/* contact: two inquiry paths */
.paths{display:grid;gap:2px;background:#DDD8CB;border:1px solid #DDD8CB;margin:26px 0 30px}
.paths .path{display:block;background:var(--paper);padding:20px 22px;text-decoration:none;color:inherit;
  transition:background .15s ease}
.paths .path:hover{background:var(--paper-2)}
.paths b{display:block;font-family:'Cormorant Garamond',Georgia,serif;font-size:1.25rem;font-weight:600;
  color:var(--dark);margin-bottom:6px}
.paths .path:hover b{color:var(--ochre-dk)}
.paths span{display:block;font-size:16px;color:#3B4550}
.paths em{display:block;margin-top:10px;font-style:normal;font-size:11.5px;font-weight:700;
  letter-spacing:.13em;text-transform:uppercase;color:var(--ochre-dk)}
.paths em::after{content:" \2193"}

/* credentials strip */
.creds{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:9px}
.creds li{font-size:16px;color:#3B4550;max-width:56ch;padding-left:18px;position:relative}
.creds li::before{content:"";position:absolute;left:0;top:9px;width:7px;height:7px;border-radius:50%;
  border:1.5px solid var(--ochre)}

/* hero portrait — real image. Placeholder classes above are retained
   for when environmental photography is shot; swap the <img> back for
   <div class="ph portrait on-dark"> to restore the placeholder. */
.heroshot{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center 22%;
  display:block;border:1px solid rgba(212,163,115,.45)}

/* promoted differentiator claim (home) */
.claim{margin:28px 0 0;max-width:52ch;font-family:'Cormorant Garamond',Georgia,serif;
  font-size:1.5rem;line-height:1.3;color:var(--ochre-dk)}
@media(max-width:560px){.claim{font-size:1.4rem}}

/* narrative subheads (about) */
h3.narr{margin:34px 0 10px;font-size:1.25rem;color:var(--dark)}
h3.narr:first-of-type{margin-top:30px}

/* ============ AUG 25 CORRECTIONS ============ */

/* symptom list: staggered editorial rows, ochre numerals, no equal boxes */
.sym{counter-reset:sym;list-style:none;margin:26px 0 0;padding:0}
.sym li{counter-increment:sym;position:relative;padding:18px 0 18px 58px;border-bottom:1px solid #DDD8CB;
  font-size:17px;color:#3B4550;max-width:60ch}
.sym li::before{content:counter(sym,decimal-leading-zero);position:absolute;left:0;top:20px;
  font-family:'Cormorant Garamond',Georgia,serif;font-size:1.5rem;line-height:1;color:var(--ochre-dk);
  border:none;width:auto;height:auto;border-radius:0}
.sym li:nth-child(even){margin-left:26px}
.sym li:last-child{border-bottom:none}
@media(max-width:560px){.sym li{padding-left:44px}.sym li:nth-child(even){margin-left:0}}

/* audience recognition: split editorial layout, vertical stack, ochre dividers */
.zoom{margin-top:8px}
@media(min-width:900px){
  .zoom{display:grid;grid-template-columns:270px minmax(0,1fr);gap:52px;align-items:start}
  .zoom .zhead{position:sticky;top:96px}
}
.zoom .zhead h2{margin-bottom:14px}
.zoom .zhead p{font-size:16px;color:#3B4550;max-width:34ch;margin:0}
.zrow{padding:22px 0;border-top:1px solid var(--ochre)}
.zrow:first-child{border-top:none;padding-top:0}
.zrow .znum{display:block;font-size:11.5px;font-weight:700;letter-spacing:.16em;color:var(--ochre-dk);margin-bottom:7px}
.zrow h3{font-size:1.25rem;margin-bottom:8px}
.zrow p{font-size:16px;color:#3B4550;max-width:58ch;margin:0}

/* engagement preview: three items, then a full-width strip (never a 4th equal card) */
.eng3{display:grid;gap:2px;background:#DDD8CB;border:1px solid #DDD8CB;margin-top:26px}
@media(min-width:820px){.eng3{grid-template-columns:repeat(3,1fr)}}
.eng3 div{background:var(--paper);padding:22px 22px 24px}
.eng3 h3{font-size:1.25rem;margin-bottom:8px}
.eng3 p{font-size:16px;color:#3B4550;margin:0}
.strip{margin-top:2px;background:var(--ink);color:var(--ink-text);padding:26px 24px;
  border:1px solid var(--rule)}
.strip b{display:block;font-family:'Cormorant Garamond',Georgia,serif;font-size:1.25rem;font-weight:600;
  color:var(--ochre);margin-bottom:7px}
.strip span{font-size:16px;color:#B9C1CC;display:block;max-width:70ch}

/* closing line above a CTA pair */
.close-line{margin:30px 0 0;font-family:'Cormorant Garamond',Georgia,serif;font-size:1.4rem;
  line-height:1.3;color:var(--dark);max-width:48ch}
.dark .close-line{color:var(--ink-text)}
@media(max-width:560px){.close-line{font-size:1.25rem}}

/* about: pull quote + selected experience */
.pull{margin:32px 0;padding:22px 24px;background:var(--paper-2);border-left:3px solid var(--ochre)}
.pull b{display:block;font-family:'Cormorant Garamond',Georgia,serif;font-size:1.5rem;font-weight:600;
  color:var(--dark);margin-bottom:8px}
.pull span{font-size:16px;color:#3B4550}
.explist{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:0}
.explist li{font-size:16px;color:#3B4550;padding:12px 0 12px 20px;border-bottom:1px dotted #CFC9BA;position:relative;max-width:58ch}
.explist li:last-child{border-bottom:none}
.explist li::before{content:"";position:absolute;left:0;top:20px;width:7px;height:1.5px;background:var(--ochre)}

/* dark-section variant of the two-path block (home closing CTA) */
.dark .paths{background:var(--rule);border-color:var(--rule)}
.dark .paths .path{background:var(--ink);color:var(--ink-text)}
.dark .paths .path:hover{background:var(--ink-2)}
.dark .paths b{color:var(--ink-text)}
.dark .paths .path:hover b{color:var(--ochre)}
.dark .paths span{color:#B9C1CC}
.dark .paths em{color:var(--ochre)}

/* ---- utility classes replacing scattered inline styles ---- */
.intro{max-width:58ch;margin:0;color:#3B4550}
.intro + .intro{margin-top:14px}
.small{font-size:15px;color:var(--slate)}
.center{text-align:center}
.tight{padding:32px 0 36px}
.stack > * + *{margin-top:18px}
.contactblock{margin-top:30px;padding:22px 24px;background:var(--paper-2);border-left:3px solid var(--ochre)}
.contactblock a{color:var(--ochre-dk);font-weight:700;text-decoration:none}
.contactblock a:hover{text-decoration:underline}
.contactblock .lbl{display:block;font-size:11.5px;font-weight:700;letter-spacing:.16em;
  text-transform:uppercase;color:var(--ochre-dk);margin-bottom:8px}
.contactblock p{margin:0 0 8px;font-size:16px}
.contactblock p:last-child{margin-bottom:0}
.formhead{margin:34px 0 6px}

/* ---- set 8 ---- */
.diff-b{margin-top:12px;font-size:1.25rem;color:var(--ochre-dk)}
.punch-lead{margin-top:0;font-size:1.25rem;font-family:'Cormorant Garamond',Georgia,serif;line-height:1.35}
.statband .kicker{grid-column:1/-1;font-size:11.5px;font-weight:700;letter-spacing:.18em;
  text-transform:uppercase;color:var(--ochre);margin-bottom:8px;font-family:'Plus Jakarta Sans',sans-serif}
.statband .wrap{grid-template-columns:repeat(4,1fr)}
.statband .result{grid-column:1/-1;margin-top:18px;padding-top:16px;border-top:1px solid var(--rule);
  font-family:'Cormorant Garamond',Georgia,serif;font-size:1.25rem;color:var(--ink-text)}
@media(max-width:700px){.statband .wrap{grid-template-columns:1fr 1fr}}