@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#090e15;--panel:#101923;--ink:#f0f5f5;--muted:#93a6af;--accent:#77e6dd}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}.wrap{width:min(1120px,calc(100% - 48px));margin:auto}.nav{height:86px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:3}.logo,footer strong{font-family:'Space Grotesk',sans-serif;font-size:27px;letter-spacing:-1.5px;font-weight:700}.logo span,footer strong span{color:var(--accent)}nav{display:flex;gap:34px}nav a{font-size:13px;color:#bccbd0}nav a:hover,.contact-links a:hover{color:var(--accent)}.hero{position:relative;min-height:690px;padding-top:125px;overflow:hidden}.eyebrow,.section-label,.hero-bottom,small,.status{font-size:11px;letter-spacing:2px;font-weight:700}.eyebrow{color:var(--accent);display:flex;align-items:center;gap:10px}.dot{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 18px var(--accent)}h1,h2,h3,p{margin-top:0}h1,h2{font-family:'Space Grotesk',sans-serif;letter-spacing:-.065em}h1{font-size:clamp(60px,10vw,126px);line-height:.92;margin:30px 0;position:relative;z-index:1}h1 em{font-style:normal;color:var(--accent)}.hero p{max-width:465px;font-size:17px;line-height:1.8;color:var(--muted);position:relative;z-index:1}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px;position:relative;z-index:1}.button{display:inline-flex;align-items:center;gap:25px;padding:15px 20px;border:1px solid #344550;font-size:13px;font-weight:700}.primary{background:var(--accent);color:#071316;border-color:var(--accent)}.secondary:hover{border-color:var(--accent)}.portal{position:absolute;right:1%;top:85px;width:400px;height:480px;border:2px solid #77e6dd55;background:linear-gradient(140deg,#182c39 0%,#0a121b 60%);box-shadow:0 0 110px #3dcbb51a,inset 0 0 70px #77e6dd10;transform:perspective(700px) rotateY(-17deg) rotateX(5deg);display:grid;place-items:center}.portal-inner{width:68%;height:78%;border:2px solid #77e6dd77;box-shadow:0 0 45px #77e6dd33,inset 0 0 50px #77e6dd11;display:grid;place-items:center}.deepest{width:58%;height:70%;background:radial-gradient(ellipse,#19404a,#060d13 75%)}.hero-bottom{display:flex;justify-content:space-between;margin-top:105px;padding:24px 0;border-top:1px solid #27343e;color:#71838d}.section{padding:105px 0;border-top:1px solid #27343e;display:grid;grid-template-columns:1fr 3fr;gap:40px}.section-label{color:var(--accent);padding-top:15px}.section h2{font-size:clamp(45px,7vw,84px);line-height:1.05;margin-bottom:28px}.section h2 span{color:#657c87}.section-body>p{max-width:640px;color:var(--muted);line-height:1.85;font-size:17px}.project{margin-top:55px;background:var(--panel);display:grid;grid-template-columns:1.1fr 1fr;border:1px solid #263a46}.project-art{min-height:320px;background:radial-gradient(circle at 50% 50%,#254955,#0d1721 62%);display:grid;place-items:center}.project-glyph{font-size:145px;font-weight:100;color:var(--accent);text-shadow:0 0 60px #77e6dd55}.project-info{padding:45px 35px}.project-info small{color:var(--accent)}.project-info h3{font-family:'Space Grotesk';font-size:37px;margin:24px 0 15px}.project-info p{color:var(--muted);line-height:1.8}.status{display:inline-block;color:#9bd5c7;margin-top:24px}.contact-links{display:flex;flex-wrap:wrap;gap:26px;margin-top:32px;font-weight:700}.note{display:block;color:#6d838d;line-height:1.7;margin-top:28px;letter-spacing:0;font-weight:400}footer{border-top:1px solid #27343e;min-height:105px;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:12px;color:var(--muted)}footer strong{color:white}footer a:hover{color:var(--accent)}@media(max-width:780px){.hero{padding-top:100px;min-height:640px}.portal{right:-160px;opacity:.28}.section{grid-template-columns:1fr;gap:20px;padding:75px 0}.project{grid-template-columns:1fr}.project-art{min-height:230px}footer{flex-wrap:wrap;padding:25px 0}nav{gap:16px}}@media(max-width:450px){.wrap{width:min(100% - 32px,1120px)}.nav{height:72px}.logo{font-size:23px}nav a{font-size:12px}h1{font-size:clamp(48px,12vw,80px)}.hero{padding-top:95px}.hero-bottom{margin-top:75px}.section h2{font-size:44px}.project-info{padding:30px 24px}}