:root{
 color-scheme:dark;--bg:#080a0b;--panel:#101315;--panel-soft:#141819;--ink:#f2f0e8;--muted:#a3aaa0;--subtle:#737d72;--line:#ffffff1b;--acid:#d3ff69;--metal:#d2c9b4;--cyan:#82e7df;--violet:#b7a0ff;--serif:Georgia,"Times New Roman",serif;--sans:Inter,Geist,system-ui,-apple-system,"Segoe UI",sans-serif;--mono:ui-monospace,SFMono-Regular,Consolas,monospace;--max:1240px
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.65 var(--sans);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
button,a,input{touch-action:manipulation}
a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--acid);outline-offset:4px}
::selection{background:var(--acid);color:#10140b}
.skip-link{position:fixed;z-index:100;top:8px;left:8px;padding:10px 14px;background:var(--acid);color:#10140b;transform:translateY(-150%)}
.skip-link:focus{transform:none}
.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{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:clamp(16px,3vw,42px);min-height:74px;padding:0 max(22px,calc((100vw - var(--max))/2));border-bottom:1px solid #ffffff12;background:#080a0be8;backdrop-filter:blur(18px)}
.brand{display:flex;align-items:center;gap:10px;flex-shrink:0}
.brand svg{width:35px;height:35px;color:var(--acid)}
.brand>span{display:flex;flex-direction:column;line-height:1.1}
.brand strong{font-size:12px;font-weight:750;letter-spacing:.14em}
.brand small{margin-top:5px;color:#848b80;font:8px var(--mono);letter-spacing:.12em}
.brand em{padding:3px 5px;border:1px solid #d3ff6940;color:var(--acid);font:9px var(--mono);font-style:normal;letter-spacing:.12em}
.desktop-nav{display:flex;align-items:center;gap:clamp(13px,2vw,28px);margin-left:auto}
.desktop-nav a,.header-contact{font-size:11px;color:#a5ada2;transition:color .2s}
.desktop-nav a:hover,.desktop-nav a[aria-current],.header-contact:hover{color:var(--ink)}
.header-contact{display:flex;align-items:center;gap:8px;white-space:nowrap}
.header-contact span{color:var(--acid)}
.hero{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);align-items:center;gap:clamp(24px,5vw,78px);width:min(var(--max),calc(100% - 48px));min-height:620px;margin:auto;padding:clamp(58px,8vw,104px) clamp(0px,2.3vw,28px) 80px;border-bottom:1px solid var(--line);overflow:hidden}
.hero:before{position:absolute;z-index:-1;inset:-10% auto auto -15%;width:70%;height:115%;background:radial-gradient(ellipse at center,#b6d45e0c,transparent 65%);content:"";pointer-events:none}
.eyebrow{display:flex;align-items:center;gap:9px;margin:0 0 21px;color:var(--acid);font:10px/1.6 var(--mono);letter-spacing:.15em;text-transform:uppercase}
.pulse{width:6px;height:6px;border-radius:50%;background:var(--acid);box-shadow:0 0 15px #d3ff6970}
.slash{color:#6d766b}
.hero h1{max-width:800px;margin:0;font-size:clamp(48px,6vw,84px);font-weight:470;line-height:.99;letter-spacing:-.075em}
.hero h1 em,.section-head h2 em,.closing h2 em{font-family:var(--serif);font-weight:400;color:var(--metal);letter-spacing:-.07em}
.hero-lede{max-width:590px;margin:24px 0 0;color:#b1b8ae;font-size:clamp(14px,1.3vw,17px);line-height:1.85}
.hero-actions,.closing-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:27px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:46px;padding:0 16px;border:1px solid transparent;border-radius:3px;font-size:11px;font-weight:700;transition:transform .2s,border-color .2s,background .2s}
.button:hover{transform:translateY(-2px)}
.button-primary{background:var(--acid);color:#11150d}
.button-primary:hover{background:#e1ff99}
.button-quiet{border-color:var(--line);background:#ffffff03;color:var(--ink)}
.button-quiet:hover{border-color:#d3ff6965}
.button span{color:inherit}
.hero-foot{margin:23px 0 0;color:#777f75;font:9px/1.8 var(--mono);letter-spacing:.09em}
.hero-foot span{margin:0 6px;color:#4c554b}
.hero-art{position:relative;display:grid;place-items:center;min-height:420px;isolation:isolate}
.hero-art:before{position:absolute;z-index:-2;inset:10%;border-radius:50%;background:radial-gradient(circle,#9bc85c18,transparent 68%);filter:blur(18px);content:""}
.network-map{position:relative;width:min(100%,490px);height:auto;filter:drop-shadow(0 18px 44px #b7e6740d);animation:network-drift 11s ease-in-out infinite}
.art-ring{position:absolute;top:48%;left:50%;border:1px solid #d3ff6925;border-radius:50%;pointer-events:none}
.ring-a{width:100%;height:37%;transform:translate(-50%,-50%) rotate(-30deg)}
.ring-b{width:73%;height:94%;transform:translate(-50%,-50%) rotate(29deg)}
.ring-c{width:92%;height:76%;border-style:dashed;opacity:.5;transform:translate(-50%,-50%) rotate(48deg)}
.art-caption{position:absolute;right:0;bottom:1px;display:grid;gap:7px;text-align:right}
.art-caption>span{color:#77806f;font:9px var(--mono);letter-spacing:.14em}
.art-caption strong{font-size:11px;font-weight:500;color:#b9c0b2}
.art-caption strong span{color:var(--acid)}
.section-wrap{width:min(var(--max),calc(100% - 48px));margin-inline:auto}
.directory{padding:96px 0 94px}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:36px}
.section-head .eyebrow{margin-bottom:15px}
.section-head h2,.closing h2{max-width:780px;margin:0;font-size:clamp(34px,4.4vw,58px);font-weight:480;line-height:1.04;letter-spacing:-.065em}
.section-description{max-width:740px;margin:17px 0 0;color:var(--muted);font-size:13px;line-height:1.8}
.index-mark{flex-shrink:0;padding:10px 0 3px;border-top:1px solid #d3ff6970;color:#858e7b;font:10px/1.9 var(--mono);letter-spacing:.1em;text-align:right}
.directory-tools{display:grid;gap:16px;padding:17px;border:1px solid var(--line);background:linear-gradient(110deg,#ffffff05,transparent 60%),#0d1010}
.search-box{display:flex;align-items:center;gap:12px;min-height:48px;padding:0 14px;border:1px solid #ffffff20;background:#080a0b}
.search-box>span:first-child{color:var(--acid);font-size:22px;line-height:1}
.search-box input{width:100%;min-width:0;min-height:44px;border:0;background:transparent;color:var(--ink);font-size:13px}
.search-box input::placeholder{color:#747c72}
.search-box kbd{display:grid;place-items:center;width:25px;height:25px;flex-shrink:0;border:1px solid #ffffff24;color:#8c9587;font:11px var(--mono)}
.filter-list{display:flex;flex-wrap:wrap;gap:7px}
.filter-chip{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:36px;padding:0 12px;border:1px solid #ffffff20;border-radius:2px;background:#ffffff02;color:#aab1a4;font-size:11px;cursor:pointer;transition:border-color .18s,color .18s,background .18s}
.filter-chip:hover{border-color:#d3ff6950;color:var(--ink)}
.filter-chip[aria-pressed="true"]{border-color:var(--acid);background:#d3ff6910;color:var(--acid)}
.filter-chip span{color:#7c8578;font:9px var(--mono)}
.result-line{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:16px 0;color:#7e877c;font:9px var(--mono);letter-spacing:.08em}
.result-line>span:last-child{color:#5c655b}
.result-line i{color:var(--acid);font-style:normal}
.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.project-card{position:relative;display:flex;min-width:0;flex-direction:column;overflow:hidden;border:1px solid #ffffff17;background:linear-gradient(145deg,#ffffff05,transparent 58%),var(--panel);transition:border-color .22s,transform .22s,background .22s}
.project-card:hover{transform:translateY(-3px);border-color:#d3ff6965;background:linear-gradient(145deg,#ffffff08,transparent 60%),#121716}
.project-card[hidden]{display:none}
.card-art{position:relative;display:grid;place-items:center;min-height:178px;overflow:hidden;border-bottom:1px solid #ffffff13;background:#0a0d0d;isolation:isolate}
.card-art:before,.card-art:after{position:absolute;z-index:-1;inset:0;content:"";pointer-events:none}
.card-art:before{background:radial-gradient(circle at 50% 45%,#ffffff0b,transparent 58%)}
.card-art:after{background:linear-gradient(125deg,transparent 20%,#ffffff04 48%,transparent 72%)}
.card-index{position:absolute;top:16px;left:16px;color:#b4bbae;font:9px var(--mono);letter-spacing:.12em}
.card-monogram{position:relative;z-index:1;color:#f3f0e4;font-family:var(--serif);font-size:clamp(46px,5vw,72px);font-weight:400;line-height:1;letter-spacing:-.08em;text-shadow:0 5px 24px #0008}
.art-line{position:absolute;display:block;width:76%;height:1px;background:currentColor;opacity:.45;transform:rotate(-28deg)}
.line-one{top:45%;left:-5%}.line-two{top:61%;left:25%;transform:rotate(24deg)}
.tone-lime{color:var(--acid);background:radial-gradient(ellipse at 48% 55%,#d3ff6918,transparent 64%),#0a0d0b}
.tone-cyan{color:var(--cyan);background:radial-gradient(circle at 50% 50%,#82e7df1a,transparent 64%),#0a0d0e}
.tone-gold,.tone-champagne{color:#d6c395;background:radial-gradient(circle at 50% 52%,#d8c69b1b,transparent 58%),#0b0c0b}
.tone-violet{color:var(--violet);background:radial-gradient(circle at 50% 50%,#b7a0ff1a,transparent 64%),#0b0a10}
.tone-rose{color:#ee9ea9;background:radial-gradient(circle at 50% 50%,#ee9ea916,transparent 64%),#100b0e}
.tone-blue{color:#83b8ff;background:radial-gradient(circle at 50% 50%,#83b8ff1b,transparent 62%),#090c12}
.tone-ice{color:#a8dce5;background:radial-gradient(circle at 50% 50%,#a8dce51b,transparent 62%),#090e10}
.tone-copper{color:#d0a078;background:radial-gradient(circle at 50% 50%,#d0a07819,transparent 62%),#100c09}
.orbit-dot{position:absolute;top:26%;right:24%;width:9px;height:9px;border-radius:50%;background:currentColor;box-shadow:0 0 20px currentColor}
.orbit-ring{position:absolute;width:58%;height:48%;border:1px solid currentColor;border-radius:50%;opacity:.28;transform:rotate(-32deg)}
.road-mark{position:absolute;left:16%;right:12%;top:48%;height:1px;background:currentColor;opacity:.6;transform:rotate(-30deg)}
.road-mark-two{top:59%;left:34%;transform:rotate(21deg)}
.map-grid{position:absolute;inset:15% 13%;background-image:linear-gradient(#b7a0ff23 1px,transparent 1px),linear-gradient(90deg,#b7a0ff23 1px,transparent 1px);background-size:22px 22px;mask-image:radial-gradient(ellipse,#000 35%,transparent 75%);opacity:.7}
.map-pin{position:absolute;left:51%;top:43%;width:16px;height:16px;border:2px solid currentColor;border-radius:50% 50% 50% 0;transform:rotate(-45deg);box-shadow:0 0 22px #b7a0ff30}
.social-orbit{position:absolute;width:47%;height:55%;border:1px solid currentColor;border-radius:50%;transform:rotate(26deg)}
.orbit-two{width:60%;height:38%;transform:rotate(-36deg)}
.ai-node{position:absolute;z-index:1;width:9px;height:9px;border:1px solid currentColor;border-radius:50%;background:#0a0d12;box-shadow:0 0 15px #83b8ff33}
.node-a{top:28%;left:31%}.node-b{top:60%;right:29%}.node-c{top:36%;right:22%;width:5px;height:5px}
.ai-links{position:absolute;width:49%;height:35%;border-top:1px solid currentColor;border-bottom:1px solid currentColor;opacity:.3;transform:rotate(-31deg)}
.gold-disc{position:absolute;width:102px;height:102px;border:1px solid currentColor;border-radius:50%;box-shadow:inset 0 0 36px #d8c69b11,0 0 50px #d8c69b10}
.gold-spark{position:absolute;width:6px;height:6px;background:currentColor;box-shadow:0 0 15px currentColor;transform:translate(35px,-38px) rotate(45deg)}
.shield-shape{position:absolute;width:72px;height:86px;border:1px solid currentColor;clip-path:polygon(50% 0,93% 17%,85% 69%,50% 100%,15% 69%,7% 17%);background:linear-gradient(180deg,#a8dce50d,transparent)}
.growth-bars{position:absolute;bottom:25%;left:28%;width:45%;height:34%;border-bottom:1px solid currentColor;border-left:1px solid currentColor;background:linear-gradient(to top, currentColor 0 17%,transparent 17% 100%);opacity:.65;clip-path:polygon(0 100%,0 70%,18% 70%,18% 42%,38% 42%,38% 54%,58% 54%,58% 15%,80% 15%,80% 0,100% 0,100% 100%)}
.video-frame{position:absolute;width:58%;height:49%;border:1px solid currentColor;transform:rotate(-10deg)}
.frame-two{width:47%;height:41%;transform:rotate(12deg);opacity:.35}
.card-body{display:flex;flex:1;flex-direction:column;padding:21px 21px 18px}
.card-type{color:#8f998a;font:9px var(--mono);letter-spacing:.12em;text-transform:uppercase}
.card-body h3{margin:13px 0 8px;font-size:16px;font-weight:650;letter-spacing:-.025em;line-height:1.3}
.card-body p{min-height:50px;margin:0 0 21px;color:#a6afa2;font-size:12px;line-height:1.75}
.project-link{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;margin-top:auto;padding-top:12px;border-top:1px solid #ffffff17;color:var(--acid);font-size:11px;font-weight:650}
.project-link span{font-size:15px;transition:transform .2s}
.project-link:hover span{transform:translate(2px,-2px)}
.empty-state{padding:24px;border:1px dashed #ffffff28;color:var(--muted);text-align:center}
.empty-state[hidden]{display:none}
.integrity-note{margin:20px 0 0;padding:14px 16px;border-left:2px solid #d3ff6960;background:#ffffff03;color:#929b8e;font-size:11px;line-height:1.75}
.integrity-note strong{color:#d0d7c8;font-weight:600}
.closing{display:grid;grid-template-columns:190px minmax(0,1fr);align-items:center;gap:clamp(22px,5vw,72px);padding:68px 0 78px;border-top:1px solid var(--line)}
.closing-emblem{display:grid;place-items:center;width:160px;height:160px;border:1px solid #d3ff6925;border-radius:50%;background:radial-gradient(circle,#d3ff690c,transparent 70%)}
.closing-emblem svg{width:110px;color:#c7ed81;opacity:.9}
.closing .eyebrow{margin-bottom:13px}
.closing h2{font-size:clamp(39px,5vw,63px)}
.closing p:not(.eyebrow){max-width:700px;color:var(--muted);font-size:13px;line-height:1.8}
.contact-line a{color:var(--acid);text-underline-offset:4px}
.privacy-strip{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:24px max(24px,calc((100vw - var(--max))/2));border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#ffffff02}
.privacy-strip>div:first-child{max-width:780px}
.privacy-label{display:block;margin-bottom:7px;color:#9ba78b;font:9px var(--mono);letter-spacing:.13em}
.privacy-strip strong{font-size:12px;font-weight:600}
.privacy-strip p{margin:5px 0 0;color:#858e81;font-size:10px;line-height:1.7}
.consent-control{display:flex;align-items:center;gap:12px;flex-shrink:0}
.consent-control>span{color:#8e9789;font-size:10px}
.consent-control button{display:inline-flex;align-items:center;gap:9px;min-height:42px;padding:0 13px;border:1px solid #d3ff6960;border-radius:2px;background:#d3ff6908;color:var(--acid);font-size:11px;cursor:pointer}
.consent-control button i{width:6px;height:6px;border-radius:50%;background:#75806d}
.consent-control button[aria-pressed="true"] i{background:var(--acid);box-shadow:0 0 12px #d3ff6980}
.site-footer{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;width:min(var(--max),calc(100% - 48px));margin:auto;padding:27px 0 35px}
.site-footer>p{margin:0;color:#838c80;font-size:10px}
.site-footer nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:15px}
.site-footer nav a{color:#969f91;font-size:10px}
.site-footer nav a:hover{color:var(--acid)}
.copyright{grid-column:1/-1;color:#5f685c;font:9px var(--mono);letter-spacing:.06em}
@keyframes network-drift{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-8px) rotate(1deg)}}
@media(max-width:980px){.desktop-nav{gap:14px}.desktop-nav a{font-size:10px}.hero{min-height:560px;grid-template-columns:minmax(0,1fr) minmax(240px,.8fr)}.hero h1{font-size:clamp(45px,6.3vw,70px)}.hero-art{min-height:330px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card-body p{min-height:0}}
@media(max-width:700px){.site-header{min-height:65px;gap:12px;padding:0 17px}.brand svg{width:30px;height:30px}.brand strong{font-size:11px}.brand small{font-size:7px}.brand em{font-size:8px}.desktop-nav{display:none}.header-contact{margin-left:auto;font-size:10px}.hero,.section-wrap{width:calc(100% - 34px)}.hero{grid-template-columns:1fr;gap:18px;min-height:0;padding:60px 0 55px}.hero h1{font-size:clamp(43px,11.5vw,66px)}.hero-lede{font-size:14px}.hero-art{min-height:280px;width:min(100%,390px);margin:0 auto}.network-map{width:min(100%,360px)}.art-caption{right:0;bottom:0}.hero-foot{font-size:8px}.directory{padding:63px 0 62px}.section-head{align-items:start}.section-head h2{font-size:clamp(33px,8vw,46px)}.index-mark{font-size:8px}.directory-tools{padding:12px}.filter-list{gap:6px}.filter-chip{min-height:40px;padding:0 10px;font-size:10px}.result-line{align-items:start;flex-direction:column;gap:5px;margin:14px 0}.project-grid{grid-template-columns:1fr;gap:11px}.project-card{display:grid;grid-template-columns:112px minmax(0,1fr);min-height:0}.card-art{min-height:100%;height:100%;border-bottom:0;border-right:1px solid #ffffff13}.card-index{top:9px;left:8px;font-size:7px;letter-spacing:.04em}.card-monogram{font-size:45px}.card-body{padding:15px 13px 12px}.card-type{font-size:8px;letter-spacing:.05em}.card-body h3{font-size:13px;margin:8px 0 5px;overflow-wrap:anywhere}.card-body p{font-size:11px;line-height:1.55;margin-bottom:12px}.project-link{min-height:42px;padding-top:8px;font-size:10px}.line-one,.line-two{width:120%}.orbit-ring{width:80%;height:45%}.gold-disc{width:74px;height:74px}.shield-shape{width:53px;height:64px}.integrity-note{font-size:10px}.closing{grid-template-columns:66px minmax(0,1fr);gap:18px;padding:48px 0 56px}.closing-emblem{width:62px;height:62px}.closing-emblem svg{width:44px}.closing h2{font-size:clamp(35px,8.5vw,49px)}.closing-actions{margin-top:17px}.button{min-height:44px;padding:0 12px;font-size:10px}.privacy-strip{align-items:start;flex-direction:column;gap:16px;padding:21px 17px}.consent-control{width:100%;justify-content:space-between}.site-footer{width:calc(100% - 34px);grid-template-columns:1fr;gap:13px;padding:24px 0 30px}.site-footer nav{justify-content:flex-start;gap:14px}.copyright{grid-column:auto}.section-head .index-mark{padding-top:7px}}
@media(max-width:380px){.project-card{grid-template-columns:94px minmax(0,1fr)}.card-monogram{font-size:38px}.card-body{padding:13px 10px}.hero-actions{align-items:stretch;flex-direction:column}.hero-actions .button{justify-content:space-between}.closing{grid-template-columns:1fr}.closing-emblem{display:none}.consent-control{align-items:flex-start;flex-direction:column}.index-mark{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}