:root{
  --ink:#0b1f2a; --ink2:#12313f; --paper:#f6f2e9; --sand:#e8dcc8;
  --copper:#d66d4a; --sun:#e7b548; --aqua:#66b8b5; --white:#fff;
  --muted:#5f6b70; --line:rgba(11,31,42,.14); --radius:22px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55}
a{color:inherit;text-decoration:none}
.container{width:min(1140px,calc(100% - 40px));margin:0 auto}
header{position:sticky;top:0;z-index:10;background:rgba(246,242,233,.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.nav{height:76px;display:flex;align-items:center;justify-content:space-between;gap:22px}
.brand{display:inline-flex;align-items:center;gap:11px;font-weight:900;letter-spacing:-.02em}
.brand-mark{width:32px;height:32px;border:2px solid var(--copper);border-radius:10px;position:relative;overflow:hidden}
.brand-mark:before{content:"";position:absolute;width:30px;height:2px;background:var(--copper);left:-5px;top:14px;transform:rotate(-32deg)}
.brand-mark:after{content:"";position:absolute;width:16px;height:16px;border-radius:50%;border:2px solid var(--aqua);right:-7px;bottom:-7px}
.nav-links{display:flex;gap:22px;font-size:.88rem;font-weight:800;color:#26404b}
.nav-links a:hover{color:var(--copper)}
.nav-cta{padding:10px 14px;border-radius:999px;background:var(--ink);color:var(--white);font-size:.84rem;font-weight:850}
.hero{background:var(--ink);color:var(--white);padding:86px 0 73px;position:relative;overflow:hidden}
.hero:after{content:"";position:absolute;width:590px;height:590px;border:1px solid rgba(255,255,255,.14);border-radius:50%;right:-250px;top:-300px}
.eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:.76rem;letter-spacing:.15em;text-transform:uppercase;font-weight:900;color:var(--sun)}
.eyebrow:before{content:"";width:25px;height:2px;background:currentColor}
.hero h1,.article h1{font-family:Georgia,"Times New Roman",serif;letter-spacing:-.06em;line-height:.96}
.hero h1{font-size:clamp(3rem,6vw,5.9rem);margin:18px 0;max-width:850px}
.hero p{color:#c8d9d7;font-size:1.14rem;max-width:690px;margin:0}
.pill{display:inline-flex;padding:7px 10px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.63);font-size:.73rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.section{padding:88px 0}
.section-white{background:var(--white)}
.section h2{font-family:Georgia,"Times New Roman",serif;letter-spacing:-.05em;line-height:1.02;font-size:clamp(2.2rem,4vw,3.85rem);margin:11px 0 18px;max-width:850px}
.section-intro{color:var(--muted);max-width:670px;font-size:1.03rem;margin:0}
.topic-nav{display:flex;flex-wrap:wrap;gap:9px;margin:32px 0 28px}
.topic-nav a{padding:9px 13px;border:1px solid var(--line);border-radius:999px;background:var(--white);font-size:.8rem;font-weight:850}
.topic-nav a:hover{border-color:var(--copper);color:var(--copper)}
.feature{background:var(--ink);color:var(--white);border-radius:var(--radius);padding:34px;display:grid;grid-template-columns:1.1fr .9fr;gap:30px;position:relative;overflow:hidden}
.feature:after{content:"";position:absolute;width:430px;height:430px;border:1px solid rgba(255,255,255,.14);border-radius:50%;right:-200px;bottom:-235px}
.feature h3{font-family:Georgia,"Times New Roman",serif;letter-spacing:-.05em;line-height:1.02;font-size:2.5rem;margin:14px 0}
.feature p{color:#c6d7d5;max-width:650px}
.feature-note{border-left:2px solid var(--sun);padding:12px 0 12px 18px;color:#dde8e7;font-size:.94rem;align-self:end;position:relative;z-index:1}
.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:18px}
.article-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:25px 22px;display:flex;flex-direction:column;min-height:345px}
.article-card h3{font-family:Georgia,"Times New Roman",serif;letter-spacing:-.04em;line-height:1.04;font-size:1.66rem;margin:16px 0 11px}
.article-card p{color:var(--muted);font-size:.91rem;margin:0}
.article-card .read{margin-top:auto;padding-top:20px;color:var(--copper);font-size:.88rem;font-weight:900}
.article-card:hover{transform:translateY(-4px);transition:.2s ease;border-color:rgba(214,109,74,.45)}
.method{background:var(--sand)}
.method-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}
.method-card{border-radius:var(--radius);background:var(--white);border:1px solid var(--line);padding:27px}
.method-card.dark{background:var(--ink);color:var(--white)}
.method-card h3{font-family:Georgia,"Times New Roman",serif;letter-spacing:-.045em;line-height:1.04;font-size:1.8rem;margin:14px 0}
.method-card p{color:var(--muted);margin:0;font-size:.93rem}
.method-card.dark p{color:#c7d9d7}
footer{background:#07151d;color:#d3e1df;padding:36px 0 24px}
.footer-grid{display:flex;justify-content:space-between;gap:25px;align-items:start}
.footer-grid p{max-width:660px;color:#92aaa8;font-size:.82rem;margin:8px 0 0}
.footer-links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:13px;font-size:.84rem;font-weight:800}
.footer-links a:hover{color:var(--sun)}
/* Article pages */
.article-hero{background:var(--ink);color:white;padding:68px 0 60px;position:relative;overflow:hidden}
.article-hero:after{content:"";position:absolute;width:500px;height:500px;border:1px solid rgba(255,255,255,.13);right:-250px;top:-260px;border-radius:50%}
.breadcrumb{display:flex;gap:8px;align-items:center;font-size:.82rem;color:#bfd0ce;position:relative;z-index:1}
.breadcrumb a:hover{color:var(--sun)}
.article-wrap{width:min(820px,calc(100% - 40px));margin:0 auto}
.article-hero h1{font-size:clamp(2.7rem,5.7vw,5.2rem);margin:20px 0 18px;position:relative;z-index:1}
.article-subtitle{font-size:1.16rem;color:#c6d7d5;max-width:750px;position:relative;z-index:1;margin:0}
.article-meta{margin-top:24px;color:var(--sun);font-size:.8rem;font-weight:850;letter-spacing:.07em;text-transform:uppercase;position:relative;z-index:1}
.article{padding:68px 0 86px;background:var(--white)}
.article p{font-size:1.06rem;color:#2d424b;margin:0 0 19px}
.article h2{font-family:Georgia,"Times New Roman",serif;letter-spacing:-.045em;line-height:1.04;font-size:2.15rem;margin:42px 0 16px}
.takeaway{margin:28px 0 34px;padding:23px;border-left:4px solid var(--copper);border-radius:0 16px 16px 0;background:#fcf1ed}
.takeaway strong{display:block;font-size:.77rem;letter-spacing:.1em;text-transform:uppercase;color:var(--copper);margin-bottom:7px}
.takeaway p{margin:0;color:#66392d;font-size:1.02rem}
.checklist{margin:22px 0;padding:0;list-style:none;border-top:1px solid var(--line)}
.checklist li{padding:13px 0 13px 31px;border-bottom:1px solid var(--line);position:relative;color:#2d424b}
.checklist li:before{content:"✓";position:absolute;left:1px;top:13px;color:var(--copper);font-weight:900}
.source-box{margin:44px 0 0;padding:22px;border-radius:18px;border:1px solid var(--line);background:var(--paper)}
.source-box h3{font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:var(--copper);margin:0 0 11px}
.source-box ul{margin:0;padding-left:19px}
.source-box li{font-size:.88rem;color:var(--muted);margin:7px 0}
.source-box a{text-decoration:underline;text-underline-offset:3px}
.note{margin-top:22px;padding:17px;border:1px solid var(--line);border-radius:14px;font-size:.87rem;color:var(--muted);background:#fbfaf7}
.related{background:var(--paper);padding:64px 0}
.related h2{font-family:Georgia,"Times New Roman",serif;letter-spacing:-.045em;font-size:2.3rem;margin:0 0 20px}
@media(max-width:820px){
 .nav-links{display:none}.nav-cta{display:none}.hero{padding:64px 0}.feature,.method-grid{grid-template-columns:1fr}.article-grid{grid-template-columns:1fr}.feature{padding:26px}.section{padding:68px 0}
}
@media(max-width:580px){.container,.article-wrap{width:min(100% - 28px,820px)}.nav{height:66px}.article-hero{padding:52px 0}.article{padding:52px 0 66px}.footer-grid{flex-direction:column}.footer-links{justify-content:flex-start}}


/* Services, About & Brief pages */
.page-hero{background:var(--ink);color:var(--white);padding:78px 0 66px;position:relative;overflow:hidden}
.page-hero:after{content:"";position:absolute;width:560px;height:560px;border:1px solid rgba(255,255,255,.14);border-radius:50%;right:-270px;top:-295px}
.page-hero .hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.1fr .9fr;gap:36px;align-items:end}
.page-hero h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(3rem,5.8vw,5.5rem);line-height:.95;letter-spacing:-.06em;margin:16px 0}
.page-hero p{color:#c8d9d7;max-width:680px;font-size:1.12rem;margin:0}
.hero-side-note{padding:21px;border:1px solid rgba(255,255,255,.16);border-radius:18px;background:rgba(255,255,255,.07)}
.hero-side-note strong{display:block;font-family:Georgia,"Times New Roman",serif;font-size:1.55rem;line-height:1.02;letter-spacing:-.04em;color:var(--sun);margin-bottom:9px}
.hero-side-note span{display:block;color:#d7e3e1;font-size:.9rem}
.service-detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.service-detail-card{border-radius:22px;border:1px solid var(--line);background:var(--white);padding:27px 23px;display:flex;flex-direction:column;min-height:565px}
.service-detail-card.featured{background:var(--ink);color:var(--white);border-color:var(--ink)}
.service-detail-card .service-label{font-size:.72rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--copper)}
.service-detail-card.featured .service-label{color:var(--sun)}
.service-detail-card h2{font-family:Georgia,"Times New Roman",serif;font-size:2rem;letter-spacing:-.05em;line-height:1.02;margin:17px 0 13px}
.service-detail-card p{margin:0;color:var(--muted);font-size:.92rem}
.service-detail-card.featured p{color:#c6d7d5}
.service-list{list-style:none;padding:0;margin:21px 0 15px;border-top:1px solid var(--line)}
.service-detail-card.featured .service-list{border-top-color:rgba(255,255,255,.16)}
.service-list li{padding:11px 0 11px 23px;border-bottom:1px solid var(--line);font-size:.88rem;position:relative;color:#314851}
.service-detail-card.featured .service-list li{border-bottom-color:rgba(255,255,255,.15);color:#d8e5e3}
.service-list li:before{content:"→";position:absolute;left:0;color:var(--copper);font-weight:900}
.service-detail-card.featured .service-list li:before{color:var(--sun)}
.scope-meta{margin-top:auto;display:grid;gap:9px;padding-top:15px}
.scope-meta div{padding:11px 12px;border-radius:12px;background:#faf8f3;border:1px solid var(--line);font-size:.82rem;color:#475a61}
.service-detail-card.featured .scope-meta div{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.14);color:#d6e4e2}
.scope-meta b{display:block;color:var(--copper);font-size:.67rem;letter-spacing:.1em;text-transform:uppercase;margin-bottom:4px}
.service-detail-card.featured .scope-meta b{color:var(--sun)}
.service-detail-card .detail-cta{margin-top:16px;display:inline-flex;justify-content:center;align-items:center;padding:12px 14px;border:1px solid var(--ink);border-radius:999px;font-size:.84rem;font-weight:900}
.service-detail-card.featured .detail-cta{border-color:var(--sun);color:var(--sun)}
.service-detail-card .detail-cta:hover{background:var(--ink);color:#fff}
.service-detail-card.featured .detail-cta:hover{background:var(--sun);color:var(--ink)}
.engagement{background:var(--sand)}
.engagement-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}
.engagement-step{border:1px solid rgba(11,31,42,.12);background:rgba(255,255,255,.54);padding:22px 18px;border-radius:17px}
.engagement-step .n{font-family:Georgia,"Times New Roman",serif;font-size:2.25rem;letter-spacing:-.07em;color:var(--copper)}
.engagement-step h3{font-family:Georgia,"Times New Roman",serif;font-size:1.25rem;letter-spacing:-.035em;line-height:1.05;margin:15px 0 8px}
.engagement-step p{margin:0;color:#506066;font-size:.87rem}
.boundaries{background:var(--white)}
.boundaries-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.boundary-card{padding:28px;border-radius:21px;border:1px solid var(--line);background:var(--paper)}
.boundary-card.dark{background:var(--ink);color:#fff;border-color:var(--ink)}
.boundary-card h3{font-family:Georgia,"Times New Roman",serif;font-size:1.95rem;letter-spacing:-.05em;line-height:1.04;margin:0 0 14px}
.boundary-card p{margin:0;color:var(--muted);font-size:.93rem}
.boundary-card.dark p{color:#c6d7d5}
.boundary-list{padding:0;margin:17px 0 0;list-style:none}
.boundary-list li{padding:9px 0 9px 23px;position:relative;font-size:.9rem}
.boundary-list li:before{content:"✓";position:absolute;left:0;color:var(--copper);font-weight:900}
.boundary-card.dark .boundary-list li:before{color:var(--sun)}
.about-story{background:var(--white)}
.story-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:38px;align-items:start}
.identity-card{position:sticky;top:105px;padding:29px;border-radius:22px;background:var(--ink);color:white;overflow:hidden}
.identity-card:after{content:"";position:absolute;width:320px;height:320px;border-radius:50%;border:1px solid rgba(255,255,255,.14);right:-175px;bottom:-155px}
.identity-card .monogram{width:70px;height:70px;border:1px solid rgba(255,255,255,.25);border-radius:18px;display:grid;place-items:center;font-family:Georgia,"Times New Roman",serif;font-size:2.15rem;letter-spacing:-.08em;color:var(--sun);margin-bottom:23px}
.identity-card h2{font-family:Georgia,"Times New Roman",serif;font-size:2.25rem;letter-spacing:-.05em;line-height:1.02;margin:0 0 14px}
.identity-card p{color:#c8d9d7;font-size:.93rem;position:relative;z-index:1}
.identity-list{display:grid;gap:10px;margin-top:21px;position:relative;z-index:1}
.identity-list div{padding:11px 12px;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:rgba(255,255,255,.06);font-size:.84rem;color:#d8e5e3}
.story-copy h2{font-family:Georgia,"Times New Roman",serif;font-size:2.6rem;letter-spacing:-.055em;line-height:1.01;margin:0 0 17px}
.story-copy h3{font-family:Georgia,"Times New Roman",serif;font-size:1.65rem;letter-spacing:-.04em;line-height:1.04;margin:36px 0 12px}
.story-copy p{font-size:1.03rem;color:#384d55;margin:0 0 17px}
.story-note{padding:20px 21px;border-radius:16px;background:#fcf1ed;border-left:4px solid var(--copper);color:#66392d;margin:25px 0}
.story-note strong{display:block;text-transform:uppercase;letter-spacing:.09em;font-size:.7rem;color:var(--copper);margin-bottom:7px}
.proof-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:23px}
.proof-item{padding:15px 14px;border:1px solid var(--line);border-radius:14px;background:var(--paper)}
.proof-item b{display:block;color:var(--copper);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;margin-bottom:7px}
.proof-item span{font-weight:800;font-size:.89rem;line-height:1.28}
.brief{background:var(--white)}
.brief-grid{display:grid;grid-template-columns:.76fr 1.24fr;gap:23px;align-items:start}
.brief-guide{padding:28px;background:var(--ink);color:white;border-radius:22px;position:sticky;top:105px}
.brief-guide h2{font-family:Georgia,"Times New Roman",serif;font-size:2rem;letter-spacing:-.05em;line-height:1.03;margin:12px 0 14px}
.brief-guide p{color:#c6d7d5;font-size:.92rem}
.brief-guide ul{padding:0;margin:20px 0 0;list-style:none}
.brief-guide li{padding:10px 0 10px 23px;position:relative;border-top:1px solid rgba(255,255,255,.13);font-size:.88rem;color:#dce7e5}
.brief-guide li:before{content:"→";position:absolute;left:0;color:var(--sun);font-weight:900}
.project-form{padding:30px;border:1px solid var(--line);border-radius:22px;background:var(--paper)}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.form-field{display:grid;gap:7px;margin-bottom:16px}
.form-field label{font-size:.78rem;font-weight:900;letter-spacing:.07em;text-transform:uppercase;color:#324851}
.form-field input,.form-field textarea,.form-field select{width:100%;border:1px solid var(--line);border-radius:12px;background:#fff;padding:12px 13px;color:var(--ink);font:inherit;font-size:.93rem}
.form-field textarea{min-height:125px;resize:vertical}
.form-field input:focus,.form-field textarea:focus,.form-field select:focus{outline:2px solid rgba(102,184,181,.35);border-color:var(--aqua)}
.form-submit{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:6px}
.form-submit button{border:0;background:var(--copper);color:#fff;border-radius:999px;padding:13px 17px;font-weight:900;font-size:.88rem;cursor:pointer}
.form-submit button:hover{background:#c85d3c}
.form-hint{font-size:.81rem;color:var(--muted);max-width:510px}
@media(max-width:930px){
 .page-hero .hero-grid,.story-grid,.brief-grid{grid-template-columns:1fr}.identity-card,.brief-guide{position:static}.service-detail-grid{grid-template-columns:1fr}.service-detail-card{min-height:auto}.engagement-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:580px){
 .page-hero{padding:60px 0}.engagement-grid,.boundaries-grid,.proof-grid,.form-row{grid-template-columns:1fr}.page-hero .hero-side-note{margin-top:10px}
}


/* Inline briefing block inside Insights */
.briefing-inline{
  margin-top:36px;padding:29px;border-radius:22px;background:var(--sand);
  border:1px solid var(--line);display:grid;grid-template-columns:1.1fr .9fr;gap:25px;align-items:center
}
.briefing-inline h3{
  font-family:Georgia,"Times New Roman",serif;font-size:2rem;letter-spacing:-.05em;
  line-height:1.03;margin:11px 0
}
.briefing-inline p{color:var(--muted);font-size:.94rem;margin:0}
.briefing-inline .briefing-box{
  background:var(--ink);color:white;border-radius:17px;padding:21px
}
.briefing-inline .briefing-box strong{
  display:block;color:var(--sun);font-family:Georgia,"Times New Roman",serif;
  font-size:1.35rem;letter-spacing:-.04em;margin-bottom:7px
}
.briefing-inline .briefing-box span{display:block;color:#c8d9d7;font-size:.86rem;line-height:1.4}
.briefing-inline .briefing-box a{
  display:inline-flex;margin-top:15px;color:var(--sun);font-size:.85rem;font-weight:900
}
@media(max-width:700px){.briefing-inline{grid-template-columns:1fr}}


/* Multilingual navigation */
.nav-actions{display:flex;align-items:center;gap:10px}
.language{display:flex;border:1px solid var(--line);border-radius:999px;padding:3px;background:#fff}
.language a{border-radius:999px;padding:7px 8px;font-size:.71rem;font-weight:900;color:#5b686f;line-height:1}
.language a.active{background:var(--ink);color:#fff}
.language a:hover{color:var(--copper)}
@media(max-width:820px){.nav-actions .nav-cta{display:none}.nav-actions{margin-left:auto}}

.source-update{margin:0 0 12px;font-size:.88rem;color:var(--muted);line-height:1.55}

.field-observation{margin:34px 0;padding:24px 24px 20px;border-left:4px solid var(--sun);border-radius:0 16px 16px 0;background:#f7f3e7}
.field-observation>strong{display:block;font-size:.77rem;letter-spacing:.1em;text-transform:uppercase;color:#9a6b12;margin-bottom:12px}
.field-observation p{margin:0 0 15px;color:#34484e;font-size:1rem}
.field-observation small{display:block;color:var(--muted);font-style:italic;line-height:1.55;margin-top:8px}