:root{
  --bg:#07080c;--panel:#0d1017;--line:rgba(255,255,255,.1);--text:#f5f7fb;--muted:#969cab;
  --accent:#b8ff5a;--accent2:#6ef0ff;--max:1240px;--serif:Georgia,"Times New Roman",serif;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;line-height:1.55;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 75% 15%,rgba(110,240,255,.08),transparent 25%),radial-gradient(circle at 10% 55%,rgba(184,255,90,.05),transparent 22%);z-index:-2}
.noise{position:fixed;inset:0;opacity:.035;pointer-events:none;z-index:20;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E")}
.progress{position:fixed;top:0;left:0;width:0;height:2px;background:linear-gradient(90deg,var(--accent),var(--accent2));z-index:100}
.nav{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;border-bottom:1px solid var(--line);position:fixed;top:0;left:0;right:0;z-index:50;background:rgba(7,8,12,.68);backdrop-filter:blur(18px)}
.brand{display:flex;align-items:center;gap:10px;color:var(--text);text-decoration:none;font-size:11px;letter-spacing:.15em;font-weight:800}.brand-mark{display:grid;place-items:center;width:31px;height:31px;border:1px solid var(--line);font-family:"DM Mono";font-size:10px}
.nav-links{display:flex;gap:26px}.nav-links a,.sound,.menu{color:#cbd0da;text-decoration:none;font-size:11px;letter-spacing:.08em;text-transform:uppercase;background:none;border:0;cursor:pointer}.nav-links a:hover,.sound:hover{color:var(--accent)}
.sound{border:1px solid var(--line);padding:9px 12px;border-radius:99px}.menu{display:none;font-size:20px}
.hero{min-height:100vh;max-width:var(--max);margin:auto;padding:160px 5vw 80px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;position:relative}.hero-grid{position:absolute;inset:76px 0 0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:60px 60px;mask-image:linear-gradient(to bottom,#000,transparent 75%);pointer-events:none}
.eyebrow,.section-kicker,.time,.project-top,.portrait-caption,.footer{font-family:"DM Mono",monospace;font-size:10px;letter-spacing:.12em;color:var(--muted)}.eyebrow{display:flex;align-items:center;gap:8px}.live-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 15px var(--accent)}
h1{font-size:clamp(64px,9vw,130px);line-height:.86;letter-spacing:-.075em;margin:24px 0 30px;font-weight:800}h1 em,h2 em{font-family:var(--serif);font-weight:400}.hero-lede{max-width:600px;color:#b2b7c1;font-size:17px}.hero-actions{display:flex;gap:12px;margin:32px 0}.btn{display:inline-flex;align-items:center;gap:12px;padding:14px 19px;border:1px solid var(--line);border-radius:99px;text-decoration:none;font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;transition:.25s}.btn.primary{background:var(--text);color:#07080c}.btn.primary:hover{transform:translateY(-2px);box-shadow:0 12px 35px rgba(255,255,255,.1)}.btn.ghost{color:var(--text)}.btn.ghost:hover{border-color:rgba(184,255,90,.5);color:var(--accent)}
.hero-meta{display:flex;gap:12px;color:#777d88;font:10px "DM Mono";text-transform:uppercase}.hero-visual{position:relative;display:grid;place-items:center;min-height:570px}.portrait-card{width:min(390px,72vw);height:510px;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.13);background:linear-gradient(150deg,#171b22,#090b10);box-shadow:0 40px 100px rgba(0,0,0,.45);transform:rotate(2deg)}.portrait-card img{width:100%;height:100%;object-fit:cover;object-position:center top;filter:saturate(.85) contrast(1.03)}.portrait-ring{position:absolute;width:460px;height:460px;border:1px solid rgba(110,240,255,.18);border-radius:50%;box-shadow:0 0 100px rgba(110,240,255,.05);animation:spin 20s linear infinite}.scan{position:absolute;left:0;right:0;top:-2px;height:1px;background:var(--accent2);box-shadow:0 0 18px var(--accent2);z-index:2;animation:scan 4s ease-in-out infinite}.portrait-caption{position:absolute;bottom:0;left:0;right:0;padding:14px;display:flex;justify-content:space-between;background:linear-gradient(transparent,rgba(0,0,0,.8));color:#d9dde4}
.floating-card{position:absolute;background:rgba(12,15,21,.85);backdrop-filter:blur(14px);border:1px solid var(--line);padding:15px 18px;display:flex;flex-direction:column;min-width:130px;box-shadow:0 20px 50px rgba(0,0,0,.35)}.floating-card b{font-size:30px;line-height:1}.floating-card span{font:9px "DM Mono";color:var(--muted);margin-top:5px;text-transform:uppercase}.fc-one{left:0;bottom:105px}.fc-two{right:0;top:110px}
.ticker{display:flex;justify-content:center;gap:28px;flex-wrap:wrap;padding:19px 4vw;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font:10px "DM Mono";letter-spacing:.12em;color:#9ba1ad}.ticker i{color:var(--accent);font-style:normal}
.section{max-width:var(--max);margin:auto;padding:130px 5vw}.section-kicker{margin-bottom:55px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.stat-card{padding:35px 25px;border-right:1px solid var(--line)}.stat-card:last-child{border:0}.stat-card strong{font-size:75px;letter-spacing:-.07em;line-height:1}.stat-card small{font-size:28px;color:var(--accent);vertical-align:top}.stat-card p{color:var(--muted);font-size:12px;max-width:150px}
.story-grid,.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}.story h2,.section-head h2,.build-intro h2,.philo-main h2,.skill-columns h2,.contact h2{font-size:clamp(44px,6vw,82px);letter-spacing:-.065em;line-height:.95;margin:0}.story-body{max-width:550px}.story-body .big{font-size:25px;line-height:1.35;color:#e4e7ec}.story-body p:not(.big){color:var(--muted);font-size:15px}
.timeline{border-left:1px solid var(--line)}.timeline-item{display:grid;grid-template-columns:230px 1fr;gap:50px;padding:0 0 70px 30px;position:relative}.timeline-item:before{content:"";position:absolute;left:-4px;top:6px;width:7px;height:7px;background:var(--accent);border-radius:50%;box-shadow:0 0 20px var(--accent)}.timeline-item h3{font-size:30px;margin:0 0 3px}.timeline-item p{color:#b3b8c1;max-width:650px}.muted{color:#737a86!important;font:11px "DM Mono";text-transform:uppercase}.tags{display:flex;gap:7px;flex-wrap:wrap}.tags span{border:1px solid var(--line);padding:6px 9px;border-radius:99px;font:9px "DM Mono";color:#9ca2ad}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:55px}.section-head p{max-width:350px;color:var(--muted);font-size:14px}.project-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:14px}.project-card{min-height:380px;background:linear-gradient(145deg,#10141c,#0a0c11);border:1px solid var(--line);padding:25px;position:relative;overflow:hidden;cursor:pointer;transition:.35s}.project-card.large{min-height:520px}.project-card:after{content:"";position:absolute;width:240px;height:240px;border-radius:50%;right:-100px;bottom:-100px;background:radial-gradient(circle,rgba(184,255,90,.11),transparent 70%);transition:.4s}.project-card:hover{border-color:rgba(184,255,90,.35);transform:translateY(-4px)}.project-card:hover:after{transform:scale(1.6)}.project-number{font:11px "DM Mono";color:#6f7580}.project-top,.project-foot{display:flex;justify-content:space-between}.project-top{margin-top:70px;color:#818793}.project-card h3{font-size:clamp(30px,4vw,52px);letter-spacing:-.06em;margin:12px 0}.project-card p{color:var(--muted);max-width:480px}.project-foot{position:absolute;bottom:25px;left:25px;right:25px;font:9px "DM Mono";color:#7e8490;text-transform:uppercase}
.award-list{border-top:1px solid var(--line)}.award{display:grid;grid-template-columns:70px 1fr 100px;align-items:center;gap:20px;padding:25px 0;border-bottom:1px solid var(--line)}.award>span{font:10px "DM Mono";color:#666d79}.award h3{margin:0;font-size:20px}.award p{margin:4px 0 0;color:var(--muted);font-size:12px}.award b{font-size:35px;text-align:right;color:var(--accent);letter-spacing:-.06em}
.build{background:linear-gradient(180deg,transparent,#0a0d12 50%,transparent)}.build-intro{display:flex;justify-content:space-between;align-items:end;margin-bottom:60px}.build-intro p{max-width:350px;color:var(--muted)}.build-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.build-card{padding:28px;background:#0b0e14;border:1px solid var(--line);min-height:280px}.build-card>span{font:10px "DM Mono";color:var(--accent)}.build-card h3{margin-top:55px;letter-spacing:.04em}.build-card p{color:var(--muted);font-size:12px}.mini-line{height:1px;background:linear-gradient(90deg,var(--accent),transparent);margin-top:40px}.system-diagram{margin-top:80px;display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.node{border:1px solid var(--line);padding:13px 17px;font:10px "DM Mono";color:#8d939e}.node.active{border-color:rgba(184,255,90,.45);color:var(--accent);box-shadow:0 0 30px rgba(184,255,90,.06)}.connector{width:40px;height:1px;background:linear-gradient(90deg,transparent,#5f6672,transparent)}
.philosophy{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.philosophy-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}.quote-mark{font:120px/0.5 Georgia;color:var(--accent);margin:0 0 30px}.philo-main h2{max-width:650px}.bigline{font-size:22px;color:#c4c9d1;max-width:650px}.principle{border-top:1px solid var(--line);padding:20px 0}.principle span{font:10px "DM Mono";color:var(--accent)}.principle h3{font-size:14px;margin:15px 0 4px}.principle p{font-size:12px;color:var(--muted);margin:0}
.skill-columns{display:grid;grid-template-columns:1fr 1fr;gap:80px}.skill-list{display:flex;flex-wrap:wrap;gap:8px;align-content:start}.skill-list span{border:1px solid var(--line);padding:10px 13px;border-radius:99px;color:#c0c5ce;font-size:11px}.exploring{margin-top:70px;border-top:1px solid var(--line);padding-top:25px}.exploring label{font:10px "DM Mono";color:var(--accent)}.exploring div{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.exploring b{font-size:11px;border:1px solid rgba(110,240,255,.2);padding:9px 12px;color:#9edfe7;font-weight:500}
.edu-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.edu-grid>div{padding:35px;background:#0c0f15;border:1px solid var(--line)}.edu-grid h2{font-size:30px;line-height:1.05;letter-spacing:-.04em}.edu-grid p:last-child{color:var(--muted);font-size:13px}
.quote-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.quote-card{padding:30px;background:#0c0f15;border:1px solid var(--line);min-height:240px}.quote-card>span{font:9px "DM Mono";color:var(--accent)}.quote-card p{font:21px/1.35 var(--serif);color:#d7dae0}.quote-card small{font:10px "DM Mono";color:#6f7580}
.contact{padding-top:160px;padding-bottom:100px}.contact-copy{max-width:430px}.contact-copy>p{font-size:18px;color:#b5bbc5;margin-bottom:30px}.contact-details{display:flex;flex-direction:column;gap:9px;margin-top:28px}.contact-details a,.contact-details span{color:#9da3ae;text-decoration:none;font:11px "DM Mono"}.contact-details a:hover{color:var(--accent)}
footer{max-width:var(--max);margin:auto;border-top:1px solid var(--line);padding:25px 5vw 40px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font:9px "DM Mono";color:#6e747f}footer a{color:#aeb4be;text-decoration:none}
.project-modal{display:none;position:fixed;inset:0;z-index:80}.project-modal.open{display:grid;place-items:center}.modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.75);backdrop-filter:blur(8px)}.modal-panel{position:relative;width:min(680px,90vw);background:#0d1017;border:1px solid rgba(255,255,255,.15);padding:45px;box-shadow:0 30px 100px rgba(0,0,0,.7);z-index:1}.modal-close{position:absolute;right:15px;top:12px;background:none;border:0;color:white;font-size:27px;cursor:pointer}.modal-panel>span{font:10px "DM Mono";color:var(--accent)}.modal-panel h2{font-size:55px;line-height:1;letter-spacing:-.06em;margin:20px 0}.modal-panel p{color:#adb3bd}.modal-panel div{border-top:1px solid var(--line);padding-top:15px;font:10px "DM Mono";color:#777e89}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}
@keyframes scan{0%,100%{top:0}50%{top:100%}}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:850px){
 .nav{height:65px}.nav-links{display:none}.nav-links.open{display:flex;position:absolute;top:65px;left:0;right:0;background:#090b10;flex-direction:column;padding:25px 5vw;border-bottom:1px solid var(--line)}.menu{display:block}.sound{margin-left:auto;margin-right:15px}
 .hero{grid-template-columns:1fr;padding-top:130px}.hero-visual{min-height:510px;order:-1;margin-bottom:20px}.portrait-card{width:min(330px,78vw);height:430px}.portrait-ring{width:390px;height:390px}.fc-one{left:2%;bottom:60px}.fc-two{right:2%;top:45px}
 .stat-grid{grid-template-columns:1fr 1fr}.stat-card:nth-child(2){border-right:0}.stat-card:nth-child(-n+2){border-bottom:1px solid var(--line)}.stat-card strong{font-size:55px}
 .story-grid,.contact-grid,.philosophy-grid,.skill-columns{grid-template-columns:1fr;gap:45px}.section{padding:90px 6vw}.section-head,.build-intro{display:block}.section-head p,.build-intro p{margin-top:25px}.timeline-item{grid-template-columns:1fr;gap:10px}.project-grid{grid-template-columns:1fr}.project-card.large{min-height:400px}.build-grid{grid-template-columns:1fr 1fr}.edu-grid,.quote-grid{grid-template-columns:1fr}.contact{padding-top:100px}
}
@media(max-width:520px){
 h1{font-size:60px}.hero-lede{font-size:15px}.hero-meta{flex-wrap:wrap}.hero-actions{flex-direction:column;align-items:flex-start}.ticker{gap:15px}.stat-card{padding:25px 16px}.stat-card strong{font-size:45px}.build-grid{grid-template-columns:1fr}.award{grid-template-columns:40px 1fr 55px}.award b{font-size:26px}.modal-panel{padding:30px}.modal-panel h2{font-size:40px}
}

/* Professional refinement layer */
body{letter-spacing:-.01em}
h1,h2,h3{font-feature-settings:"kern"}
.section-kicker{color:#a8b0bc}
.project-card,.build-card,.quote-card,.edu-grid>div,.stat-card{box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.project-card:hover,.build-card:hover{box-shadow:0 18px 70px rgba(0,0,0,.28)}
.nav{box-shadow:0 1px 0 rgba(255,255,255,.025)}
@media(min-width:1100px){
  .hero-copy{padding-right:25px}
  .section{padding-top:150px;padding-bottom:150px}
}