/* navigation.css */
/* Shared navigation: one continuous palette bar across every language and page. */
header.site-header{height:auto;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:132px auto;padding:0;gap:0;background:#fff;align-items:center}
header.site-header a.brand{grid-column:1;grid-row:1;width:330px;max-width:100%;height:auto;flex:none;margin:0 0 0 24px;align-self:center;background:#36bdca;mask:var(--asset-78e632facc,url('/optimised/logo-turquoise-transparent.webp')) left center/contain no-repeat;-webkit-mask:var(--asset-78e632facc,url('/optimised/logo-turquoise-transparent.webp')) left center/contain no-repeat}
body[data-section="events"] header.site-header a.brand{background:#c03772}
header.site-header .brand-image{display:block;opacity:0;width:100%;height:auto;max-height:none;object-fit:contain}
header.site-header .language-switcher{grid-column:2;grid-row:1;margin:0 28px 0 0;padding:0;border:0;justify-self:end}
header.site-header .menu-toggle{display:none}
header.site-header nav{grid-column:1/-1;grid-row:2;display:flex;position:static;top:auto;align-items:stretch;justify-content:stretch;padding:0;gap:0;max-height:none;overflow:visible;box-shadow:none;background:#fff;border-top:1px solid #9eb9c0;border-bottom:1px solid #9eb9c0}
header.site-header nav a,html[lang="es"] header.site-header nav a,html[lang="fr"] header.site-header nav a{flex:1;display:flex;align-items:center;justify-content:center;min-height:54px;padding:12px 10px;margin:0;border:0;border-right:1px solid #ffffff40;border-radius:0;white-space:normal;text-align:center;font-size:.875rem;font-weight:700;line-height:1.3;text-decoration:none;background:var(--nav-bg);color:var(--nav-ink)}
header.site-header nav a:nth-child(1){--nav-bg:#36bdca;--nav-ink:#29243f}
header.site-header nav a:nth-child(2){--nav-bg:#29243f;--nav-ink:#fff}
header.site-header nav a:nth-child(3){--nav-bg:#2288a6;--nav-ink:#fff}
header.site-header nav a:nth-child(4){--nav-bg:#67a9a3;--nav-ink:#29243f}
header.site-header nav a:nth-child(5){--nav-bg:#465c70;--nav-ink:#fff}
header.site-header nav a:nth-child(6){--nav-bg:#aae3e8;--nav-ink:#29243f}
header.site-header nav a:nth-child(7){--nav-bg:#c03772;--nav-ink:#fff}
header.site-header nav a:nth-child(8){--nav-bg:#e5d8c3;--nav-ink:#29243f}
header.site-header nav a:nth-child(9){--nav-bg:#ffc37b;--nav-ink:#29243f}
header.site-header nav a:nth-child(10){--nav-bg:#fff;--nav-ink:#29243f}
header.site-header nav a.active:not(:last-child),header.site-header nav a:last-child,header.site-header nav a:last-child.active,header.site-header nav a:hover,header.site-header nav a:last-child:hover{background:var(--nav-bg);color:var(--nav-ink);border:0;border-right:1px solid #ffffff40;border-radius:0;margin:0;padding:12px 10px;min-height:54px}
header.site-header nav a.active,header.site-header nav a.active:not(:last-child),header.site-header nav a:last-child.active{box-shadow:inset 0 -4px var(--nav-ink);text-decoration:underline;text-underline-offset:5px}
header.site-header nav a:hover{text-decoration:underline;text-underline-offset:5px}
header.site-header nav a:focus-visible{outline:3px solid currentColor;outline-offset:-5px}
@media(max-width:1150px){header.site-header{display:flex;flex-wrap:wrap;padding:15px 0 0;gap:0;position:relative}header.site-header a.brand{width:270px;flex-basis:270px;margin-left:20px}header.site-header .menu-toggle{display:block;margin-left:auto;margin-right:20px;min-height:44px;background:#fff;color:#29243f;border:1px solid #29243f;border-radius:0;padding:.5rem .8rem}header.site-header .language-switcher{order:2;width:100%;margin:0 20px 0 0;padding:0 0 10px;justify-content:flex-end}header.site-header nav{display:none;position:absolute;top:100%;left:0;right:0;z-index:30;max-height:calc(100dvh - 130px);overflow:auto;flex-direction:column;flex-wrap:nowrap;gap:0;padding:0}header.site-header nav.open{display:flex}header.site-header nav a,html[lang="es"] header.site-header nav a,html[lang="fr"] header.site-header nav a{width:100%;flex:auto;min-height:48px}}
@media(max-width:420px){header.site-header a.brand{width:230px;flex-basis:230px;margin-left:12px}header.site-header .menu-toggle{margin-right:12px;min-width:44px;width:44px;padding:.35rem;font-size:0}header.site-header .menu-toggle span{font-size:1.1rem}}
/* Neutral continuous bar; each section is identified by its logo colour. */
header.site-header nav a,html[lang="es"] header.site-header nav a,html[lang="fr"] header.site-header nav a{background:#fff;color:#29243f;border-right:1px solid #9eb9c0;box-shadow:none;text-decoration:none}
header.site-header nav a.active:not(:last-child){background:#29243f;color:#fff;border-right:1px solid #29243f;box-shadow:none;text-decoration:none}
header.site-header nav a:last-child,header.site-header nav a:last-child.active{background:#c03772;color:#fff;border-right:0;box-shadow:none;text-decoration:none}
header.site-header nav a:hover{background:#aae3e8;color:#29243f;text-decoration:none}
header.site-header nav a:last-child:hover{background:#9d2b5d;color:white}
body[data-section="home"] header.site-header a.brand{background:#36bdca}
body[data-section="socioanalysis"] header.site-header a.brand{background:#29243f}
body[data-section="socioanalysis"] header.site-header{background:#aae3e8}
body[data-section="work"] header.site-header a.brand{background:#fff}
body[data-section="work"] header.site-header{background:#c03772}
body[data-section="work"] header.site-header .language-switcher .language-switch{color:#fff;padding:8px 10px;border-bottom:2px solid transparent}
body[data-section="work"] header.site-header .language-switcher .language-switch.active{background:#29243f;color:#fff;border-bottom-color:#aae3e8}
body[data-section="work"] header.site-header .language-switcher .language-switch:hover{background:#aae3e8;color:#29243f}
body[data-section="work"] header.site-header nav a:last-child{background:#aae3e8;color:#29243f}
body[data-section="work"] header.site-header nav a:last-child:hover{background:#29243f;color:#fff}
body[data-section="therapy"] header.site-header a.brand{background:#29243f}
body[data-section="therapy"] header.site-header{background:#67a9a3}
body[data-section="group-relations"] header.site-header a.brand{background:#29243f}
body[data-section="group-relations"] header.site-header{background:#36bdca}
body[data-section="projects"],body[data-section="the-territory"]{--section-logo:#aae3e8}
body[data-section="projects"] header.site-header a.brand,body[data-section="the-territory"] header.site-header a.brand{background:#aae3e8}
body[data-section="projects"] header.site-header{background:#29243f}
body[data-section="projects"] header.site-header .language-switcher .language-switch{color:#aae3e8}
body[data-section="projects"] header.site-header .language-switcher .language-switch.active{color:#fff}
body[data-section="events"] header.site-header a.brand{background:#c03772}
body[data-section="glossary"] header.site-header a.brand{background:#29243f}
body[data-section="glossary"] header.site-header{background:#ffc37b}
body[data-section="about"] header.site-header a.brand{background:#ffc37b}
body[data-section="about"] header.site-header{background:#29243f}
body[data-section="about"] header.site-header .language-switcher .language-switch{color:#aae3e8}
body[data-section="about"] header.site-header .language-switcher .language-switch.active{color:#fff}
body[data-section="contact"] header.site-header a.brand{background:#fff}
body[data-section="contact"] header.site-header{background:#29243f}
body[data-section="contact"] header.site-header .language-switcher .language-switch{color:#aae3e8}
body[data-section="contact"] header.site-header .language-switcher .language-switch.active{color:#fff}

/* About review: reflective introduction beside portrait; subsequent sections span the content width. */
.about-full-width{padding:0 clamp(1.4rem,7vw,8rem) 3rem;margin:0 auto}.about-detail{padding:2.5rem 0;border-top:1px solid var(--line)}.about-detail h2{margin:0 0 1.4rem}.about-detail p{max-width:none}.about-detail .credentials{padding-left:1.25rem}.about-detail li{margin:.7rem 0}

.about-reading article>h2:first-child{margin-top:1rem}.about-detail h2{font-size:2.25rem}.about-detail p,.about-detail li{font-size:1.1rem;line-height:1.85;color:#535e67}@media(max-width:820px){.about-detail h2{font-size:1.9rem}}

/* Balance portrait with the adjacent reflection and tighten the LinkedIn transition. */
.about-reading{padding-bottom:1.25rem}
.about-full-width>.about-detail:first-child{padding-top:1.5rem}
@media(min-width:821px){.about-reading{grid-template-columns:minmax(240px,340px) minmax(0,1fr)}.about-reading article{max-width:none}.about-reading .about-portrait{width:100%;max-width:340px}}

@media(min-width:821px){.about-reading .reading-aside{max-width:none}.about-reading .about-facts{padding-top:0}.about-reading .about-portrait{margin-bottom:.75rem}}

/* typography.css */
/* Supplied 2026 brand font; shared by every page and event. */
@font-face{font-family:Bricolage;src:url('/optimised/bricolage-grotesque.woff2') format('woff2');font-weight:200 800;font-stretch:75% 100%;font-style:normal;font-display:swap}
:root{--sans:Bricolage,Arial,sans-serif;--serif:Bricolage,Arial,sans-serif}
html[lang^="zh"]{--sans:Bricolage,"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",sans-serif;--serif:var(--sans)}
body{font-family:var(--sans);font-optical-sizing:auto}
h1,h2,h3,h4,h5,h6{font-family:var(--sans);font-weight:700}
input,select,textarea,button{font-family:var(--sans)}
header.site-header nav a,.language-switcher a,.button,.btn{font-family:var(--sans);font-weight:600}

/* audit-phone.css */
.phone-menu{display:none}
@media(max-width:599px){
#menu.phone-ready>a{display:none!important}
#menu .phone-menu{display:flex;flex-direction:column;width:100%;gap:0}
#menu .phone-menu>a,#menu .phone-menu button,#menu .phone-group a{display:block;width:100%;padding:14px 20px;border:0;border-bottom:1px solid #e4dac4;text-align:left;background:#fff;color:#29243e;font:inherit;text-decoration:none}
#menu .phone-menu button{cursor:pointer;font-weight:600}
#menu .phone-menu button::after{content:'+';float:right}
#menu .phone-menu button[aria-expanded=true]::after{content:'−'}
#menu .phone-group a{padding-left:36px}
#menu .phone-menu [aria-current=page]{background:#29243e;color:#fff}
#menu .phone-menu [hidden]{display:none!important}
#menu .phone-languages{display:flex;gap:16px;padding:18px 20px;flex-wrap:wrap;background:#e4dac4}
#menu .phone-languages a{padding:8px;color:#29243e}
#menu .phone-languages [aria-current]{background:#29243e;color:#fff}
.site-header:has(#menu.phone-ready)>.language-switcher{display:none}
#menu .phone-menu :focus-visible{outline:3px solid #2288a6;outline-offset:-3px}
}

@media(max-width:599px){#menu .phone-menu .phone-languages{display:flex;flex-wrap:nowrap;gap:8px}#menu .phone-menu .phone-languages a{display:flex;align-items:center;justify-content:center;flex:1 1 0;width:auto;min-width:0;padding:10px 4px;text-align:center}}

@media(max-width:599px){header.site-header a.brand{transform:translateY(-11px)}}

@media(max-width:600px){:root{--asset-734a23b909:url('/optimised/about-real-mobile.webp');--asset-eb7b716892:url('/optimised/events-spiral-clean-mobile.webp');--asset-9a92b112d2:url('/optimised/fuchsia-geometry-clean-mobile.webp');--asset-50f326b69a:url('/optimised/group-dialogue-mobile.webp');--asset-e20db94654:url('/optimised/hero-light-mobile.webp');--asset-9c293796c8:url('/optimised/hero-mobile.webp');--asset-ba96da1b5a:url('/optimised/logo-charcoal-transparent-mobile.webp');--asset-78e632facc:url('/optimised/logo-turquoise-transparent-mobile.webp');--asset-bbab1f7fef:url('/optimised/new-york-living-together-2027-mobile.webp');--asset-7d448e7e99:url('/optimised/pink-geometry-white-mobile.webp');--asset-fad263ca88:url('/optimised/plum-geometry-clean-mobile.webp');--asset-5d6bece3fd:url('/optimised/projects-hummingbird-palette-mobile.webp');--asset-4d42a7a30f:url('/optimised/shenzhen-2027-cassgo-art-mobile.webp');--asset-43d0ef4a97:url('/optimised/shenzhen-2027-flyer-mobile.webp');--asset-33e182205e:url('/optimised/socioanalysis-background-mobile.webp');--asset-52ce639fde:url('/optimised/territory-brand-magenta-mobile.webp');--asset-5ef8d4e403:url('/optimised/territory-plan-mobile.webp');--asset-3faf7741eb:url('/optimised/therapy-turquoise-geometry-mobile.webp');--asset-09fb4a28f8:url('/optimised/turquoise-geometry-clean-mobile.webp');--asset-2652a72b85:url('/optimised/work-banner-blue-line-mobile.webp');}}

.banner-reference-measure,.banner-reference-measure *{background-image:none!important;mask-image:none!important;-webkit-mask-image:none!important}
