:root{--acid:#b7ff00;--cyan:#00d7e8;--black:#020504;--white:#eef3ef}
body{background:var(--black);color:var(--white);font-family:'DM Mono',monospace}
.grain{opacity:.18}.site-header{height:64px;padding:0 22px 0 0;background:#020303;border-bottom:1px solid #27302b;position:sticky;top:0;z-index:40}
.brand{height:64px;min-width:220px;padding:0 18px;background:var(--acid);color:#020303;font-family:Manrope,sans-serif;font-weight:900;font-size:14px;letter-spacing:.08em}.brand-mark{width:30px;height:30px;border:2px solid #020303;border-radius:50%;background:transparent;color:#020303;box-shadow:none}.brand-dot{color:#020303}
.nav{gap:30px;font-size:10px;font-weight:700;letter-spacing:.05em}.nav a{color:#e6ebe8;position:relative}.nav>a:not(.nav-contact):after{content:'↗';margin-left:6px;color:#7f8b85}.nav-contact{border:0;border-left:1px solid #27302b;border-radius:0;background:transparent;color:var(--acid);padding:25px 0 25px 30px}.nav-contact:hover{background:transparent;color:#fff}
.hero{min-height:calc(100vh - 64px);padding:8vh 21vw 7vh 4vw;display:grid;grid-template-rows:auto 1fr auto;background:radial-gradient(ellipse at 52% 56%,#00d7e84d 0 7%,#008b9a2b 8% 20%,transparent 21%),radial-gradient(ellipse at 52% 56%,#00d7e81e 0 28%,transparent 52%),linear-gradient(100deg,#020504 0 45%,#07100e 100%);border-bottom:1px solid #344038;overflow:hidden}
.hero:after{content:'';position:absolute;inset:0;pointer-events:none;opacity:.28;background:repeating-linear-gradient(0deg,transparent 0 3px,#73fff305 3px 4px),linear-gradient(90deg,transparent 0 75%,#b7ff0011 75% 75.1%,transparent 75.1%)}
.hero:before{content:'MENETIOS';right:0;top:0;bottom:0;width:18vw;display:flex;align-items:center;justify-content:center;background:#050706;color:var(--acid);font:900 clamp(42px,7vw,120px)/.75 Manrope,sans-serif;letter-spacing:-.08em;writing-mode:vertical-rl;transform:rotate(180deg);border-left:1px solid #27302b;box-sizing:border-box}
.hero-kicker{align-self:start;color:var(--acid);font-size:11px;font-weight:700;letter-spacing:.14em;z-index:2}.status-dot{background:var(--acid);box-shadow:0 0 12px var(--acid)}.kicker-line{background:#68766e}
h1{align-self:center;margin:3vh 0;max-width:1000px;font:900 clamp(60px,8vw,138px)/.78 Manrope,sans-serif;letter-spacing:-.095em;text-transform:uppercase;z-index:2;text-shadow:none}h1 em{display:block;font:inherit;font-style:normal;letter-spacing:inherit;background:linear-gradient(90deg,var(--cyan),var(--acid) 72%);background-clip:text;color:transparent}
.hero-bottom{align-self:end;max-width:820px;display:grid;grid-template-columns:minmax(280px,1fr) auto;gap:50px;align-items:end;z-index:2}.hero-bottom p{font:500 14px/1.55 Manrope,sans-serif;color:#c3cbc7;max-width:440px}.scroll-link{color:var(--acid);font-weight:800;font-size:11px}.scroll-icon{border-color:var(--acid);color:var(--acid);border-radius:0}.hero-orbit{width:46vw;height:46vw;right:7vw;top:23%;background:transparent;border:1px solid #00d7e833;opacity:.8}.orbit{border-color:#00d7e855}.orbit-two{border-color:#b7ff0044}.orbit-core{border-radius:50%;border:0;background:#00d7e81f;color:var(--acid);box-shadow:0 0 0 6vw #00d7e80c,0 0 8vw #00d7e82e;font:900 46px Manrope,sans-serif}
.projects-section{background:#050706;padding:110px 4vw 130px}.section-heading{border-top:1px solid #344038;padding-top:30px}.eyebrow{color:var(--acid);font-size:10px;font-weight:800}.section-heading h2,.about-content h2{font-family:Manrope,sans-serif;font-weight:900;text-transform:uppercase;letter-spacing:-.075em}.section-heading h2 span{color:var(--cyan)}.section-intro{color:#909b95}.filter-bar{border-color:#344038}.filter{color:#7f8b85}.filter.active{color:var(--acid)}.filter:after{background:var(--acid)}
.project-grid{grid-template-columns:repeat(3,1fr);gap:1px;background:#344038;border:1px solid #344038}.project-card{min-height:360px;border:0;background:#07100e}.project-card:hover{transform:none;z-index:2;box-shadow:inset 0 0 0 2px var(--acid)}.project-visual{opacity:.42}.project-visual:after{background:linear-gradient(180deg,#02050400 15%,#020504e8)}.project-visual:before{border-color:var(--cyan);box-shadow:0 0 0 20px transparent,0 0 0 21px #b7ff0055}.project-name{font:900 25px/1 Manrope,sans-serif;color:#fff}.project-number{color:var(--acid)}.project-type{border-color:var(--acid);color:var(--acid);background:#020504aa}.project-arrow{color:var(--acid)}
.about-section{padding:120px 4vw;background:linear-gradient(100deg,#020504 0 58%,#071713 58%);border-block:1px solid #344038}.about-section .eyebrow{color:var(--acid)}.about-content h2 em{color:var(--acid)}.about-copy{color:#b4beb9}.about-copy .text-link{color:var(--acid);border-color:var(--acid)}
.site-footer{min-height:92px;padding:20px 4vw;background:#020303}.site-footer .brand{min-width:0;height:auto;padding:0;background:transparent;color:#fff}.site-footer .brand-mark{border-color:var(--acid);color:var(--acid)}
@media(max-width:1000px){.project-grid{grid-template-columns:repeat(2,1fr)}.hero{padding-right:17vw}.hero:before{width:14vw;font-size:7vw}.nav{gap:16px}}
@media(max-width:700px){.site-header{height:58px;padding-right:12px}.site-header>.brand{height:58px;min-width:0;background:transparent;color:#fff}.site-header .brand-mark{border-color:var(--acid);color:var(--acid)}.nav.mobile-open{top:57px;background:#020303}.hero{min-height:calc(100svh - 58px);padding:8vh 6vw 7vh;display:flex}.hero:before{content:'M';width:17vw;top:auto;height:24vh;font-size:18vw;border:1px solid #27302b}.hero-kicker{max-width:72vw;white-space:normal}.hero h1{font-size:17vw;line-height:.82;margin:auto 0}.hero-bottom{display:block;max-width:70vw}.hero-bottom p{font-size:13px}.hero-orbit{right:-20vw;top:30%;width:86vw;height:86vw}.project-grid{grid-template-columns:1fr}.project-card{min-height:330px}.about-section{background:#020504}.site-footer{padding:28px 6vw}}
