/* Clean composition, with color drawn from Bonnie’s mixed-media artwork. */
:root{--bg:#f8f4e9;--ink:#142b3b;--muted:#4c6067;--line:#c9d7d4;--plum:#006c76;--mint:#dfedE8;--lime:#cde9e5;--peach:#efd4c6}
:root[data-theme=dark]{--bg:#102532;--ink:#f7f2e6;--muted:#bdcdd0;--line:#3d5963;--plum:#7dd8dc;--mint:#1b3c46;--lime:#b4e2de;--peach:#edbba7}
html[data-style=original] body{background:var(--bg)}
html[data-style=original] .header{background:color-mix(in srgb,var(--bg) 94%,transparent)}
html[data-style=original] .executive-hero{isolation:isolate}
html[data-style=original] .executive-hero:after{content:'';position:absolute;width:150px;height:5px;bottom:0;left:0;background:linear-gradient(90deg,#007d89 0 54%,#253d7b 54% 84%,#e88779 84%);border-radius:5px;pointer-events:none}
html[data-style=original] .primary-link{background:#006c76;color:#fffdf5}
html[data-style=original] .primary-link:hover{background:#164d67}
html[data-style=original] .project-visual{background:#dcebe6;color:#142b3b}
html[data-style=original] .project-visual.arena{background:#006c76;color:#fffdf5}
html[data-style=original] .project-visual.venue{background:#253d7b;color:#fffdf5}
html[data-style=original] .project-visual.cloud{background:#dcebe6}
html[data-style=original] .project-visual.marketplace{background:#eedace}
html[data-style=original] .project-visual.gsk{background:#e3e7ef}
html[data-style=original] .project-visual.capital{background:#cde7e4}
html[data-style=original] .project-visual.agency{background:#efe5cd}
html[data-style=original] .editorial-card>p{color:inherit;opacity:1}
html[data-style=original] .project-visual .project-tag,html[data-style=original] .project-visual .project-no{color:inherit}
html[data-style=original] .case-results strong{color:var(--plum)}
html[data-style=original] .case-callout,html[data-style=original] .guide-message.assistant{background:var(--mint);color:var(--ink)}
html[data-style=original] a:focus-visible,html[data-style=original] button:focus-visible,html[data-style=original] textarea:focus-visible{outline-color:var(--plum)}
html[data-style=original][data-theme=dark] .primary-link{background:#7dd8dc;color:#102532}
html[data-style=original][data-theme=dark] .project-visual{color:#142b3b}
html[data-style=original][data-theme=dark] .project-visual.arena,html[data-style=original][data-theme=dark] .project-visual.venue{color:#fffdf5}

/* Bonnie’s own artwork frames the introduction without competing with it. */
html[data-style=original] .executive-hero{padding:64px 48px 56px;margin-top:32px;margin-bottom:32px;background:var(--bg);overflow:hidden;border:1px solid var(--line);border-radius:3px}
html[data-style=original] .executive-hero:before{content:'';position:absolute;inset:0;z-index:-1;background-image:linear-gradient(90deg,#f8f4e9 0%,#f8f4e9f5 48%,#f8f4e9c9 72%,#f8f4e94d 100%),url('/assets/bonnie-abstract-teal-coral-artwork.jpg');background-size:cover;background-position:center,right center;pointer-events:none}
html[data-style=original] .executive-hero h1{max-width:1000px}
html[data-style=original] .executive-hero .executive-intro,html[data-style=original] .executive-hero .executive-context{max-width:700px}
html[data-style=original][data-theme=dark] .executive-hero:before{background-image:linear-gradient(90deg,#102532 0%,#102532f5 48%,#102532de 72%,#10253299 100%),url('/assets/bonnie-abstract-teal-coral-artwork.jpg')}
@media(max-width:700px){html[data-style=original] .executive-hero{padding:36px 22px 40px;margin-top:20px;margin-bottom:20px}html[data-style=original] .executive-hero:before{background-image:linear-gradient(90deg,#f8f4e9fa,#f8f4e9e8),url('/assets/bonnie-abstract-teal-coral-artwork.jpg')}html[data-style=original][data-theme=dark] .executive-hero:before{background-image:linear-gradient(90deg,#102532fa,#102532eb),url('/assets/bonnie-abstract-teal-coral-artwork.jpg')}}

/* Expressive headlines, with a quiet, personal introduction. */
html[data-style=original] h1,html[data-style=original] h2{font-family:'DM Serif Display',Georgia,serif!important;font-weight:400!important;letter-spacing:-.025em!important}
html[data-style=original] .executive-hero h1{font-size:clamp(40px,5.8vw,78px);line-height:1.1}
html[data-style=original] .executive-hero h1 em{font-style:italic}
.hero-person{display:flex;align-items:center;gap:22px;margin-bottom:30px}
.hero-person img{width:120px;height:120px;object-fit:cover;object-position:center 38%;border-radius:50%;border:3px solid var(--bg);box-shadow:0 0 0 1px var(--line);flex-shrink:0}
.hero-person .eyebrow{margin:0;line-height:1.6}
@media(max-width:700px){.hero-person{gap:16px;margin-bottom:26px}.hero-person img{width:88px;height:88px}.hero-person .eyebrow{font-size:10px;letter-spacing:.07em}}

/* Short, one-time entrances. Content stays visible if scripting is unavailable. */
html[data-style=original] .reveal{animation:none}
.headline-line{display:block}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}html[data-style=original] *,html[data-style=original] *:before,html[data-style=original] *:after{animation:none!important;transition:none!important}}

/* Case studies share one responsive transition, including their section index. */
html[data-style=original] .case-layout{grid-template-columns:210px minmax(0,1fr);gap:48px;align-items:start}
html[data-style=original] .case-aside{display:block;position:sticky;top:130px;border-bottom:0;padding:0;min-width:0}
html[data-style=original] .case-aside a{display:block;min-height:44px;padding:10px 0;line-height:1.5;overflow-wrap:break-word}
html[data-style=original] .case-aside p{display:block;max-width:none;margin-top:20px}
html[data-style=original] .case-facts{grid-template-columns:repeat(4,minmax(0,1fr))}
html[data-style=original] .case-facts>div,html[data-style=original] .case-results>div{min-width:0}
html[data-style=original] .case-results{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:0}
html[data-style=original] .case-results strong{overflow-wrap:break-word;line-height:1.2}
@media(max-width:960px){
 html[data-style=original] .case-layout{grid-template-columns:minmax(0,1fr);gap:28px}
 html[data-style=original] .case-aside{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 24px;padding:0 0 24px;border-bottom:1px solid var(--line)}
 html[data-style=original] .case-aside a{padding:10px 0;margin:0}
 html[data-style=original] .case-aside p{display:none}
 html[data-style=original] .case-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 32px}
}
@media(max-width:600px){
 html[data-style=original] .case-aside{grid-template-columns:minmax(0,1fr);gap:0;padding-bottom:20px}
 html[data-style=original] .case-facts{grid-template-columns:minmax(0,1fr);gap:20px}
 html[data-style=original] .case-results{grid-template-columns:minmax(0,1fr);gap:22px;padding:24px 0}
 html[data-style=original] .case-results>div+div{border-top:1px solid var(--line);padding-top:20px}
 html[data-style=original] .case-results strong{font-size:32px}
}

/* Shared navigation and typography for the standalone pages. */
html[data-style=original] .header{border-bottom:0}
html[data-style=original] .executive-intro{font-size:clamp(16px,1.45vw,19px);line-height:1.65}
.header nav a[aria-current=page]{text-decoration:underline;text-underline-offset:.3em}
html[data-style=original] .executive-work h1,html[data-style=original] .executive-about h1,html[data-style=original] .contact h1{font-size:clamp(36px,5vw,65px);line-height:1.1;margin:.28em 0 0}
html[data-style=original] .case-content>.case-section:first-child{padding-top:0}
[data-theme=dark]{color-scheme:dark}
[data-theme=light]{color-scheme:light}
@media(max-width:900px){
 html:not(.has-js) .header{flex-wrap:wrap}
 html:not(.has-js) .header nav{display:flex;position:static;width:100%}
 html:not(.has-js) .header .mobile-menu,html:not(.has-js) .header .theme-toggle{display:none}
}