
:root[data-theme="light"] { --paper:#F7F5F0; --paper-2:#F0F1ED; --paper-3:#E8ECEF; --ink:#202733; --ink-2:#596474; --ink-3:#596474; --rule:#D6DAE0; --rule-2:#D6DAE0; --accent:#2457D6; --accent-ink:#fff; --stress:#697482; --base:#2457D6; --recovery:#7896C9; --font-display:Georgia,"Times New Roman",serif; --font-body:Arial,Helvetica,sans-serif; --font-mono:Arial,Helvetica,sans-serif; color-scheme:light; }
body.mkg-site { background-image:none; }
.mkg-site .nav {background:var(--paper); backdrop-filter:none;}
.mkg-site .eyebrow {text-transform:none;letter-spacing:.04em;font-size:.8rem;}
.mkg-site .pill {border-radius:0;padding:12px 18px;min-height:44px;}
.mkg-site .pill.solid {background:transparent;color:var(--accent);border-color:var(--accent);}
.mkg-site .pill:hover {background:#E8EDF7;}
.mkg-site h2 {font-size:clamp(30px,3.2vw,43px);line-height:1.2;}
.mkg-site p {line-height:1.75;}
.mkg-site .section {padding:80px 0;}
.mkg-home-hero {display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;padding-top:80px;padding-bottom:80px;}
.intro-copy h1 {font-size:clamp(42px,4.7vw,67px);line-height:1.08;letter-spacing:-.04em;margin:24px 0 30px;}
.intro-copy h1 em {color:var(--accent);font-weight:400;}
.intro-copy>p:not(.eyebrow) {font:20px/1.65 Georgia,serif;max-width:40ch;margin-bottom:18px;}
.sovereign-visual {position:relative;min-width:0;margin:0;}
.sovereign-visual canvas {width:100%;height:400px;display:block;}
.sovereign-visual figcaption {font:12px/1.6 Arial,sans-serif;color:var(--ink-2);display:flex;flex-direction:column;gap:13px;border-top:1px solid var(--rule);padding-top:20px;}
.chart-title {color:var(--ink);font-size:15px;}.chart-legend {display:flex;gap:24px;}
.mkg-site .writing-feature h2 {max-width:15ch;}.mkg-site .writing-feature-grid {gap:60px;}
.mkg-site .writing-art {background:var(--paper);}.mkg-site .practice {border:0;gap:35px;}.mkg-site .practice>div {border:0;padding:0;}.mkg-site .practice p {font-size:16px;}
.mkg-site .about p {max-width:65ch;font-size:17px;}.mkg-site .close h2 {margin:20px 0;}.mkg-site .close {background:transparent;}
.mkg-site .essay-card {background:transparent;border:0;border-top:1px solid var(--rule);padding-top:24px;gap:40px;}.mkg-site .essay-card-copy {padding:20px 0;}
.mkg-site .writing-intro h1 {max-width:19ch;}.mkg-site .figure {background-image:none;}
@media(max-width:800px){.mkg-home-hero {grid-template-columns:1fr;gap:30px;padding-top:48px;padding-bottom:48px;}.sovereign-visual canvas {height:260px;}.mkg-site .section {padding:48px 0;}.mkg-site .writing-feature-grid {gap:28px;}.mkg-site .practice {grid-template-columns:1fr;}.intro-copy h1 {max-width:15ch;}.mkg-site .essay-card {gap:20px;}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

/* Retain professional depth while using the MKG MACRO reading system. */
.mkg-site .board {grid-template-columns:repeat(3,minmax(0,1fr));background:transparent;gap:28px;border:0;}
.mkg-site .board>div {padding:24px 0;border-top:1px solid var(--rule);background:transparent;}
.mkg-site .board p,.mkg-site .method p,.mkg-site .rail p {font-size:16px;line-height:1.75;}
.mkg-site .board .tk {display:inline-block;margin:0;}
.mkg-site .tickers {gap:8px;}
.mkg-site .method {background:transparent;border:0;gap:32px;}
.mkg-site .method>div {padding:24px 0;background:transparent;border-top:1px solid var(--rule);}
.mkg-site .rail {position:static;}
.mkg-site .figure {background:var(--paper);}
@media(max-width:800px){.mkg-site .board,.mkg-site .method {grid-template-columns:1fr;}.mkg-site .exhibit,.mkg-site .exhibit.flip {grid-template-columns:1fr;gap:32px;}.mkg-site .exhibit.flip .rail {order:0;}}

/* Coverage explains the work; biography carries the career chronology. */
.coverage-intro {max-width:780px;margin-bottom:44px;}.coverage-intro h2 {margin:16px 0 22px;}.coverage-intro>p {font:20px/1.65 Georgia,serif;max-width:58ch;}
.coverage-areas {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;}.coverage-areas>div {border-top:1px solid var(--rule);padding-top:23px;}.coverage-areas h3 {font-size:25px;line-height:1.25;margin-bottom:16px;}.coverage-areas p {font-size:16px;color:var(--ink-2);line-height:1.75;}
@media(max-width:800px){.coverage-areas {grid-template-columns:1fr;gap:26px;}.coverage-intro {margin-bottom:30px;}}

/* Keep labels consistent and avoid a long narrow text rail beside the chart. */
.mkg-site .practice .eyebrow,.mkg-site .method .eyebrow {color:var(--accent);}
#sri-lanka .exhibit {grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:32px 48px;align-items:start;}
.signature-close {grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:40px;border-top:1px solid var(--rule);padding-top:24px;}
.signature-close .callout {margin:0;max-width:70ch;font-size:22px;line-height:1.5;}
.signature-close .pill {flex-shrink:0;}
@media(max-width:800px){#sri-lanka .exhibit {grid-template-columns:1fr;gap:26px;}.signature-close {display:block;}.signature-close .pill {margin-top:22px;}}

/* One colour rule for section labels; direct labels for the sovereign paths. */
.mkg-site .eyebrow {color:var(--accent);}
.sovereign-visual #paths-title {display:block;border:0;padding:0;margin:0;font:15px/1.5 Arial,sans-serif;color:var(--accent);}
.sovereign-paths {display:block;width:100%;height:auto;margin:12px 0 0;}
.sovereign-visual .paths-note {font:12px/1.5 Arial,sans-serif;color:var(--ink-2);margin:8px 0 0;}
.mkg-site #experience {padding:24px 0;}
.mkg-site #method {padding-bottom:44px;}
.mkg-site #about {padding-top:44px;}
.mkg-site #experience .numbers>div {padding-top:20px;padding-bottom:20px;}
@media(max-width:800px){.mkg-site #experience {padding:16px 0;}.mkg-site #method {padding-bottom:24px;}.mkg-site #about {padding-top:24px;}.sovereign-visual #paths-title {font-size:14px;}}
.mkg-site main section[id] {scroll-margin-top:80px;}

/* Final site rhythm: 64px sections, 40px mobile; 24px compact evidence strip. */
.mkg-site { --section-space:64px; --layout-gap:40px; }
.mkg-site .section {padding:var(--section-space) 0;}
.mkg-home-hero {padding-top:64px;padding-bottom:64px;gap:48px;}
.intro-copy h1 {margin-top:0;}
.mkg-site .eyebrow,.mkg-site .figure-head .eyebrow {color:var(--accent);font-weight:500;line-height:1.5;}
.mkg-site .eyebrow b {font-weight:500;}
.mkg-site .section-head {gap:32px;margin-bottom:36px;}
.mkg-site .practice {gap:32px;}
.mkg-site .practice>div {border-bottom:0;}
.mkg-site .practice h3,.mkg-site .method h3 {font-size:25px;line-height:1.25;margin-bottom:14px;}
.mkg-site .practice .eyebrow,.mkg-site .method .eyebrow {margin-bottom:14px;}
.mkg-site .person {gap:48px;align-items:start;}
.mkg-site .person p {font-size:16px;line-height:1.75;max-width:65ch;}
.mkg-site .person p+p {margin-top:18px;}
.mkg-site .person h2 {margin-top:16px;margin-bottom:24px;}
.mkg-site .portrait {max-width:420px;}
.mkg-site .portrait picture {display:block;height:100%;}
.mkg-site #experience {padding:24px 0;}
.mkg-site #method {padding-bottom:32px;}
.mkg-site #about {padding-top:40px;}
.mkg-site .numbers strong {font-size:44px;}
.mkg-site .numbers span {font-size:14px;line-height:1.65;}
.mkg-site .page-hero {padding:64px 0 40px;}
.mkg-site .page-hero h1 {font-family:var(--font-display);font-size:clamp(40px,4.7vw,64px);line-height:1.12;letter-spacing:-.035em;}
.mkg-site .essay-card h3 {line-height:1.15;}
.mkg-site .writing-meta {font-size:13px;}
.mkg-site .pill {font-size:14px;line-height:1.4;transition:background .15s,border-color .15s;}
.mkg-site .pill:hover {transform:none;}
.mkg-site .pill.solid:hover {background:#E8EDF7;color:var(--accent);}
.mkg-site .fine {font-size:12px;line-height:1.6;letter-spacing:0;}
.mkg-site .foot-row .links a {display:inline-flex;align-items:center;min-height:44px;}
.site-skip {position:absolute;top:-100px;left:24px;z-index:200;background:var(--paper);color:var(--accent);padding:12px;}
.site-skip:focus {top:8px;}
/* The five-item navigation folds before it can collide with the author identity. */
@media(max-width:1100px){
 .mkg-site .mobile-toggle {display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;background:transparent;border:1px solid var(--rule);color:var(--ink);font-size:18px;}
 .mkg-site .nav-right {position:relative;}
 .mkg-site .nav-right>.pill {display:none;}
 .mkg-site .nav-links {display:none;position:absolute;top:calc(100% + 10px);right:0;flex-direction:column;align-items:stretch;gap:0;min-width:230px;padding:12px;background:var(--paper);border:1px solid var(--rule);}
 .mkg-site .nav-links.is-open {display:flex;}
 .mkg-site .nav-links a {display:flex;align-items:center;min-height:44px;padding:8px 12px;}
 .mkg-site .exhibit,.mkg-site .exhibit.flip {grid-template-columns:1fr;gap:32px;}
}
@media(max-width:800px){
 .mkg-site {--section-space:40px;}
 .mkg-home-hero {padding-top:40px;padding-bottom:40px;gap:32px;}
 .mkg-site .writing-feature-grid,.mkg-site .essay-card {grid-template-columns:1fr;gap:24px;}
 .mkg-site .section-head {gap:20px;margin-bottom:28px;}
 .mkg-site .person {gap:28px;}
 .mkg-site #method {padding-bottom:24px;}
 .mkg-site #experience {padding:16px 0;}
 .mkg-site #about {padding-top:32px;}
 .mkg-site .page-hero {padding:40px 0 32px;}
 .mkg-site .essay-card-copy {padding:0;}
 .mkg-site .signature-close .callout {font-size:20px;}
 .mkg-site .figure {padding:20px 16px;overflow-x:auto;}
 .mkg-site #workout {min-width:540px;}
 .mkg-site .figure-head {flex-wrap:wrap;gap:8px;}
 .mkg-site .foot-row {gap:12px;}
 .mkg-site .foot-row .links {gap:24px;}
 .mkg-site .brand-role {display:none;}
}

/* The opening shares the section divider, extending across the viewport. */
.mkg-home-hero {position:relative;}
.mkg-home-hero::after {content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:100vw;border-bottom:1px solid var(--rule);}
.paths-drawing {position:relative;margin-top:12px;}
.sovereign-visual .paths-drawing canvas {display:block;width:100%;height:340px;}
.paths-labels {position:absolute;inset:0 0 0 82%;display:flex;flex-direction:column;justify-content:space-between;padding:40px 0;font:16px/1.4 Arial,sans-serif;color:var(--ink);}
@media(max-width:800px){.sovereign-visual .paths-drawing canvas {height:260px;}.paths-labels {padding:30px 0;font-size:14px;}}
.mkg-site .method>div {padding-bottom:0;}
.mkg-site #top {scroll-margin-top:80px;}

/* Original editorial scenes: complete compositions, open paper, no image cards. */
.editorial-art {margin:0;min-width:0;}
.editorial-art img {display:block;width:100%;height:auto;mix-blend-mode:multiply;}
.methods-art {max-width:300px;margin:24px auto 0;}
.conversation-layout {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center;}
.mkg-site .conversation-copy h2 {max-width:24ch;}
.conversation-art {width:100%;max-width:620px;justify-self:end;}
@media(max-width:800px){
 .methods-art {max-width:300px;margin:24px auto 8px;}
 .conversation-layout {grid-template-columns:1fr;gap:24px;}
 .conversation-art {max-width:520px;justify-self:center;}
}

.methods-heading {align-items:end;}
.methods-heading h2 {margin:16px 0 0;max-width:24ch;}
.methods-heading>p {max-width:52ch;color:var(--ink-2);font-size:16px;}
.method-composition {display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.65fr);gap:48px;align-items:center;}
.method-composition .methods-art {max-width:360px;width:100%;margin:0 auto;}
.editorial-art img {mask-image:linear-gradient(to right,transparent,#000 4%,#000 96%,transparent),linear-gradient(to bottom,transparent,#000 3%,#000 97%,transparent);mask-composite:intersect;}
@media(max-width:800px){.method-composition {grid-template-columns:1fr;gap:28px;}.method-composition .methods-art {max-width:300px;}.methods-heading h2 {max-width:24ch;}}

/* Compact editorial SVG marks replace the generated scenes. */
.editorial-mark {margin:0;}
.editorial-mark img {display:block;width:100%;height:auto;mask-image:none;mix-blend-mode:normal;}
#method .methods-art {width:220px;max-width:100%;margin:24px 0 0;}
.conversation-layout {grid-template-columns:minmax(0,1.4fr) minmax(0,.6fr);gap:48px;}
.conversation-art {width:280px;max-width:100%;justify-self:center;}
@media(max-width:800px){.conversation-layout {grid-template-columns:1fr;gap:20px;}#method .methods-art {width:190px;margin-top:20px;}.conversation-art {width:190px;justify-self:start;}}

/* Diagrams need enough scale for their meaning to read without explanation. */
#method .methods-art {width:100%;max-width:380px;margin-top:20px;}
.conversation-layout {grid-template-columns:minmax(0,1fr) minmax(0,.85fr);}
.conversation-art {width:380px;max-width:100%;}
@media(max-width:800px){#method .methods-art {width:100%;max-width:340px;}.conversation-layout {grid-template-columns:1fr;}.conversation-art {width:280px;max-width:100%;justify-self:center;}}

.mkg-site .writing-intro h1 em {color:var(--accent);font-weight:400;}
.mkg-site .writing-list {padding-top:32px;}
.mkg-site .writing-list .essay-card {border-top:0;padding-top:0;}
.mkg-site .essay-card h2 {font-size:clamp(2rem,3.5vw,3.4rem);line-height:1.15;margin:0 0 1rem;}
@media(max-width:800px){.mkg-site .writing-list {padding-top:24px;}}

.mkg-site .essay-card h2 em,.mkg-site #latest-writing-title em {color:var(--accent);font-weight:400;}

/* Separate the four writing cards with the shared editorial rule. */
.mkg-site .writing-list .essay-card + .essay-card {margin-top:40px;padding-top:40px;border-top:1px solid var(--rule);}
.mkg-site .essay-card-art {align-self:center;}
@media(max-width:800px){.mkg-site .writing-list .essay-card + .essay-card {margin-top:32px;padding-top:32px;}}
