@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{--bg:#071421;--bg2:#0a1b2b;--panel:#0d2234;--line:#20394b;--text:#edf6fc;--muted:#a1b5c7;--cyan:#67e2df;--blue:#5cace8;--max:1190px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',Arial,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit}::selection{background:#52c8d2;color:#062035}.container{width:min(var(--max),calc(100% - 72px));margin:auto}.skip-link{position:absolute;left:12px;top:-60px;z-index:30;background:white;color:black;padding:10px}.skip-link:focus{top:12px}.header{position:sticky;top:0;z-index:20;backdrop-filter:blur(18px);background:#071421e8;border-bottom:1px solid #203445}.nav-wrap{display:flex;align-items:center;justify-content:space-between;min-height:85px;gap:20px}.brand{display:flex;align-items:center;gap:14px;white-space:nowrap}.brand-mark{font:700 27px 'Space Grotesk',sans-serif;letter-spacing:-2px}.brand-dot,.period{color:var(--cyan)}.brand-label{font-size:10px;font-weight:700;letter-spacing:2px;color:#c3d3de}.nav{display:flex;align-items:center;gap:34px}.nav>a{font-size:13px;font-weight:600;color:#bfcedb;transition:color .2s}.nav>a:hover{color:#fff}.nav .nav-contact{border:1px solid #395d74;padding:12px 17px;border-radius:6px;color:#eefaff}.nav-contact span{color:var(--cyan);padding-left:5px}.menu-toggle{display:none}.hero{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:32px;min-height:710px;padding-top:55px;padding-bottom:70px}.eyebrow,.kicker,.hero-preface,.hero-meta,.art-label,.mini-label,.card-topline,.tags,.skill-keywords,.timeline-year,.project-note,.contact-hint,.footer{letter-spacing:1.5px}.eyebrow{display:flex;align-items:center;gap:12px;color:#a2c5d7;font-size:10px;font-weight:700}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 16px #44dfce}.eyebrow-rule{height:1px;width:32px;background:#526b7d}.hero-preface{font-size:12px;font-weight:700;color:var(--cyan);margin:58px 0 13px}.hero h1,h2,h3{font-family:'Space Grotesk',Arial,sans-serif;line-height:1.13}.hero h1{font-size:clamp(49px,5.3vw,78px);letter-spacing:-3.3px;margin:0;font-weight:700}.gradient-text{background:linear-gradient(90deg,#e4fcff,#70dde3,#64aae8);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-desc{max-width:530px;color:var(--muted);font-size:16px;margin:28px 0 32px}.hero-desc strong{color:#e8f7ff;font-weight:600}.hero-actions,.contact-buttons{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;justify-content:center;align-items:center;gap:24px;border-radius:5px;font-size:13px;font-weight:700;padding:14px 22px;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-3px)}.btn-primary{background:var(--cyan);color:#082334}.btn-primary:hover{background:#a2fff2}.btn-outline{border:1px solid #426177;color:#eaf4f9}.btn-outline:hover{background:#123149}.hero-meta{display:flex;gap:12px;flex-wrap:wrap;align-items:center;font-size:9px;font-weight:700;color:#7d99ae;margin-top:66px}.hero-meta .bullet{color:var(--cyan)}.hero-art{height:540px;position:relative;background:radial-gradient(circle at 48% 40%,#19405b 0%,#092033 54%,#081928 75%);border:1px solid #2b5268;border-radius:12px;overflow:hidden;box-shadow:0 30px 70px #0002}.art-grid{position:absolute;inset:0;background-image:linear-gradient(#73a4be13 1px,transparent 1px),linear-gradient(90deg,#73a4be13 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(#000,transparent 90%)}.robot-svg{width:100%;height:100%;position:relative;filter:drop-shadow(0 10px 25px #0007)}.art-label{position:absolute;z-index:1;font-size:10px;font-weight:700;color:#8db3cc;left:26px;right:26px;display:flex;justify-content:space-between}.art-label-top{top:25px}.art-label-top span{color:var(--cyan)}.art-label-bottom{bottom:23px;justify-content:center;color:#75abc7}.art-label-bottom span{padding:0 8px;color:var(--cyan)}.art-chip{position:absolute;background:#0a243adf;border:1px solid #3a718b;border-radius:5px;padding:10px 14px;display:flex;flex-direction:column;z-index:2;box-shadow:0 10px 20px #0005}.art-chip-left{left:16px;bottom:106px}.art-chip-right{right:16px;top:108px}.chip-title{font-size:9px;letter-spacing:1.2px;color:#94b6cb}.chip-value{font:600 15px 'Space Grotesk';color:#eefcff}.chip-value i{font-style:normal;font-size:8px;color:#65e2b7}.ticker{border-block:1px solid #1e3949;background:#0b2030}.ticker-inner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:19px 0;color:#a6c1d1;letter-spacing:1.3px;font-size:10px;font-weight:700}.ticker i{font-size:16px;font-style:normal;color:var(--cyan)}.section{padding-top:112px;padding-bottom:112px;scroll-margin-top:85px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:46px}.kicker{color:var(--cyan);font-weight:700;font-size:11px;margin:0 0 22px}.section h2{font-size:clamp(35px,4vw,53px);letter-spacing:-1.8px;margin:0}.section h2 span{color:#84acc8}.section-intro{max-width:360px;color:var(--muted);font-size:14px;margin:0}.about-panels{display:grid;grid-template-columns:1.5fr 1fr;gap:24px}.about-main,.about-aside,.skill-card{background:var(--panel);border:1px solid var(--line);border-radius:8px}.about-main{padding:42px}.about-main p{font-size:17px;line-height:1.85;color:#b7cad7;margin:0 0 19px}.about-main strong{color:white}.text-link{display:inline-flex;gap:15px;font-size:13px;font-weight:700;color:var(--cyan);margin-top:15px}.about-aside{padding:25px 31px;display:flex;flex-direction:column;justify-content:space-around}.metric{display:flex;align-items:center;gap:17px;color:#d6e6ef;font-size:11px;letter-spacing:1.1px;font-weight:700;border-bottom:1px solid #264054;padding:23px 0}.metric:last-child{border:0}.metric-icon{font-size:25px;color:var(--cyan);width:28px}.projects-section,.experience-section{background:#091b2a;border-block:1px solid #1c3447}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.project-card{background:#102538;border:1px solid #2a4254;border-radius:8px;overflow:hidden;transition:transform .2s,border-color .2s}.project-card:hover{transform:translateY(-4px);border-color:#4b91ad}.card-visual{height:216px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 70% 30%,#174966,#0b2a40 65%,#0a2133)}.card-visual::after{content:'';position:absolute;inset:0;background-image:linear-gradient(#b1e7ff0b 1px,transparent 1px),linear-gradient(90deg,#b1e7ff0b 1px,transparent 1px);background-size:28px 28px}.card-visual svg{position:relative;z-index:1;width:85%;height:90%;max-height:190px}.visual-graph{background:radial-gradient(circle at 80% 70%,#13506a,#0b293d 65%)}.visual-wearable{background:radial-gradient(circle at 50% 50%,#1a5061,#0a2939 70%)}.visual-data{background:radial-gradient(circle at 70% 20%,#17466c,#0a293d 65%)}.mini-label{position:absolute;left:22px;top:17px;z-index:2;color:#a9d4ea;font-size:9px;font-weight:700}.visual-cross{position:absolute;right:22px;top:10px;font-size:28px;color:#6ed8e6}.visual-outline{position:absolute;font-size:155px;font-family:'Space Grotesk';font-weight:700;color:#ffffff09;right:30px;top:-65px}.card-body{padding:27px 29px 32px}.card-topline{display:flex;justify-content:space-between;gap:12px;font-size:9px;color:#8daec1;font-weight:700}.status{color:#71d6c3}.card-body h3{font-size:24px;letter-spacing:-.5px;margin:18px 0 13px}.card-body p{color:var(--muted);font-size:14px;line-height:1.8;margin:0 0 26px;min-height:75px}.tags{display:flex;gap:8px;flex-wrap:wrap}.tags span{font-size:9px;font-weight:700;color:#a8c9dc;background:#1a384b;padding:7px 9px;border:1px solid #315067;border-radius:3px}.project-note{color:#7997aa;font-size:10px;margin:29px 0 0}.skill-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.skill-card{padding:30px 24px;display:flex;flex-direction:column;min-height:280px}.skill-symbol{color:var(--cyan);font-size:39px;height:55px}.skill-card h3{font-size:19px;margin:19px 0 12px}.skill-card p{font-size:13px;color:var(--muted);margin:0;line-height:1.8}.skill-keywords{font-size:10px;color:#79c5df;margin-top:auto;padding-top:20px;letter-spacing:.2px}.timeline{border-top:1px solid #335065}.timeline-item{display:grid;grid-template-columns:210px 1fr;gap:32px;padding:30px 0;border-bottom:1px solid #294356}.timeline-year{color:var(--cyan);font-size:10px;font-weight:700;margin-top:8px}.timeline-item h3{font-size:22px;margin:0 0 5px}.timeline-item p{margin:0;color:#c7dce8;font-size:14px}.timeline-item span{display:block;color:#879eb0;font-size:13px;margin-top:9px}.contact-section{padding-top:120px;padding-bottom:120px}.contact-panel{padding:70px;position:relative;overflow:hidden;background:linear-gradient(115deg,#102c40,#0b2033);border:1px solid #2b5067;border-radius:10px}.contact-glow{position:absolute;width:420px;height:420px;border-radius:50%;background:#30c6d41c;filter:blur(60px);right:-80px;top:-120px;pointer-events:none}.contact-panel>*:not(.contact-glow){position:relative}.contact-panel h2{font-size:clamp(40px,5vw,64px)}.contact-panel>p:not(.kicker):not(.contact-hint){color:#adcadb;max-width:560px;font-size:16px;margin:24px 0 30px}.contact-hint{color:#7e9eaf;font-size:9px;margin-top:28px;letter-spacing:.2px}.footer{border-top:1px solid #1c3546;color:#7f9aad;font-size:10px}.footer-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:25px 0}.footer-row a:last-child{color:#a5cad8;font-weight:700}@media(max-width:1020px){.hero{grid-template-columns:1fr;gap:50px;padding-top:75px}.hero-art{max-width:670px;width:100%;justify-self:center}.hero-meta{margin-top:38px}.skill-grid{grid-template-columns:repeat(2,1fr)}.nav{gap:18px}.brand-label{display:none}.ticker-inner{flex-wrap:wrap;justify-content:center}}@media(max-width:700px){.container{width:min(100% - 36px,var(--max))}.nav-wrap{min-height:72px}.menu-toggle{display:flex;flex-direction:column;gap:5px;background:transparent;border:1px solid #36556a;padding:11px;cursor:pointer}.menu-toggle span{width:21px;height:2px;background:#fff}.nav{position:absolute;top:72px;left:0;right:0;display:none;background:#0a1c2a;padding:22px 18px;border-bottom:1px solid #315064;flex-direction:column;align-items:stretch}.nav.open{display:flex}.nav>a{font-size:15px;padding:7px}.nav .nav-contact{text-align:center}.hero{padding-top:42px;padding-bottom:50px;min-height:auto}.hero-preface{margin-top:45px}.hero h1{font-size:clamp(42px,11vw,65px);letter-spacing:-2.5px}.hero-desc{font-size:15px}.hero-art{height:390px}.art-chip{transform:scale(.82)}.art-chip-left{transform-origin:bottom left}.art-chip-right{transform-origin:top right}.art-label{font-size:8px}.ticker-inner{font-size:9px}.section{padding-top:75px;padding-bottom:75px}.section-heading{display:block}.section-intro{margin-top:23px}.about-panels,.project-grid{grid-template-columns:1fr}.about-main{padding:26px}.about-aside{padding:10px 26px}.card-body p{min-height:0}.skill-grid{grid-template-columns:1fr 1fr}.skill-card{padding:22px 17px;min-height:260px}.skill-card h3{font-size:17px}.timeline-item{grid-template-columns:1fr;gap:5px}.contact-panel{padding:36px 25px}.footer-row{flex-wrap:wrap}.footer-row>span{order:3;flex-basis:100%}}@media(max-width:420px){.skill-grid{grid-template-columns:1fr}.skill-card{min-height:220px}.hero-art{height:325px}.hero-meta{gap:6px}.btn{width:100%}.contact-buttons .btn{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}