.global-context{padding:112px 8vw;display:grid;grid-template-columns:.45fr 1.55fr;gap:9vw;background:var(--paper);border-bottom:1px solid var(--line)}
.goal{font-family:"Playfair Display",serif;font-size:150px;line-height:.7;color:var(--gold);margin:20px 0}
.global-context h2{font-family:"Playfair Display",serif;font-size:clamp(40px,5vw,70px);line-height:1.03;margin:0 0 25px}
.global-context>div:last-child>p{max-width:700px;font-size:18px;line-height:1.7;margin-bottom:28px}
@media(max-width:620px){.global-context{grid-template-columns:1fr}.goal{font-size:100px}}

/* A quieter, guided reading experience */
body{font-size:16px;line-height:1.6}
.nav{position:fixed;background:rgba(243,240,231,.88);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:box-shadow .3s ease,background .3s ease}
.nav.scrolled{box-shadow:0 1px 0 var(--line);background:rgba(243,240,231,.96)}
.nav nav a{position:relative;padding:8px 0;font-weight:600}
.nav nav a:after{content:"";position:absolute;left:0;right:100%;bottom:2px;height:1px;background:var(--green);transition:right .25s ease}
.nav nav a:hover:after,.nav nav a:focus-visible:after{right:0}
.hero{min-height:100svh;padding-top:150px;grid-template-columns:1.2fr .8fr}
.hero h1{max-width:920px}
.intro{max-width:570px}
.button,.text-link,.email{transition:transform .25s ease,opacity .25s ease,background .25s ease}
.button:hover{transform:translateY(-2px);background:var(--green)}
.text-link:hover,.email:hover{transform:translateX(4px)}
.cards article{transition:background .3s ease,transform .3s ease}
.cards article:hover{background:rgba(255,255,255,.05);transform:translateY(-4px)}
.cards h3{font-size:clamp(1.35rem,2vw,1.75rem)}
.people article{min-height:140px}
.director-list{margin-top:64px;border-top:1px solid var(--line)}
.director-list summary{list-style:none;display:flex;justify-content:space-between;align-items:center;padding:28px 2px;cursor:pointer;text-transform:uppercase;letter-spacing:.14em;font-size:.75rem;font-weight:700}
.director-list summary::-webkit-details-marker{display:none}
.summary-action{display:flex;align-items:center;gap:14px;color:var(--green)}
.summary-action b{font-size:1.4rem;font-weight:400;transition:transform .3s ease}
.director-list[open] .summary-action b{transform:rotate(45deg)}
.director-list .people{animation:openTeam .45s ease both}
.language-switch{display:flex;align-items:center;gap:3px;border:1px solid currentColor;border-radius:100px;padding:3px;margin-left:4px}.lang-button{border:0;background:transparent;color:inherit;border-radius:100px;padding:6px 9px;font:inherit;font-size:11px;font-weight:700;cursor:pointer}.lang-button.active{background:var(--deep);color:#fff}
.email{display:grid;grid-template-columns:auto 1fr auto;gap:28px}
.email small{text-transform:uppercase;letter-spacing:.14em;font-size:.7rem;align-self:center}
.reveal,.stagger>*{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
.reveal.visible,.stagger>*.visible{opacity:1;transform:none}
.delay-1{transition-delay:.12s}
@keyframes openTeam{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal,.stagger>*,.director-list .people,.button,.text-link,.email,.cards article{transition:none;animation:none;opacity:1;transform:none}}
@media(max-width:900px){.hero{grid-template-columns:1fr}.nav{height:76px}.email{grid-template-columns:1fr auto}.email small{grid-column:1/-1}.people.executive{grid-template-columns:1fr 1fr}.language-switch{margin:4px 0 0;width:max-content}}
@media(max-width:620px){.hero{min-height:auto;padding-top:120px}.people.executive{grid-template-columns:1fr}.section-head{gap:24px;margin-bottom:48px}.director-list{margin-top:44px}.email{gap:12px}}