@font-face{font-family:Jakarta;src:url('/fonts/plus-jakarta-sans-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Jakarta;src:url('/fonts/plus-jakarta-sans-500.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:Jakarta;src:url('/fonts/plus-jakarta-sans-700.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:Jakarta;src:url('/fonts/plus-jakarta-sans-800.woff2') format('woff2');font-weight:800;font-display:swap}
@font-face{font-family:JetBrains;src:url('/fonts/jetbrains-mono-400.woff2') format('woff2');font-weight:400;font-display:swap}
:root{--ink:#11120f;--panel:#1c1d18;--paper:#eeeae0;--lime:#d9fc56;--muted:#8e9288;--line:rgba(237,238,224,.21);--pad:clamp(22px,5.2vw,88px)}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:84px}
body{margin:0;background:var(--ink);color:var(--paper);font-family:Jakarta,Arial,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
button,a{-webkit-tap-highlight-color:transparent}
a{color:inherit;text-decoration:none}
button{font:inherit}
:focus-visible{outline:2px solid var(--lime);outline-offset:5px}
::selection{background:var(--lime);color:var(--ink)}
.skip-link{position:absolute;z-index:100;top:-100px;left:16px;background:var(--lime);color:var(--ink);padding:12px 18px}.skip-link:focus{top:12px}
.site-header{position:relative;z-index:30;background:var(--ink);border-bottom:1px solid var(--line)}
.header-inner{height:86px;padding:0 var(--pad);display:flex;align-items:center;gap:3vw}
.wordmark{display:inline-flex;align-items:center;gap:12px;min-width:216px}
.wordmark-symbol{font-size:48px;line-height:1;font-weight:800;letter-spacing:-.12em}.wordmark-symbol span,.footer-brand span{color:var(--lime)}
.wordmark-name{font-size:11px;line-height:1.12;font-weight:800;letter-spacing:.16em}
.desktop-nav{display:flex;align-items:center;gap:clamp(24px,3vw,54px);margin:auto;font-size:13px;font-weight:700}.desktop-nav a,.header-contact,.back-top,.footer-bottom a{transition:color .2s}.desktop-nav a:hover,.header-contact:hover,.back-top:hover,.footer-bottom a:hover{color:var(--lime)}
.header-contact{white-space:nowrap;font-weight:700;font-size:13px;border-bottom:1px solid currentColor;padding:8px 0}.header-contact span{margin-left:25px;color:var(--lime)}
.menu-toggle{display:none;background:none;border:0;color:var(--paper);padding:14px;cursor:pointer}.menu-toggle span{display:block;width:24px;height:2px;background:currentColor;margin:5px 0;transition:transform .2s}
.mobile-nav{display:none}.js .mobile-nav:not(.open){display:none!important}
.hero{position:relative;display:grid;grid-template-columns:minmax(0,1.16fr) minmax(0,.84fr);min-height:min(790px,calc(100svh - 86px));border-bottom:1px solid var(--line)}
.hero-copy{position:relative;padding:clamp(48px,5vw,88px) var(--pad) 90px;display:flex;flex-direction:column;justify-content:space-between;min-width:0}
.kicker,.section-marker,.intro-side,.project-card-top,.art-coordinate,.art-caption,.hero-rail,.principle-no{font-family:JetBrains,monospace;font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.kicker{display:flex;align-items:center;gap:13px;color:var(--paper);margin:0}.kicker-index{margin-left:auto;color:var(--muted)}.signal-dot{display:inline-block;width:7px;height:7px;border-radius:100%;background:var(--lime);box-shadow:0 0 17px var(--lime)}
h1,h2,h3,p{margin-top:0}
.hero h1{font-size:clamp(63px,7.2vw,132px);letter-spacing:-.055em;line-height:.99;font-weight:800;margin:45px -15vw 48px 0;position:relative;z-index:3;white-space:nowrap}.hero h1 em,.project-heading h2 em,.contact h2 em{font-style:normal;color:var(--lime)}.hero-period{color:var(--lime)}
.hero-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;max-width:630px}.hero-bottom p{max-width:480px;font-size:clamp(16px,1.32vw,21px);line-height:1.57;color:#c4c6bb;margin:0}.round-link{width:58px;height:58px;border-radius:50%;border:1px solid var(--paper);display:grid;place-items:center;font-size:27px;flex:none;transition:background .2s,color .2s,transform .2s}.round-link:hover{background:var(--lime);color:var(--ink);border-color:var(--lime);transform:translateY(5px)}
.hero-art{position:relative;isolation:isolate;min-height:630px;background:radial-gradient(circle at 52% 44%,#343b23 0%,#21251b 35%,#181b16 70%);border-left:1px solid var(--line);overflow:hidden;--rot:0deg;--scale:1;--core:#d9fc56}
.art-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(219,236,181,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(219,236,181,.06) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,transparent,black 20%,black 80%,transparent)}
.hero-art::after{content:'';position:absolute;inset:12%;border:1px solid rgba(216,252,86,.13);border-radius:50%;pointer-events:none}
.art-orbit{position:absolute;left:50%;top:44%;border:1px solid rgba(214,250,117,.6);border-radius:50%;transform:translate(-50%,-50%) rotate(var(--rot));transition:transform .8s cubic-bezier(.2,.75,.15,1),border-radius .8s,width .8s,height .8s;box-shadow:inset 0 0 28px rgba(216,252,86,.04),0 0 16px rgba(216,252,86,.05)}
.orbit-outer{width:min(75%,510px);aspect-ratio:1;transform:translate(-50%,-50%) rotate(calc(var(--rot) + 26deg)) scaleY(.68);border-color:rgba(216,252,86,.57)}
.orbit-middle{width:min(59%,400px);aspect-ratio:1;transform:translate(-50%,-50%) rotate(calc(var(--rot) - 38deg)) scaleY(.77);border-color:rgba(216,252,86,.82)}
.orbit-inner{width:min(41%,280px);aspect-ratio:1;transform:translate(-50%,-50%) rotate(calc(var(--rot) + 55deg)) scaleY(.86);border-color:rgba(216,252,86,.44)}
.art-core{position:absolute;left:50%;top:44%;width:clamp(100px,12vw,184px);aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%) scale(var(--scale));background:radial-gradient(circle at 31% 24%,#f6ffbc,var(--core) 45%,#7ea135 77%,#3f5d1d);box-shadow:0 0 80px rgba(204,255,92,.23),0 0 160px rgba(204,255,92,.1),inset -20px -22px 40px rgba(32,52,12,.36);display:grid;place-items:center;transition:transform .8s,background .8s}.art-core span{font-size:clamp(66px,8vw,120px);line-height:1;color:rgba(22,38,9,.53);font-weight:400;transform:translateY(-8px)}
.art-satellite{position:absolute;background:var(--lime);border-radius:50%;box-shadow:0 0 20px var(--lime);transition:top .8s,left .8s}.satellite-one{width:10px;height:10px;left:15%;top:42%}.satellite-two{width:5px;height:5px;left:77%;top:62%}.art-cross{position:absolute;top:20%;right:16%;font-size:28px;color:var(--lime);font-weight:400}
.art-coordinate{position:absolute;left:32px;top:35px;color:#b6c19d}.art-caption{position:absolute;left:32px;bottom:98px;right:32px;display:flex;justify-content:space-between;color:#b6c19d}
.art-control{position:absolute;bottom:28px;right:28px;left:28px;background:var(--lime);color:var(--ink);border:0;cursor:pointer;padding:17px 21px;display:flex;justify-content:space-between;font-weight:800;font-size:13px;transition:background .2s,transform .2s}.art-control:hover{background:#edff9f;transform:translateY(-2px)}.art-control span{font-size:17px}
.hero-art[data-variant='1']{--rot:72deg;--scale:.78;--core:#f0ecbd}.hero-art[data-variant='1'] .satellite-one{left:72%;top:21%}.hero-art[data-variant='1'] .satellite-two{left:19%;top:68%}.hero-art[data-variant='2']{--rot:144deg;--scale:1.14;--core:#b9eede}.hero-art[data-variant='2'] .satellite-one{left:61%;top:73%}.hero-art[data-variant='2'] .satellite-two{left:26%;top:25%}
.hero-rail{position:absolute;left:0;right:0;bottom:0;height:48px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 var(--pad);pointer-events:none;color:#a5a99d}.hero-rail span:last-child{margin-right:43%}
.section-pad{padding:clamp(84px,10vw,164px) var(--pad)}.section-marker{display:flex;align-items:center;gap:22px;color:var(--lime);font-size:11px;margin-bottom:clamp(55px,8vw,116px)}.marker-line{height:1px;background:var(--line);flex:1}
.intro{background:var(--paper);color:var(--ink)}.intro .section-marker{color:#5d6d29}.intro .marker-line{background:rgba(17,18,15,.18)}.intro-layout{display:grid;grid-template-columns:25% 1fr;gap:25px}.intro-side{padding-top:16px;color:#68705b}.intro h2,.project-heading h2,.contact h2{font-weight:800;letter-spacing:-.05em;line-height:1.03}.intro h2{font-size:clamp(52px,6.5vw,112px);margin-bottom:34px}.intro h2 span{color:#798c47}.intro-text{font-size:clamp(18px,1.65vw,27px);line-height:1.5;max-width:710px;color:#4f5449;margin:0}
.principles{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #b7b8a9;margin-top:clamp(80px,10vw,155px)}.principle{min-height:132px;padding:22px 18px 20px 0;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid #b7b8a9;position:relative;font-size:clamp(16px,1.25vw,21px);font-weight:700}.principle:not(:first-child){padding-left:25px}.principle:last-child{border-right:0}.principle-no{font-weight:400;color:#70796b}.principle>span:last-child{position:absolute;right:24px;bottom:19px;font-size:18px;color:#738a3c}
@font-face{font-family:ZeitkoenigDisplay;src:url('/fonts/barlow-condensed-900.woff2') format('woff2');font-weight:900;font-display:swap}
.project-section{background:#1b1d18}.project-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:clamp(48px,6vw,86px)}.project-heading h2{font-size:clamp(62px,7vw,118px);margin:0}.project-heading p{max-width:220px;color:#a9aea2;line-height:1.55;font-size:15px;margin:0 0 12px}
.project-card{display:block;background:#171326;border:1px solid rgba(217,180,91,.48);overflow:hidden;transition:border-color .25s,transform .25s}.project-card:hover{border-color:#ffdc92;transform:translateY(-5px)}.project-card:focus-visible{outline-color:#ffdc92}
.project-card-top,.project-card-bottom{display:flex;justify-content:space-between}.project-card-top{padding:25px 32px;color:#d9bd86;border-bottom:1px solid rgba(217,180,91,.3)}
.project-visual{position:relative;height:clamp(270px,32vw,480px);overflow:hidden;background:#100e20}.zk-preview{position:absolute;inset:0;display:grid;place-items:center;isolation:isolate;background:radial-gradient(ellipse at 50% 53%,rgba(125,89,130,.3) 0%,rgba(41,34,62,.76) 33%,#100e20 82%)}.zk-preview::before{content:'';position:absolute;inset:clamp(14px,2.5vw,34px);border:1px solid rgba(217,180,91,.28);pointer-events:none}.zk-preview::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,220,146,.08),transparent);mask-image:linear-gradient(to bottom,transparent 10%,black 50%,transparent 90%);pointer-events:none}
.zk-preview-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;width:min(75%,650px);padding:20px 0;text-align:center}.zk-eyebrow{font-family:JetBrains,monospace;font-size:clamp(8px,.78vw,11px);letter-spacing:.23em;color:#d9b45b;white-space:nowrap}.zk-crown{width:clamp(43px,5.2vw,79px);height:auto;margin:clamp(7px,.85vw,12px) 0 clamp(4px,.65vw,9px);stroke:#ffdc92;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 12px rgba(255,220,146,.36))}.zk-crown circle{fill:#ffdc92}.zk-wordmark{display:block;width:min(100%,580px);height:auto;filter:drop-shadow(0 12px 20px rgba(0,0,0,.3))}.zk-ornament{display:flex;align-items:center;justify-content:center;gap:13px;width:min(90%,380px);margin:clamp(4px,.7vw,10px) 0;color:#d9b45b;font-size:13px}.zk-ornament span{height:1px;flex:1;background:linear-gradient(90deg,transparent,#b8912f)}.zk-ornament span:last-child{transform:rotate(180deg)}.zk-tagline{font-family:ZeitkoenigDisplay,Impact,'Arial Narrow',sans-serif;font-size:clamp(27px,4vw,60px);font-weight:900;line-height:.94;letter-spacing:.025em;color:#fff6df;text-shadow:0 3px 16px rgba(0,0,0,.3)}.zk-tagline em{font-style:normal;color:#ffdc92}
.project-card-bottom{align-items:end;padding:29px 32px 33px;gap:18px}.project-card h3{font-size:clamp(30px,3vw,52px);letter-spacing:-.065em;margin:0 0 6px;color:#fff6df}.project-card h3 span{color:#ffdc92}.project-card p{color:#ccc1d5;margin:0;line-height:1.5}.project-arrow{width:58px;height:58px;flex:none;border:1px solid #d9b45b;border-radius:50%;display:grid;place-items:center;color:#ffdc92;font-size:24px;transition:background .25s,color .25s}.project-card:hover .project-arrow{background:#ffdc92;color:#171326}
.contact{background:var(--lime);color:var(--ink);padding-bottom:clamp(95px,12vw,190px)}.contact .section-marker{color:#3c4a18}.contact .marker-line{background:rgba(17,18,15,.25)}.contact-lead{font-family:JetBrains,monospace;text-transform:uppercase;letter-spacing:.07em;font-size:12px;margin-bottom:28px}.contact h2{font-size:clamp(82px,12vw,208px);margin-bottom:clamp(58px,9vw,130px)}.contact h2 em{color:#606f2c}.contact h2 em span{color:var(--ink)}.contact-link{font-size:clamp(22px,3.2vw,55px);font-weight:700;letter-spacing:-.045em;display:flex;justify-content:space-between;gap:15px;border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);padding:22px 0;transition:padding .2s}.contact-link:hover{padding-left:12px;padding-right:12px}.contact-link span:first-child{overflow-wrap:anywhere}
.site-footer{background:var(--ink);padding:56px var(--pad) 28px}.footer-top{display:flex;align-items:start;gap:35px;padding-bottom:72px}.footer-brand{font-size:68px;line-height:1;font-weight:800;letter-spacing:-.12em;margin-right:50px}.footer-top p{font-size:17px;font-weight:700;line-height:1.35}.back-top{margin-left:auto;font-size:13px;border-bottom:1px solid currentColor;padding-bottom:7px}.footer-bottom{border-top:1px solid var(--line);padding-top:25px;display:flex;justify-content:space-between;gap:25px;font-size:12px;color:#aaaFA4}.footer-bottom nav{display:flex;flex-wrap:wrap;gap:25px}
@media(max-width:1100px){.hero{grid-template-columns:1.1fr .9fr}.hero h1{font-size:clamp(60px,7.3vw,100px)}.hero-art{min-height:590px}.hero-rail span:last-child{margin-right:39%}}
@media(max-width:760px){html{scroll-padding-top:70px}.header-inner{height:70px}.wordmark{min-width:0}.wordmark-symbol{font-size:41px}.wordmark-name{font-size:9px}.desktop-nav,.header-contact{display:none}.js .menu-toggle{display:block;margin-left:auto}.menu-toggle[aria-expanded='true'] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded='true'] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.mobile-nav{display:flex;flex-direction:column;background:var(--ink);padding:10px var(--pad) 25px;border-top:1px solid var(--line);box-shadow:0 30px 40px rgba(0,0,0,.3)}.mobile-nav a{font-size:30px;font-weight:800;letter-spacing:-.04em;padding:16px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between}.mobile-nav a span{color:var(--lime)}.hero{grid-template-columns:1fr}.hero-copy{min-height:560px;padding-top:48px;padding-bottom:48px}.hero h1{font-size:clamp(58px,10.2vw,90px);margin:56px 0 54px;white-space:normal}.hero-art{min-height:500px;border-left:0;border-top:1px solid var(--line)}.hero-rail{display:none}.hero-bottom{align-items:end}.intro-layout{grid-template-columns:1fr}.intro-side{padding:0;margin-bottom:20px}.principles{grid-template-columns:1fr}.principle,.principle:not(:first-child){min-height:100px;padding:17px 0;border-right:0;border-bottom:1px solid #b7b8a9}.principle>span:last-child{right:3px;bottom:16px}.project-heading{align-items:start;flex-direction:column}.project-heading p{max-width:330px}.project-card-top{padding:18px}.project-card-bottom{padding:22px}.project-visual{height:320px}.contact h2{font-size:clamp(76px,15vw,125px)}}
@media(max-width:430px){.hero-copy{min-height:540px}.hero h1{font-size:clamp(49px,12.9vw,61px)}.hero-bottom p{font-size:15px}.round-link{width:46px;height:46px}.hero-art{min-height:410px}.art-caption{bottom:90px}.art-control{left:18px;right:18px;bottom:18px}.intro h2{font-size:clamp(38px,10.5vw,47px)}.project-heading h2{font-size:60px}.project-card-top{font-size:9px}.project-card h3{font-size:31px}.project-card p{font-size:13px;max-width:235px}.project-arrow{width:42px;height:42px}.project-visual{height:240px}.zk-preview-content{padding:8px 0}.zk-crown{width:39px;margin:6px 0 3px}.zk-ornament{margin:2px 0}.zk-tagline{font-size:27px}.contact h2{font-size:clamp(72px,17vw,90px)}.contact-link{font-size:22px}.footer-top{gap:20px;padding-bottom:55px}.footer-brand{font-size:50px;margin-right:5px}.footer-top p{font-size:13px}.back-top{font-size:12px}.footer-bottom{flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}}