:root{--ink:#182c26;--muted:#506059;--paper:#f8f8f1;--line:#c9cec3;--green:#d7f799;--forest:#193c31;--type:"DM Sans","Avenir Next",Avenir,Arial,sans-serif;--mono:"IBM Plex Mono","SFMono-Regular",Consolas,monospace}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:2rem}
body{margin:0;background:var(--paper);color:var(--ink);font:1rem/1.55 var(--type);-webkit-font-smoothing:antialiased}
a{color:inherit;text-underline-offset:4px}
button,input,textarea,select{font:inherit}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #827014;outline-offset:4px}
.shell{width:min(1340px,90%);margin-inline:auto}
.site-header{border-bottom:1px solid var(--line)}
.topbar,.site-footer .shell{display:flex;align-items:center;justify-content:space-between;gap:1.6rem}
.topbar{min-height:82px}
.brand{font-family:var(--type);color:var(--ink);white-space:nowrap;font-weight:800;letter-spacing:-.084em;font-size:2rem;text-decoration:none;line-height:1}
.brand span{color:#5c7463}
.nav,.languages,.actions{display:flex;align-items:center;gap:1.4rem}
.nav a,.languages a{text-decoration:none;font-size:.86rem;font-weight:600}
.nav a:hover,.languages a:hover{text-decoration:underline}
.languages{gap:.36rem;white-space:nowrap;font-family:var(--mono)}
.languages [aria-current]{text-decoration:underline;text-underline-offset:4px}
.button,button:not([class]){display:inline-flex;align-items:center;justify-content:center;gap:1rem;min-height:46px;background:var(--forest);color:white;border:1px solid var(--forest);border-radius:5px;padding:.72rem 1.15rem;font:600 .93rem/1.25 var(--type);text-decoration:none;cursor:pointer}
.button:hover,button:not([class]):hover{background:#295540}
.button.secondary{background:transparent;border-color:#a8b4a4;color:var(--ink)}
.button.secondary:hover{background:#e7ede0}
.hero{display:grid;grid-template-columns:1.03fr 1fr;gap:5.3%;align-items:center;padding-block:clamp(3.5rem,7vw,7rem)}
.eyebrow,.figure-label,.mini-label{font:600 .72rem/1.4 var(--mono);text-transform:uppercase;letter-spacing:.095em}
.eyebrow{display:flex;align-items:center;gap:.65rem;margin:0 0 1.6rem}
.eyebrow::before{content:"";width:.63rem;height:.63rem;background:#75963a;border-radius:50%}
.hero h1{font:500 clamp(3.1rem,5.5vw,5.85rem)/.99 var(--type);letter-spacing:-.077em;margin:0;max-width:11em;text-wrap:balance}
.hero h1 em{font-family:"Instrument Serif",Baskerville,"Times New Roman",serif;font-weight:400;letter-spacing:-.063em;color:#526e51}
.hero-copy>p:not(.eyebrow){font-size:clamp(1.03rem,1.3vw,1.23rem);line-height:1.52;max-width:42ch;color:var(--muted);margin:1.65rem 0 1.8rem}
.actions{flex-wrap:wrap;gap:.8rem}
.team-art{margin:0;position:relative;overflow:hidden;isolation:isolate;aspect-ratio:1.2;background-color:#203e32;background-image:linear-gradient(#d2e5c20c 1px,transparent 1px),linear-gradient(90deg,#d2e5c20c 1px,transparent 1px),radial-gradient(ellipse at 72% 22%,#415e42,transparent 64%);background-size:8.33% 8.33%,8.33% 8.33%,100% 100%;color:#eff6db;border-radius:6px}
.figure-label{position:absolute;top:6%;left:6%;display:flex;align-items:center;gap:.65rem;color:#e6efd8;font-size:clamp(.58rem,.77vw,.76rem)}
.figure-label:before{content:"";width:1.8rem;height:1px;background:currentColor}
.orbits{position:absolute;inset:12% 6% 14%}
.orbit{position:absolute;top:13%;left:14%;width:65%;height:52%;border-radius:50%;background:repeating-radial-gradient(ellipse closest-side,#c5e49a 0 1.4%,#8fa777 1.8% 2.2%,#daedb1 2.6% 3.1%);mask-image:radial-gradient(ellipse closest-side,transparent 65%,black 66%);transform:rotate(-38deg)}
.orbit.b{top:27%;left:27%;transform:rotate(43deg);background:repeating-radial-gradient(ellipse closest-side,#95b69b 0 1.4%,#536f5b 1.8% 2.2%,#aec3a7 2.6% 3.1%)}
.orbit.c{top:44%;left:14%;transform:rotate(-32deg);background:repeating-radial-gradient(ellipse closest-side,#eaeacf 0 1.4%,#94a290 1.8% 2.2%,#e1e6cb 2.6% 3.1%)}
.team-art figcaption{position:absolute;bottom:6%;left:6%;right:6%;display:flex;align-items:center;gap:.65rem;font:500 clamp(.6rem,.89vw,.81rem)/1.4 var(--mono)}
.fig-dot{width:7px;height:7px;background:var(--green);border-radius:50%}
.method{padding:clamp(2.5rem,4.6vw,5rem) 0;border-top:1px solid var(--line)}
.home h2{font:500 clamp(2.1rem,3.65vw,3.8rem)/1.07 var(--type);letter-spacing:-.065em;margin:0 0 1.8rem;text-wrap:balance}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:3%}
.step{border-top:1px solid #9dab9c;padding:1.15rem .35rem 0 0}
.step h3{font-size:1.2rem;letter-spacing:-.034em;margin:0 0 .5rem}.step p{color:var(--muted);margin:0;max-width:39ch}
.network{background:#e1eccf;border-block:1px solid #c8d6b8}
.network .shell{padding-block:clamp(2.8rem,5.5vw,6rem);display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.network h2{margin:0}.network p{margin:0 0 1.3rem;max-width:48ch}
.site-footer{padding:1.8rem 0}.site-footer .shell{flex-wrap:wrap}.site-footer .brand{font-size:1.45rem}.site-footer a:not(.brand){font-size:.9rem}
fieldset{border:1px solid var(--line);border-radius:8px;padding:1.3rem;margin:1.2rem 0;min-width:0}
legend,label{font-weight:600}input,select,textarea{max-width:100%;color:var(--ink)}
input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]),textarea,select{display:block;border:1px solid #91a195;border-radius:4px;background:#fffef9;width:100%;padding:.72rem .8rem;min-height:44px}
textarea{resize:vertical}button{cursor:pointer} [hidden]{display:none!important}
.skip{position:absolute;left:1rem;top:-8rem;padding:1rem;background:white;z-index:5}.skip:focus{top:.5rem}
@media(max-width:800px){.hero{grid-template-columns:1fr;gap:2.2rem}.team-art{aspect-ratio:1.65;max-width:660px;width:100%}.hero h1{max-width:13ch}.orbits{inset:5% 18% 14%}.topbar{min-height:66px}.steps{gap:1.2rem}.network .shell{gap:2rem}}
@media(max-width:580px){.nav{gap:.75rem}.topbar{gap:.7rem}.home .topbar>.nav{display:none}.hero{padding-block:2.5rem}.hero h1{font-size:clamp(2.8rem,12vw,4.6rem)}.steps,.network .shell{grid-template-columns:1fr}.method{padding-block:2.5rem}.figure-label{font-size:.61rem}.site-footer .nav{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.site-footer{border-top:1px solid var(--line)}.site-footer .shell{display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.foot-links{display:flex;flex-wrap:wrap;gap:.75rem 1.3rem}.site-footer a{text-decoration:none}.foot-links a:hover{color:#526e51}.info{max-width:760px;padding-block:3.5rem}.info h1{font-size:clamp(2.5rem,6vw,4.5rem);line-height:1.05;letter-spacing:-.06em}.info section{border-top:1px solid var(--line);padding-block:1.3rem}.home .info h2{font-size:1.45rem;margin:0 0 .65rem;letter-spacing:-.03em}.info p{margin:.5rem 0}.info p a{text-decoration:underline}.info form label{display:block;margin:1rem 0}.info form input,.info form textarea{margin-top:.3rem}

.brief-example{margin:0;background:#203e32;color:#faf9ee;padding:clamp(1.4rem,3.4vw,3rem);border-radius:6px}.brief-example figcaption{font:600 .8rem var(--mono);color:#c1d79e}.home .brief-example h2{font:normal clamp(1.8rem,3vw,2.8rem)/1.1 Georgia,serif;letter-spacing:-.045em;margin:1rem 0}.brief-example dl{margin:0}.brief-example dt{border-top:1px solid #718478;margin-top:.8rem;padding-top:.65rem;color:#ccddbc;font-size:.8rem}.brief-example dd{margin:.16rem 0 0}
