:root{--ink:#f2eee3;--muted:#8d9d98;--paper:#020706;--lime:#63f3dc;--line:#35413b;--orange:#e9b949;--blue:#63f3dc;--lav:#aeb8ff}
body{background:#020706;color:var(--ink);background-image:radial-gradient(circle at 82% 12%,#0b4a4738 0,transparent 28%),radial-gradient(circle at 12% 62%,#553c1726 0,transparent 25%),linear-gradient(#020706f2,#020706)}body:before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.55;background-image:radial-gradient(circle,#fff 0 1px,transparent 1.2px),radial-gradient(circle,#63f3dc 0 1px,transparent 1.2px);background-position:0 0,40px 60px;background-size:90px 90px,130px 130px}.grain{opacity:.11;mix-blend-mode:screen}
.site-header{height:88px;border-color:#4e482e;background:#030807dc;backdrop-filter:blur(16px);position:sticky;top:0;z-index:30}.brand{color:#f2eee3;letter-spacing:.14em;text-transform:uppercase}.brand-mark{border:1px solid #e9b949;border-radius:0;background:#10201f;color:#ffe098;box-shadow:0 0 24px #e9b94920}.brand-dot{color:#63f3dc}.nav a,.site-footer a{color:#c9d0cc}.nav-contact{border-color:#e9b949;color:#ffe098;background:#e9b94912;border-radius:0;font-weight:700}.nav-contact:hover{background:#e9b949;color:#020706}
.hero{min-height:calc(100vh - 88px);padding-top:12vh;background:linear-gradient(90deg,#020706 0%,#020706e8 47%,#02070675 100%);border-bottom:1px solid #4e482e}.hero:before{content:'MENETIOS // DIGITAL SYSTEMS';position:absolute;right:5.5vw;top:6vh;color:#63f3dc;font:500 10px 'DM Mono',monospace;letter-spacing:.28em;writing-mode:vertical-rl}.hero-kicker{color:#e9b949;letter-spacing:.2em}.status-dot{background:#34d399;box-shadow:0 0 14px #34d399}.kicker-line{background:#6f6035}h1{max-width:1050px;color:#f8f5ec;text-transform:uppercase;font-weight:800;text-shadow:0 0 35px #63f3dc18}h1 em{font-family:Manrope,sans-serif;font-style:normal;font-weight:800;letter-spacing:-.085em;background:linear-gradient(90deg,#63f3dc,#e9b949);background-clip:text;color:transparent}.hero-bottom p{font-size:16px;color:#c9d0cc;max-width:470px}.scroll-link,.text-link{color:#f2eee3;font-weight:700;letter-spacing:.08em}.scroll-icon{border-radius:0;border-color:#63f3dc;color:#63f3dc}
.hero-orbit{width:45vw;height:45vw;right:-12vw;top:13%;background:radial-gradient(circle,#0b2f2b 0 9%,#0b2f2b55 10% 22%,transparent 23%),radial-gradient(circle at 50% 50%,#63f3dc12,transparent 65%);border:1px solid #63f3dc40;box-shadow:inset 0 0 90px #63f3dc10,0 0 100px #63f3dc12}.orbit{border-color:#e9b94966}.orbit-two{border-color:#63f3dc66}.orbit-core{border-radius:0;border-color:#e9b949;background:#07110fcc;color:#ffe098;box-shadow:0 0 40px #e9b94925}
.projects-section{background:#030807;padding-top:120px;border-bottom:1px solid #4e482e}.eyebrow{color:#63f3dc;letter-spacing:.25em}.section-heading h2{color:#f2eee3}.section-heading h2 span{color:#86918d}.section-intro{color:#8d9d98}.filter-bar{border-color:#4e482e}.filter{color:#788782;letter-spacing:.12em}.filter.active{color:#e9b949}.filter:after{background:#e9b949}.project-grid{gap:20px}.project-card{border:1px solid #4e482e;color:#f2eee3;background:#07110f;isolation:isolate;box-shadow:inset 0 1px #ffffff08;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}a.project-card{color:#f2eee3;text-decoration:none}.project-card:hover{transform:translateY(-5px);border-color:#63f3dc88;box-shadow:0 18px 55px #0009,0 0 25px #63f3dc12}.project-visual{opacity:.34;filter:saturate(.6)}.project-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#02070600 25%,#020706dc 100%)}.project-visual:before{border-color:#63f3dc;box-shadow:0 0 0 24px transparent,0 0 0 25px #e9b94938,0 0 60px #63f3dc38}.visual-a,.visual-b,.visual-c,.visual-d,.visual-e,.visual-f{background:radial-gradient(circle at 60% 30%,#155650,#07110f 62%,#020706)}.project-info,.project-meta{color:#f2eee3}.project-name{text-transform:uppercase;letter-spacing:-.035em}.project-number{color:#63f3dc}.project-type{border-radius:0;border-color:#e9b94988;color:#ffe098;background:#e9b9490d}.project-arrow{color:#63f3dc}
.about-section{background:radial-gradient(circle at 20% 50%,#0c3732 0,transparent 35%),#020706;border-bottom:1px solid #4e482e}.about-section .eyebrow{color:#e9b949}.about-content h2{color:#f2eee3}.about-content h2 em{font-family:Manrope,sans-serif;font-style:normal;color:#63f3dc}.about-copy{color:#aeb8b3}.about-copy .text-link{color:#f2eee3;border-color:#63f3dc66}.text-link:hover{color:#63f3dc}.site-footer{background:#030807;color:#87938f}.site-footer>a:last-child{color:#87938f}.nav>a:not(.nav-contact):hover,.site-footer>a:hover{color:#63f3dc}a:focus-visible,button:focus-visible{outline-color:#63f3dc}
@media(max-width:700px){.site-header{height:70px}.menu-toggle span{background:#e9b949}.nav.mobile-open{background:#030807f7;border-color:#4e482e;box-shadow:0 18px 35px #000}.hero:before{display:none}.hero-orbit{opacity:.65}.hero-bottom{max-width:76vw}}@media(max-width:390px){h1{font-size:16vw}}