@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=DM+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap');
:root{--black:#05070b;--surface:#0c1018;--blue:#164bff;--cyan:#00d5f5;--white:#f3f5f8;--gray:#9ba4b5;--line:#242b38;--heading:'Barlow Condensed',Impact,sans-serif;--body:'DM Sans',Arial,sans-serif;--mono:'IBM Plex Mono',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--black);color:var(--white);font-family:var(--body);font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit}a,button{ -webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--cyan);outline-offset:6px}::selection{background:var(--blue);color:white}.wrap{max-width:1440px;margin:auto;padding:0 6%}.header{height:96px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px}.logo-crop{width:48px;height:48px;position:relative;overflow:hidden}.logo-crop img{position:absolute;width:115px;max-width:none;left:-34px;top:-28px}.brand strong{font-size:25px;line-height:1;letter-spacing:2px}.brand small{font:9px var(--mono);display:block;letter-spacing:2px;margin-top:7px}.nav{display:flex;gap:36px;align-items:center}.nav>a:not(.button){font-size:14px;color:#bbc3d0}.nav>a:hover{color:white}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;min-height:52px;padding:14px 24px;background:var(--blue);font-size:13px;font-weight:700;letter-spacing:1px;transition:background .2s,transform .2s}.button:hover{background:#3665ff;transform:translateY(-2px)}.button.outline{background:transparent;border:1px solid #536071}.button.outline:hover{border-color:var(--cyan)}.menu{display:none;background:none;color:white;border:1px solid var(--line);padding:10px 14px}.eyebrow{font:12px var(--mono);letter-spacing:2px;text-transform:uppercase;color:var(--gray)}.eyebrow.blue{color:var(--cyan)}.hero{min-height:710px;position:relative;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;overflow:hidden}.hero-copy{position:relative;z-index:1;padding:70px 0 85px}.hero h1{font:800 clamp(74px,8.6vw,132px)/.94 var(--heading);letter-spacing:-1px;margin:28px 0}.hero h1 span{color:var(--cyan)}.hero p{color:var(--gray);font-size:19px;max-width:370px;line-height:1.65;margin:28px 0 32px}.hero-art{position:relative;align-self:stretch;display:flex;align-items:center;justify-content:center}.hero-art img{width:115%;max-width:800px;mix-blend-mode:screen}.hero-art .coordinate{position:absolute;bottom:65px;right:0;writing-mode:vertical-rl;font:11px var(--mono);color:#677289;letter-spacing:2px}.hero-foot{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0;display:flex;justify-content:space-between;gap:20px;color:var(--gray);font:11px var(--mono);letter-spacing:1.4px}.hero-foot span:first-child{color:white}.section{padding:110px 0;border-bottom:1px solid var(--line)}.section-head{display:flex;justify-content:space-between;gap:30px;align-items:flex-end;margin-bottom:42px}.section h2,.detail h1{font:700 clamp(48px,5.4vw,78px)/1 var(--heading);letter-spacing:-.7px;margin:15px 0}.section-head p{max-width:340px;color:var(--gray);font-size:15px;margin:0}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:42px 28px}.project-card:first-child{grid-column:1/-1}.project-visual{height:330px;background:#101726;overflow:hidden;position:relative;border:1px solid #202b42;display:flex;align-items:center;justify-content:center}.project-card:first-child .project-visual{height:480px;background:radial-gradient(ellipse at 45% 120%,#123b7c,#0b1423 70%)}.project-card:hover .project-visual img{transform:scale(1.025)}.project-visual img{width:88%;height:88%;object-fit:contain;transition:transform .4s}.project-info{display:flex;justify-content:space-between;align-items:center;padding-top:20px;gap:20px}.project-info h3{font-size:24px;margin:3px 0}.project-info p{font-size:13px;color:var(--gray);margin:0}.project-arrow{height:44px;width:44px;border:1px solid #394155;border-radius:50%;display:grid;place-items:center;font-size:22px}.project-card:hover .project-arrow{background:var(--blue);border-color:var(--blue)}.badge{position:absolute;top:20px;left:20px;background:#080e19d9;border:1px solid #37445a;color:#bec9dc;font:10px var(--mono);padding:6px 10px;letter-spacing:1px}.about-layout{display:grid;grid-template-columns:1fr 1fr;gap:90px}.about-layout p{color:var(--gray);font-size:18px}.about-layout h2{max-width:520px}.capabilities{margin-top:34px;display:flex;gap:12px;flex-wrap:wrap}.tag{border:1px solid #323b4c;padding:7px 12px;color:#bec8d9;font:12px var(--mono)}.about-number{font:12px var(--mono);color:var(--cyan);margin-right:20px}.about-line{border-bottom:1px solid var(--line);padding:19px 0;font-size:18px}.contact{padding:110px 0 85px}.contact h2{font:700 clamp(65px,8vw,114px)/1 var(--heading);margin:20px 0 40px}.contact h2 span{color:var(--cyan)}.contact-row{display:flex;gap:60px;flex-wrap:wrap}.contact-item{min-width:220px;border-top:1px solid #3c475a;padding-top:15px}.contact-item small{display:block;color:var(--gray);font:12px var(--mono);margin-bottom:10px}.contact-item p{margin:0;color:var(--gray);font-size:15px}.footer{border-top:1px solid var(--line);padding:26px 0;display:flex;justify-content:space-between;gap:25px;color:var(--gray);font:11px var(--mono)}.detail{padding:65px 0}.back{font:12px var(--mono);color:var(--gray)}.detail-heading{max-width:900px;padding:55px 0 40px}.detail-heading p{font-size:20px;color:var(--gray);max-width:660px}.detail-main{width:100%;background:#111a2b;border:1px solid var(--line);padding:4%;aspect-ratio:16/9;object-fit:contain}.detail-body{display:grid;grid-template-columns:1fr 2fr;gap:80px;padding:65px 0}.detail h2{font:600 40px var(--heading);margin:0 0 20px}.detail-body p{color:var(--gray)}.detail .tags{display:flex;gap:9px;flex-wrap:wrap}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:25px}.gallery button{border:1px solid var(--line);background:#101725;padding:20px;cursor:zoom-in}.gallery img{width:100%;display:block}.detail video{width:100%;max-height:620px;background:#101725;margin:15px 0}.muted{color:var(--gray)}dialog{background:#080e19;border:1px solid #445066;color:white;max-width:95vw;padding:20px}dialog::backdrop{background:#000d}dialog img{max-width:85vw;max-height:80vh}dialog button{display:block;margin:0 0 15px auto;background:none;color:white;border:1px solid #556;padding:8px 16px;cursor:pointer}.reveal{animation:enter .7s ease-out both}@keyframes enter{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@media(min-width:1500px){.hero{min-height:780px}}@media(max-width:900px){.wrap{padding:0 5%}.hero{min-height:620px}.hero h1{font-size:88px}.hero-art img{width:120%}.about-layout{gap:35px}.section{padding:80px 0}.detail-body{gap:35px}.nav{gap:22px}.project-card:first-child .project-visual{height:360px}.project-visual{height:260px}}@media(max-width:600px){.header{height:80px}.brand strong{font-size:22px}.menu{display:block}.nav{display:none;position:absolute;top:80px;left:0;right:0;z-index:5;background:#090e18;padding:24px 6%;border-bottom:1px solid var(--line);align-items:stretch}.nav.open{display:flex;flex-direction:column}.nav a{padding:9px 0}.nav .button{padding:14px 20px}.hero{grid-template-columns:1fr;min-height:0;overflow:hidden}.hero-copy{padding:60px 0 0}.hero h1{font-size:clamp(67px,18vw,103px)}.hero p{font-size:17px;max-width:290px}.hero-art{height:300px;margin-top:-15px}.hero-art img{width:100%;max-width:390px}.hero-art .coordinate{right:0;bottom:40px;font-size:9px}.hero-foot{font-size:9px;gap:12px}.hero-foot span:last-child{display:none}.section{padding:65px 0}.section-head{display:block}.section-head p{margin-top:22px}.project-grid{grid-template-columns:1fr;gap:32px}.project-card:first-child{grid-column:auto}.project-card:first-child .project-visual,.project-visual{height:250px}.project-info h3{font-size:22px}.about-layout,.detail-body,.gallery{grid-template-columns:1fr;gap:28px}.contact{padding:70px 0}.contact h2{font-size:68px}.contact-row{gap:30px}.contact-item{width:100%}.footer{font-size:10px;flex-wrap:wrap}.detail{padding-top:35px}.detail-heading{padding-top:35px}.detail-heading p{font-size:17px}.detail-body{padding:40px 0}.detail-main{padding:2%}.badge{font-size:9px;top:12px;left:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}