:root{--paper:#f3f1e8;--ink:#17231e;--muted:#69736b;--line:#d8d8ca;--acid:#c4df68;--serif:'Newsreader',Georgia,serif;--sans:'DM Sans',Arial,sans-serif;--mono:'DM Mono',monospace;--max:1440px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.skip-link{position:absolute;left:16px;top:-60px;background:var(--acid);padding:14px;z-index:10}.skip-link:focus{top:12px}.topbar{height:82px;max-width:var(--max);margin:auto;padding:0 6.2%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{font-size:20px;letter-spacing:-1.2px;font-weight:700}.wordmark>span:first-child{font-weight:400}.wordmark-dot{color:#86a437}.topbar nav{display:flex;gap:38px}.topbar nav a,.footer a{font-size:13px}.topbar nav a:hover,.footer a:hover,.text-link:hover,.project-link:hover{color:#66842c}.location,.eyebrow,.section-label,.project-index,.visual-kicker,.visual-caption,.art-meta,.art-foot,.hero-index,.contact-top,.footer small{font:10px var(--mono);letter-spacing:.055em}.location{color:var(--muted)}.location i{display:inline-block;width:7px;height:7px;margin-right:9px;border-radius:50%;background:#8da847}.language-picker{display:flex;align-items:center;gap:7px;color:#727b6d;font:8px var(--mono);letter-spacing:.04em}.language-picker select{min-height:40px;max-width:112px;padding:0 24px 0 9px;border:1px solid var(--line);border-radius:0;background:transparent;color:var(--ink);font:12px var(--sans);cursor:pointer}.language-picker select:focus-visible{outline:3px solid #72913b;outline-offset:2px}.hero{max-width:var(--max);margin:auto;padding:98px 6.2% 44px;position:relative}.hero-copy{max-width:760px}.eyebrow{color:#657048;margin:0 0 26px}.eyebrow span,.section-label span:first-child{color:#91a15d;margin-right:15px}.hero h1,.intro-content h2,.principles>h2,.contact h2{font-size:clamp(56px,7.1vw,102px);line-height:.98;letter-spacing:-.065em;font-weight:500;margin:0}.hero h1 em,.intro-content h2 em,.principles>h2 em,.contact h2 em,.project-main h3 em{font-family:var(--serif);font-weight:400;letter-spacing:-.055em}.hero h1 em{display:block;color:#71834a}.hero-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-top:36px}.hero-intro{max-width:370px;margin:0;color:#58625b;font-size:16px;line-height:1.65}.hero-actions{display:flex;gap:24px;align-items:center;white-space:nowrap}.button{min-height:48px;padding:0 20px;display:inline-flex;align-items:center;gap:25px;font-size:13px;font-weight:600;transition:transform .2s,background-color .2s}.button:hover{transform:translateY(-2px)}.button-dark{background:var(--ink);color:var(--paper)}.button-dark:hover{background:#34433a}.button span,.text-link span,.project-link span{font-size:17px}.text-link,.project-link{font-size:13px;font-weight:600}.hero-art{position:absolute;width:390px;height:370px;right:6.2%;top:105px;background:#e9e9dc;overflow:hidden}.hero-art:before,.hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.8%,rgba(98,111,78,.11) 50%,transparent 50.2%),linear-gradient(0deg,transparent 49.8%,rgba(98,111,78,.11) 50%,transparent 50.2%);background-size:58px 58px;mask-image:radial-gradient(ellipse,#000 10%,transparent 78%)}.art-meta,.art-foot{position:absolute;z-index:2;left:18px;right:18px;display:flex;justify-content:space-between;color:#777e6a;font-size:8px}.art-meta{top:17px}.art-foot{bottom:15px}.orbit{position:absolute;z-index:1;border:1px solid rgba(84,103,61,.3);border-radius:50%;left:50%;top:51%;transform:translate(-50%,-50%)}.orbit-one{width:165px;height:165px}.orbit-two{width:260px;height:260px}.orbit-three{width:350px;height:350px;border-style:dashed}.core{position:absolute;z-index:3;width:91px;height:91px;left:50%;top:51%;transform:translate(-50%,-50%);border-radius:50%;display:grid;place-content:center;text-align:center;background:var(--ink);color:var(--paper);font:8px var(--mono);line-height:1.5;letter-spacing:.06em}.core-star{font-size:20px;color:var(--acid);line-height:1.2}.node{position:absolute;z-index:3;display:flex;flex-direction:column;align-items:center;gap:4px;font:8px var(--mono);letter-spacing:.04em}.node small{color:#747e66;font:7px var(--mono)}.node-mark{width:30px;height:30px;display:grid;place-items:center;border:1px solid #85945e;background:var(--paper);border-radius:50%;font:12px var(--serif)}.node-cloud{top:61px;left:50%;transform:translateX(-50%)}.node-studio{left:27px;top:52%;transform:translateY(-50%)}.node-local{right:16px;top:52%;transform:translateY(-50%)}.art-cross{position:absolute;z-index:2;color:#829160;font:14px var(--mono)}.cross-a{left:62px;top:99px}.cross-b{right:73px;bottom:82px}.hero-index{display:flex;gap:16px;align-items:center;color:#727b6d;margin-top:110px}.hero-index span:nth-child(even){color:#a9b38f}.intro-section,.principles{max-width:var(--max);margin:auto;padding:104px 6.2% 58px}.section-label{display:flex;gap:20px;color:#717a6b}.intro-content{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;margin-top:49px}.intro-content h2{font-size:clamp(48px,6vw,82px)}.intro-content h2 em{color:#71834a}.intro-aside{display:flex;gap:18px;max-width:280px;align-items:flex-start;padding-bottom:7px}.asterisk{font-size:26px;color:#8da847}.intro-aside p{margin:0;color:#626b62;font-size:14px;line-height:1.7}.projects{max-width:var(--max);margin:0 auto;padding:0 6.2%}.project{min-height:360px;border-top:1px solid var(--line);padding:34px 0 38px;display:grid;grid-template-columns:1fr 1.55fr 1.12fr;gap:35px}.project:last-child{border-bottom:1px solid var(--line)}.project-index{color:#747d6b}.project-index span{display:block;margin-top:12px;color:#889074;font-size:8px}.project-main h3{font-size:clamp(36px,4vw,56px);line-height:.98;letter-spacing:-.06em;font-weight:500;margin:-6px 0 18px}.project-main h3 em{color:#71834a}.project-main p{max-width:360px;color:#626b62;font-size:14px;line-height:1.7;margin:0 0 22px}.project-link{display:inline-flex;gap:12px;align-items:center;border-bottom:1px solid #a2ad8b;padding-bottom:6px}.project-visual{position:relative;min-height:270px;overflow:hidden;display:grid;place-items:center;background:#e8e9dc}.visual-kicker,.visual-caption{position:absolute;left:17px;color:#7b846d;font-size:8px}.visual-kicker{top:16px}.visual-caption{bottom:14px}.visual-cloud{background:#e7eadd}.cloud-shape{width:145px;height:105px;position:relative;border:1px solid #9aab74;border-radius:54% 46% 58% 42%;transform:rotate(-19deg)}.cloud-shape:before,.cloud-shape:after{content:"";position:absolute;border:1px solid #9aab74;border-radius:50%}.cloud-shape:before{width:100px;height:72px;left:22px;top:14px}.cloud-shape:after{width:55px;height:55px;left:43px;top:24px;background:#c4df68}.cloud-shape i{position:absolute;width:5px;height:5px;background:#60783f;border-radius:50%;z-index:2}.cloud-shape i:nth-child(1){top:24px;left:13px}.cloud-shape i:nth-child(2){right:20px;top:10px}.cloud-shape i:nth-child(3){right:8px;bottom:23px}.visual-studio{background:#e9e5db}.paper-stack{position:relative;width:150px;height:140px}.paper-stack i{position:absolute;inset:0 10px 8px 0;border:1px solid #a5a28e;background:#f3f1e8;transform:rotate(-11deg)}.paper-stack i:nth-child(2){transform:rotate(5deg);inset:3px 0 4px 12px}.paper-stack i:nth-child(3){transform:rotate(-2deg);inset:8px 7px 0 5px;background:#e5eccd}.paper-stack b{position:absolute;left:27px;top:47px;font:18px var(--serif);font-weight:400;line-height:1}.paper-stack b small{font:8px var(--mono);color:#78815e}.visual-dgx{background:#e4e7dc}.server-stack{width:100px;height:120px;display:flex;flex-direction:column;gap:8px;justify-content:center;position:relative}.server-stack i{height:27px;border:1px solid #7c8d5a;background:#eef0e5;position:relative}.server-stack i:after{content:"";position:absolute;width:5px;height:5px;right:9px;top:10px;border-radius:50%;background:#90aa52}.server-stack span{position:absolute;font:12px var(--mono);color:#71834a;right:-45px;top:50%;transform:translateY(-50%)}.project-note{font:10px var(--mono);color:#747d6b;text-transform:uppercase}.principles{padding-top:115px;padding-bottom:116px}.principles>h2{font-size:clamp(47px,6vw,78px);margin:44px 0 56px}.principles>h2 em{color:#71834a}.principle-list{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.principle-list>div{padding:22px 28px 0 0}.principle-list>div+div{border-left:1px solid var(--line);padding-left:27px}.principle-list span{font:10px var(--mono);color:#8a9864}.principle-list h3{font-size:18px;font-weight:500;margin:20px 0 8px;letter-spacing:-.03em}.principle-list p{font-size:13px;line-height:1.65;color:#687068;max-width:280px;margin:0}.contact{background:var(--ink);color:var(--paper);padding:76px max(6.2%,calc((100% - 1260px)/2)) 80px}.contact-top{display:flex;justify-content:space-between;color:#a7b28c;font-size:9px}.contact h2{font-size:clamp(55px,7vw,92px);margin:57px 0 36px}.contact h2 em{color:var(--acid)}.button-light{background:var(--acid);color:var(--ink)}.button-light:hover{background:#d2ed7a}.footer{max-width:var(--max);margin:auto;padding:30px 6.2%;display:flex;align-items:center;justify-content:space-between;gap:20px}.footer>.wordmark{font-size:17px}.footer>span{color:#6c756c;font-size:12px}.footer>div{display:flex;gap:20px}.footer small{color:#858d80;font-size:8px}
:focus-visible{outline:3px solid #72913b;outline-offset:4px}@media(max-width:1000px){.hero-art{position:relative;top:auto;right:auto;margin:55px auto 0;width:min(100%,500px);height:370px}.hero-copy{max-width:800px}.hero-index{margin-top:34px}.hero-bottom{align-items:flex-start;flex-direction:column}.project{grid-template-columns:.7fr 1.3fr 1fr;gap:22px}.project-visual{min-height:240px}.footer{flex-wrap:wrap}.footer small{margin-left:auto}}@media(max-width:680px){html{scroll-padding-top:20px}.topbar{height:auto;min-height:68px;padding:12px 22px;display:grid;grid-template-columns:1fr auto;row-gap:9px}.wordmark{font-size:18px}.topbar nav{grid-column:1/-1;grid-row:2;gap:0;justify-content:space-between}.topbar nav a{font-size:12px}.location{display:none}.language-picker{grid-column:2;grid-row:1}.language-picker>span{display:none}.language-picker select{min-height:40px;max-width:130px}.hero{padding:68px 22px 32px}.eyebrow{font-size:9px}.hero h1{font-size:clamp(52px,14vw,78px)}.hero-intro{font-size:15px}.hero-actions{flex-wrap:wrap;gap:18px}.hero-art{height:320px;margin-top:42px}.node-local{right:8px}.node-studio{left:13px}.orbit-three{width:300px;height:300px}.hero-index{gap:9px;font-size:8px}.intro-section,.principles{padding:76px 22px 40px}.intro-content{display:block;margin-top:35px}.intro-content h2{font-size:clamp(43px,11vw,65px)}.intro-aside{margin-top:24px}.projects{padding:0 22px}.project{grid-template-columns:1fr 1fr;gap:20px;min-height:0;padding:26px 0 30px}.project-index{grid-column:1/-1}.project-main h3{font-size:clamp(34px,9vw,49px)}.project-main p{font-size:13px}.project-visual{grid-column:1/-1;min-height:220px}.principles{padding-top:85px;padding-bottom:80px}.principles>h2{font-size:clamp(42px,10vw,62px);margin:36px 0 40px}.principle-list{grid-template-columns:1fr}.principle-list>div{padding:18px 0 22px}.principle-list>div+div{border-left:0;border-top:1px solid var(--line);padding-left:0}.principle-list h3{margin:11px 0 6px}.contact{padding:54px 22px 60px}.contact-top{gap:16px;font-size:8px}.contact-top span:last-child{text-align:right}.contact h2{font-size:clamp(49px,12vw,73px);margin:50px 0 30px}.footer{padding:25px 22px;display:grid;grid-template-columns:1fr auto;gap:13px}.footer>span{grid-column:1}.footer>div{grid-column:1/-1;grid-row:2}.footer small{grid-column:2;grid-row:1;margin:0;align-self:start;text-align:right;font-size:7px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}