@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#0b0e14;--surface:#121823;--surface-2:#171f2b;--text:#e8edf5;--muted:#8994a5;--accent:#4da3ff;--accent-soft:rgba(77,163,255,.12);--border:#252e3b;--font:'Manrope',sans-serif;--mono:'DM Mono',monospace;--container:1160px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);line-height:1.7;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}::selection{background:var(--accent);color:#07111d}.container{width:min(var(--container),calc(100% - 48px));margin-inline:auto}.section{padding:118px 0;position:relative}.mono,.section-kicker,.eyebrow,.hero-meta,.project-type,.tag-list,.card-number,.fact-value,.fact-label,.visual-index,.hero-bottom,.art-label{font-family:var(--mono);letter-spacing:.08em}.muted{color:var(--muted)}.accent{color:var(--accent)}.skip-link{position:absolute;top:-60px;left:16px;background:var(--accent);color:#06111e;padding:10px 14px;z-index:100}.skip-link:focus{top:12px}
.site-header{height:78px;position:sticky;top:0;z-index:50;background:rgba(11,14,20,.86);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.06)}.nav-wrap,.nav-links,.brand{display:flex;align-items:center}.nav-wrap{height:100%;justify-content:space-between}.brand{gap:11px;font-size:11px;font-weight:800;letter-spacing:.14em}.brand-mark{width:31px;height:31px;display:grid;place-items:center;border:1px solid var(--accent);color:var(--accent);font:11px var(--mono);letter-spacing:0}.brand-dot{color:var(--accent)}.nav-links{gap:32px;font-size:12px;color:#b4bdca}.nav-links a{transition:color .2s}.nav-links a:hover,.text-link:hover{color:var(--accent)}.nav-contact{border:1px solid var(--border);padding:9px 14px;color:var(--text);border-radius:3px}.nav-contact span{color:var(--accent);margin-left:8px}.menu-toggle{display:none}
.hero{padding:106px 0 42px;min-height:690px;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.hero:before{content:"";position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(38,112,190,.12),transparent 68%);right:-160px;top:-130px;pointer-events:none}.hero-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:90px;align-items:center}.eyebrow,.section-kicker{font-size:10px;color:var(--accent);font-weight:500}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#62d69a;box-shadow:0 0 12px rgba(98,214,154,.55);margin-right:9px}.hero h1{font-size:clamp(48px,6.3vw,78px);letter-spacing:-.065em;line-height:1.07;margin:25px 0 26px;font-weight:800}.hero-lead{font-size:19px;line-height:1.65;max-width:600px;color:#d6deea;margin:0 0 14px}.hero-sub{font-size:14px;color:var(--muted);max-width:540px;margin:0}.hero-actions{display:flex;align-items:center;gap:27px;margin-top:34px}.button{display:inline-flex;align-items:center;gap:20px;padding:13px 18px;font-size:12px;font-weight:700;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.button-primary{background:var(--accent);color:#06111e}.button-primary:hover{background:#78b9ff}.text-link{font-size:12px;font-weight:700}.text-link span{color:var(--accent);margin-left:6px}.hero-meta{display:flex;align-items:center;gap:12px;margin-top:65px;font-size:9px;color:#697586}.meta-line{height:1px;width:34px;background:var(--border)}.hero-visual{position:relative;max-width:410px;justify-self:end;width:100%;padding:18px 18px 28px 0}.portrait-frame{height:440px;position:relative;background:linear-gradient(145deg,#1d2a3a,#101720);border:1px solid #2c3d50;overflow:hidden}.portrait-frame img{width:100%;height:100%;object-fit:cover;object-position:center}.portrait-placeholder{display:none;position:absolute;inset:0;place-items:center;align-content:center;gap:16px;background:radial-gradient(circle at 50% 30%,#293c52,#101720 68%);color:var(--accent)}.portrait-placeholder span{font-size:90px;font-weight:800;letter-spacing:-.1em;opacity:.7}.portrait-placeholder small{font:9px var(--mono);letter-spacing:.14em;color:#9baabd}.portrait-corner{position:absolute;width:42px;height:42px;border-color:var(--accent);border-style:solid;pointer-events:none}.corner-tl{top:-7px;left:-7px;border-width:1px 0 0 1px}.corner-br{right:-7px;bottom:-7px;border-width:0 1px 1px 0}.visual-note{position:absolute;left:-60px;bottom:62px;display:flex;align-items:center;gap:13px;background:#151e29;border:1px solid var(--border);padding:14px 17px;font-size:11px;line-height:1.5;color:#c5cfdd;box-shadow:0 15px 45px #0006}.note-mark{font-size:25px;color:var(--accent)}.visual-index{position:absolute;right:0;bottom:0;color:#667386;font-size:9px}.hero-bottom{display:flex;align-items:center;gap:14px;margin-top:65px;font-size:9px;color:#667386}.scroll-line{height:1px;width:55px;background:var(--accent)}.hero-bottom .mono{margin-left:auto}
.about-section{background:#0e131b;border-block:1px solid rgba(255,255,255,.04)}.section-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:100px}.section-heading h2,.section-title-row h2{font-size:clamp(35px,4vw,52px);letter-spacing:-.055em;line-height:1.15;margin:22px 0 0}.large-copy{font-size:24px;line-height:1.45;letter-spacing:-.03em;color:#e4ebf5;margin:0 0 22px}.about-content>p:not(.large-copy){font-size:14px;color:var(--muted);line-height:1.9}.about-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;border-top:1px solid var(--border);margin-top:38px;padding-top:24px}.about-facts>div{display:flex;flex-direction:column;gap:5px}.fact-value{color:var(--accent);font-size:11px}.fact-label{font-size:9px;color:#9ca8b8;letter-spacing:.02em}
.section-topline{display:flex;justify-content:space-between;align-items:center}.section-topline .mono{font-size:9px}.section-title-row{display:flex;justify-content:space-between;align-items:end;gap:40px;margin:22px 0 52px}.section-title-row h2{margin:0}.section-title-row p{max-width:350px;font-size:13px;color:var(--muted);margin:0 0 5px}.expertise-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--border)}.expertise-card{min-height:295px;padding:25px 22px;border-right:1px solid var(--border);position:relative;transition:background .2s}.expertise-card:last-child{border:0}.expertise-card:hover{background:var(--surface)}.card-number{position:absolute;right:20px;top:20px;color:#586678;font-size:9px}.line-icon{font-size:30px;color:var(--accent);margin:20px 0 19px}.expertise-card h3{font-size:15px;margin:0 0 12px;letter-spacing:-.02em}.expertise-card p{font-size:11px;line-height:1.8;color:var(--muted);min-height:82px}.tag-list{display:flex;flex-wrap:wrap;gap:6px;font-size:8px;letter-spacing:0;color:#9caabd}.tag-list span{padding:4px 7px;background:#1b2532;border:1px solid #283647}
.projects-section{background:#0e131b;border-block:1px solid rgba(255,255,255,.04)}.projects-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.project-card{display:block;background:#121a25;border:1px solid var(--border);transition:transform .25s,border-color .25s;min-width:0}.project-card:hover{transform:translateY(-5px);border-color:#466d94}.project-wide{grid-column:span 1}.project-art{height:220px;position:relative;overflow:hidden;background:#101a26}.project-info{display:flex;align-items:center;justify-content:space-between;padding:21px 22px 24px;gap:20px}.project-type{font-size:8px;color:var(--accent)}.project-info h3{font-size:17px;margin:7px 0 5px;letter-spacing:-.03em}.project-info p{font-size:11px;color:var(--muted);margin:0;max-width:390px}.round-arrow{flex:0 0 35px;width:35px;height:35px;border:1px solid #344457;border-radius:50%;display:grid;place-items:center;color:var(--accent);transition:background .2s}.project-card:hover .round-arrow{background:var(--accent);color:#06111e}.art-cockpit{background:radial-gradient(ellipse at 50% 100%,#254361,#101923 65%);display:flex;justify-content:center;align-items:center;gap:12px;padding:25px}.cockpit-screen{height:110px;width:35%;border:5px solid #252f39;background:linear-gradient(145deg,#08121a,#102b34);box-shadow:0 0 24px #4da3ff1a;display:flex;flex-direction:column;padding:12px;color:#81d6c5;font:9px var(--mono);gap:7px}.cockpit-screen b{font-size:22px;color:#d9e6ce}.cockpit-screen i{font-style:normal;color:#4da3ff}.cockpit-panel{position:absolute;bottom:0;left:0;right:0;text-align:center;padding:8px;background:#202a35;color:#8d9daf;font:8px var(--mono);letter-spacing:.2em}.art-homelab{background:radial-gradient(circle at 50% 50%,#1b3544,#101721 70%);display:grid;place-items:center}.server-stack{width:120px;display:grid;gap:7px;transform:perspective(500px) rotateY(-16deg)}.server-stack i{height:25px;border:1px solid #42617a;background:linear-gradient(90deg,#172c3c,#1c3c50);position:relative}.server-stack i:after{content:"";position:absolute;right:10px;top:9px;width:5px;height:5px;background:#62d69a;border-radius:50%;box-shadow:0 0 10px #62d69a}.network-nodes b{position:absolute;width:7px;height:7px;background:var(--accent);border-radius:50%;box-shadow:0 0 15px var(--accent)}.network-nodes b:nth-child(1){top:30%;left:25%}.network-nodes b:nth-child(2){top:20%;right:25%}.network-nodes b:nth-child(3){bottom:22%;left:20%}.network-nodes b:nth-child(4){bottom:18%;right:22%}.art-label{position:absolute;bottom:17px;left:20px;font-size:8px;color:#8fa5ba}.art-aviation{display:grid;place-items:center;background:radial-gradient(circle,#172c3c,#0c141e 72%)}.radar-ring{position:absolute;border:1px solid #31516a;border-radius:50%;aspect-ratio:1}.ring-a{width:145px}.ring-b{width:220px;opacity:.55}.radar-sweep{width:110px;height:110px;border-radius:100% 0 0 0;position:absolute;background:conic-gradient(from 0deg,transparent 0 78%,#4da3ff44 100%);transform:rotate(12deg);transform-origin:bottom right}.radar-label{position:absolute;bottom:18px;left:20px;font:8px var(--mono);letter-spacing:.12em;color:#8fa5ba}.radar-point{width:7px;height:7px;border-radius:50%;background:#62d69a;box-shadow:0 0 15px #62d69a;position:absolute;top:38%;right:38%}.art-electronics{display:grid;place-items:center;background:radial-gradient(ellipse at 50% 50%,#1c3541,#101720 70%)}.circuit-board{position:relative;width:230px;height:125px;border:1px solid #416477;background:linear-gradient(135deg,#102c34,#142b31);box-shadow:0 15px 45px #0008;transform:rotate(-5deg)}.chip{position:absolute;left:85px;top:39px;width:60px;height:48px;background:#111a23;border:1px solid #5c8194;display:grid;place-items:center;color:#7bc9e0;font:10px var(--mono)}.trace{position:absolute;height:1px;background:#65a8ad}.t1{width:80px;left:5px;top:30px}.t2{width:75px;right:5px;top:85px}.t3{width:1px;height:30px;left:35px;top:30px}.pin{position:absolute;width:5px;height:5px;background:#9bb8a4;border-radius:50%}.p1{left:22px;top:24px}.p2{left:22px;top:85px}.p3{right:25px;top:25px}.p4{right:25px;top:92px}.projects-note{font:9px var(--mono);color:#748296;margin:25px 0 0}
.beyond-section{background:#0b0e14}.interest-list{border-top:1px solid var(--border)}.interest-item{display:grid;grid-template-columns:42px 1fr 40px;gap:20px;align-items:center;padding:25px 0;border-bottom:1px solid var(--border)}.interest-index{font:10px var(--mono);color:var(--accent)}.interest-item h3{font-size:16px;margin:0 0 5px}.interest-item p{font-size:12px;color:var(--muted);margin:0;max-width:520px}.interest-symbol{font-size:25px;color:#6e8ba8;text-align:right}
.contact-section{overflow:hidden;background:#101722;border-top:1px solid var(--border)}.contact-inner{position:relative;text-align:center;padding:30px 0}.contact-inner h2{font-size:clamp(42px,6vw,70px);line-height:1.1;letter-spacing:-.06em;margin:25px 0 18px}.contact-inner>p{max-width:480px;margin:0 auto 28px;color:var(--muted);font-size:13px}.contact-links{display:flex;justify-content:center;gap:30px;margin-top:45px;font:10px var(--mono);color:#aab6c5}.contact-links a:hover{color:var(--accent)}.contact-orbit{position:absolute;border:1px solid #4da3ff13;border-radius:50%;pointer-events:none}.orbit-one{width:470px;height:470px;left:-360px;top:-170px}.orbit-two{width:560px;height:560px;right:-400px;bottom:-350px}
.site-footer{border-top:1px solid var(--border);padding:25px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-inner>span:nth-child(2){font-size:10px;color:#758194}.footer-inner .mono{font-size:8px;color:#758194}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s ease}.reveal.is-visible{opacity:1;transform:translateY(0)}
@media(max-width:900px){.hero-grid{gap:45px}.hero h1{font-size:58px}.section-grid{gap:55px}.expertise-grid{grid-template-columns:1fr 1fr}.expertise-card:nth-child(2){border-right:0}.expertise-card:nth-child(-n+2){border-bottom:1px solid var(--border)}}
@media(max-width:680px){.container{width:min(100% - 36px,var(--container))}.section{padding:78px 0}.site-header{height:68px}.menu-toggle{display:flex;width:42px;height:42px;border:1px solid var(--border);background:transparent;flex-direction:column;justify-content:center;align-items:center;gap:6px}.menu-toggle span{width:17px;height:1px;background:var(--text);transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.nav-links{display:none;position:absolute;top:68px;left:0;right:0;background:#0e141e;border-bottom:1px solid var(--border);padding:20px 22px 25px;flex-direction:column;align-items:stretch;gap:0}.nav-links.is-open{display:flex}.nav-links a{padding:13px 0;border-bottom:1px solid #ffffff0c}.nav-links .nav-contact{margin-top:12px;text-align:center;border:1px solid var(--border);padding:12px}.hero{padding:70px 0 25px;min-height:auto}.hero-grid{grid-template-columns:1fr;gap:45px}.hero h1{font-size:clamp(46px,12vw,64px);margin:20px 0}.hero-lead{font-size:17px}.hero-sub{font-size:13px}.hero-meta{margin-top:42px;font-size:8px}.hero-visual{width:82%;max-width:360px;justify-self:center;margin-left:20px}.portrait-frame{height:360px}.visual-note{left:-35px;bottom:50px;padding:10px 12px;font-size:10px}.hero-bottom{margin-top:48px}.section-grid{grid-template-columns:1fr;gap:35px}.section-heading h2,.section-title-row h2{font-size:40px}.large-copy{font-size:21px}.about-facts{gap:8px}.fact-label{font-size:8px}.section-title-row{display:block;margin:20px 0 35px}.section-title-row p{margin-top:18px}.expertise-grid{grid-template-columns:1fr}.expertise-card{min-height:auto;border-right:0;border-bottom:1px solid var(--border);padding:23px}.expertise-card:last-child{border-bottom:0}.expertise-card p{min-height:0}.line-icon{margin:10px 0}.projects-grid{grid-template-columns:1fr;gap:16px}.project-art{height:190px}.project-wide{grid-column:auto}.project-info{padding:18px}.project-info h3{font-size:16px}.interest-item{grid-template-columns:28px 1fr 28px;gap:12px;padding:20px 0}.interest-item h3{font-size:14px}.interest-item p{font-size:11px}.contact-inner h2{font-size:clamp(40px,11vw,58px)}.contact-links{gap:20px}.footer-inner{flex-wrap:wrap}.footer-inner>span:nth-child(2){order:3;width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Slightly lighter charcoal palette */
:root{--bg:#111722;--surface:#1a2431;--surface-2:#202b39;--text:#edf1f7;--muted:#a0aaba;--border:#303c4d}
.site-header{background:rgba(17,23,34,.9)}
.about-section,.projects-section{background:#151d29}
.project-card{background:#1a2431}
.project-art{background-color:#182331}
.beyond-section{background:#111722}
.contact-section{background:#182230}
.visual-note{background:#202b39}
@media(max-width:680px){.nav-links{background:#151d29}}

/* Simplified homepage layout */
.simple-hero{padding:112px 0 96px}
.simple-hero-inner{max-width:1160px}
.simple-hero .eyebrow{margin:0 0 24px}
.simple-hero h1{font-size:clamp(48px,7vw,78px);letter-spacing:-.065em;line-height:1.05;margin:0 0 24px}
.simple-lead{max-width:610px;color:#c1cad6;font-size:17px;line-height:1.75;margin:0}
.simple-hero .hero-actions{margin-top:28px}
.simple-location{font:9px var(--mono);letter-spacing:.1em;color:#8793a4;margin:48px 0 0}
.simple-section{padding:74px 0 88px;background:#151d29;border-block:1px solid rgba(255,255,255,.05)}
.simple-section-heading{display:flex;justify-content:space-between;align-items:end;gap:36px;margin-bottom:28px}
.simple-section-heading .section-kicker,.simple-about .section-kicker,.simple-contact .section-kicker{margin:0 0 12px}
.simple-section-heading h2,.simple-contact h2{font-size:clamp(28px,4vw,38px);line-height:1.2;letter-spacing:-.045em;margin:0}
.section-intro{font-size:13px;color:var(--muted);max-width:320px;margin:0 0 4px}
.simple-projects{border-top:1px solid var(--border)}
.simple-project{display:grid;grid-template-columns:48px 1fr 32px;gap:18px;align-items:center;padding:18px 4px;border-bottom:1px solid var(--border);transition:color .2s}
.simple-project:hover{color:var(--accent)}
.simple-project-index{font:10px var(--mono);color:var(--accent)}
.simple-project strong{display:block;font-size:15px;font-weight:600}
.simple-project small{display:block;font-size:12px;color:var(--muted);margin-top:3px}
.simple-arrow{text-align:right;color:var(--accent);font-size:17px}
.simple-about{padding:82px 0}
.simple-about-inner{max-width:860px}
.about-summary{font-size:clamp(20px,3vw,27px);line-height:1.55;letter-spacing:-.025em;max-width:800px;margin:0}
.about-capabilities{font:9px/2 var(--mono);letter-spacing:.07em;color:#9da9ba;margin:24px 0 0}
.about-capabilities span{color:var(--accent);padding:0 4px}
.simple-contact{padding:48px 0 60px;background:#182230;border-top:1px solid var(--border)}
.simple-contact-inner{display:flex;align-items:end;justify-content:space-between;gap:36px}
.simple-contact h2{font-size:clamp(26px,4vw,36px)}
.simple-contact-inner>div:first-child>p:last-child{font-size:13px;color:var(--muted);margin:10px 0 0}
.simple-contact-links{display:flex;gap:22px;font:13px var(--mono);white-space:nowrap}
.simple-contact-links a:hover{color:var(--accent)}
@media(max-width:680px){
  .simple-hero{padding:82px 0 70px}
  .simple-lead{font-size:15px}
  .simple-location{margin-top:36px}
  .simple-section{padding:60px 0 68px}
  .simple-section-heading{display:block;margin-bottom:22px}
  .section-intro{margin-top:10px}
  .simple-project{grid-template-columns:30px 1fr 22px;gap:12px;padding:16px 0}
  .simple-project strong{font-size:14px}
  .simple-project small{font-size:11px}
  .simple-about{padding:62px 0}
  .simple-contact-inner{display:block}
  .simple-contact-links{margin-top:28px;gap:18px;flex-wrap:wrap;font-size:13px}
}
.simple-contact-links a{display:inline-flex;align-items:center;gap:11px;padding:13px 15px;border:1px solid #364457;background:rgba(255,255,255,.025);color:#dce4ef;font:500 13px var(--font);transition:background .2s,border-color .2s,color .2s,transform .2s}
.simple-contact-links a:hover{background:var(--accent-soft);border-color:#4b83b6;color:#fff;transform:translateY(-2px)}
.simple-contact-links svg{width:18px;height:18px;fill:none;stroke:var(--accent);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.contact-external{font-size:12px;color:#91a0b3;margin-left:3px}
@media(max-width:680px){.simple-contact-links a{padding:12px 13px;gap:9px}}
.simple-projects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;border:0}
.simple-project{grid-template-columns:32px minmax(0,1fr);align-items:start;padding:21px 20px;border:1px solid var(--border);background:#1a2431}
.simple-project:hover{color:inherit}
.simple-project h3{font-size:15px;line-height:1.4;font-weight:700;margin:0 0 8px}
.simple-project p{font-size:12px;line-height:1.75;color:var(--muted);margin:0 0 14px}
.simple-project .project-topics{font:8px/1.6 var(--mono);letter-spacing:.08em;color:var(--accent)}
@media(max-width:680px){.simple-projects{grid-template-columns:1fr;gap:10px}.simple-project{grid-template-columns:28px minmax(0,1fr);padding:18px 16px}.simple-project h3{font-size:14px}.simple-project p{font-size:12px}}

/* Keep the simplified sections on one consistent charcoal palette */
.simple-about{background:#151d29;border-block:1px solid rgba(255,255,255,.05)}
.simple-section{background:var(--bg);border-color:rgba(255,255,255,.05)}
.simple-project{background:#1b2533;border-color:#303c4d}
.simple-contact{background:#151d29;border-top:1px solid #303c4d}
.simple-contact-links{flex-wrap:wrap;justify-content:flex-end;column-gap:10px;row-gap:10px}
@media(max-width:1100px){
  .simple-contact-inner{display:block}
  .simple-contact-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));justify-content:stretch;margin-top:24px;gap:10px}
  .simple-contact-links a{width:100%;justify-content:flex-start}
}
@media(min-width:681px) and (max-width:800px){.simple-contact-links{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:680px){
  .simple-contact-links{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:22px;gap:9px}
  .simple-contact-links a{padding:12px 11px;gap:8px;font-size:12px}
  .simple-contact-links svg{width:17px;height:17px;flex:0 0 17px}
}
.simple-hero{padding:82px 0 78px}
.simple-hero-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,320px);gap:56px;align-items:center}
.simple-hero-photo{width:100%;max-width:320px;justify-self:end;padding:6px;background:#e8edf2;border:1px solid #40516a;box-shadow:12px 12px 0 rgba(77,163,255,.1)}
.simple-hero-photo img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover}
@media(max-width:680px){
  .simple-hero-inner{grid-template-columns:1fr;gap:34px}
  .simple-hero-photo{display:none}
}