*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#05080b;color:#f3f5f7;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.55}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 70% 8%,rgba(56,161,220,.09),transparent 28%),radial-gradient(circle at 15% 45%,rgba(39,94,128,.05),transparent 30%);z-index:-1}.nav{height:76px;padding:0 max(24px,calc((100vw - 1180px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #17212a;background:rgba(5,8,11,.9);backdrop-filter:blur(16px);position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#f4f7f9;font-weight:800;letter-spacing:.1em}.brand img{width:42px;height:42px;object-fit:cover;border-radius:10px}.nav nav{display:flex;gap:28px}.nav nav a,.links a{color:#99a6b1;text-decoration:none}.nav nav a:hover,.links a:hover{color:#d8f2ff}.menu{display:none;background:none;border:0;color:#fff;font-size:25px}.hero,.section,footer{max-width:1180px;margin:auto}.hero{min-height:78vh;padding:90px 24px;display:grid;grid-template-columns:.82fr 1.18fr;gap:70px;align-items:center}.hero-art{position:relative}.hero-art:after{content:"";position:absolute;inset:12%;background:#52bff8;filter:blur(90px);opacity:.13;z-index:-1}.hero-art img{display:block;width:100%;border-radius:28px;mask-image:linear-gradient(to bottom,#000 76%,transparent 100%)}.eyebrow{font-size:12px;letter-spacing:.2em;font-weight:800;color:#7e9caf;margin-bottom:17px}.hero h1{font-size:clamp(48px,6vw,78px);line-height:1;letter-spacing:-.055em;margin:0}.hero h1 span{color:#78cff7}.hero-copy>p{font-size:20px;color:#9eabb5;max-width:670px;margin:28px 0}.actions{display:flex;gap:12px;flex-wrap:wrap}.primary,.secondary{display:inline-flex;padding:14px 20px;border-radius:12px;text-decoration:none;font-weight:750;align-items:center;justify-content:center}.primary{color:#061017;background:linear-gradient(135deg,#bcecff,#6bc9f5)}.secondary{color:#e4edf2;border:1px solid #293944;background:#0c1217}.section{padding:90px 24px;border-top:1px solid #17212a}.section h2{font-size:clamp(38px,5vw,60px);line-height:1.03;letter-spacing:-.045em;margin:0}.section-head,.about{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:end}.section-head>p,.copy,.contact p{color:#99a6b1;font-size:18px}.projects{display:grid;grid-template-columns:1.65fr 1fr;gap:20px;margin-top:45px}.project{min-height:430px;padding:32px;border-radius:25px;border:1px solid #23303a;background:#0b1116;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.droidbake{background:radial-gradient(circle at 100% 0%,rgba(255,93,34,.13),transparent 38%),#0b1116}.top{display:flex;justify-content:space-between;align-items:center}.icon{font-size:30px;padding:8px;background:#141b20;border-radius:12px}.pill{font-size:11px;letter-spacing:.12em;border:1px solid #31414d;border-radius:999px;padding:7px 10px;color:#a8b6c0}.orange{color:#ff7444}.project h3{font-size:44px;letter-spacing:-.04em;margin:5px 0}.project p{color:#99a6b1}.project>a{display:flex;justify-content:space-between;color:#fff;text-decoration:none;font-weight:750;padding-top:20px;border-top:1px solid #23303a}.future{justify-content:center;background:radial-gradient(circle at 50% 10%,rgba(79,183,237,.09),transparent 35%),#090e12}.rune{font-family:serif;font-size:70px;color:#80cceb;text-shadow:0 0 30px rgba(91,199,247,.25)}.future h3{font-size:30px}.contact{display:flex;align-items:center;justify-content:space-between;gap:30px}footer{padding:40px 24px 60px;border-top:1px solid #17212a;display:grid;grid-template-columns:1fr auto auto;gap:30px;align-items:center;color:#6f808d}.foot-brand{display:flex;align-items:center;gap:12px}.foot-brand img{width:48px;height:48px;object-fit:cover;border-radius:10px}.foot-brand div{display:flex;flex-direction:column}.foot-brand strong{color:#dce8ee;letter-spacing:.09em}.links{display:flex;gap:20px}@media(max-width:760px){.nav{height:68px;padding:0 18px}.brand img{width:38px;height:38px}.menu{display:block}.nav nav{display:none;position:absolute;top:68px;left:0;right:0;background:#080d11;border-bottom:1px solid #23303a;padding:22px;flex-direction:column}.menu-open .nav nav{display:flex}.hero{min-height:auto;padding:52px 20px 76px;display:flex;flex-direction:column;gap:22px}.hero-art{width:min(78vw,420px);order:0}.hero-copy{order:1}.hero h1{font-size:49px}.hero-copy>p{font-size:18px}.section{padding:66px 20px}.section-head,.about,.projects{grid-template-columns:1fr}.projects{gap:16px}.project{min-height:390px;padding:24px}.future{min-height:290px}.contact{align-items:flex-start;flex-direction:column}.contact .primary{width:100%}footer{padding:35px 20px 50px;grid-template-columns:1fr}.links{flex-wrap:wrap}}

/* v5 external links */
.external-links{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:34px}.external-card{display:flex;flex-direction:column;gap:10px;padding:26px;border:1px solid #1d2a34;border-radius:22px;background:#080d12;text-decoration:none;color:#fff;transition:.2s ease}.external-card:hover{transform:translateY(-2px);border-color:#62c9f4}.external-card strong{font-size:1.3rem}.external-card span{color:#9ba7b2}@media(max-width:760px){.external-links{grid-template-columns:1fr}}

/* v5.2 project tabs */
.project-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-top:38px;padding:8px;border:1px solid #1c2932;border-radius:18px;background:#080d12}.project-tab{appearance:none;border:0;border-radius:12px;padding:12px 17px;background:transparent;color:#91a0ab;font:inherit;font-weight:800;cursor:pointer}.project-tab.active{background:#14212a;color:#f5f8fa;box-shadow:inset 0 0 0 1px #284251}.tab-panel{margin-top:28px}.category-intro{max-width:760px;margin-bottom:26px}.category-intro h3,.about-panel h3{font-size:clamp(30px,4vw,46px);line-height:1.04;letter-spacing:-.04em;margin:0 0 12px}.category-intro p{color:#99a6b1;font-size:18px}.project-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:18px}.project-grid.multi{grid-template-columns:repeat(2,minmax(0,1fr))}.project.compact{min-height:300px}.project.compact h3{font-size:34px}.coming{display:inline-flex;align-self:flex-start;margin-top:22px;padding:8px 11px;border:1px solid #263641;border-radius:999px;color:#7e909c;font-size:12px;letter-spacing:.08em;font-weight:750}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:start}.studio-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:34px}.about-panel .external-card{min-height:130px;justify-content:center}.section.external{display:none}
@media(max-width:760px){.project-tabs{display:grid;grid-template-columns:1fr 1fr}.project-tab{padding:11px 9px;font-size:14px}.project-grid.multi,.about-grid,.studio-links{grid-template-columns:1fr}.project.compact{min-height:260px}}

/* v5.3 structure */
.standalone-panel{scroll-margin-top:76px}.standalone-panel .about-grid h2{font-size:clamp(38px,5vw,60px);line-height:1.03;letter-spacing:-.045em;margin:0}.future-card{background:radial-gradient(circle at 70% 10%,rgba(79,183,237,.08),transparent 35%),#0b1116}.actions .secondary{min-height:52px}
@media(max-width:760px){.standalone-panel{scroll-margin-top:68px}.actions{display:grid;grid-template-columns:1fr}.actions .primary,.actions .secondary{width:100%}.project-tabs{grid-template-columns:repeat(3,1fr)}.project-tab{font-size:13px}.project-grid.multi{grid-template-columns:1fr}}
