:root{
  color-scheme:dark;
  --bg:#030405;
  --bg-soft:#07090c;
  --panel:#0a0d11;
  --panel-2:#0d1117;
  --text:#f4f7fb;
  --muted:#9aa5b1;
  --muted-2:#6f7b87;
  --line:rgba(255,255,255,.10);
  --line-strong:rgba(255,255,255,.17);
  --accent:#76d7ed;
  --accent-soft:rgba(118,215,237,.12);
  --amber:#d6a35f;
  --cyan:#70d8ed;
  --violet:#a89cf7;
  --green:#78d6a5;
  --red:#ec8c98;
  --shell:1180px;
  --header:72px;
  --radius:22px;
  --radius-sm:14px;
  --shadow:0 22px 70px rgba(0,0,0,.30);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{
  margin:0;
  min-width:320px;
  overflow-x:hidden;
  background:var(--bg);
  color:var(--text);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:16px;
  line-height:1.6;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}
body.nav-open{overflow:hidden}
a{color:inherit;text-decoration:none}
button,input,textarea{font:inherit;color:inherit}
button{cursor:pointer}
img,svg{max-width:100%}
img{display:block}
::selection{background:rgba(118,215,237,.24);color:#fff}

.shell{width:min(var(--shell),calc(100% - 48px));margin-inline:auto}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:fixed;left:16px;top:12px;z-index:1000;transform:translateY(-160%);padding:10px 14px;border-radius:10px;background:#fff;color:#000;font-weight:800}
.skip-link:focus{transform:none}

.ambient-world{position:fixed;inset:0;z-index:-2;pointer-events:none;overflow:hidden;background:#020304}
.ambient-glow{position:absolute;inset:-20%;background:radial-gradient(circle at 50% 15%,rgba(82,133,160,.15),transparent 31%),radial-gradient(circle at 85% 58%,rgba(73,85,128,.07),transparent 27%);filter:blur(12px)}
.ambient-grid{position:absolute;inset:42% -8% -12%;opacity:.16;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:72px 72px;transform:perspective(600px) rotateX(63deg);transform-origin:50% 100%;mask-image:linear-gradient(to bottom,transparent,#000 28%,#000 78%,transparent)}
.ambient-vignette{position:absolute;inset:0;background:radial-gradient(circle at 50% 28%,transparent 0 26%,rgba(0,0,0,.18) 58%,rgba(0,0,0,.66) 100%)}

.scroll-progress{position:fixed;left:0;right:0;top:0;height:2px;z-index:120;background:transparent}
.scroll-progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--accent),#fff)}

.site-header{position:sticky;top:0;z-index:100;border-bottom:1px solid rgba(255,255,255,.07);background:rgba(3,4,5,.78);backdrop-filter:blur(14px)}
.nav{height:var(--header);display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;gap:11px;min-width:0}
.brand-mark{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--line-strong);border-radius:10px;background:#080b0f;color:#fff;font-weight:850;font-size:13px;letter-spacing:.06em}
.brand strong,.brand small{display:block}
.brand strong{font-size:14px;line-height:1.2;letter-spacing:.01em}
.brand small{margin-top:3px;color:var(--muted);font-size:11px;line-height:1.2}
.nav-links{display:flex;align-items:center;gap:20px}
.nav-links>a{color:#cbd3dc;font-size:13px;font-weight:650}
.nav-links>a:hover,.nav-links>a[aria-current="location"]{color:#fff}
.nav-resume{padding:8px 11px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.035)}
.link-icon{width:15px;height:15px;vertical-align:-2px;margin-left:3px}
.performance-toggle{display:none;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:transparent;color:var(--muted);font-size:12px}
.three-ready .performance-toggle{display:inline-flex}
.performance-toggle:hover{color:#fff;border-color:var(--line-strong)}
.nav-toggle{display:none;width:40px;height:40px;border:1px solid var(--line);border-radius:11px;background:#080b0f;padding:10px}
.nav-toggle span{display:block;height:1px;background:#fff;margin:5px 0}

.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border:1px solid var(--line-strong);border-radius:12px;font-weight:760;font-size:14px;transition:transform .18s ease,border-color .18s ease,background .18s ease}
.button:hover{transform:translateY(-1px)}
.button-primary{background:#f1f6f8;color:#061015;border-color:#f1f6f8}
.button-primary:hover{background:#fff}
.button-secondary,.project-button{background:rgba(255,255,255,.035);color:#eef3f6}
.button-secondary:hover,.project-button:hover{border-color:rgba(118,215,237,.42);background:rgba(118,215,237,.06)}
.text-link{display:inline-flex;align-items:center;color:#c6d0da;font-size:13px;font-weight:680}
.text-link:hover{color:#fff}

.hero{min-height:760px;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr);gap:64px;align-items:center;padding-block:82px 92px;scroll-margin-top:var(--header)}
.hero-copy{max-width:650px}
.availability{display:inline-flex;align-items:center;gap:9px;margin-bottom:22px;padding:7px 10px;border:1px solid var(--line);border-radius:999px;color:#c7d0d9;font-size:12px;background:rgba(255,255,255,.025)}
.availability i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(120,214,165,.08)}
.eyebrow{margin:0 0 14px;color:#9db9c3;font-size:11px;font-weight:850;letter-spacing:.16em;text-transform:uppercase}
.hero h1,.section-header h2,.about h2,.contact h2,.resume-cta h2{margin:0;letter-spacing:-.045em;line-height:1.02}
.hero h1{max-width:12ch;font-size:clamp(3.6rem,6.4vw,6.5rem);font-weight:820}
.hero h1 span,.section-header h2 span,.about h2 span,.contact h2 span,.resume-cta h2 span{color:var(--accent)}
.hero-lead{max-width:620px;margin:25px 0 0;color:#b3bec8;font-size:18px;line-height:1.68}
.hero-actions{display:grid;grid-template-columns:auto auto 1fr;gap:10px;align-items:center;margin-top:30px}
.hero-3d-link{justify-self:start;border:0;background:transparent;color:#91a5b3;padding:9px 4px;font-size:13px;font-weight:720;text-decoration:underline;text-decoration-color:rgba(145,165,179,.32);text-underline-offset:4px}
.hero-3d-link:hover{color:#fff;text-decoration-color:var(--accent)}
.hero-proof{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin-top:32px;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--line)}
.hero-proof>div{min-height:84px;padding:15px 16px;background:rgba(5,7,9,.93)}
.hero-proof strong,.hero-proof span{display:block}
.hero-proof strong{font-size:19px;line-height:1.15;letter-spacing:-.02em}
.hero-proof span{margin-top:7px;color:var(--muted);font-size:11px;line-height:1.35}

.hero-stage,.project-stage{min-width:0}
.stage-shell{position:relative;border:1px solid var(--line);border-radius:var(--radius);background:#05070a;box-shadow:var(--shadow);overflow:hidden;isolation:isolate}
.stage-hero{min-height:500px}
.stage-head{position:relative;z-index:6;display:flex;align-items:center;justify-content:space-between;gap:18px;height:45px;padding:0 16px;border-bottom:1px solid var(--line);background:rgba(5,7,10,.92);color:#b8c4cc;font-size:10px;font-weight:820;letter-spacing:.12em}
.stage-head i{color:#72808b;font-style:normal;letter-spacing:.08em}
.stage-poster{position:absolute;inset:45px 0 0;z-index:0;display:block;background:#05070a;transition:opacity .35s ease,visibility .35s ease}
.stage-poster img{width:100%;height:100%;object-fit:cover;filter:saturate(.78) contrast(1.03) brightness(.68)}
.stage-shell canvas,.stage-viewport canvas{position:relative;z-index:1;display:block;width:100%;height:100%;opacity:0;transition:opacity .35s ease;outline:0}
.stage-shell.is-rendered canvas,.stage-viewport.is-rendered canvas{opacity:1}
.stage-shell.is-rendered>.stage-poster,.stage-viewport.is-rendered>.stage-poster{opacity:0;visibility:hidden}
.stage-loading{display:none;position:absolute;right:14px;bottom:14px;z-index:8;padding:7px 10px;border:1px solid var(--line);border-radius:999px;background:rgba(2,4,7,.78);color:#aebbc6;font-size:11px}
.three-loading .stage-loading{display:block}
.stage-shell.is-rendered .stage-loading,.stage-viewport.is-rendered .stage-loading,.three-load-error .stage-loading,.no-webgl .stage-loading{display:none}
.stage-fallback{display:none;position:absolute;inset:45px 0 0;z-index:5;place-content:center;text-align:center;padding:28px;background:rgba(4,7,10,.88);color:#d7e0e6}
.stage-fallback strong,.stage-fallback span{display:block}
.stage-fallback span{margin-top:7px;color:var(--muted);font-size:13px}
.three-load-error .stage-fallback,.no-webgl .stage-fallback,.context-lost .stage-fallback{display:grid}
.three-load-error canvas,.no-webgl canvas,.context-lost canvas{opacity:0}
.hero-stage-copy{position:absolute;left:18px;right:18px;bottom:76px;z-index:4;padding:14px 15px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(3,5,8,.72);backdrop-filter:blur(7px)}
.hero-stage-copy span,.hero-stage-copy strong,.hero-stage-copy p{display:block}
.hero-stage-copy span{color:#89adba;font-size:10px;font-weight:820;letter-spacing:.1em}
.hero-stage-copy strong{margin-top:5px;font-size:16px;line-height:1.35}
.hero-stage-copy p{margin:5px 0 0;color:#9aa6b0;font-size:12px;line-height:1.5}
.scene-switcher{display:none;position:absolute;z-index:5;left:18px;right:18px;bottom:16px;grid-template-columns:repeat(3,1fr);gap:6px}
.three-ready .scene-switcher{display:grid}
.scene-switcher button{min-width:0;padding:9px 10px;border:1px solid var(--line);border-radius:10px;background:rgba(4,6,9,.82);color:#9da9b4;text-align:left}
.scene-switcher button b,.scene-switcher button span{display:block}
.scene-switcher button b{font-size:9px;color:#71808c}
.scene-switcher button span{margin-top:3px;font-size:11px;font-weight:720}
.scene-switcher button.active{border-color:rgba(118,215,237,.35);color:#fff;background:rgba(118,215,237,.08)}

.section-header{padding-top:96px;padding-bottom:34px}
.section-header h2{max-width:850px;font-size:clamp(2.7rem,5vw,5rem)}
.section-header>p:last-child{max-width:760px;margin:20px 0 0;color:var(--muted);font-size:16px}
.projects{border-top:1px solid rgba(255,255,255,.06)}
.project-world{--project-accent:var(--cyan);position:relative;padding:18px 0 92px;scroll-margin-top:var(--header)}
.world-complaints{--project-accent:var(--amber)}
.world-audit{--project-accent:var(--cyan)}
.world-rag{--project-accent:var(--violet)}
.world-glow{position:absolute;left:0;top:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,var(--project-accent),transparent);opacity:.38}
.project-grid{display:grid;grid-template-columns:minmax(0,.88fr) minmax(470px,1.12fr);gap:58px;align-items:start;padding-top:58px}
.project-grid.reverse .project-copy{order:2}
.project-grid.reverse .project-stage{order:1}
.project-index{margin-bottom:14px;color:var(--project-accent);font-size:10px;font-weight:860;letter-spacing:.13em}
.project-copy h3,.experiment-copy h3{margin:0;font-size:clamp(2.5rem,4.6vw,4.8rem);line-height:1.02;letter-spacing:-.045em}
.project-summary{margin:20px 0 0;color:#b1bdc6;font-size:16px;line-height:1.68}
.project-outcome{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-top:24px;border-block:1px solid var(--line);background:var(--line)}
.project-outcome>div{padding:14px 12px;background:var(--bg)}
.project-outcome span,.project-outcome strong{display:block}
.project-outcome span{color:#71808d;font-size:9px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}
.project-outcome strong{margin-top:6px;font-size:12px;line-height:1.5;font-weight:650;color:#dbe3e9}
.metric-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:22px}
.metric-row>div{padding:14px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.02)}
.metric-row strong,.metric-row span{display:block}
.metric-row strong{color:#fff;font-size:20px;line-height:1.1}
.metric-row span{margin-top:5px;color:#83909b;font-size:10px;line-height:1.3}
.stack{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px}
.stack span{padding:6px 9px;border:1px solid rgba(255,255,255,.09);border-radius:999px;background:rgba(255,255,255,.018);color:#9faab4;font-size:10px;font-weight:700}
.project-details{margin-top:18px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.project-details summary{padding:14px 0;cursor:pointer;color:#c8d1d8;font-size:12px;font-weight:760}
.project-facts{display:grid;gap:0;margin:0;padding:0 0 12px}
.project-facts>div{display:grid;grid-template-columns:112px 1fr;gap:14px;padding:9px 0;border-top:1px solid rgba(255,255,255,.055)}
.project-facts dt{color:#71808b;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.project-facts dd{margin:0;color:#aab5be;font-size:12px;line-height:1.55}
.project-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin-top:20px}
.project-button{min-height:40px;padding-inline:13px}
.case-study-toggle{width:100%;margin-top:18px;padding:12px 0;border:0;border-top:1px solid var(--line);background:transparent;color:#cbd5dc;text-align:left;font-size:12px;font-weight:780}
.case-study-toggle::after{content:"+";float:right;color:var(--project-accent);font-size:18px;line-height:1}
.project-world.is-expanded .case-study-toggle::after{content:"−"}

.story-stage{overflow:visible;box-shadow:none}
.stage-viewport{position:relative;min-height:410px;border-bottom:1px solid var(--line);overflow:hidden;background:#04070a}
.stage-viewport .stage-poster{inset:0}
.stage-viewport .stage-poster img{object-fit:contain;padding:10px;filter:saturate(.92) contrast(1.04) brightness(.82)}
.story-hud{position:absolute;top:12px;left:12px;right:12px;z-index:4;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;pointer-events:none}
.story-hud>div{padding:8px 9px;border:1px solid rgba(255,255,255,.09);border-radius:10px;background:rgba(3,5,8,.68);backdrop-filter:blur(5px)}
.story-hud span,.story-hud strong{display:block}
.story-hud span{color:#70808d;font-size:8px;font-weight:850;letter-spacing:.1em}
.story-hud strong{margin-top:3px;color:#dde5ea;font-size:10px;line-height:1.35}
.scene-legend{position:absolute;left:12px;bottom:12px;z-index:4;display:flex;flex-wrap:wrap;gap:6px;padding:7px 9px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:rgba(3,5,8,.65);font-size:9px;color:#9aa7b0;pointer-events:none}
.scene-legend span{display:flex;align-items:center;gap:5px}.scene-legend i{width:6px;height:6px;border-radius:50%}.c-cyan{background:var(--cyan)}.c-red{background:var(--red)}.c-green{background:var(--green)}
.story-toolbar{display:grid;grid-template-columns:auto auto auto minmax(140px,1fr) auto auto;gap:7px;align-items:center;padding:12px;border-bottom:1px solid var(--line);background:#070a0e}
.story-toolbar button{min-height:34px;padding:0 10px;border:1px solid var(--line);border-radius:9px;background:#0b0f14;color:#aeb9c2;font-size:10px;font-weight:740}
.story-toolbar button:hover{color:#fff;border-color:var(--line-strong)}
.story-progress{height:5px;border-radius:999px;background:#161b22;overflow:hidden}
.story-progress span{display:block;width:0;height:100%;background:var(--project-accent);transition:width .18s linear}
.story-toolbar output{color:#71808a;font-size:10px;text-align:right}
.chapter-hint{display:block;padding:10px 12px 0;color:#687681;font-size:9px;text-align:right}
.story-chapters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:10px 12px 12px}
.story-chapters button{min-height:37px;padding:7px 9px;border:1px solid var(--line);border-radius:9px;background:#080b10;color:#8e9aa5;font-size:9px;line-height:1.2;text-align:left}
.story-chapters button.active{color:#fff;border-color:color-mix(in srgb,var(--project-accent) 45%,transparent);background:color-mix(in srgb,var(--project-accent) 9%,#080b10)}
.story-caption{display:grid;grid-template-columns:1.2fr .8fr;gap:20px;padding:15px 16px 17px;border-top:1px solid var(--line);background:#05080b}
.story-caption strong,.story-caption span{display:block}.story-caption strong{font-size:13px}.story-caption>div>span,.story-caption p{margin:5px 0 0;color:#87939d;font-size:11px;line-height:1.55}.story-caption p b{color:#c7d0d7}

.project-world:not(.is-expanded) .story-toolbar,
.project-world:not(.is-expanded) .story-chapters,
.project-world:not(.is-expanded) .chapter-hint,
.project-world:not(.is-expanded) .story-caption,
.project-world:not(.is-expanded) .story-hud,
.project-world:not(.is-expanded) .scene-legend{display:none}
.project-world:not(.is-expanded) .story-stage{background:#05070a}
.project-world:not(.is-expanded) .stage-viewport{min-height:360px;border-bottom:0}
.project-world.is-expanded .stage-viewport{min-height:520px}

.evidence-heading{padding-top:10px}
.evidence-heading span{display:block;color:#74818c;font-size:10px;font-weight:850;letter-spacing:.12em}
.evidence-heading p{margin:6px 0 0;color:#87939c;font-size:12px}
.evidence-gallery{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px;padding-top:18px;padding-bottom:74px}
.evidence-item{grid-column:span 6;margin:0;min-width:0}
.evidence-item--primary{grid-column:1/-1}
.evidence-gallery--4 .evidence-item:not(.evidence-item--primary){grid-column:span 4}
.evidence-item button,.experiment-figure button{display:block;width:100%;padding:0;border:1px solid var(--line);border-radius:14px;background:#07090c;overflow:hidden}
.evidence-item img,.experiment-figure img{width:100%;height:auto;object-fit:contain;background:#07090c}
.evidence-item button:focus-visible,.experiment-figure button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.evidence-item figcaption,.experiment-figure figcaption{display:flex;justify-content:space-between;gap:12px;margin-top:8px;color:#c1cbd3;font-size:11px}
.evidence-item figcaption small,.experiment-figure figcaption small{color:#687680;font-size:10px}

.experiment-case{border-block:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.012)}
.experiment-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);gap:60px;align-items:start;padding-block:82px}
.experiment-question{margin:18px 0 0;color:#d7e0e6;font-size:18px;font-weight:650;line-height:1.5}
.experiment-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:22px}
.experiment-metrics>div{padding:14px;border:1px solid var(--line);border-radius:12px;background:#080b0f}
.experiment-metrics strong,.experiment-metrics span{display:block}.experiment-metrics strong{font-size:18px}.experiment-metrics span{margin-top:4px;color:#7e8b95;font-size:10px}
.experiment-decision{margin-top:18px;padding:16px;border-left:2px solid var(--amber);background:rgba(214,163,95,.045)}
.experiment-decision>span{color:var(--amber);font-size:9px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.experiment-decision strong{display:block;margin-top:5px;font-size:13px;line-height:1.5}.experiment-decision p{margin:8px 0 0;color:#939fa9;font-size:11px;line-height:1.55}
.experiment-visuals{display:grid;grid-template-columns:1fr;gap:20px}.experiment-figure{margin:0}.experiment-figure img{max-height:430px}

.skills{padding-block:84px 96px;scroll-margin-top:var(--header)}
.skills .section-header{padding-top:0}
.skills-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.skill-card{min-height:190px;padding:20px;border-top:1px solid var(--line-strong);background:rgba(255,255,255,.018)}
.skill-card>b{color:#71818c;font-size:10px;letter-spacing:.1em}.skill-card h3{margin:18px 0 8px;font-size:17px}.skill-card p{margin:0;color:#8f9aa4;font-size:12px;line-height:1.6}

.about{padding-block:72px 96px;scroll-margin-top:var(--header)}
.about-card{display:grid;grid-template-columns:300px 1fr;gap:52px;align-items:center;padding:30px;border:1px solid var(--line);border-radius:var(--radius);background:rgba(8,10,13,.72)}
.portrait{position:relative;overflow:hidden;border-radius:16px;background:#090c10}.portrait img{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;filter:saturate(.9)}.portrait span{position:absolute;left:12px;bottom:12px;padding:6px 8px;border-radius:8px;background:rgba(3,5,8,.78);font-size:9px;font-weight:850;letter-spacing:.08em}
.about h2{max-width:780px;font-size:clamp(2.6rem,4.6vw,4.7rem)}
.about-copy>p:not(.eyebrow){max-width:760px;color:#a4afb8;font-size:14px}
.about-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin-top:22px;border:1px solid var(--line);background:var(--line)}
.about-meta>div{padding:12px;background:#07090c}.about-meta span,.about-meta strong{display:block}.about-meta span{color:#6f7d87;font-size:9px;text-transform:uppercase;letter-spacing:.08em}.about-meta strong{margin-top:4px;font-size:12px}
.profile-links{display:flex;flex-wrap:wrap;gap:15px;margin-top:20px}.profile-links a{color:#9daab4;font-size:12px;font-weight:700}.profile-links a:hover{color:#fff}

.resume-cta{display:flex;align-items:center;justify-content:space-between;gap:40px;margin-bottom:96px;padding:30px;border-block:1px solid var(--line)}
.resume-cta h2{font-size:clamp(2.1rem,4vw,4rem)}.resume-cta p:not(.eyebrow){max-width:700px;margin:12px 0 0;color:#8d99a3;font-size:13px}

.contact{display:grid;grid-template-columns:minmax(0,.85fr) minmax(480px,1.15fr);gap:70px;padding-block:90px 110px;border-top:1px solid rgba(255,255,255,.06);scroll-margin-top:var(--header)}
.contact h2{max-width:11ch;font-size:clamp(3rem,5vw,5rem)}.contact-copy>p:not(.eyebrow){max-width:560px;margin-top:20px;color:#9da8b1}.direct-email{display:inline-flex;margin-top:22px;color:#fff;font-weight:760;font-size:14px}.contact-direct-actions{display:flex;gap:14px;margin-top:14px}.contact-direct-actions a,.contact-direct-actions button{padding:0;border:0;background:transparent;color:#82909b;font-size:11px}.contact-direct-actions a:hover,.contact-direct-actions button:hover{color:#fff}
.contact-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:24px;border:1px solid var(--line);border-radius:var(--radius);background:#07090c}.contact-form label span{display:block;margin-bottom:6px;color:#98a4ae;font-size:11px;font-weight:720}.contact-form input,.contact-form textarea{width:100%;border:1px solid var(--line);border-radius:11px;background:#0a0d11;padding:12px;color:#eef3f6;outline:none}.contact-form input:focus,.contact-form textarea:focus{border-color:rgba(118,215,237,.5);box-shadow:0 0 0 3px rgba(118,215,237,.07)}.contact-form textarea{resize:vertical;min-height:130px}.full{grid-column:1/-1}.honeypot{position:absolute!important;left:-9999px!important}.form-status,.form-privacy{margin:0;color:#7d8993;font-size:10px;line-height:1.45}.form-status.success{color:var(--green)}.form-status.error{color:#ef9ca7}.form-status a{text-decoration:underline}

.site-footer{display:flex;justify-content:space-between;gap:22px;padding-block:26px;border-top:1px solid var(--line);color:#71808a;font-size:11px}.site-footer a:hover{color:#fff}

.lightbox{width:min(1100px,92vw);max-height:90vh;padding:16px;border:1px solid var(--line);border-radius:18px;background:#05070a;color:#fff}.lightbox::backdrop{background:rgba(0,0,0,.82);backdrop-filter:blur(4px)}.lightbox img{width:100%;max-height:78vh;object-fit:contain}.lightbox p{margin:10px 40px 0;color:#a4afb7;font-size:12px}.lightbox-close{position:absolute;right:18px;top:18px;display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--line);border-radius:999px;background:rgba(5,7,10,.82)}

.reveal{opacity:1;transform:none}.js .reveal{opacity:0;transform:translateY(14px);transition:opacity .55s ease var(--delay,0ms),transform .55s ease var(--delay,0ms)}.js .reveal.visible{opacity:1;transform:none}

:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
[id]{scroll-margin-top:calc(var(--header) + 16px)}

@media(max-width:1050px){
  .hero{grid-template-columns:1fr;min-height:auto;gap:46px;padding-block:70px 84px}.hero-copy{max-width:760px}.hero h1{max-width:10ch}.hero-stage{max-width:820px;width:100%}.stage-hero{min-height:470px}
  .project-grid,.project-grid.reverse,.experiment-grid{grid-template-columns:1fr;gap:38px}.project-grid.reverse .project-copy,.project-grid.reverse .project-stage{order:initial}.project-copy{max-width:820px}.project-stage{max-width:900px;width:100%}.experiment-visuals{grid-template-columns:repeat(2,minmax(0,1fr))}.experiment-figure img{max-height:none}
  .contact{grid-template-columns:1fr;gap:42px}.contact h2{max-width:13ch}.about-card{grid-template-columns:240px 1fr}
}

@media(max-width:760px){
  :root{--header:64px;--radius:18px}.shell{width:min(100% - 30px,var(--shell))}
  .nav{height:var(--header)}.brand small{display:none}.nav-toggle{display:block}.nav-links{position:fixed;left:15px;right:15px;top:calc(var(--header) + 8px);display:none;align-items:stretch;flex-direction:column;gap:0;padding:10px;border:1px solid var(--line);border-radius:15px;background:#080a0d;box-shadow:var(--shadow)}.nav-links.open{display:flex}.nav-links>a,.performance-toggle{width:100%;padding:12px;text-align:left;border-radius:9px}.nav-resume{border:0;background:transparent}.three-ready .performance-toggle{display:block}
  .ambient-grid{opacity:.08;background-size:54px 54px}.ambient-glow{opacity:.72}
  .hero{padding-block:54px 70px;gap:34px}.availability{margin-bottom:16px}.hero h1{font-size:clamp(3rem,13.5vw,4.2rem);max-width:10ch}.hero-lead{font-size:15px;margin-top:20px}.hero-actions{grid-template-columns:1fr 1fr;gap:8px}.hero-actions .button{width:100%}.hero-3d-link{grid-column:1/-1;margin-top:2px}.hero-proof{grid-template-columns:1fr 1fr;margin-top:24px}.hero-proof>div{min-height:78px;padding:12px}.hero-proof strong{font-size:16px}
  .stage-hero{min-height:390px}.hero-stage-copy{bottom:18px}.three-ready .hero-stage-copy{bottom:72px}.scene-switcher{left:10px;right:10px;bottom:10px}.scene-switcher button{padding:7px}.scene-switcher button span{font-size:9px}
  .section-header{padding-top:70px}.section-header h2{font-size:clamp(2.5rem,12vw,3.7rem)}.section-header>p:last-child{font-size:14px}
  .project-world{padding-bottom:68px}.project-grid{padding-top:42px}.project-copy h3,.experiment-copy h3{font-size:clamp(2.5rem,12vw,3.6rem)}.project-outcome{grid-template-columns:1fr}.project-outcome>div{padding:12px}.metric-row{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-row>div{padding:11px 9px}.metric-row strong{font-size:15px}.metric-row span{font-size:9px}.project-facts>div{grid-template-columns:1fr;gap:4px}.project-actions{gap:9px}.project-actions .button{flex:1 1 auto}
  .stage-viewport{min-height:300px}.project-world:not(.is-expanded) .stage-viewport{min-height:290px}.project-world.is-expanded .stage-viewport{min-height:390px}.stage-viewport .stage-poster img{padding:4px}.story-hud{grid-template-columns:1fr;gap:4px}.story-hud>div{display:flex;justify-content:space-between;gap:10px;padding:6px 8px}.story-hud strong{margin-top:0;text-align:right}.scene-legend{display:none}.story-toolbar{grid-template-columns:repeat(4,minmax(0,1fr));padding:9px}.story-toolbar button{padding:0 5px}.story-progress{grid-column:1/-1}.story-toolbar output{grid-column:1/-1;text-align:center}.story-chapters{grid-template-columns:repeat(2,minmax(0,1fr));padding:8px 9px 10px}.story-caption{grid-template-columns:1fr;gap:8px;padding:12px}
  .evidence-gallery{grid-template-columns:1fr;gap:20px;padding-bottom:58px}.evidence-item,.evidence-item--primary,.evidence-gallery--4 .evidence-item:not(.evidence-item--primary){grid-column:1}.evidence-item figcaption{font-size:10px}
  .experiment-grid{padding-block:64px}.experiment-metrics{grid-template-columns:1fr 1fr}.experiment-visuals{grid-template-columns:1fr}
  .skills{padding-block:66px 76px}.skills-grid{grid-template-columns:1fr}.skill-card{min-height:0}
  .about{padding-block:56px 76px}.about-card{grid-template-columns:1fr;padding:18px;gap:28px}.portrait{max-width:250px}.about-meta{grid-template-columns:1fr}.resume-cta{align-items:flex-start;flex-direction:column;margin-bottom:70px;padding:26px 0}
  .contact{padding-block:70px 84px}.contact h2{font-size:clamp(2.8rem,12vw,3.8rem)}.contact-form{grid-template-columns:1fr;padding:17px}.contact-form .full{grid-column:1}.contact-direct-actions{flex-wrap:wrap}
  .site-footer{flex-direction:column;gap:8px}
}

@media(max-width:430px){
  .hero-actions{grid-template-columns:1fr}.hero-3d-link{grid-column:1}.hero-proof{grid-template-columns:1fr}.hero-proof>div{min-height:68px}.metric-row{grid-template-columns:1fr 1fr}.metric-row>div:last-child{grid-column:1/-1}.experiment-metrics{grid-template-columns:1fr}.stage-hero{min-height:350px}.hero-stage-copy{left:10px;right:10px}.stage-head{padding:0 10px}.stage-head i{display:none}.project-world.is-expanded .stage-viewport{min-height:350px}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}.js .reveal{opacity:1;transform:none;transition:none}.stage-poster,.stage-shell canvas,.stage-viewport canvas{transition:none}
}