/* style.css */
500;600;700&family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap');
:root{--ink:#102e36;--muted:#52696d;--deep:#092c38;--teal:#235563;--line:#c7d4d2;--paper:#f6f7f4;--white:#fff;--gold:#cfa778;--serif:'Libre Baskerville',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:400 1.05rem/1.7 var(--sans)}a{color:inherit}a:focus-visible,button:focus-visible{outline:3px solid #c98342;outline-offset:4px}.skip{position:absolute;left:-9999px;top:0;z-index:50;background:white;padding:.7rem}.skip:focus{left:1rem}.site-header{height:94px;padding:0 clamp(1.4rem,5vw,5.5rem);display:flex;align-items:center;justify-content:space-between;background:var(--paper);border-bottom:1px solid var(--line);position:relative;z-index:10}.brand{text-decoration:none;display:flex;align-items:center;gap:.85rem;font-family:var(--serif);font-size:1.08rem;line-height:1.27;letter-spacing:-.04em}.brand-mark{width:42px;height:42px;position:relative;display:inline-block}.brand-mark i{position:absolute;width:25px;height:30px;border:2px solid var(--teal);border-radius:50%;top:5px;left:2px;transform:rotate(-30deg)}.brand-mark i+ i{left:15px;border-color:var(--gold);transform:rotate(30deg)}nav{display:flex;align-items:center;gap:clamp(.8rem,1.6vw,2rem)}nav a{text-decoration:none;color:#35525a;font-size:.84rem;font-weight:600;white-space:nowrap}nav a:hover,nav a.active{color:#9a6331}nav a:last-child{padding:.65rem 1rem;border:1px solid var(--ink);border-radius:2px}nav a:last-child:hover{background:var(--ink);color:white}.menu-toggle{display:none}.eyebrow{font-size:.78rem;line-height:1.4;font-weight:700;text-transform:uppercase;letter-spacing:.16em;color:#376773}.eyebrow.light{color:#d8b68a}h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.22;letter-spacing:-.055em;margin:0}h1{font-size:clamp(2.9rem,5vw,5.9rem)}h2{font-size:clamp(2rem,3vw,3.5rem)}h3{font-size:1.52rem}p{margin:0 0 1.3rem}p:last-child{margin-bottom:0}.section{padding:clamp(5rem,8vw,9rem) clamp(1.4rem,8vw,10rem)}.hero{background:var(--deep);color:#f4f1e9;min-height:690px;display:grid;grid-template-columns:1fr .91fr;position:relative;overflow:hidden}.hero-copy{z-index:2;align-self:center;padding:6rem 2rem 7rem clamp(1.4rem,8vw,10rem);max-width:800px}.hero h1{max-width:720px;margin:1.7rem 0 2rem}.hero p{max-width:570px;font-size:1.23rem;color:#d7e2e0;line-height:1.65}.hero-art{background:radial-gradient(circle at 52% 50%,transparent 25%,rgba(9,44,56,.2) 90%),var(--asset-9c293796c8,url('/optimised/hero.webp')) center/cover no-repeat;min-height:570px}.hero-index{position:absolute;bottom:2.2rem;left:clamp(1.4rem,8vw,10rem);font-size:.74rem;letter-spacing:.14em;color:#a9c0bf;text-transform:uppercase}.actions{display:flex;align-items:center;gap:1.6rem;flex-wrap:wrap;margin-top:2.7rem}.button{display:inline-block;text-decoration:none;padding:.85rem 1.45rem;font-weight:700;font-size:.9rem;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button.pale{background:#f5f3ea;color:#15353b}.button.dark{background:var(--deep);color:white}.quiet-light{color:white;font-weight:600;text-underline-offset:6px;font-size:.9rem}.intro-grid{display:grid;grid-template-columns:1fr 2fr;gap:5rem;background:#f5f7f3}.intro-grid>div{max-width:760px}.intro-grid h2{margin-bottom:1.8rem}.intro-grid p,.feature p{font-size:1.14rem;color:#465d61;max-width:710px}.text-link{display:inline-block;margin-top:1rem;font-weight:700;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:.15rem;color:#1d5a67}.text-link:hover{color:#9a6331}.offerings{background:#e9f0ed}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:3rem}.section-heading h2{max-width:700px}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#bfd0cc;border:1px solid #bfd0cc}.offer-card{background:#f7faf7;text-decoration:none;min-height:370px;display:flex;flex-direction:column;padding:2.4rem;transition:background .2s}.offer-card:hover{background:white}.offer-card>span{color:#8b6a45;font-family:var(--serif);font-size:1.18rem}.offer-card h3{margin:3.2rem 0 1rem}.offer-card p{color:var(--muted);font-size:1rem}.offer-card b{margin-top:auto;padding-top:1.2rem;font-size:.88rem;color:#1b6672}.feature{background:#eef1ed;display:grid;grid-template-columns:1fr 1.35fr;gap:5rem}.feature h2{margin-bottom:2rem}.feature-label{display:flex;flex-direction:column;gap:1.2rem;color:var(--muted);font-size:.9rem}.rule{width:80px;height:1px;background:var(--gold)}.closing{text-align:center;background:#dce9e5;padding:7rem 1.4rem}.closing h2{max-width:800px;margin:1.2rem auto 1.5rem}.closing p{max-width:650px;margin:0 auto 1.8rem;color:#435c60;font-size:1.12rem}.page-lead{background:#e6efec;padding:clamp(5rem,8vw,8rem) clamp(1.4rem,12vw,14rem);border-bottom:1px solid var(--line)}.page-lead h1{margin:1.2rem 0 1.7rem;max-width:1000px}.lead{font-family:var(--serif);font-size:clamp(1.24rem,2vw,1.76rem);line-height:1.6;max-width:930px;color:#345159}.reading{display:grid;grid-template-columns:1fr 2fr;gap:5rem;padding:clamp(4.5rem,8vw,8rem) clamp(1.4rem,12vw,14rem);background:#fafbf8}.reading-aside{border-top:2px solid var(--gold);padding-top:1rem;align-self:start;max-width:260px}.reading-aside p{margin-top:1rem;color:#557076}.reading article{max-width:760px}.reading article p{font-size:1.1rem;line-height:1.85;color:#344e54}.reading article h2{font-size:2.25rem;margin:4rem 0 1.6rem}.reading .accent-statement{font-family:var(--serif);font-size:1.7rem;line-height:1.55;color:#1c5865;margin-bottom:3rem}.lineage{background:#edf2ef;max-width:none}.lineage h2{margin:1rem 0 2rem;max-width:800px}.lineage p{max-width:850px;font-size:1.08rem}.lineage .source-note{font-size:.88rem;border-top:1px solid var(--line);padding-top:1.5rem;margin-top:2rem}.lineage .source-note a{color:#1d5a67;text-underline-offset:3px}.work-list{background:#fafbf8}.work-item{display:grid;grid-template-columns:1fr 3fr;gap:3rem;border-top:1px solid var(--line);padding:3.5rem 0;scroll-margin-top:2rem}.work-item:last-child{border-bottom:1px solid var(--line)}.work-item .number{font-family:var(--serif);color:#aa865f;font-size:1.2rem}.work-item h2{margin-bottom:1.6rem}.work-item p{max-width:770px;color:#405b60;font-size:1.1rem}.project-list{background:#f9faf7}.project{display:grid;grid-template-columns:1fr 2.4fr;gap:4rem;padding:3.8rem 0;border-top:1px solid var(--line)}.project:last-child{border-bottom:1px solid var(--line)}.project h2{margin-bottom:1.5rem}.project p{max-width:760px;font-size:1.1rem;color:#435c60}.credentials{padding-left:1.3rem;color:#344e54;line-height:1.8}.credentials li{margin-bottom:.8rem}.contact-layout{background:#fafbf8;display:grid;grid-template-columns:1.3fr 1fr;gap:5rem;min-height:420px}.contact-email{display:block;font-family:var(--serif);font-size:clamp(1.4rem,2.6vw,2.9rem);line-height:1.35;margin:2rem 0;letter-spacing:-.04em;text-decoration:none;color:#1c5d68;overflow-wrap:anywhere}.contact-layout p{color:#52696d}.contact-note{padding:2.5rem;background:#e8f0ec;align-self:start}.contact-note h2{font-size:1.7rem;margin-bottom:1.4rem}footer{background:var(--deep);color:#dce9e5;display:grid;grid-template-columns:1fr 1fr;gap:3rem;padding:5rem clamp(1.4rem,8vw,10rem) 2.2rem}footer .eyebrow{color:var(--gold)}footer p{font-family:var(--serif);font-size:1.5rem;line-height:1.5;margin-top:1.1rem}.foot-links{display:flex;flex-direction:column;gap:.55rem;align-items:flex-start}.foot-links a{text-decoration:none}.foot-links a:hover{text-decoration:underline}footer small{grid-column:1/-1;border-top:1px solid #3e626a;padding-top:1.6rem;color:#9eb6b9;font-size:.8rem}@media(max-width:1100px){nav{gap:.75rem}nav a{font-size:.75rem}.site-header{padding:0 1.4rem}.hero{grid-template-columns:1fr .7fr}.hero-copy{padding-left:5vw}.section{padding-left:6vw;padding-right:6vw}}@media(max-width:820px){.site-header{height:76px}.menu-toggle{display:block;border:1px solid var(--ink);background:transparent;padding:.5rem .7rem;color:var(--ink);font:600 .9rem var(--sans)}nav{display:none;position:absolute;top:76px;left:0;right:0;background:var(--paper);box-shadow:0 18px 22px #092c3820;padding:1.5rem;flex-direction:column;align-items:stretch;gap:0}nav.open{display:flex}nav a{font-size:1rem;padding:.75rem;border-bottom:1px solid var(--line)}nav a:last-child{margin-top:.75rem;text-align:center}.hero{grid-template-columns:1fr}.hero-copy{padding:5rem 6vw 3rem}.hero h1{max-width:650px}.hero-art{height:270px;min-height:270px;background-position:center 45%}.hero-index{display:none}.intro-grid,.feature,.reading,.project,.contact-layout{grid-template-columns:1fr;gap:2.2rem}.card-grid{grid-template-columns:1fr}.offer-card{min-height:250px}.offer-card h3{margin:1.8rem 0 .7rem}.reading-aside{max-width:none}.page-lead,.reading{padding-left:6vw;padding-right:6vw}.work-item{grid-template-columns:60px 1fr;gap:1rem}footer{padding-left:6vw;padding-right:6vw}}@media(max-width:540px){body{font-size:1rem}.hero-copy{padding:4rem 6vw 3rem}.hero h1{font-size:clamp(2.55rem,12vw,3.9rem)}.hero p{font-size:1.08rem}.hero-art{height:220px;min-height:220px}.actions{gap:1rem}.intro-grid,.feature,.section{padding:4.5rem 6vw}.page-lead{padding-top:4.5rem;padding-bottom:4.5rem}.reading{padding-top:4rem;padding-bottom:4rem}.reading article h2{font-size:1.9rem}.reading .accent-statement{font-size:1.38rem}.work-item{grid-template-columns:1fr;padding:2.6rem 0}.project{padding:2.7rem 0}.contact-note{padding:1.5rem}.closing{padding:5rem 6vw}footer{grid-template-columns:1fr;gap:1.5rem}}
.territory-figure{margin:2.2rem 0 0;max-width:760px}.territory-figure a{display:block;background:#fff;border:1px solid var(--line);padding:.5rem}.territory-figure img{display:block;width:100%;height:auto}.territory-figure figcaption{font-size:.88rem;color:var(--muted);margin-top:.7rem}

/* Colours and logo from the supplied Socioanalytic Practice brand presentation. */
:root{--ink:#2e2e2f;--muted:#626262;--deep:#465c70;--teal:#2288a6;--line:#d7dfe3;--paper:#faf8f7;--white:#fff;--gold:#7dabb1;--serif:'DM Sans',Arial,sans-serif;--sans:'DM Sans',Arial,sans-serif}
body{background:var(--paper)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.site-header{background:#fff;height:96px}
.brand{width:222px;height:82px;flex:none;overflow:hidden;position:relative}

nav a{color:#465c70}nav a:hover,nav a.active{color:#a92465}nav a:last-child{border-color:#465c70}
.eyebrow{color:#2288a6}.eyebrow.light{color:#aae3e8}
h1,h2,h3{letter-spacing:-.045em}h1{font-weight:500}h2{font-weight:500}
.hero{background:#465c70;color:#fff}.hero p{color:#e8ecf2}.hero-index{color:#d0e5e9}
.hero-art{background:linear-gradient(90deg,rgba(70,92,112,.3),transparent 65%),var(--asset-9c293796c8,url('/optimised/hero.webp')) center/cover no-repeat}
.button.pale{background:#aae3e8;color:#263e51}.button.dark{background:#465c70}
.intro-grid,.reading,.work-list,.project-list,.contact-layout{background:#faf8f7}
.intro-grid p,.feature p,.reading article p,.work-item p,.project p,.contact-layout p{color:#535e67}
.text-link,.lineage .source-note a,.contact-email{color:#2288a6}.text-link:hover{color:#c03772}
.offerings,.lineage{background:#e8ecf2}.card-grid{background:#ced8de;border-color:#ced8de}.offer-card{background:#fff}.offer-card>span,.work-item .number{color:#2288a6}.offer-card b{color:#2288a6}
.feature{background:#fff}.rule{background:#c04f88}.closing{background:#aae3e8}.closing p{color:#405666}
.page-lead{background:#e8ecf2}.lead{color:#465c70}.reading-aside{border-color:#7dabb1}.reading-aside p{color:#465c70}.reading .accent-statement{color:#2288a6}
.contact-note{background:#e8ecf2}footer{background:#465c70;color:#fff}footer .eyebrow{color:#aae3e8}footer small{border-color:#8296a6;color:#e8ecf2}
a:focus-visible,button:focus-visible{outline-color:#c04f88}
@media(max-width:820px){nav{top:76px;background:#fff}.site-header{height:76px}.brand{width:176px;height:67px}.brand-image{transform:scale(.79);transform-origin:top left}nav a{font-size:1rem}}

/* Reading pages and the expanded navigation. */
.events-section{background:#faf8f7;display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,7vw,7rem);min-height:360px}
.events-heading h2{font-size:clamp(1.8rem,2.6vw,3rem);margin-top:1.3rem;max-width:650px}
.events-empty{border-top:2px solid #7dabb1;padding-top:1.6rem;max-width:610px;color:#535e67;font-size:1.1rem}
.glossary-list{background:#faf8f7;max-width:none}
.glossary-item{display:grid;grid-template-columns:minmax(220px,1fr) minmax(0,2fr);gap:clamp(2rem,5vw,5rem);padding:2.5rem 0;border-top:1px solid var(--line);scroll-margin-top:2rem}
.glossary-item:last-child{border-bottom:1px solid var(--line)}
.glossary-item h2{font-size:clamp(1.55rem,2.2vw,2.3rem);color:#465c70}
.glossary-item p{max-width:730px;color:#535e67;font-size:1.08rem}
.glossary-item .text-link{margin-top:.1rem}
@media(max-width:1400px){.site-header{height:76px}.menu-toggle{display:block;border:1px solid var(--ink);background:transparent;padding:.5rem .7rem;color:var(--ink);font:600 .9rem var(--sans)}nav{display:none;position:absolute;top:76px;left:0;right:0;background:#fff;box-shadow:0 18px 22px #092c3820;padding:1.5rem;flex-direction:column;align-items:stretch;gap:0;max-height:calc(100vh - 76px);overflow:auto}nav.open{display:flex}nav a{font-size:1rem;padding:.75rem;border-bottom:1px solid var(--line)}nav a:last-child{margin-top:.75rem;text-align:center}.brand{width:176px;height:67px}.brand-image{transform:scale(.79);transform-origin:top left}}
@media(max-width:820px){.events-section,.glossary-item{grid-template-columns:1fr;gap:1rem}.events-empty{margin-top:1rem}}
.language-switch{flex:none;display:inline-flex;align-items:center;justify-content:center;min-width:2.5rem;padding:.35rem .48rem;border:1px solid #b7cbd1;color:#465c70;text-decoration:none;font-size:.85rem;font-weight:700;letter-spacing:.04em}
.language-switch:hover{border-color:#2288a6;color:#2288a6}
@media(max-width:1400px){.menu-toggle{margin-left:auto;margin-right:.8rem}.language-switch{order:2}}

/* Show the complete light logo from the supplied presentation, with breathing room. */
.site-header{height:108px}
.brand{width:270px;height:100px}

footer p{max-width:610px;font-size:1.24rem;line-height:1.55}
@media(max-width:1400px){.site-header{height:76px}.brand{width:210px;height:76px}.brand-image{transform:scale(.75);transform-origin:top left}}

.adaptations{background:#fff}
.adaptations>h2{margin:1rem 0 2.5rem;max-width:760px}
.adaptation-list{border-top:1px solid var(--line)}
.adaptation-card{display:grid;grid-template-columns:minmax(150px,1fr) minmax(0,2.7fr);gap:clamp(2rem,6vw,6rem);padding:clamp(2.5rem,5vw,4.5rem) 0;border-bottom:1px solid var(--line)}
.adaptation-card .number{color:#2288a6;font-size:.86rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase}
.adaptation-card h3{font-size:clamp(1.7rem,2.5vw,2.8rem);margin-bottom:1.2rem;color:#465c70}
.adaptation-card p{max-width:780px;color:#535e67;font-size:1.08rem}
.adaptation-links{display:flex;flex-wrap:wrap;gap:.5rem 2rem;margin-top:1.5rem}
.adaptation-links .text-link{font-size:.95rem}
@media(max-width:820px){.adaptation-card{grid-template-columns:1fr;gap:1rem}}

/* Restrained use of the supplied Andean motifs and illustrative practice images. */
.motif-lead{position:relative;overflow:hidden;background-color:#faf8f7;background-image:linear-gradient(90deg,#faf8f7 0%,#faf8f7 49%,rgba(250,248,247,.48) 72%,rgba(250,248,247,0) 100%),var(--asset-5d6bece3fd,url('/optimised/projects-hummingbird-palette.webp'));background-position:center,right center;background-size:cover,auto 100%;background-repeat:no-repeat;padding-right:35%}
.motif-lead .lead{max-width:720px}

.about-reading .reading-aside{max-width:290px}
.about-portrait{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;object-position:47% center;margin:0 0 1.5rem;border:1px solid var(--line)}
.group-illustration{margin:0;background:#faf8f7;padding:2rem clamp(1.4rem,8vw,10rem) 1.5rem}
.group-illustration img{display:block;width:100%;max-height:430px;object-fit:cover;object-position:center 49%}
.group-illustration figcaption{font-size:.82rem;color:var(--muted);margin-top:.6rem}
.project-list .project:last-child{background-image:linear-gradient(rgba(250,248,247,.87),rgba(250,248,247,.87)),url('/inca-pattern.png');background-size:auto,420px auto;padding-left:clamp(1rem,2vw,2rem);padding-right:clamp(1rem,2vw,2rem)}
@media(max-width:820px){.motif-lead{padding-right:6vw;background-image:linear-gradient(90deg,rgba(250,248,247,.94),rgba(250,248,247,.8)),var(--asset-5d6bece3fd,url('/optimised/projects-hummingbird-palette.webp'));background-position:center,right center;background-size:cover,auto 100%}.motif-brand{display:none}.group-illustration{padding:1rem 6vw}.group-illustration img{max-height:300px}}
/* Manual option 1: charcoal mark. Multiply lets the original white sheet disappear
   over the motif while preserving the exact printed artwork and lettering. */

.event-subtitle{font-family:var(--serif);font-size:clamp(1.25rem,1.6vw,1.7rem);line-height:1.4;color:#465c70;margin-top:1rem}
.event-meta{font-weight:700;margin:1.6rem 0;color:#465c70}
.events-heading>p:not(.event-subtitle):not(.event-meta){max-width:620px;color:#535e67}
.event-art{margin:0;align-self:start}
.event-art img{display:block;width:100%;height:auto;border:1px solid var(--line)}
.event-art figcaption{font-size:.82rem;color:var(--muted);margin-top:.6rem}

/* Backgrounds adapted from the supplied material. The clean grounds carry the copy. */
.motif-lead{background-position:center,calc(100% - 16vw) center}
.motif-brand{right:1rem;bottom:1.25rem;background-color:#fff;mix-blend-mode:normal}
.work-lead{background:#fff url('/inca-border.png') center bottom/auto 600px repeat-x;padding-bottom:clamp(6rem,9vw,9rem)}
.group-lead{color:#fff;background:#465c70 var(--asset-09fb4a28f8,url('/optimised/turquoise-geometry-clean.webp')) center/cover no-repeat;position:relative;isolation:isolate}
.group-lead::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(32,53,70,.92),rgba(46,68,85,.84) 55%,rgba(46,68,85,.35));z-index:-1}
.group-lead .eyebrow{color:#c6e3e5}.group-lead .lead{color:#fff}
.contact-note{color:#fff;background:linear-gradient(90deg,rgba(62,54,67,.91),rgba(74,59,77,.82)),var(--asset-fad263ca88,url('/optimised/plum-geometry-clean.webp')) left center/cover no-repeat}
.contact-note p,.contact-note h2{color:#fff}
/* Keep page content and navigation usable on narrow phones and tablets. */
main,section,article,.hero-copy,.events-heading,.event-art{min-width:0}
img{max-width:100%}
@media(max-width:1100px){.motif-lead{background-position:center,calc(100% - 8vw) center}}
@media(max-width:820px){
 .motif-lead{background-position:center,right center;padding-right:6vw;background-size:cover,auto 100%}
 .motif-brand{display:block;position:relative;right:auto;bottom:auto;margin:1.8rem 0 0;width:250px;height:86px;max-width:100%}
 .group-lead::before{background:rgba(37,57,74,.82)}
 .work-lead{background-size:auto 480px}
 .event-art{max-width:720px}
}
@media(max-width:600px){
 .site-header{padding:0 .7rem;gap:.25rem}
 .brand{width:150px;height:60px}
 .brand-image{transform:scale(.54)}
 .menu-toggle{margin-left:auto;margin-right:.25rem;padding:.4rem .5rem;font-size:.8rem;white-space:nowrap}
 .language-switch{min-width:0;padding:.32rem .4rem;font-size:.72rem;white-space:nowrap}
 .hero-art{background-position:center 40%}
 .page-lead h1,.hero h1{font-size:clamp(2.25rem,9vw,3.35rem);overflow-wrap:break-word}
 .page-lead,.section,.reading{padding-left:6vw;padding-right:6vw}
 .group-illustration img{height:auto;max-height:none;object-fit:contain}
 .motif-lead{background-image:linear-gradient(rgba(250,248,247,.90),rgba(250,248,247,.90)),var(--asset-5d6bece3fd,url('/optimised/projects-hummingbird-palette.webp'));background-size:cover,auto 100%}
 .contact-email{font-size:clamp(1.25rem,5vw,1.8rem)}
 .event-meta{font-size:.95rem}
}
@media(max-width:360px){
 .brand{width:133px}.brand-image{transform:scale(.48)}
 .menu-toggle{font-size:.75rem;padding:.35rem}.language-switch{font-size:.68rem}
 .work-item,.project,.glossary-item{gap:.7rem}
}

/* Socioanalytic Practice brand manual palette and transparent logo assets. */
:root{--deep:#29243f;--teal:#2288a6;--gold:#ffc37b;--line:#d7dfe3;--magenta:#c03772;--pale-blue:#aae3e8;--green-teal:#67a9a3}
header.site-header a.brand{display:flex;align-items:center;width:210px;height:auto;min-width:0;overflow:visible;flex:0 1 210px}
header.site-header .brand-image{display:block;width:100%;height:auto;max-height:80px;object-fit:contain;object-position:left center;background:none;transform:none}
.motif-brand{position:absolute;right:1rem;bottom:1.25rem;width:230px;height:auto;max-width:28%;background:none;mix-blend-mode:normal;object-fit:contain}
.hero,footer{background:#29243f}.hero-art{background-image:linear-gradient(90deg,rgba(41,36,63,.2),transparent 70%),var(--asset-9c293796c8,url('/optimised/hero.webp'))}
.button.dark{background:#29243f}.eyebrow.light,footer .eyebrow{color:#aae3e8}
nav a,nav a:last-child,.language-switch{color:#29243f}nav a:last-child{border-color:#29243f}
nav a:hover,nav a.active,.text-link:hover{color:#c03772}
.language-switch:hover{border-color:#2288a6;color:#2288a6}
.offerings,.lineage{background:#eef3f5}.closing{background:#aae3e8}.feature{background:#fff}
.group-lead{background-color:#29243f}.group-lead::before{background:linear-gradient(90deg,rgba(41,36,63,.94),rgba(41,36,63,.8) 56%,rgba(41,36,63,.32))}
.contact-note{background-image:linear-gradient(90deg,rgba(68,29,63,.92),rgba(120,40,91,.78)),var(--asset-fad263ca88,url('/optimised/plum-geometry-clean.webp'))}
@media(max-width:1400px){header.site-header a.brand{width:180px;flex-basis:180px}header.site-header .brand-image{transform:none}}
@media(max-width:820px){.motif-brand{position:relative;right:auto;bottom:auto;margin:1.5rem 0 0;width:220px;max-width:100%}.group-lead::before{background:rgba(41,36,63,.84)}}
@media(max-width:600px){header.site-header a.brand{width:145px;flex-basis:145px}header.site-header .brand-image{width:100%;max-height:55px}}
@media(max-width:360px){header.site-header a.brand{width:125px;flex-basis:125px}.motif-brand{width:190px}}
.event-meta{color:#c03772}
@media(max-width:600px){.site-header nav{max-height:calc(100dvh - 76px)}.language-switch{line-height:1.2}.event-art img{height:auto}}

/* Bright calm surfaces; the Projects mark overlays its artwork directly. */
.hero{background:#aae3e8;color:#29243f}
.hero h1{color:#29243f}.hero p{color:#314553}.hero .eyebrow.light{color:#9b275b}
.hero-art{background:#aae3e8 var(--asset-e20db94654,url('/optimised/hero-light.webp')) center/cover no-repeat}
.hero-index{color:#455b67}.hero .quiet-light{color:#29243f}
.hero .button.pale{background:#29243f;color:#fff}
.motif-lead{min-height:440px;padding-right:38%;padding-bottom:7rem;background-color:#faf8f7;background-image:linear-gradient(90deg,rgba(250,248,247,.95) 0%,rgba(250,248,247,.88) 38%,rgba(250,248,247,.2) 68%,rgba(250,248,247,0) 100%),var(--asset-5d6bece3fd,url('/optimised/projects-hummingbird-palette.webp'));background-position:center,center;background-size:cover,cover;background-repeat:no-repeat}
.motif-brand{position:absolute;right:1.5rem;bottom:1.2rem;width:230px;max-width:28%;height:auto;margin:0;background:none;display:block}
.group-lead{color:#29243f;background-color:#aae3e8}
.group-lead::before{background:linear-gradient(90deg,rgba(170,227,232,.96),rgba(170,227,232,.89) 53%,rgba(170,227,232,.68))}
.group-lead h1,.group-lead .lead{color:#29243f}.group-lead .eyebrow{color:#9b275b}
.contact-note{background-image:linear-gradient(90deg,rgba(250,233,240,.91),rgba(250,233,240,.82)),var(--asset-fad263ca88,url('/optimised/plum-geometry-clean.webp'));color:#29243f}
.contact-note h2,.contact-note p{color:#29243f}
@media(max-width:820px){
 .motif-lead{min-height:0;padding-right:6vw;padding-bottom:8rem;background-image:linear-gradient(90deg,rgba(250,248,247,.94),rgba(250,248,247,.68)),var(--asset-5d6bece3fd,url('/optimised/projects-hummingbird-palette.webp'));background-position:center,right center;background-size:cover,cover}
 .motif-brand{position:absolute;right:1rem;bottom:1rem;width:200px;max-width:48%;margin:0}
 .group-lead::before{background:rgba(170,227,232,.88)}
}
@media(max-width:600px){.motif-lead{padding-bottom:7.5rem}.motif-brand{width:170px;max-width:50%}.hero-art{background-position:center}}

/* Original motifs with their former marks removed; the approved transparent logo
   stays inside each artwork rather than forming a separate panel. */
.group-lead,.contact-lead{position:relative;isolation:isolate;min-height:380px;padding-right:36%;padding-bottom:7rem}
.group-lead{background:#aae3e8 var(--asset-09fb4a28f8,url('/optimised/turquoise-geometry-clean.webp')) center/cover no-repeat}
.group-lead::before{background:linear-gradient(90deg,rgba(170,227,232,.97),rgba(170,227,232,.88) 54%,rgba(170,227,232,.78))}
.contact-lead{background:#f7e8ed var(--asset-fad263ca88,url('/optimised/plum-geometry-clean.webp')) center/cover no-repeat}
.contact-lead::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,246,249,.89),rgba(255,246,249,.78) 55%,rgba(255,246,249,.65));z-index:-1}
.contact-lead .lead,.contact-lead h1{color:#29243f}.contact-lead .eyebrow{color:#9b275b}
.page-art-logo{position:absolute;right:clamp(1.2rem,5vw,5rem);bottom:1.3rem;width:220px;max-width:28%;height:auto;object-fit:contain;background:none}
.contact-note{background:#f6f0f4;color:#29243f}
@media(max-width:820px){.group-lead,.contact-lead{min-height:0;padding-right:6vw;padding-bottom:8rem}.page-art-logo{right:6vw;bottom:1rem;width:190px;max-width:50%}}
@media(max-width:600px){.page-art-logo{width:155px}.group-lead,.contact-lead{background-position:center}}
/* The fuchsia template carries a white transparent mark; other pale motifs use charcoal. */
.contact-lead{background-color:#c03772;background-image:var(--asset-fad263ca88,url('/optimised/plum-geometry-clean.webp'))}
.contact-lead::before{background:linear-gradient(90deg,rgba(112,30,74,.88),rgba(192,55,114,.72) 62%,rgba(192,55,114,.78))}
.contact-lead h1,.contact-lead .lead,.contact-lead .eyebrow{color:#fff}
.contact-lead .page-art-logo{filter:brightness(0) invert(1)}
/* The Work page opens without a competing patterned rule. */
.work-lead{background:linear-gradient(115deg,#f8fbfb 0%,#eaf6f7 68%,#d8eef0 100%);border-bottom:0;padding-bottom:clamp(5rem,8vw,8rem)}
/* The Inca pattern frames the Events introduction without competing with the flyer. */
.events-lead{background-color:#fff;background-image:linear-gradient(rgba(255,255,255,.81),rgba(255,255,255,.81)),url('/inca-pattern.png');background-size:auto,430px auto;background-repeat:repeat;border-bottom:1px solid var(--line)}
/* Restore the bright turquoise shade of the original Group Relations artwork. */
.group-lead{background-color:#36bdca}
.group-lead::before{background:linear-gradient(90deg,rgba(54,189,202,.10),rgba(54,189,202,.04))}
@media(max-width:820px){.group-lead::before{background:rgba(54,189,202,.12)}}

/* The genuine profile portrait grounds About; Work relies on the writing. */
.hero-art{background:#36bdca var(--asset-09fb4a28f8,url('/optimised/turquoise-geometry-clean.webp')) 66% center/cover no-repeat}
.about-portrait{aspect-ratio:1195/1536;object-position:center 28%}
.about-reading .reading-aside .text-link{font-size:.94rem}

/* A light invitation and charcoal footer with accents from the Socioanalytic Practice palette. */
.closing{position:relative;background:#fff;color:#29243f;border-top:1px solid #d7dfe3}
.closing::before,footer::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#2288a6 0 40%,#c03772 40% 76%,#ffc37b 76% 100%)}
.closing .eyebrow{color:#c03772}.closing h2{color:#29243f}.closing p{color:#405666}
.closing .button.dark{background:#c03772;color:#fff}.closing .button.dark:hover{background:#29243f}
footer{position:relative;background:#29243f;color:#fff}
footer .eyebrow{color:#ffc37b}footer small{border-color:#665c78;color:#d5d6dd}

/* The opening speaks in the same turquoise as Group Relations. */
.hero{background:#36bdca;color:#29243f}
.hero h1,.hero p,.hero .quiet-light{color:#29243f}
.hero .eyebrow.light{color:#7f2859}
.hero-index{color:#314d58}
@media(max-width:820px){.hero-art{background-position:right center}}

/* Brand backgrounds and photographs composed for wide, tablet and phone layouts. */
.hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.hero-art{background:#36bdca url('/home-group.webp') center center/cover no-repeat;min-height:520px}
.work-lead{min-height:440px;padding:5rem 8vw 5rem 46%;background:#fff var(--asset-7d448e7e99,url('/optimised/pink-geometry-white.webp')) left center/auto 100% no-repeat}
.work-lead h1,.work-lead .lead{max-width:690px}
.work-item.with-photo .work-media-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(240px,.8fr);gap:clamp(1.4rem,3vw,3.5rem);align-items:start;max-width:1100px}
.work-photo{margin:0;min-width:0}
.work-photo img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;object-position:center;border:1px solid var(--line)}
.work-item:first-child .work-photo img{aspect-ratio:3/2;object-fit:cover;object-position:center}
.work-supervision .work-photo img{aspect-ratio:3/2;object-fit:cover;object-position:center}
.work-item:nth-child(6) .work-photo img{object-position:center 30%}
.about-reading .reading-aside{max-width:360px}
.contact-lead{min-height:480px;padding:5rem 8vw 8rem 52%;background:#e71086 var(--asset-9a92b112d2,url('/optimised/fuchsia-geometry-clean.webp')) left center/auto 100% no-repeat}
.contact-lead::before{background:linear-gradient(90deg,transparent 35%,rgba(106,0,64,.18) 53%,rgba(106,0,64,.57) 100%)}
.contact-lead h1,.contact-lead .lead,.contact-lead .eyebrow{color:#fff}
@media(max-width:1000px){
 .work-item.with-photo .work-media-layout{grid-template-columns:1fr}
 .work-photo{max-width:620px}
 .contact-lead{padding-left:48%}
}
@media(max-width:820px){
 .hero{grid-template-columns:1fr}
 .hero-art{height:auto;min-height:0;aspect-ratio:3/2;background-position:center}
 .work-lead{min-height:0;padding:260px 6vw 4rem;background-size:auto 230px;background-position:left top}
 .contact-lead{min-height:0;padding:270px 6vw 8rem;background-color:#8b205d;background-size:auto 250px;background-position:left top}
 .contact-lead::before{background:linear-gradient(180deg,transparent 0 250px,rgba(106,0,64,.12) 250px 100%)}
}
@media(max-width:540px){
 .hero-art{height:auto;min-height:0;aspect-ratio:3/2}
 .work-lead{padding-top:235px;background-size:auto 210px}
 .contact-lead{padding-top:250px;background-size:auto 230px}
 .contact-lead::before{background:linear-gradient(180deg,transparent 0 230px,rgba(106,0,64,.12) 230px 100%)}
 .work-photo img{aspect-ratio:3/2}
}

/* A quiet, readable companion to the photographed service list. */
.methods-section{background:#f0f8f6}
.methods-intro{max-width:820px;margin-bottom:2.8rem}
.methods-intro h2{margin:1rem 0 1.3rem}
.methods-intro p{color:#435c60;font-size:1.1rem}
.methods-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.method-card{--card-pad:clamp(1.5rem,2.5vw,2.3rem);min-width:0;padding:var(--card-pad);background:#fff;border:1px solid #cbdedb;display:flex;flex-direction:column;align-items:start}
.method-image{margin:calc(-1 * var(--card-pad)) calc(-1 * var(--card-pad)) 1.4rem;width:calc(100% + 2 * var(--card-pad));aspect-ratio:3/2;overflow:hidden;background:#e4ece9}.method-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.method-card h3{font-size:clamp(1.35rem,1.7vw,1.8rem);margin-bottom:1rem;color:#29243f}
.method-card p{color:#405b60;font-size:1rem;line-height:1.65}
.method-card a{color:#176c75;font-weight:700;text-underline-offset:4px;margin-top:auto;padding-top:1rem}
@media(max-width:1000px){.methods-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.methods-grid{grid-template-columns:1fr}.method-card{--card-pad:1.45rem}}

/* Glossary: books remain visible beside the heading and above it on small screens. */
.glossary-lead{min-height:430px;display:flex;flex-direction:column;justify-content:center;background-color:#f5eee7;background-image:linear-gradient(90deg,rgba(250,248,244,.70) 0%,rgba(250,248,244,.46) 43%,transparent 66%),url('/glossary-books.webp');background-position:center,center;background-size:cover;background-repeat:no-repeat}
.glossary-lead h1,.glossary-lead .lead{max-width:600px;color:#29243f}
.glossary-lead .eyebrow{color:#8a285d}
.glossary-topics{display:flex;flex-wrap:wrap;gap:.75rem 1.2rem;align-items:center;padding:1.2rem clamp(1.4rem,8vw,10rem);background:#e6f6f4;color:#29243f}
.glossary-topics span{font-weight:700;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;margin-right:.5rem}
.glossary-topics a{color:#14545c;text-underline-offset:4px;font-weight:600}
@media(max-width:820px){.glossary-lead{min-height:0;display:block;padding:280px 6vw 4rem;background-image:url('/glossary-books.webp');background-position:right top;background-size:auto 240px;background-repeat:no-repeat}.glossary-topics{padding:1.2rem 6vw}}

/* A short authentic practice excerpt sits with the teaching description. */
.work-video{max-width:320px;justify-self:center}
.work-video video{display:block;width:100%;height:auto;aspect-ratio:512/910;object-fit:contain;background:#29243f;border:1px solid var(--line)}
.work-video figcaption{font-size:.85rem;line-height:1.5;color:#535e67;margin-top:.6rem}
@media(max-width:1000px){.work-video{justify-self:start}}

/* About: a generous portrait and a compact practice note balance the biography. */
.about-reading{grid-template-columns:minmax(290px,420px) minmax(0,1fr);gap:clamp(2.5rem,5vw,5rem);padding-left:clamp(1.4rem,7vw,8rem);padding-right:clamp(1.4rem,7vw,8rem)}
.about-reading .reading-aside{max-width:none;min-width:0}
.about-reading .about-portrait{height:auto;aspect-ratio:1195/1536;object-fit:cover;object-position:center 28%}
.about-facts{max-width:420px;padding:.25rem .25rem 0}
.about-reading .reading-aside .about-facts p{margin:.9rem 0 0;line-height:1.55}
.about-experience{border-top:1px solid #b9d6d7;padding-top:1.1rem}
.about-experience strong{font-family:var(--serif);font-size:clamp(1.45rem,2vw,1.9rem);font-weight:400;color:#235563}
@media(max-width:820px){.about-reading{grid-template-columns:1fr;gap:2.5rem}.about-reading .reading-aside{max-width:480px}}
@media(max-width:540px){.about-reading .reading-aside{max-width:100%}.about-reading .about-portrait{max-width:440px}}

/* Three compact language choices, with the current language visibly marked. */
.language-switcher{display:flex;align-items:center;gap:.2rem;flex:none}
.language-switcher .language-switch{min-width:2.45rem;padding:.3rem .35rem;order:0}
.language-switcher .language-switch.active{background:#235563;color:white;border-color:#235563}
.appointment-note{margin-top:2.3rem;border-top:1px solid var(--line);padding-top:1.35rem;max-width:450px}
.appointment-note h2{font-size:clamp(1.35rem,2vw,1.85rem);margin-bottom:.6rem}
.appointment-note p{font-size:1rem}
@media(max-width:600px){.language-switcher{gap:0}.language-switcher .language-switch{font-size:.68rem;min-width:1.9rem;padding:.3rem .18rem}.site-header{gap:.15rem}}
@media(max-width:420px){header.site-header a.brand{width:120px;flex-basis:120px}.menu-toggle{margin-right:0}.language-switcher .language-switch{min-width:1.75rem}}

/* Chinese copy needs room to break naturally without widening small screens. */
html[lang="zh-Hans"] .page-lead h1,html[lang="zh-Hans"] .hero h1{letter-spacing:-.025em;overflow-wrap:anywhere}
html[lang="zh-Hans"] .reading article,html[lang="zh-Hans"] .work-copy{line-break:strict}
@media(max-width:420px){.language-switcher .language-switch{min-width:1.8rem}.language-switcher .language-switch:last-child{min-width:2.2rem}.menu-toggle{padding:.3rem .35rem}}

/* Archive photograph in the Amazon project: keep its native shape and avoid upscaling. */
.amazon-figure{margin:2rem 0 0;max-width:648px}
.amazon-figure img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;border:1px solid var(--line)}
.amazon-figure figcaption{font-size:.85rem;line-height:1.5;color:var(--muted);margin-top:.55rem}

/* About banner uses the original restrained Inca pattern on white. */
.about-lead{background:#fff url("/inca-pattern.png") center top/720px auto repeat}
@media(max-width:540px){.about-lead{background-size:520px auto}}

/* Social marks follow the Socioanalytic Practice turquoise, charcoal and white palette. */
.social-links{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:2rem}
.social-item{display:inline-flex;align-items:center;gap:.55rem;padding:.5rem .7rem;border:1px solid #67a9a3;border-radius:5px;color:#e8f6f3;text-decoration:none;font-size:.82rem;line-height:1.15;min-height:42px}
.social-item svg{width:22px;height:22px;flex:none;color:#57c2c7}
.social-item:hover,.social-item:focus-visible{background:#235563;color:#fff;border-color:#57c2c7}
.social-pending{border-color:#748f92;color:#bdcecf;cursor:default}
.social-pending svg{color:#89a5a8}
.social-pending small{display:block;font-size:.67rem;color:#a6babc;margin-top:.13rem}
@media(max-width:540px){.social-links{gap:.45rem}.social-item{padding:.48rem .55rem;font-size:.76rem}.social-item svg{width:20px;height:20px}}

.therapy-reading .reading-aside{max-width:420px}.therapy-figure{margin:0}.therapy-figure img{display:block;width:100%;height:auto;aspect-ratio:1374/1145;object-fit:cover}.therapy-reading article{max-width:760px}.therapy-reading article h2{margin-bottom:1.6rem}

.bibliography{background:#f8f9f7}.bibliography h2{margin:.8rem 0 1.4rem}.bibliography-intro{max-width:760px;color:var(--muted);font-size:1.08rem}.bib-list{list-style:none;margin:2.4rem 0 0;padding:0;max-width:1000px}.bib-list li{display:grid;grid-template-columns:5rem minmax(0,1fr);gap:1.3rem;padding:1.1rem 0;border-top:1px solid var(--line)}.bib-list time{font-size:.9rem;color:#376773;font-weight:700}.bib-list strong{font-family:var(--serif);font-size:1.13rem;font-weight:400;line-height:1.5}.bib-list p{margin:.35rem 0 0;color:var(--muted);font-size:.93rem}.bib-list a,.doctoral-entry a{color:#1d5a67;text-underline-offset:3px}.doctoral-entry{border-top:1px solid var(--line);margin-top:2rem;padding:2rem 0;max-width:900px}.doctoral-entry h3{margin:.7rem 0}.doctoral-entry p{color:var(--muted)}.talks-list{border-top:1px solid var(--line);max-width:1000px;padding:1.3rem 0}.talks-list summary{cursor:pointer;font-weight:700;color:#1d5a67}.talks-list>div{padding-top:2rem}.talks-list h3{margin-bottom:1rem}.talks-list p{color:var(--muted)}@media(max-width:540px){.bib-list li{grid-template-columns:1fr;gap:.2rem}}

/* The Group Relations pattern opens the site; its circle photograph leads the method page. */
.hero-art{background:#36bdca var(--asset-09fb4a28f8,url('/optimised/turquoise-geometry-clean.webp')) center/cover no-repeat}
.group-lead{height:380px;min-height:380px;padding:1.5rem clamp(1.4rem,8vw,10rem) 2.3rem;background:#253f49 var(--asset-50f326b69a,url('/optimised/group-dialogue.webp')) center 43%/cover no-repeat;display:flex;flex-direction:column;justify-content:flex-end}
.group-lead::before{background:linear-gradient(0deg,rgba(15,43,53,.96) 0%,rgba(15,43,53,.9) 36%,rgba(15,43,53,0) 76%)}
.group-lead h1{color:#fff;max-width:900px;font-size:clamp(2.35rem,4.3vw,3.8rem);line-height:1.12;margin:.25rem 0 .55rem}
.group-lead .lead{color:#fff;max-width:900px;font-size:clamp(1rem,1.6vw,1.15rem);line-height:1.35;margin:0}
.group-lead .eyebrow{color:#c8eff0}
.group-lead .page-art-logo{display:none}
@media(max-width:820px){.group-lead{height:380px;min-height:380px;padding:1.5rem 6vw 2rem;background-position:55% center}.group-lead::before{background:linear-gradient(0deg,rgba(15,43,53,.97) 0%,rgba(15,43,53,.88) 39%,rgba(15,43,53,0) 79%)}}

/* The short invitation sits beside the magenta Work artwork on wide screens. */
.work-lead .work-invitation{position:absolute;left:31%;top:50%;transform:translateY(-50%);width:14%;max-width:210px;margin:0;color:#9b275b;font:400 clamp(1.25rem,1.7vw,1.7rem)/1.28 var(--serif);letter-spacing:-.035em}
@media(max-width:1100px){.work-lead .work-invitation{position:static;transform:none;width:auto;max-width:560px;margin:0 0 1.2rem}}

/* A single invitation on the magenta artwork; the service introduction follows below. */
.work-hero{min-height:clamp(420px,38vw,600px);display:flex;align-items:center;justify-content:flex-end;padding:4rem clamp(1.4rem,8vw,10rem) 4rem 49%;background-color:#e71086;background-image:linear-gradient(90deg,transparent 30%,rgba(94,0,58,.2) 52%,rgba(94,0,58,.7) 100%),var(--asset-9a92b112d2,url('/optimised/fuchsia-geometry-clean.webp'));background-position:center,left center;background-size:cover,auto 100%;background-repeat:no-repeat}
.work-hero-quote{color:#fff;font:500 clamp(2rem,3.9vw,4.25rem)/1.18 var(--serif);letter-spacing:-.045em;max-width:650px;text-wrap:balance;text-shadow:0 2px 18px rgba(64,0,48,.22)}
.work-intro{padding:clamp(3.8rem,6vw,6rem) clamp(1.4rem,12vw,14rem) clamp(4rem,6vw,6rem);background:#fff}
.work-intro h1{margin:1rem 0 1.4rem}
.work-intro .lead{max-width:880px;margin:0}
@media(max-width:820px){.work-hero{min-height:460px;padding:3rem 6vw 3rem 51%;background-image:linear-gradient(90deg,transparent 25%,rgba(94,0,58,.22) 52%,rgba(94,0,58,.78) 100%),var(--asset-9a92b112d2,url('/optimised/fuchsia-geometry-clean.webp'))}.work-hero-quote{font-size:clamp(1.8rem,4.2vw,3rem)}.work-intro{padding-left:6vw;padding-right:6vw}}
@media(max-width:600px){.work-hero{min-height:540px;align-items:flex-end;justify-content:flex-start;padding:330px 6vw 2.6rem;background-image:linear-gradient(180deg,transparent 0%,transparent 48%,rgba(94,0,58,.48) 65%,rgba(94,0,58,.85) 100%),var(--asset-9a92b112d2,url('/optimised/fuchsia-geometry-clean.webp'));background-position:center,left top;background-size:cover,auto 365px}.work-hero-quote{font-size:clamp(1.8rem,7vw,2.5rem);max-width:480px}.work-intro{padding:3.8rem 6vw 4.3rem}}

/* Mobile banners share a compact visual rhythm. The home motif is cropped by
   its container so its unused edge no longer adds a separate image panel. */
@media(max-width:600px){
 .hero{display:block;min-height:420px;background:#36bdca var(--asset-09fb4a28f8,url('/optimised/turquoise-geometry-clean.webp')) center/cover no-repeat}
 .hero-copy{min-height:420px;max-width:none;padding:1.5rem 6vw 1.7rem;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(90deg,rgba(170,227,232,.97) 0%,rgba(170,227,232,.91) 58%,rgba(170,227,232,.68) 100%)}
 .hero-art{display:none}
 .hero h1{font-size:clamp(2.15rem,8vw,2.65rem);line-height:1.16;margin:.65rem 0 .85rem;max-width:550px}
 .hero p{font-size:1rem;line-height:1.46;max-width:490px;margin:0}
 .hero .actions{margin-top:1.15rem;gap:.6rem 1.1rem}
 .hero .button{padding:.65rem .9rem;font-size:.85rem}
 .hero .quiet-light{font-size:.85rem}
 .group-lead{height:420px;min-height:420px}
 .work-hero{min-height:420px;padding:255px 6vw 2rem;background-position:center,left top;background-size:cover,auto 290px}
 .work-hero-quote{font-size:clamp(1.7rem,6.4vw,2.2rem)}
 .contact-lead{min-height:420px;padding-top:225px;padding-bottom:3rem;background-size:auto 205px}
 .contact-lead::before{background:linear-gradient(180deg,transparent 0 205px,rgba(106,0,64,.12) 205px 100%)}
 .motif-lead{min-height:420px}
}

/* The illustrated centre of the turquoise artwork remains visible on phones. */
@media(max-width:600px){
 .hero{background-position:72% center;background-size:auto 145%}
 .hero-copy{background:linear-gradient(90deg,rgba(170,227,232,.96) 0%,rgba(170,227,232,.88) 57%,rgba(170,227,232,.48) 100%)}
}

/* Therapy title and invitation sit within the same illustrated banner. */
.therapy-lead{min-height:420px;display:flex;flex-direction:column;justify-content:center;padding:3rem 8vw 3rem 49%;background:#fff var(--asset-7d448e7e99,url('/optimised/pink-geometry-white.webp')) left center/auto 100% no-repeat}
.therapy-lead h1{margin:.8rem 0 1rem}
.therapy-lead .lead{max-width:690px}
@media(max-width:820px){
 .therapy-lead{min-height:420px;padding:2.5rem 6vw 2.5rem 44%;background-position:left center;background-size:auto 100%}
}
@media(max-width:600px){
 .therapy-lead{min-height:420px;justify-content:flex-end;padding:2.5rem 6vw;background-image:linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.6) 49%,rgba(255,255,255,.98) 72%),var(--asset-7d448e7e99,url('/optimised/pink-geometry-white.webp'));background-size:cover,auto 100%;background-position:center,left center}
 .therapy-lead h1{margin:.45rem 0 .65rem}
 .therapy-lead .lead{font-size:clamp(1.05rem,4vw,1.3rem);line-height:1.42;margin:0}
}

/* Give the transparent brand mark a little more presence in the navigation. */
header.site-header a.brand{width:238px;flex-basis:238px}
header.site-header .brand-image{max-height:90px}
@media(max-width:1400px){header.site-header a.brand{width:200px;flex-basis:200px}header.site-header .brand-image{max-height:70px}}
@media(max-width:600px){header.site-header a.brand{width:158px;flex-basis:158px}header.site-header .brand-image{max-height:58px}}
@media(max-width:420px){header.site-header a.brand{width:136px;flex-basis:136px}header.site-header .brand-image{max-height:50px}}
@media(max-width:360px){header.site-header a.brand{width:127px;flex-basis:127px}header.site-header .brand-image{max-height:48px}}
@media(max-width:420px){.site-header .menu-toggle{font-size:0;padding:.35rem .45rem}.site-header .menu-toggle span{font-size:1.05rem}}

.footer-legal{display:flex;flex-direction:column;gap:.7rem;line-height:1.6}
.footer-legal span:first-child{max-width:76ch;color:#edf5f5;font-size:.9rem}

/* Navigation carries the header hierarchy; languages remain available but quiet. */
header.site-header nav a{color:#29243f;font-weight:700}
header.site-header nav a.active{text-decoration:underline;text-decoration-color:#c03772;text-decoration-thickness:2px;text-underline-offset:.48rem}
header.site-header .menu-toggle{background:#29243f;border-color:#29243f;color:#fff;font-weight:700}
header.site-header .menu-toggle:hover{background:#c03772;border-color:#c03772}
header.site-header .language-switcher{border-left:1px solid #d7dfe3;padding-left:.55rem;gap:.1rem}
header.site-header .language-switcher .language-switch{min-width:0;padding:.32rem .28rem;border:0;border-radius:0;background:transparent;color:#596a72;font-size:.76rem;font-weight:500;text-decoration:none}
header.site-header .language-switcher .language-switch:hover{color:#c03772;background:transparent}
header.site-header .language-switcher .language-switch.active{background:transparent;border:0;color:#29243f;font-weight:700;text-decoration:underline;text-decoration-color:#c03772;text-decoration-thickness:2px;text-underline-offset:.36rem}
@media(max-width:600px){header.site-header .language-switcher{padding-left:.32rem;gap:0}header.site-header .language-switcher .language-switch{font-size:.7rem;padding:.32rem .22rem}}
@media(max-width:420px){header.site-header .language-switcher{padding-left:.2rem}header.site-header .language-switcher .language-switch{font-size:.68rem;padding:.32rem .16rem}}

/* Approved header: aligned brand above one row of substantial page buttons. */
header.site-header{height:auto;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:116px auto;align-items:center;gap:0;padding:0 8vw;background:#fff}
header.site-header a.brand{grid-column:1;grid-row:1;width:275px;max-width:100%;height:auto;flex:none;align-self:center}
header.site-header .brand-image{width:100%;height:auto;max-height:none;object-fit:contain;object-position:left center}
header.site-header .language-switcher{grid-column:2;grid-row:1;justify-self:end;border:0;padding:0;gap:.45rem}
header.site-header nav{grid-column:1/-1;grid-row:2;display:flex;align-items:center;justify-content:space-between;gap:.375rem;position:static;top:auto;padding:4px 0 17px;background:transparent;box-shadow:none;max-height:none;overflow:visible}
header.site-header nav a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:10px 11px;border:1.5px solid #9eb9c0;border-radius:4px;color:#29243f;background:#fff;font-size:.875rem;font-weight:700;line-height:1.3;text-decoration:none;white-space:nowrap}
header.site-header nav a:hover{color:#c03772;border-color:#c03772;background:#fff}
header.site-header nav a.active:not(:last-child){color:#fff;background:#29243f;border-color:#29243f;text-decoration:none}
header.site-header nav a:last-child{margin:0;padding:10px 11px;color:#fff;background:#c03772;border-color:#c03772}
header.site-header nav a:last-child:hover{background:#9d2b5d;border-color:#9d2b5d;color:#fff}
header.site-header nav a:last-child.active{text-decoration:none}
header.site-header .menu-toggle{display:none}
html[lang="es"] header.site-header nav a,html[lang="fr"] header.site-header nav a{font-size:.82rem;padding-left:9px;padding-right:9px}
@media(max-width:1400px){
 header.site-header{display:flex;flex-wrap:wrap;min-height:0;padding:0 clamp(1.4rem,6vw,5rem);gap:.2rem}
 header.site-header a.brand{width:205px;flex:0 0 205px;min-width:0}
 header.site-header .brand-image{max-height:70px}
 header.site-header .menu-toggle{display:block;margin-left:auto;margin-right:0;min-height:44px;background:#fff;color:#29243f;border:1px solid #29243f;border-radius:4px;padding:.5rem .8rem}
 header.site-header .menu-toggle:hover{background:#29243f;color:#fff;border-color:#29243f}
 header.site-header .language-switcher{order:2;width:100%;justify-content:flex-end;margin:0;padding:0 0 .65rem;gap:.35rem;border:0}
 header.site-header nav{display:none;position:absolute;top:100%;left:0;right:0;grid-column:auto;grid-row:auto;z-index:20;max-height:calc(100dvh - 100px);overflow:auto;background:#fff;box-shadow:0 15px 24px #29243f25;padding:1rem clamp(1.4rem,6vw,5rem);flex-direction:row;flex-wrap:wrap;align-items:flex-start;justify-content:flex-start;gap:.55rem}
 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{font-size:.9rem;min-height:44px;padding:10px 13px;border:1.5px solid #9eb9c0}
 header.site-header nav a:last-child{margin:0;padding:10px 13px;border-color:#c03772}
}
@media(max-width:600px){
 header.site-header{padding:0 6vw}
 header.site-header a.brand{width:176px;flex-basis:176px}
 header.site-header .brand-image{max-height:64px}
 header.site-header .menu-toggle{min-width:44px;width:44px;padding:.35rem;font-size:0}
 header.site-header .menu-toggle span{font-size:1.1rem}
 header.site-header .language-switcher{padding-bottom:.65rem}
 header.site-header nav{padding:1rem 6vw}
}
@media(max-width:360px){header.site-header a.brand{width:155px;flex-basis:155px}}

/* Socioanalysis: the supplied spiral artwork, with a clear reading field. */
.socioanalysis-lead{min-height:clamp(440px,38vw,560px);display:flex;flex-direction:column;justify-content:center;background:#fff var(--asset-33e182205e,url('/optimised/socioanalysis-background.webp')) center 52%/cover no-repeat}
.socioanalysis-lead h1{max-width:min(760px,55vw);color:#29243f}
.socioanalysis-lead .lead{max-width:min(690px,53vw);color:#344e54}
.socioanalysis-lead .eyebrow{color:#a92c69}
@media(max-width:820px){
 .socioanalysis-lead{min-height:430px;background-image:linear-gradient(90deg,rgba(255,255,255,.96),rgba(255,255,255,.86) 47%,rgba(255,255,255,.08)),var(--asset-33e182205e,url('/optimised/socioanalysis-background.webp'));background-position:center,58% center;background-size:cover,cover}
 .socioanalysis-lead h1,.socioanalysis-lead .lead{max-width:60vw}
}
@media(max-width:600px){
 .socioanalysis-lead{display:block;min-height:0;padding:265px 6vw 4rem;background-image:var(--asset-33e182205e,url('/optimised/socioanalysis-background.webp'));background-position:right top;background-size:auto 245px;background-color:#fff}
 .socioanalysis-lead h1,.socioanalysis-lead .lead{max-width:100%}
}

/* The Practice and Therapy banners: retain the full supplied artwork and swap the magenta illustration. */
.work-hero{
  min-height:0;
  aspect-ratio:16/9;
  height:auto;
  display:flex;
  align-items:flex-start;
  justify-content:flex-end;
  padding:clamp(3rem,10vw,11rem) 7vw 2rem 51%;
  background:#fff var(--asset-2652a72b85,url('/optimised/work-banner-blue-line.webp')) center center/100% 100% no-repeat;
}
.work-hero-quote{
  color:#29243f;
  font-size:clamp(2rem,3.3vw,3.7rem);
  text-shadow:none;
}
.therapy-lead{
  min-height:clamp(430px,38vw,590px);
  padding:3rem 8vw 3rem 49%;
  background-color:#d80b80;
  background-image:linear-gradient(90deg,transparent 28%,rgba(103,0,73,.16) 52%,rgba(103,0,73,.54) 100%),var(--asset-9a92b112d2,url('/optimised/fuchsia-geometry-clean.webp'));
  background-position:center,left center;
  background-size:cover,auto 100%;
  background-repeat:no-repeat;
}
.therapy-lead .eyebrow,.therapy-lead h1,.therapy-lead .lead{color:#fff}
@media(max-width:820px){
 .work-hero{min-height:0;padding:8vw 6vw 2rem 52%;background-position:center;background-size:100% 100%}
 .work-hero-quote{font-size:clamp(1.65rem,4vw,2.5rem)}
 .therapy-lead{min-height:440px;padding:2.5rem 6vw 2.5rem 46%;background-image:linear-gradient(90deg,transparent 25%,rgba(103,0,73,.28) 54%,rgba(103,0,73,.66) 100%),var(--asset-9a92b112d2,url('/optimised/fuchsia-geometry-clean.webp'));background-position:center,left center;background-size:cover,auto 100%}
}
@media(max-width:600px){
 .work-hero{aspect-ratio:auto;min-height:0;display:block;padding:60vw 6vw 3rem;background:#fff var(--asset-2652a72b85,url('/optimised/work-banner-blue-line.webp')) center top/100% auto no-repeat}
 .work-hero-quote{color:#29243f;font-size:clamp(1.8rem,7vw,2.5rem);max-width:100%}
 .therapy-lead{min-height:0;padding:285px 6vw 3rem;justify-content:flex-end;background-color:#cf087b;background-image:var(--asset-9a92b112d2,url('/optimised/fuchsia-geometry-clean.webp'));background-position:left top;background-size:auto 285px}
 .therapy-lead h1,.therapy-lead .lead,.therapy-lead .eyebrow{color:#fff}
}

/* Keep the invitation in the image on phones, clear of the left-hand motif. */
@media(max-width:600px){
 .work-hero{aspect-ratio:16/9;min-height:0;display:flex;align-items:flex-start;justify-content:flex-end;padding:5vw 5vw 0 51%;background:#fff var(--asset-2652a72b85,url('/optimised/work-banner-blue-line.webp')) center center/100% 100% no-repeat}
 .work-hero-quote{font-size:clamp(1rem,4.4vw,1.55rem);line-height:1.15;max-width:100%;color:#29243f;margin:0}
}

/* Upcoming Events: approved two-colour text over the supplied spiral artwork. */
.events-lead{
  aspect-ratio:16/9;
  min-height:0;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  padding:3rem 8vw;
  border-bottom:0;
  background-color:#29243f;
  background-image:linear-gradient(90deg,rgba(29,33,68,.26),transparent 60%),var(--asset-eb7b716892,url('/optimised/events-spiral-clean.webp'));
  background-size:cover,100% 100%;
  background-position:center,center;
  background-repeat:no-repeat;
}
.events-lead .eyebrow{color:#ffc37b;font-size:.82rem;letter-spacing:.18em}
.events-lead h1{color:#aae3e8;max-width:600px;font-size:clamp(3rem,5.2vw,5.6rem);line-height:1.12;margin:1.3rem 0 1.5rem}
.events-lead .lead{color:#aae3e8;max-width:540px;font-size:clamp(1.15rem,1.7vw,1.5rem);line-height:1.5}
@media(max-width:900px){
 .events-lead{aspect-ratio:auto;min-height:480px;background-size:cover,auto 100%;background-position:center,center}
 .events-lead h1,.events-lead .lead{max-width:52%}
}
@media(max-width:600px){
 .events-lead{height:520px;min-height:0;justify-content:flex-end;padding:0 6vw 2.6rem;background-image:linear-gradient(180deg,rgba(29,33,68,0) 0%,rgba(29,33,68,.38) 43%,rgba(29,33,68,.92) 78%,#1d2144 100%),var(--asset-eb7b716892,url('/optimised/events-spiral-clean.webp'));background-size:cover,auto 100%;background-position:center,60% center}
 .events-lead .eyebrow{font-size:.72rem;letter-spacing:.14em}
 .events-lead h1{font-size:clamp(2.2rem,10.7vw,2.6rem);max-width:100%;margin:.7rem 0 .9rem}
 .events-lead .lead{max-width:100%;font-size:1.1rem;line-height:1.4}
}

/* Therapy: calmer brand-palette version of the inherited geometric motif. */
.therapy-lead{
  min-height:clamp(430px,38vw,590px);
  padding:3rem 8vw 3rem 49%;
  background-color:#60a8a6;
  background-image:var(--asset-3faf7741eb,url('/optimised/therapy-turquoise-geometry.webp'));
  background-position:left center;
  background-size:auto 100%;
  background-repeat:no-repeat;
}
.therapy-lead .eyebrow,.therapy-lead h1,.therapy-lead .lead{color:#29243f}
@media(max-width:820px){
 .therapy-lead{min-height:440px;padding:2.5rem 6vw 2.5rem 46%;background-image:var(--asset-3faf7741eb,url('/optimised/therapy-turquoise-geometry.webp'));background-position:left center;background-size:auto 100%}
}
@media(max-width:600px){
 .therapy-lead{min-height:0;padding:280px 6vw 3rem;justify-content:flex-end;background-image:var(--asset-3faf7741eb,url('/optimised/therapy-turquoise-geometry.webp'));background-position:left top;background-size:auto 250px}
 .therapy-lead .eyebrow,.therapy-lead h1,.therapy-lead .lead{color:#29243f}
}

/* Centre the Practice invitation within the clear half of its banner. */
.work-hero{align-items:center;justify-content:center;padding:0 7vw 0 51%}
.work-hero-quote{text-align:center;margin:0;max-width:650px}
@media(max-width:820px){.work-hero{align-items:center;justify-content:center;padding:0 5vw 0 51%}}
@media(max-width:600px){
 .work-hero{aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;padding:0 4vw 0 50%}
 .work-hero-quote{font-size:clamp(1rem,4.2vw,1.45rem);line-height:1.15;text-align:center}
}

/* Distinct yet quiet type hierarchy on the Therapy banner. */
.therapy-lead .eyebrow{align-self:flex-start;display:inline-block;background:#aae3e8;color:#29243f;border-left:4px solid #c03772;padding:.42rem .7rem;letter-spacing:.15em}
.therapy-lead h1{color:#29243f}
.therapy-lead .lead{color:#29243f;max-width:620px}

/* Shenzhen 2027: editorial information panel and the supplied CASSGO artwork. */
.shenzhen-event{background:#fff;padding-top:clamp(2.5rem,5vw,5rem);padding-bottom:clamp(2.5rem,5vw,5rem)}
.shenzhen-flyer{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(1.3rem,3vw,3.5rem);max-width:1420px;margin:auto;align-items:stretch}
.shenzhen-copy{border-left:6px solid #2288a6;padding:clamp(1.5rem,3vw,3.5rem);background:#f9fbfb;display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.shenzhen-copy .eyebrow{font-size:.86rem;color:#2288a6;letter-spacing:.13em}
.shenzhen-kicker{color:#465c70;font-size:clamp(.95rem,1.25vw,1.25rem);font-weight:700;text-transform:uppercase;letter-spacing:.045em;margin:1rem 0 0}
.shenzhen-copy h2{font-size:clamp(2.1rem,4.3vw,5rem);line-height:1.06;letter-spacing:-.035em;color:#29243f;margin:clamp(1.3rem,2vw,2.1rem) 0 1rem;max-width:12ch}
.shenzhen-subtitle{font-family:var(--serif);font-size:clamp(1.25rem,1.9vw,2rem);line-height:1.3;color:#2288a6;max-width:24ch;margin:.5rem 0 2rem}
.shenzhen-dates{border-top:3px solid #c03772;width:100%;margin-top:auto;padding-top:1.2rem;display:grid;gap:.5rem}
.shenzhen-dates p{display:flex;justify-content:space-between;gap:.7rem 1.25rem;align-items:baseline;margin:0;padding:.6rem .75rem;background:#e3f5f6;color:#29243f}
.shenzhen-dates strong{font-size:clamp(.96rem,1.35vw,1.25rem)}
.shenzhen-dates span{font-size:clamp(.88rem,1.05vw,1.05rem);text-align:right}
.shenzhen-art{min-height:clamp(460px,49vw,810px);background-color:#29243f;background-image:var(--asset-43d0ef4a97,url('/optimised/shenzhen-2027-flyer.webp'));background-repeat:no-repeat;background-size:320% auto;background-position:87% 50%;border-left:6px solid #c03772}
.shenzhen-details{max-width:1420px;margin:2rem auto 0;display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.5rem,5vw,5rem);color:#3d4651}
.shenzhen-details h3{font-size:clamp(1.3rem,1.8vw,1.8rem);color:#29243f;margin:0 0 .75rem}
.shenzhen-details p{line-height:1.65;max-width:66ch;margin:0 0 1rem}
.shenzhen-actions{display:flex;flex-wrap:wrap;gap:.6rem 1.5rem}
.shenzhen-event + .events-section{border-top:1px solid #d9e6e7}
@media(max-width:850px){.shenzhen-flyer{grid-template-columns:1fr 42%;gap:1rem}.shenzhen-copy{padding:1.5rem}.shenzhen-art{min-height:570px;background-size:400% auto;background-position:87% 50%}.shenzhen-dates p{display:block}.shenzhen-dates span{display:block;text-align:left;margin-top:.25rem}}
@media(max-width:620px){.shenzhen-event{padding-left:5vw;padding-right:5vw}.shenzhen-flyer,.shenzhen-details{grid-template-columns:1fr}.shenzhen-copy{padding:1.5rem 1.2rem}.shenzhen-copy h2{max-width:none}.shenzhen-art{min-height:0;aspect-ratio: .82;background-size:260% auto;background-position:88% 50%;order:-1}.shenzhen-dates p{display:flex}.shenzhen-dates span{text-align:right}.shenzhen-details{margin-top:1.5rem}}
@media(max-width:380px){.shenzhen-dates p{display:block}.shenzhen-dates span{text-align:left}}

/* Preserve the complete original CASSGO poster in the flyer art panel. */
.shenzhen-art{display:block;min-height:0;aspect-ratio:auto;background:#0f3449;border-left:6px solid #c03772;overflow:hidden;align-self:stretch}
.shenzhen-art img{display:block;width:100%;height:100%;object-fit:contain;object-position:center top}
.shenzhen-art:focus-visible{outline:3px solid #c03772;outline-offset:3px}
@media(max-width:850px){.shenzhen-art{min-height:0}}
@media(max-width:620px){.shenzhen-art{min-height:0;aspect-ratio:auto;order:-1}.shenzhen-art img{height:auto}}

.shenzhen-copy h2{max-width:none;font-size:clamp(2rem,3.6vw,4.3rem)}
.shenzhen-subtitle{max-width:36ch;font-size:clamp(1.15rem,1.55vw,1.6rem)}
.shenzhen-dates p{display:grid;grid-template-columns:minmax(140px,.85fr) minmax(0,1.15fr);align-items:start}
.shenzhen-dates span{text-align:left}
@media(max-width:850px){.shenzhen-dates p{display:block}}
@media(max-width:620px){.shenzhen-dates p{display:grid;grid-template-columns:minmax(120px,.8fr) minmax(0,1.2fr)}.shenzhen-dates span{text-align:left}}
@media(max-width:420px){.shenzhen-dates p{display:block}}

/* Writing invitation: publication artwork retains its full composition at every size. */
.substack-feature{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(1.5rem,5vw,4.5rem);align-items:center;background:var(--white);border-block:1px solid var(--line)}
.substack-art{min-width:0;border-radius:8px;overflow:hidden}.substack-art img{display:block;width:100%;height:auto}
.substack-copy{min-width:0}.substack-copy h2{margin:.65rem 0}.substack-byline{font-size:.9rem;color:var(--muted)}.substack-actions{display:flex;align-items:center;flex-wrap:wrap;gap:1.1rem;margin-top:1.6rem}.substack-actions .button{white-space:normal;text-align:center}
@media(max-width:820px){.substack-feature{grid-template-columns:1fr}.substack-art{max-width:600px}.substack-actions{align-items:flex-start}}

.substack-pieces{background:var(--paper)}.substack-pieces-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:1.5rem;max-width:1100px}.substack-post-embed{min-width:0;width:100%;max-width:100%;padding:1.5rem;background:var(--white);border:1px solid var(--line);border-radius:8px;overflow-wrap:anywhere}.substack-post-embed p:first-child{font-family:var(--serif);font-size:1.25rem;line-height:1.5}.substack-post-embed a{font-weight:600}.substack-pieces iframe{max-width:100%!important;min-width:0}

/* 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}