@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;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%),url('/hero.png') 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%),url('/hero.png') 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%),url('/andean-hummingbird-clean.png');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)),url('/andean-hummingbird-clean.png');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 url('/turquoise-geometry-clean.png') 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)),url('/plum-geometry-clean.png') 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)),url('/andean-hummingbird-clean.png');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%),url('/hero.png')}
.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)),url('/plum-geometry-clean.png')}
@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 url('/hero-light.png') 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%),url('/andean-hummingbird-clean.png');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)),url('/plum-geometry-clean.png');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)),url('/andean-hummingbird-clean.png');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 url('/turquoise-geometry-clean.png') 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 url('/plum-geometry-clean.png') 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:url('/plum-geometry-clean.png')}
.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 url('/turquoise-geometry-clean.png') 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 url('/pink-geometry-white.jpg') 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 url('/fuchsia-geometry-clean.png') 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}}
