/* Warm neutrals, sunshine yellow and a quieter blue accent. */
:root{--paper:#f5ede2;--cream:#fffaf1;--ink:#443a31;--muted:#75695d;--line:#dacebd;--blue:#365b85;--navy:#354f68;--yellow:#f2d36b;--butter:#f9e7a2}
.hero{padding-top:65px;padding-bottom:66px;gap:47px;grid-template-columns:1.2fr 1fr}
.hero h1 em:after{height:17px;background:#f0d66c}
.hero-actions{gap:10px;flex-wrap:wrap;margin-top:28px}
.hero-actions .button{min-height:54px;padding:14px 16px;gap:14px;font-size:12px;white-space:nowrap}
.primary{background:var(--yellow);color:#43391f;box-shadow:0 3px 0 #c9a94e33}
.primary:hover{background:#ebc650}
.secondary{background:#fffbf475;border:1px solid var(--blue);color:var(--blue)}
.secondary:hover{background:#e6ebed}
.personal{background:#6e5743;color:#fffaf1}
.personal:hover{background:#564231}
.hero-explore{margin-top:22px;font-size:12px;color:var(--blue)}
.location{margin-top:23px}
.hero-portrait{margin:0;min-height:0;height:auto;max-height:none;aspect-ratio:1/1.06;padding:0;background:#f0dfc5;border-radius:105px 9px 9px 9px;overflow:visible;align-self:center;display:flex;align-items:flex-start}
.hero-portrait>img{width:100%;height:auto;display:block;mix-blend-mode:multiply;border-radius:105px 9px 9px 9px}
.portrait-caption{position:absolute;bottom:24px;left:28px;display:flex;flex-direction:column;gap:5px;max-width:65%}
.portrait-caption>span:first-child{font-size:9px;font-weight:650;letter-spacing:.14em;color:#705637}
.portrait-caption>span:last-child{font-family:var(--serif);font-style:italic;font-size:18px;line-height:1.3;color:#584431}
.hero-portrait .visual-note{right:-10px;bottom:61px;padding:16px 21px 17px 17px;background:#f6d66a;transform:rotate(6deg);box-shadow:0 9px 25px #735c3420}
.hero-portrait .visual-note>span{color:#71603a}
.hero-portrait .visual-note p{font-size:18px;color:#5a4429}
.experience-strip{background:#eee0cd}
.company-name{color:#685949}
.strip-note{border-left-color:#d2c0a9}
.search-box{background:#fff9ef}
.expertise-tab:hover:not([aria-selected=true]){background:#ede0ca}
.expertise-tab[aria-selected=true]{background:var(--butter);border-color:#e2c66f;color:var(--ink);box-shadow:inset 3px 0 #bf9a37}
.evidence-box{background:#f4e6ba;border-left-color:#b49b58}
.evidence-box .mini-label{color:#77623b}
.role-tags span,.context-tags button{border-color:#d7c8ae}
.work-section{background:#f1e4c8;border-top-color:#decfb1}
.case-art{background:#e7ecf0}
.country-network{border-color:#365b8540}
.country-network span{background:#e7ecf0;border-color:#365b8555}
.framework-art{background:#eadeca}
.framework-art>strong{color:#796347}
.framework-lines i{border-color:#a8936a65}
.workshop-art{background:var(--butter)}
.tool-header{background:#f2e4c2}
.tool-dots i{background:#bbaa80}
.demo-label{border-color:#ccba8b;color:#75653b}
.brief-tool input,.brief-tool select{background:#f9f2e6}
.brief-tool{border-color:#dbccb6;box-shadow:0 12px 28px #765c3210}
.lab-note strong{color:var(--ink)}
.brief-output .success-note{background:#f4e9c9;color:#6e5a35}
.about-section{background:#eee0cf}
.about-image{box-shadow:12px 12px 0 #e2c8764d}
.about-image img{filter:none}
.about-facts,.credentials{border-color:#d5c3a8}
.engagement-grid article>span:last-child{background:#f4e6bd;color:#725c38}
.contact-section{background:#f2d47d;color:var(--ink);border-top:1px solid #dfbd61}
.contact-section .eyebrow{color:#6c552f}
.contact-section h2 em{color:#73502f}
.contact-email{border-color:#8b704d6b}
.contact-inner>div>p:last-child{color:#7a6444}
.contact-resources>p{color:#6c552f}
.contact-resources a{background:#fff8df;border:1px solid #d2b56c;border-radius:5px;padding:16px 18px;margin-top:10px;color:#51432b;font-size:13px;font-weight:550;box-shadow:0 3px 0 #8b68250a}
.contact-resources a:hover{background:#fffcef;color:var(--blue)}
.contact-resources a span{color:#756544}
.contact-resources button{border-color:#c5a55c;color:#6a5636;padding:14px 4px}
.contact-resources button:hover{color:#3c4e60}
#copy-status{color:#5c4b2e}
.image-caption{background:linear-gradient(transparent,#33271de6)}
@media(min-width:1500px){.hero{gap:80px}.hero-portrait{min-height:0}.hero-actions .button{padding-inline:19px;font-size:13px}}
@media(max-width:1150px){.hero{gap:30px}.hero-actions .button{font-size:11px;gap:10px;padding-inline:13px}.portrait-caption{left:22px;bottom:19px}.portrait-caption>span:last-child{font-size:16px}.hero-portrait .visual-note{right:-5px;bottom:64px;padding:13px 16px}.hero-portrait .visual-note p{font-size:16px}.hero-portrait .visual-note>span{font-size:28px}}
@media(max-width:900px){.hero{gap:25px}.hero-actions{flex-direction:row;align-items:center;gap:9px}.hero-actions .button{font-size:11px;min-height:49px;padding:12px 14px}.hero-portrait{min-height:0;align-self:center;aspect-ratio:1/1.13}.portrait-caption{bottom:18px;left:18px;max-width:77%}.portrait-caption>span:last-child{font-size:15px}.hero-portrait .visual-note{bottom:67px;right:-7px;padding:12px}.hero-portrait .visual-note p{font-size:14px}.hero-portrait .visual-note>span{font-size:22px}.hero-explore{margin-top:19px}.location{margin-top:20px}}
@media(max-width:700px){.hero{display:grid;grid-template-columns:1fr;gap:33px;padding-block:43px 40px}.hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:26px;width:100%}.hero-actions .button{font-size:12px;padding:13px 12px;gap:14px;min-height:53px;white-space:normal}.hero-actions .secondary{grid-column:1/-1;grid-row:2;justify-content:center}.hero-actions .personal{grid-column:2;grid-row:1}.hero-portrait{aspect-ratio:1/1.08;width:100%;max-width:450px;justify-self:center;min-height:0;border-top-left-radius:85px}.hero-portrait>img{border-top-left-radius:85px}.hero-portrait .visual-note{bottom:69px;right:5px;padding:13px 18px}.hero-portrait .visual-note p{font-size:16px}.hero-portrait .visual-note>span{font-size:27px}.portrait-caption{left:22px;bottom:19px;max-width:85%}.portrait-caption>span:last-child{font-size:17px}.hero-explore{margin-top:19px}.about-image{box-shadow:8px 8px 0 #e2c8764d}.contact-resources a{font-size:12px}.contact-section h2{font-size:39px}.contact-inner{gap:35px}}
@media(max-width:370px){.site-header .wordmark{font-size:18px}.header-contact{font-size:10px;gap:8px;margin-right:8px}.header-contact span{font-size:16px}.hero-actions .button{font-size:11px;padding-inline:10px}.portrait-caption>span:last-child{font-size:15px}.hero-portrait .visual-note{bottom:63px;padding:12px}.hero-portrait .visual-note p{font-size:14px}}
