:root{--bg:#0b1020;--surface:#12182a;--surface2:#192137;--text:#f2f4ef;--muted:#a8afbd;--line:rgba(255,255,255,.13);--accent:#b7f34a;--accent2:#8b72ff;--shadow:rgba(0,0,0,.3);color-scheme:dark;font-family:"DM Sans",sans-serif;scroll-behavior:smooth}
:root[data-theme=light]{--bg:#f4f3ec;--surface:#fff;--surface2:#e9e8df;--text:#141824;--muted:#636874;--line:rgba(20,24,36,.16);--accent:#76ad10;--accent2:#6750d8;--shadow:rgba(25,25,25,.12);color-scheme:light}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);line-height:1.6;overflow-x:hidden;transition:background .25s,color .25s}.noise{position:fixed;inset:0;pointer-events:none;opacity:.035;z-index:50;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}.skip-link{position:fixed;left:1rem;top:-5rem;z-index:100;background:var(--accent);color:#0b1020;padding:.7rem 1rem}.skip-link:focus{top:1rem}.site-header,footer{width:min(1200px,calc(100% - 3rem));margin:auto;display:flex;align-items:center;justify-content:space-between}.site-header{height:96px;position:relative;z-index:5}.brand{display:flex;align-items:center;gap:.6rem;color:var(--text);text-decoration:none;font:700 1rem "Space Grotesk"}.brand i{width:7px;height:7px;border-radius:50%;background:var(--accent)}nav{display:flex;gap:2rem}nav a{color:var(--muted);text-decoration:none;font-size:.9rem;transition:.2s}nav a:hover,nav a.active{color:var(--text)}.theme-toggle{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--text);font-size:1.2rem;cursor:pointer}.hero{width:min(1200px,calc(100% - 3rem));min-height:calc(100vh - 96px);margin:auto;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:4rem;padding:5rem 0 8rem}.eyebrow{font-size:.73rem;letter-spacing:.16em;font-weight:700;text-transform:uppercase;color:var(--muted);display:flex;align-items:center;gap:.8rem}.eyebrow span{width:28px;height:1px;background:var(--accent)}h1,h2,h3{font-family:"Space Grotesk",sans-serif;line-height:.98;letter-spacing:-.045em;margin:0}.hero h1{font-size:clamp(4rem,7.2vw,7rem);max-width:850px}.hero h1 em,.closing em,.mc-hero em,.not-found em{font-weight:500;color:var(--accent2)}.intro{font-size:1.12rem;color:var(--muted);max-width:610px;margin:2.2rem 0}.hero-actions{display:flex;gap:1rem;flex-wrap:wrap}.button{display:inline-flex;align-items:center;gap:2.5rem;padding:.9rem 1.2rem;border-radius:3rem;font-weight:700;text-decoration:none;border:1px solid var(--line);font:600 .9rem "DM Sans";cursor:pointer}.primary{background:var(--accent);border-color:var(--accent);color:#10140b}.ghost{color:var(--text)}.hero-visual{position:relative;display:grid;place-items:center;min-height:480px}.orb{width:min(30vw,360px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 34% 30%,#d7ff91 0,#8cb636 28%,#273617 62%,#11170b 100%);box-shadow:0 25px 90px #7a9f2a44;display:grid;place-items:center;position:relative}.core{font:600 7rem "Space Grotesk";color:#0b1020aa}.orbit{position:absolute;inset:-18%;border:1px solid var(--line);border-radius:50%;transform:rotate(25deg) scaleY(.35)}.orbit.two{inset:-35%;transform:rotate(-40deg) scaleY(.28)}.hero-visual>p{position:absolute;font:600 .7rem "Space Grotesk";letter-spacing:.18em;color:var(--muted);transform:rotate(90deg);right:-4rem}.marquee{border-block:1px solid var(--line);overflow:hidden;padding:1.3rem 0;white-space:nowrap;color:var(--muted);font:500 .8rem "Space Grotesk";letter-spacing:.14em}.marquee div{width:max-content;animation:marquee 22s linear infinite}.marquee i{color:var(--accent);margin:0 2rem}.section{width:min(1200px,calc(100% - 3rem));margin:auto;padding:9rem 0}.section-label{display:flex;gap:1rem;align-items:center;border-bottom:1px solid var(--line);padding-bottom:1.2rem;margin-bottom:5rem}.section-label span{color:var(--accent);font:600 .75rem "Space Grotesk"}.section-label p{margin:0;text-transform:uppercase;font-size:.75rem;letter-spacing:.15em}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:8rem}.about h2{font-size:clamp(3rem,5vw,5rem)}.about-copy{color:var(--muted);font-size:1.08rem}.about-copy>p:first-child{color:var(--text);font-size:1.35rem}.facts{display:flex;gap:3rem;margin-top:3.5rem;padding-top:2rem;border-top:1px solid var(--line)}.facts span{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}.facts b{display:block;color:var(--text);font:600 1.6rem "Space Grotesk";margin-bottom:.3rem}.project-list{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.project-card{position:relative;min-height:430px;padding:2.5rem;background:var(--surface);border:1px solid var(--line);border-radius:1.6rem;color:var(--text);text-decoration:none;overflow:hidden;transition:transform .25s,border-color .25s}.project-card:hover{transform:translateY(-5px);border-color:var(--accent)}.project-card.featured{grid-column:1/-1;min-height:480px;display:grid;grid-template-columns:1fr 1fr}.project-number{font:600 .68rem "Space Grotesk";letter-spacing:.12em;color:var(--accent)}.project-card h3{font-size:clamp(2.3rem,4vw,4rem);max-width:620px;margin:4rem 0 1rem}.project-card p:not(.project-number){color:var(--muted);max-width:490px}.project-link{position:absolute;bottom:2.5rem;font-size:.82rem;font-weight:700}.voxel{position:relative;display:grid;place-items:center}.voxel span{position:absolute;width:180px;height:180px;background:#75a73d;transform:rotate(30deg) skewY(-30deg) scaleY(.86);box-shadow:55px 55px 0 #4d7125,-55px -55px 0 #9bc65c}.voxel span:nth-child(2){width:90px;height:90px;background:#795238;transform:translate(100px,-100px) rotate(30deg) skewY(-30deg) scaleY(.86)}.voxel span:nth-child(3){width:55px;height:55px;background:#b7f34a;transform:translate(-100px,90px) rotate(30deg) skewY(-30deg) scaleY(.86)}.site-preview{position:absolute;right:3rem;bottom:3rem;width:45%;height:120px;border:1px solid var(--line);border-radius:.8rem;padding:1rem;display:flex;gap:.5rem}.site-preview i{display:block;width:8px;height:8px;border-radius:50%;background:var(--accent)}.site-preview i:nth-child(3){background:var(--accent2)}.asterisk{position:absolute;right:2rem;bottom:-2rem;font-size:11rem;color:var(--accent2);line-height:1}.closing{text-align:center;padding:10rem 1.5rem;background:var(--surface);border-block:1px solid var(--line)}.closing>p{color:var(--accent);font-size:.75rem;letter-spacing:.15em}.closing h2{font-size:clamp(3rem,7vw,7rem);margin:2rem 0 3rem}.closing>a{color:var(--text);text-underline-offset:8px;font-weight:700}footer{min-height:150px;border-top:0;gap:2rem;font-size:.75rem;color:var(--muted)}.mc-page{--accent:#87e86b}.mc-hero{width:min(1200px,calc(100% - 3rem));min-height:680px;margin:auto;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:4rem}.mc-hero h1{font-size:clamp(4rem,7vw,7rem);margin:1.4rem 0}.mc-copy>p:not(.eyebrow){color:var(--muted);max-width:560px;font-size:1.1rem}.server-address{display:flex;align-items:center;justify-content:space-between;max-width:520px;margin-top:2.8rem;padding:.8rem .8rem .8rem 1.3rem;background:var(--surface);border:1px solid var(--line);border-radius:1rem}.server-address small{display:block;color:var(--muted);font-size:.6rem;letter-spacing:.14em}.server-address strong{font:600 1.15rem "Space Grotesk"}.server-address button{border:0;border-radius:.7rem;padding:.85rem 1rem;background:var(--accent);color:#10200e;font-weight:700;cursor:pointer}.mc-scene{position:relative;height:520px;background:linear-gradient(#243b3c,#5e8377 65%,#547735 65%);border-radius:50% 50% 1.4rem 1.4rem;overflow:hidden}.sun{position:absolute;top:80px;right:70px;width:75px;height:75px;background:#e9edaa;box-shadow:0 0 60px #e9edaa}.block{position:absolute;width:95px;height:95px;background:#6a9346;border-top:20px solid #83b65b;box-shadow:inset -18px 0 #4d7035}.b1{left:0;bottom:0}.b2{left:95px;bottom:0}.b3{left:190px;bottom:0}.b4{left:95px;bottom:95px}.tree{position:absolute;left:56%;bottom:95px}.tree i{display:block;width:45px;height:140px;background:#6e4b30;margin:auto}.tree span{position:absolute;width:170px;height:170px;background:#315b39;left:-62px;top:-90px;box-shadow:45px -25px #416f44,-38px -35px #274b2f}.server-details{width:min(1200px,calc(100% - 3rem));margin:6rem auto 10rem;display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line)}.detail{padding:3rem 2rem;border-right:1px solid var(--line)}.detail:last-child{border:0}.detail span{color:var(--accent);font-size:.7rem}.detail h2{font-size:1.8rem;margin:2rem 0 1rem}.detail p{color:var(--muted)}.join{text-align:center;padding:10rem 1.5rem;background:linear-gradient(145deg,#19351d,#101f19);color:#f2f4ef}.join>p{color:#87e86b;font-size:.7rem;letter-spacing:.15em}.join h2{font-size:clamp(3rem,7vw,6rem);margin:1rem 0 3rem}.not-found{min-height:100vh;display:grid;place-content:center;text-align:center}.not-found h1{font-size:clamp(4rem,10vw,8rem);margin:1rem 0 3rem}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:none}@keyframes marquee{to{transform:translateX(-50%)}}@media(max-width:800px){.site-header{height:76px;width:min(100% - 2rem,1200px)}nav{gap:1rem}nav a:not(.active){display:none}.hero,.mc-hero{grid-template-columns:1fr;gap:1rem;width:min(100% - 2rem,1200px);padding:5rem 0;min-height:auto}.hero h1,.mc-hero h1{font-size:clamp(3.4rem,15vw,5.5rem)}.hero-visual{min-height:360px}.orb{width:240px}.hero-visual>p{display:none}.section{width:min(100% - 2rem,1200px);padding:6rem 0}.section-label{margin-bottom:3rem}.about-grid{grid-template-columns:1fr;gap:2.5rem}.facts{gap:1.5rem;flex-wrap:wrap}.project-list{grid-template-columns:1fr}.project-card,.project-card.featured{grid-column:auto;grid-template-columns:1fr;min-height:460px;padding:1.5rem}.project-card h3{margin:2.8rem 0 1rem}.voxel{transform:scale(.65);margin-top:4rem}.closing{padding:7rem 1rem}.closing h2{font-size:clamp(2.8rem,13vw,4.5rem)}footer{width:min(100% - 2rem,1200px);flex-wrap:wrap;padding:2rem 0}.mc-scene{height:400px}.server-address{align-items:stretch;gap:.5rem;flex-direction:column}.server-address button{width:100%}.server-details{width:min(100% - 2rem,1200px);grid-template-columns:1fr;margin:4rem auto 7rem}.detail{border-right:0;border-bottom:1px solid var(--line)}.detail:last-child{border-bottom:0}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}