:root{color-scheme:dark;--bg: #040608;--bg-soft: #0a1017;--panel: rgba(14, 20, 30, .74);--panel-strong: rgba(10, 16, 24, .92);--line: rgba(255, 255, 255, .1);--text: rgba(243, 247, 255, .94);--muted: rgba(201, 212, 228, .7);--accent: #6fe7da;--accent-2: #ff9456;--accent-3: #e7c57a;--shadow: 0 28px 90px rgba(0, 0, 0, .48)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:1280px;background:radial-gradient(circle at 10% 10%,rgba(111,231,218,.18),transparent 24%),radial-gradient(circle at 92% 8%,rgba(255,148,86,.14),transparent 20%),radial-gradient(circle at 78% 86%,rgba(231,197,122,.1),transparent 18%),linear-gradient(180deg,#040608,#070d13 48%,#040608);color:var(--text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:120px 120px;-webkit-mask-image:radial-gradient(circle at center,black 40%,transparent 100%);mask-image:radial-gradient(circle at center,black 40%,transparent 100%);opacity:.16}a{color:inherit;text-decoration:none}img,video{display:block;max-width:100%}#root{min-height:100vh}.page-shell{position:relative}.container{width:min(1700px,calc(100% - 72px));margin:0 auto;position:relative;z-index:1}.site-header{position:fixed;top:0;left:0;right:0;z-index:30;width:min(1700px,calc(100% - 72px));margin:10px auto 0}.topbar{display:flex;align-items:center;justify-content:space-between;width:100%;padding:18px 28px;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:22px;background:linear-gradient(180deg,#0c11186b,#060a0f47);-webkit-backdrop-filter:blur(22px) saturate(140%);backdrop-filter:blur(22px) saturate(140%);box-shadow:0 24px 70px #00000057,inset 0 1px #ffffff0d}.topbar:before,.topbar:after{content:"";position:absolute;top:0;bottom:0;width:48%;background-size:cover;background-position:center;background-repeat:no-repeat;opacity:.32;pointer-events:none}.topbar:before{left:0;background-image:linear-gradient(90deg,#03060933,#03060985 70%,#030609e6),url(./nav-bg-left-Bl-vwuhU.png);background-size:auto 100%,auto 100%;background-position:left center,left center}.topbar:after{right:0;background-image:linear-gradient(270deg,#0306092e,#03060980 70%,#030609e0),url(./nav-bg-right-Bh4p8TgU.png);background-size:auto 100%,auto 100%;background-position:right center,right center}.topbar>*{position:relative;z-index:2}.topbar .brand,.topbar .nav,.topbar .cta-nav{position:relative;z-index:2}.topbar::marker{display:none}.topbar::selection{background:transparent}.topbar{background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(180deg,#0e141e57,#060a0f38);background-size:28px 28px,28px 28px,100% 100%;background-position:0 0,0 0,0 0}.brand{display:flex;align-items:center;min-width:210px}.brand-wordmark{display:inline-flex;align-items:center;gap:8px;color:#fff;font-family:Space Grotesk,sans-serif;font-size:1.45rem;font-weight:700;letter-spacing:.08em;text-shadow:0 4px 18px rgba(0,0,0,.35)}.brand-wordmark:after{content:"";width:11px;height:11px;border-radius:50%;background:#ff7a1a;box-shadow:0 0 18px #ff7a1ab8}.nav{display:flex;align-items:center;justify-content:center;gap:36px;color:#f2f7ffd1;font-size:.95rem;font-weight:600;text-shadow:0 4px 18px rgba(0,0,0,.3)}.nav a{position:relative;transition:color .18s ease}.nav a:after{content:"";position:absolute;left:0;bottom:-8px;width:100%;height:1px;background:linear-gradient(90deg,transparent,var(--accent),var(--accent-2),transparent);transform:scaleX(0);transition:transform .22s ease}.nav a:hover,.nav a:focus-visible{color:#fff}.nav a:hover:after,.nav a:focus-visible:after{transform:scaleX(1)}.cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:48px;padding:0 22px;border-radius:999px;background:linear-gradient(135deg,#6fe7dafa,#ff9456f5);color:#071019;font-weight:700;box-shadow:0 10px 32px #6fe7da2e}.cta-nav{min-width:150px;height:46px;border-radius:12px;color:#fff;background:linear-gradient(135deg,#ff8a2a,#ff6f1d);box-shadow:0 16px 34px #ff6f1d4d,0 0 0 1px #ffffff0f inset}.cta:hover{transform:translateY(-1px)}.cta-soft,.cta-ghost{background:#ffffff0a;color:var(--text);border:1px solid rgba(255,255,255,.12);box-shadow:none}.main{position:relative}.content-backdrop{position:absolute;left:0;right:0;top:calc(100svh - 40px);bottom:0;z-index:0;overflow:hidden;pointer-events:none}.dot-field-canvas,.content-backdrop-fade{position:absolute;top:0;right:0;bottom:0;left:0}.dot-field-canvas{opacity:.78}.content-backdrop-fade{background:linear-gradient(180deg,#040608fa,#0406088c 10%,#04060838 22%,#0406086b),radial-gradient(circle at 18% 14%,rgba(111,231,218,.08),transparent 20%),radial-gradient(circle at 82% 20%,rgba(255,148,86,.08),transparent 18%)}.section-block{position:relative;z-index:1}.hero{min-height:100svh;display:flex;align-items:center;overflow:hidden}.hero-video,.hero-overlay,.hero-grid{position:absolute;top:0;right:0;bottom:0;left:0}.hero-video{width:100%;height:100%;object-fit:cover;filter:grayscale(1) brightness(.18) contrast(1.14) saturate(.52);transform:scale(1.04)}.hero-overlay{background:radial-gradient(circle at 16% 20%,rgba(111,231,218,.16),transparent 26%),radial-gradient(circle at 74% 26%,rgba(255,148,86,.14),transparent 22%),linear-gradient(180deg,#04070a80,#04070ad6)}.hero-grid{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:90px 90px;opacity:.18;-webkit-mask-image:radial-gradient(circle at center,black 45%,transparent 100%);mask-image:radial-gradient(circle at center,black 45%,transparent 100%)}.hero-inner{display:grid;grid-template-columns:1fr .98fr;gap:30px;align-items:stretch;padding-top:138px;z-index:1}.eyebrow{display:inline-flex;align-items:center;gap:10px;margin-bottom:18px;color:#fffc;letter-spacing:.18em;text-transform:uppercase;font-size:.78rem}.eyebrow:before{content:"";width:38px;height:1px;background:linear-gradient(90deg,var(--accent),var(--accent-2),transparent)}.hero h1{margin:0;font-family:Space Grotesk,sans-serif;font-size:clamp(4.6rem,7vw,7.6rem);line-height:.92;letter-spacing:-.06em;max-width:8ch}.hero-text,.about-copy p,.project-body p,.skill-card p,.contact-copy p,.footer-note,.panel-list,.portrait-note p,.hero-visual-copy p{color:var(--muted);font-size:1.04rem;line-height:1.85}.hero-text{max-width:56ch;margin:28px 0 0}.hero-actions{display:flex;gap:16px;margin-top:34px;flex-wrap:wrap}.hero-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;border-radius:22px;padding:14px;margin-top:24px}.hero-strip-card{--micro-card-bg: linear-gradient(180deg, rgba(7, 11, 16, .8), rgba(4, 7, 10, .9)), linear-gradient(rgba(255,255,255,.028) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.028) 1px, transparent 1px), linear-gradient(90deg, rgba(7, 11, 16, .22) 0%, rgba(7, 11, 16, .72) 18%, rgba(7, 11, 16, .96) 36%, rgba(7, 11, 16, .96) 64%, rgba(7, 11, 16, .72) 82%, rgba(7, 11, 16, .22) 100%), linear-gradient(135deg, rgba(111, 231, 218, .025), transparent 44%, rgba(255, 148, 86, .025)), url(./nav-bg-left-Bl-vwuhU.png);padding:16px 16px 14px;border-radius:18px;background-image:var(--micro-card-bg);background-size:100% 100%,24px 24px,24px 24px,100% 100%,cover;background-position:0 0,0 0,0 0,0 0,center;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(18px) saturate(135%);backdrop-filter:blur(18px) saturate(135%);box-shadow:inset 0 1px #ffffff0a,0 10px 24px #00000029;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}.hero-strip-card:hover{transform:translateY(-4px) scale(1.03);border-color:#6fe7da38;box-shadow:inset 0 1px #ffffff14,0 18px 38px #0000003d}.hero-strip-card span,.metric-card span{display:block;color:#6fe7dae6;text-transform:uppercase;letter-spacing:.14em;font-size:.72rem}.hero-strip-card strong,.metric-card strong{display:block;margin-top:10px;font-family:Space Grotesk,sans-serif;font-size:1.02rem;font-weight:700;letter-spacing:-.02em}.tag-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:36px;padding:12px;border-radius:24px;align-items:stretch}.tag{--micro-card-bg: linear-gradient(180deg, rgba(7, 11, 16, .8), rgba(4, 7, 10, .9)), linear-gradient(rgba(255,255,255,.028) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.028) 1px, transparent 1px), linear-gradient(90deg, rgba(7, 11, 16, .22) 0%, rgba(7, 11, 16, .72) 18%, rgba(7, 11, 16, .96) 36%, rgba(7, 11, 16, .96) 64%, rgba(7, 11, 16, .72) 82%, rgba(7, 11, 16, .22) 100%), linear-gradient(135deg, rgba(111, 231, 218, .025), transparent 44%, rgba(255, 148, 86, .025)), url(./nav-bg-left-Bl-vwuhU.png);min-height:72px;padding:14px 16px;border-radius:18px;border:1px solid rgba(255,255,255,.1);background-image:var(--micro-card-bg);background-size:100% 100%,24px 24px,24px 24px,100% 100%,cover;background-position:0 0,0 0,0 0,0 0,center;color:#f2f7ffe0;font-size:.88rem;font-weight:600;display:flex;align-items:center;justify-content:center;text-align:center;line-height:1.35;-webkit-backdrop-filter:blur(18px) saturate(135%);backdrop-filter:blur(18px) saturate(135%);box-shadow:inset 0 1px #ffffff0a,0 10px 24px #00000029;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}.tag:hover{transform:translateY(-5px) scale(1.04);border-color:#6fe7da3d;box-shadow:inset 0 1px #ffffff14,0 18px 40px #0000003d}.glass-card{--edge-proximity: 0;--cursor-angle: 45deg;--edge-sensitivity: 28;--color-sensitivity: calc(var(--edge-sensitivity) + 20);--glow-padding: 34px;--cone-spread: 24;--fill-opacity: .5;--gradient-one: radial-gradient(at 80% 55%, rgba(111, 231, 218, .9) 0px, transparent 50%);--gradient-two: radial-gradient(at 69% 34%, rgba(255, 148, 86, .88) 0px, transparent 50%);--gradient-three: radial-gradient(at 8% 6%, rgba(231, 197, 122, .84) 0px, transparent 50%);--gradient-four: radial-gradient(at 41% 38%, rgba(83, 170, 255, .82) 0px, transparent 50%);--gradient-five: radial-gradient(at 86% 85%, rgba(111, 231, 218, .76) 0px, transparent 50%);--gradient-six: radial-gradient(at 82% 18%, rgba(255, 148, 86, .76) 0px, transparent 50%);--gradient-seven: radial-gradient(at 51% 4%, rgba(200, 238, 255, .68) 0px, transparent 50%);--gradient-base: linear-gradient(180deg, rgba(111, 231, 218, .35), rgba(255, 148, 86, .28));--glow-color: hsl(182deg 74% 76% / 100%);--glow-color-60: hsl(182deg 74% 76% / 60%);--glow-color-50: hsl(182deg 74% 76% / 50%);--glow-color-40: hsl(182deg 74% 76% / 40%);--glow-color-30: hsl(182deg 74% 76% / 30%);--glow-color-20: hsl(182deg 74% 76% / 20%);--glow-color-10: hsl(182deg 74% 76% / 10%);position:relative;isolation:isolate;transform:translateZ(.01px);display:grid;border-radius:inherit;border:1px solid rgba(255,255,255,.14);background:linear-gradient(180deg,#0e141ef0,#070b10e6);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);overflow:visible;box-shadow:#00000029 0 1px 2px,#0000002e 0 6px 16px,#00000038 0 24px 64px}.glass-card:before,.glass-card:after,.glass-card>.edge-light{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;transition:opacity .25s ease-out;z-index:-1}.glass-card:not(:hover):before,.glass-card:not(:hover):after,.glass-card:not(:hover)>.edge-light{opacity:0;transition:opacity .65s ease-in-out}.glass-card:before{border:1px solid transparent;background:linear-gradient(#0e141ef5 0,#0e141ef5) padding-box,linear-gradient(#fff0 0,#fff0) border-box,var(--gradient-one) border-box,var(--gradient-two) border-box,var(--gradient-three) border-box,var(--gradient-four) border-box,var(--gradient-five) border-box,var(--gradient-six) border-box,var(--gradient-seven) border-box,var(--gradient-base) border-box;opacity:calc((var(--edge-proximity) - var(--color-sensitivity)) / (100 - var(--color-sensitivity)));-webkit-mask-image:conic-gradient(from var(--cursor-angle) at center,black calc(var(--cone-spread) * 1%),transparent calc((var(--cone-spread) + 15) * 1%),transparent calc((100 - var(--cone-spread) - 15) * 1%),black calc((100 - var(--cone-spread)) * 1%));mask-image:conic-gradient(from var(--cursor-angle) at center,black calc(var(--cone-spread) * 1%),transparent calc((var(--cone-spread) + 15) * 1%),transparent calc((100 - var(--cone-spread) - 15) * 1%),black calc((100 - var(--cone-spread)) * 1%))}.glass-card:after{border:1px solid transparent;background:var(--gradient-one) padding-box,var(--gradient-two) padding-box,var(--gradient-three) padding-box,var(--gradient-four) padding-box,var(--gradient-five) padding-box,var(--gradient-six) padding-box,var(--gradient-seven) padding-box,var(--gradient-base) padding-box;-webkit-mask-image:linear-gradient(to bottom,#000,#000),radial-gradient(ellipse at 50% 50%,black 40%,transparent 65%),radial-gradient(ellipse at 66% 66%,black 5%,transparent 40%),radial-gradient(ellipse at 33% 33%,black 5%,transparent 40%),radial-gradient(ellipse at 66% 33%,black 5%,transparent 40%),radial-gradient(ellipse at 33% 66%,black 5%,transparent 40%),conic-gradient(from var(--cursor-angle) at center,transparent 5%,black 15%,black 85%,transparent 95%);mask-image:linear-gradient(to bottom,#000,#000),radial-gradient(ellipse at 50% 50%,black 40%,transparent 65%),radial-gradient(ellipse at 66% 66%,black 5%,transparent 40%),radial-gradient(ellipse at 33% 33%,black 5%,transparent 40%),radial-gradient(ellipse at 66% 33%,black 5%,transparent 40%),radial-gradient(ellipse at 33% 66%,black 5%,transparent 40%),conic-gradient(from var(--cursor-angle) at center,transparent 5%,black 15%,black 85%,transparent 95%);-webkit-mask-composite:source-out,source-over,source-over,source-over,source-over,source-over;mask-composite:subtract,add,add,add,add,add;opacity:calc(var(--fill-opacity) * (var(--edge-proximity) - var(--color-sensitivity)) / (100 - var(--color-sensitivity)));mix-blend-mode:soft-light}.glass-card>.edge-light{inset:calc(var(--glow-padding) * -1);pointer-events:none;z-index:1;-webkit-mask-image:conic-gradient(from var(--cursor-angle) at center,black 2.5%,transparent 10%,transparent 90%,black 97.5%);mask-image:conic-gradient(from var(--cursor-angle) at center,black 2.5%,transparent 10%,transparent 90%,black 97.5%);opacity:calc((var(--edge-proximity) - var(--edge-sensitivity)) / (100 - var(--edge-sensitivity)));mix-blend-mode:plus-lighter}.glass-card>.edge-light:before{content:"";position:absolute;inset:var(--glow-padding);border-radius:inherit;box-shadow:inset 0 0 0 1px var(--glow-color),inset 0 0 1px 0 var(--glow-color-60),inset 0 0 3px 0 var(--glow-color-50),inset 0 0 6px 0 var(--glow-color-40),inset 0 0 15px 0 var(--glow-color-30),inset 0 0 25px 2px var(--glow-color-20),inset 0 0 50px 2px var(--glow-color-10),0 0 1px 0 var(--glow-color-60),0 0 3px 0 var(--glow-color-50),0 0 6px 0 var(--glow-color-40),0 0 15px 0 var(--glow-color-30),0 0 25px 2px var(--glow-color-20),0 0 50px 2px var(--glow-color-10)}.glass-card>*{position:relative;z-index:2}.hero-surface{display:grid;grid-template-rows:1.2fr auto;gap:18px}.hero-visual{position:relative;border-radius:28px;min-height:470px;overflow:hidden;padding:30px;display:flex;align-items:flex-end;background:linear-gradient(90deg,#060a0ffa,#060a0ffa 34%,#080d14eb 48%,#0a0f1680 70%,#0a0f162e),linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px),url(./concept-cover-03-BNWDGCBT.png),radial-gradient(circle at 18% 18%,rgba(111,231,218,.22),transparent 24%),radial-gradient(circle at 78% 22%,rgba(255,148,86,.16),transparent 20%),linear-gradient(180deg,#0c121beb,#06090dfa);background-size:100% 100%,22px 22px,22px 22px,cover,100% 100%,100% 100%,100% 100%;background-position:0 0,0 0,0 0,center,0 0,0 0,0 0}.hero-visual-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center center;opacity:0;transition:opacity .22s ease}.hero-visual-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#05080cf2,#05080cf0 28%,#05080cb8,#05080c33,#05080c14),linear-gradient(135deg,rgba(111,231,218,.08),transparent 36%),linear-gradient(315deg,rgba(255,148,86,.08),transparent 40%);opacity:.92}.hero-visual-copy{position:relative;z-index:2;max-width:30rem;padding:18px 20px 18px 0;text-shadow:0 8px 24px rgba(0,0,0,.42);transition:opacity .22s ease,transform .22s ease}.hero-visual-copy:before{content:"";position:absolute;top:-26px;right:-18px;bottom:-20px;left:-24px;z-index:-1;border-radius:24px;background:linear-gradient(90deg,#05080cf5,#05080cf0 72%,#05080c33),radial-gradient(circle at 18% 28%,rgba(111,231,218,.08),transparent 34%)}.hero-visual-copy .panel-title{max-width:11ch;margin:10px 0}.hero-visual:hover .hero-visual-video{opacity:1}.hero-visual:hover .hero-visual-copy{opacity:0;transform:translateY(10px)}.hero-visual:hover .hero-visual-glow{opacity:.28}.hero-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:stretch}.metric-card{--micro-card-bg: linear-gradient(180deg, rgba(7, 11, 16, .8), rgba(4, 7, 10, .9)), linear-gradient(rgba(255,255,255,.028) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.028) 1px, transparent 1px), linear-gradient(90deg, rgba(7, 11, 16, .22) 0%, rgba(7, 11, 16, .72) 18%, rgba(7, 11, 16, .96) 36%, rgba(7, 11, 16, .96) 64%, rgba(7, 11, 16, .72) 82%, rgba(7, 11, 16, .22) 100%), linear-gradient(135deg, rgba(111, 231, 218, .025), transparent 44%, rgba(255, 148, 86, .025)), url(./nav-bg-left-Bl-vwuhU.png);border-radius:20px;padding:18px;min-height:96px;display:flex;flex-direction:column;justify-content:center;background-image:var(--micro-card-bg);background-size:100% 100%,24px 24px,24px 24px,100% 100%,cover;background-position:0 0,0 0,0 0,0 0,center;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(18px) saturate(135%);backdrop-filter:blur(18px) saturate(135%);box-shadow:inset 0 1px #ffffff0a,0 10px 24px #0000002e;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}.metric-card:hover{transform:translateY(-4px) scale(1.03);border-color:#6fe7da3d;box-shadow:inset 0 1px #ffffff14,0 18px 40px #0000003d}.panel-label{color:#6fe7daeb;font-size:.82rem;letter-spacing:.18em;text-transform:uppercase}.panel-title{font-family:Space Grotesk,sans-serif;font-size:2rem;line-height:1.06;letter-spacing:-.04em}.panel-divider,.project-line{height:1px;background:linear-gradient(90deg,rgba(255,255,255,.12),rgba(111,231,218,.15),transparent)}.panel-list{margin:0;padding-left:18px;display:grid;gap:10px}.split-layout{display:grid;grid-template-columns:minmax(520px,.78fr) 1.22fr;gap:34px;align-items:stretch}.about{padding:26px 0 14px}.portrait-card,.contact-panel{border-radius:30px;padding:28px}.portrait-card{display:grid;grid-template-rows:minmax(0,1fr) auto;gap:16px;align-self:stretch;min-height:100%}.portrait-frame{position:relative;min-height:0;height:100%;border-radius:24px;overflow:hidden;background:radial-gradient(circle at 50% 30%,rgba(111,231,218,.18),transparent 30%),radial-gradient(circle at 75% 70%,rgba(255,148,86,.14),transparent 25%),linear-gradient(180deg,#111822eb,#080c11fa)}.portrait-frame:before,.portrait-frame:after{content:"";position:absolute;pointer-events:none;z-index:1}.portrait-frame:before{top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0406080f,#04060838),radial-gradient(circle at 18% 18%,rgba(111,231,218,.18),transparent 22%),radial-gradient(circle at 86% 26%,rgba(255,148,86,.16),transparent 20%)}.portrait-frame:after{top:26px;right:26px;bottom:26px;left:26px;border-radius:18px;border:1px solid rgba(255,255,255,.08)}.portrait-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center 12%}.portrait-namebar{display:grid;place-items:center;min-height:92px;border-radius:20px;border:1px solid rgba(255,255,255,.08);background:radial-gradient(circle at 45% 0%,rgba(111,231,218,.08),transparent 38%),linear-gradient(180deg,#0c1118eb,#070b10f0);color:#fffffff0;font-family:Space Grotesk,sans-serif;font-size:clamp(2.5rem,3.2vw,4rem);font-weight:700;letter-spacing:.08em;text-align:center;text-shadow:0 8px 24px rgba(0,0,0,.55)}.about-copy{display:grid;align-content:stretch}.portrait-note{display:flex;justify-content:space-between;gap:16px;padding-top:22px}.portrait-note span{color:#6fe7dae6;min-width:120px}.about-copy h2,.section-head h2,.contact-copy h2{margin:0;font-family:Space Grotesk,sans-serif;font-size:clamp(2.2rem,3vw,4rem);line-height:1;letter-spacing:-.05em}.about-copy p{max-width:68ch}.stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:28px}.stat-card{--micro-card-bg: linear-gradient(180deg, rgba(7, 11, 16, .8), rgba(4, 7, 10, .9)), linear-gradient(rgba(255,255,255,.028) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.028) 1px, transparent 1px), linear-gradient(90deg, rgba(7, 11, 16, .22) 0%, rgba(7, 11, 16, .72) 18%, rgba(7, 11, 16, .96) 36%, rgba(7, 11, 16, .96) 64%, rgba(7, 11, 16, .72) 82%, rgba(7, 11, 16, .22) 100%), linear-gradient(135deg, rgba(111, 231, 218, .025), transparent 44%, rgba(255, 148, 86, .025)), url(./nav-bg-left-Bl-vwuhU.png);border-radius:22px;padding:22px;background-image:var(--micro-card-bg);background-size:100% 100%,24px 24px,24px 24px,100% 100%,cover;background-position:0 0,0 0,0 0,0 0,center;border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 1px #ffffff0a,0 10px 24px #0000002e}.stat-value{font-family:Space Grotesk,sans-serif;font-size:1.8rem;letter-spacing:-.04em;color:#fff}.stat-label{margin-top:8px;color:var(--muted);line-height:1.6}.contact-strip{--micro-card-bg: linear-gradient(180deg, rgba(7, 11, 16, .8), rgba(4, 7, 10, .9)), linear-gradient(rgba(255,255,255,.028) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.028) 1px, transparent 1px), linear-gradient(90deg, rgba(7, 11, 16, .22) 0%, rgba(7, 11, 16, .72) 18%, rgba(7, 11, 16, .96) 36%, rgba(7, 11, 16, .96) 64%, rgba(7, 11, 16, .72) 82%, rgba(7, 11, 16, .22) 100%), linear-gradient(135deg, rgba(111, 231, 218, .025), transparent 44%, rgba(255, 148, 86, .025)), url(./nav-bg-left-Bl-vwuhU.png);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:18px;border-radius:22px;padding:20px;background-image:var(--micro-card-bg);background-size:100% 100%,24px 24px,24px 24px,100% 100%,cover;background-position:0 0,0 0,0 0,0 0,center;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(18px) saturate(135%);backdrop-filter:blur(18px) saturate(135%);box-shadow:inset 0 1px #ffffff0a,0 10px 24px #0000002e}.contact-item span,.method-row span{display:block;color:#7de8d3db;font-size:.82rem;text-transform:uppercase;letter-spacing:.16em;margin-bottom:10px}.contact-item strong,.method-row strong{font-weight:600;color:#fff;line-height:1.55}.projects,.skills,.contact{padding:110px 0 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px}.projects .section-head,.skills .section-head{display:grid;width:fit-content;margin:0 0 28px;justify-items:start;align-items:start;text-align:left}.project-grid{display:grid;gap:22px}.project-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:22px}.project-stack{display:grid;gap:22px}.concept-showcase{border-radius:34px;padding:28px 28px 24px;overflow:hidden}.concept-title-row{display:grid;grid-template-columns:minmax(0,1fr) 460px;align-items:end;gap:12px 18px;margin-bottom:24px}.concept-title-row h3{margin:6px 0 0;font-family:Space Grotesk,sans-serif;font-size:clamp(2rem,3vw,3.7rem);line-height:.95;letter-spacing:-.05em}.concept-title-row>div:first-child{display:grid;align-content:end;min-height:112px}.concept-title-row p{max-width:none;margin:0;color:var(--muted);font-size:.96rem;line-height:1.5;align-self:end;justify-self:end;text-align:left;white-space:nowrap;padding:0 0 8px}.concept-window-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(380px,.8fr);gap:30px;align-items:stretch}.concept-window-stack{display:grid;grid-template-rows:1fr 1fr;gap:24px}.concept-window{display:grid;gap:14px;align-content:start}.concept-media{position:relative;min-height:232px;border-radius:28px;overflow:hidden;background-size:cover;background-position:center;border:1px solid rgba(255,255,255,.12);box-shadow:0 24px 70px #00000057}.concept-media-video{background:linear-gradient(180deg,#080c12fa,#05080cf5)}.concept-media-clickable{cursor:pointer}.concept-media-clickable.is-disabled{cursor:default}.concept-media-clickable:focus-visible{outline:2px solid rgba(111,231,218,.82);outline-offset:4px}.concept-window-large .concept-media{min-height:502px}.concept-nav{position:absolute;top:50%;z-index:3;width:52px;height:52px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:#060a0f70;color:#fffffff0;font-size:2rem;line-height:1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transform:translateY(-50%);cursor:pointer;transition:background .18s ease,border-color .18s ease,transform .18s ease}.concept-nav:hover{background:#0a1018b8;border-color:#6fe7da57}.concept-nav-prev{left:18px}.concept-nav-next{right:18px}.concept-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center center;filter:saturate(.78) contrast(1.02) brightness(.82)}.concept-media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 18%,rgba(111,231,218,.16),transparent 24%),linear-gradient(180deg,#05080c05,#05080c38)}.concept-dots{display:flex;justify-content:center;gap:8px;margin-top:2px}.concept-dot{width:24px;height:4px;border-radius:999px;background:#ffffff29;transition:background .18s ease,transform .18s ease}.concept-dot.is-active{background:linear-gradient(90deg,var(--accent),var(--accent-2));transform:scaleX(1.12)}.video-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;padding:36px;background:#020508c2;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.video-modal-panel{width:min(1200px,100%);padding:18px 18px 20px;border-radius:30px}.video-modal-topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:14px}.video-modal-title{font-family:Space Grotesk,sans-serif;font-size:1.1rem;font-weight:700;letter-spacing:.04em}.video-modal-close{width:44px;height:44px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:#ffffff0a;color:#ffffffeb;font-size:1.8rem;line-height:1;cursor:pointer}.video-modal-player{width:100%;max-height:calc(100vh - 180px);border-radius:22px;background:#000}.concept-caption{color:#ffffffeb;font-size:1.02rem;font-weight:700;letter-spacing:.04em;text-align:center}.concept-caption-large{font-size:clamp(1.65rem,2.1vw,2.55rem)}.project-row-lower{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:54px}.project-card{border-radius:30px;overflow:hidden;display:flex;flex-direction:column;min-height:100%}.project-media{position:relative;min-height:420px;background-size:cover;background-position:center}.project-media-video{background:linear-gradient(180deg,#080c12fa,#05080cf5)}.project-media-clickable{cursor:pointer}.project-media-clickable.is-disabled{cursor:default}.project-media-clickable:focus-visible{outline:2px solid rgba(111,231,218,.82);outline-offset:4px}.project-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center center;filter:saturate(.82) contrast(1.02) brightness(.84)}.project-media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 8%,rgba(5,8,12,.22) 55%,rgba(5,8,12,.92) 100%)}.project-media-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(125,232,211,.1),transparent 35%,rgba(215,183,106,.16));mix-blend-mode:screen}.video-play-indicator{position:absolute;top:50%;left:50%;z-index:3;display:inline-flex;align-items:center;gap:14px;min-width:168px;height:68px;padding:0 22px 0 18px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:linear-gradient(135deg,#0a1018db,#070c12bd),linear-gradient(135deg,#6fe7da24,#ff945624);-webkit-backdrop-filter:blur(18px) saturate(150%);backdrop-filter:blur(18px) saturate(150%);box-shadow:0 18px 40px #00000047,inset 0 1px #ffffff14;transform:translate(-50%,-50%);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;pointer-events:none}.video-play-indicator.is-disabled{border-color:#ffffff1a;background:linear-gradient(135deg,#0a1018c2,#070c12ad),linear-gradient(135deg,#ffffff0a,#ffffff05)}.video-play-indicator.is-disabled .video-play-indicator-icon{background:linear-gradient(135deg,#9ba9bbe0,#5c6b7ee6);box-shadow:0 10px 26px #00000038,0 0 18px #ffffff14}.concept-media-clickable:hover .video-play-indicator,.project-media-clickable:hover .video-play-indicator,.concept-media-clickable:focus-visible .video-play-indicator,.project-media-clickable:focus-visible .video-play-indicator{transform:translate(-50%,-50%) scale(1.04);border-color:#6fe7da47;box-shadow:0 24px 46px #00000057,0 0 32px #6fe7da1f,inset 0 1px #ffffff1a}.video-play-indicator-small{min-width:142px;height:58px;padding:0 18px 0 16px;gap:12px}.video-play-indicator-large{min-width:192px;height:76px;padding:0 24px 0 20px;gap:16px}.video-play-indicator-icon{position:relative;width:38px;height:38px;flex:0 0 auto;border-radius:50%;background:linear-gradient(135deg,#6fe7daf2,#ff9456f5);box-shadow:0 10px 26px #ff94563d,0 0 22px #6fe7da2e}.video-play-indicator-icon:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:13px solid #081118;transform:translate(-36%,-50%)}.video-play-indicator-text{color:#f4f8ffeb;font-size:.96rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;text-shadow:0 4px 14px rgba(0,0,0,.3)}.video-play-indicator.is-disabled .video-play-indicator-text{color:#dbe2ecb8}.project-badge{position:absolute;left:20px;bottom:20px;z-index:1;padding:10px 14px;border-radius:999px;background:#070a0f9e;border:1px solid rgba(255,255,255,.14);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:.88rem}.project-case-badge{position:absolute;top:18px;right:18px;z-index:2;padding:10px 16px;border-radius:999px;background:linear-gradient(135deg,#ff9456f0,#6fe7dae0);color:#071019;font-family:Space Grotesk,sans-serif;font-size:1rem;font-weight:800;letter-spacing:.04em;box-shadow:0 10px 28px #ff945642}.project-body{padding:24px;display:grid;gap:14px;flex:1}.project-media-dots{display:flex;justify-content:center;gap:8px;margin-top:12px}.project-body-feature{padding:28px}.project-index,.skill-number{color:#ffffff6b;letter-spacing:.2em;font-size:.82rem}.project-body h3,.skill-card h3{margin:0;font-family:Space Grotesk,sans-serif;font-size:1.7rem;letter-spacing:-.04em}.project-tags{display:flex;flex-wrap:wrap;gap:10px}.project-tags span{padding:8px 12px;border-radius:999px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:#f2f7ffcc;font-size:.84rem}.project-card-feature .project-media{min-height:520px}.project-card-stack .project-media{min-height:320px}.crystal .project-media{background-color:#10171c}.ember .project-media{background-color:#14110f}.aqua .project-media{background-color:#0e1718}.skill-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;align-items:stretch}.skill-card{--micro-card-bg: linear-gradient(180deg, rgba(7, 11, 16, .8), rgba(4, 7, 10, .9)), linear-gradient(rgba(255,255,255,.028) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.028) 1px, transparent 1px), linear-gradient(90deg, rgba(7, 11, 16, .22) 0%, rgba(7, 11, 16, .72) 18%, rgba(7, 11, 16, .96) 36%, rgba(7, 11, 16, .96) 64%, rgba(7, 11, 16, .72) 82%, rgba(7, 11, 16, .22) 100%), linear-gradient(135deg, rgba(111, 231, 218, .025), transparent 44%, rgba(255, 148, 86, .025)), url(./nav-bg-left-Bl-vwuhU.png);border-radius:24px;padding:24px;min-height:210px;background-image:var(--micro-card-bg);background-size:100% 100%,24px 24px,24px 24px,100% 100%,cover;background-position:0 0,0 0,0 0,0 0,center;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(18px) saturate(135%);backdrop-filter:blur(18px) saturate(135%);box-shadow:inset 0 1px #ffffff0a,0 10px 24px #0000002e}.skill-card:last-child{grid-column:1 / -1;min-height:188px;align-content:center}.skill-card p{margin:14px 0 0}.skill-card:last-child p{max-width:96ch}.contact-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:24px;align-items:center;min-height:auto;padding:18px 0 96px}.contact-copy p{max-width:54ch}.contact-copy h2{max-width:none;margin-bottom:18px;font-size:clamp(1.9rem,2.7vw,3.35rem)}.headline-line{display:block;white-space:nowrap}.contact-panel{border-radius:28px;min-height:460px;display:flex;flex-direction:column;justify-content:center;gap:20px;overflow:hidden;background:radial-gradient(circle at 16% 20%,rgba(111,231,218,.14),transparent 26%),radial-gradient(circle at 78% 22%,rgba(255,148,86,.12),transparent 22%),linear-gradient(180deg,#090e15f5,#05080cfa)}.contact-methods{display:grid;gap:18px}.method-row{padding:18px 0;border-bottom:1px solid rgba(255,255,255,.08)}.method-row:last-child{border-bottom:0;padding-bottom:0}.footer-note{margin:0}.hero-inner,.about,.projects,.skills,.contact{scroll-margin-top:170px}@media (max-width: 1500px){.hero-inner,.split-layout,.contact-layout{grid-template-columns:1fr}.topbar{display:grid;grid-template-columns:1fr;justify-items:center;gap:16px}.brand{justify-content:center}.nav{flex-wrap:wrap;gap:18px 28px}.project-layout,.concept-window-layout,.project-row-lower,.tag-list,.skill-grid{grid-template-columns:1fr}.hero-surface{grid-template-rows:auto auto}}@media (max-width: 1180px){body{min-width:0}.content-backdrop{top:calc(100svh - 12px)}.dot-field-canvas{opacity:.58}.site-header{width:calc(100% - 32px);margin-top:8px}.topbar{width:100%;padding:16px;gap:14px;border-radius:18px}.nav{width:100%;justify-content:center;gap:14px;overflow-x:auto}.cta-nav{width:100%}.container{width:calc(100% - 32px)}.project-layout,.concept-window-layout,.project-row-lower,.hero-strip,.hero-metrics,.tag-list,.skill-grid,.stats-grid,.contact-strip{grid-template-columns:1fr}.project-card,.concept-showcase,.hero-visual,.contact-panel,.portrait-card{border-radius:24px}.concept-title-row{display:grid;align-items:start;grid-template-columns:1fr;gap:10px}.concept-window-large .concept-media,.concept-media{min-height:260px}.concept-title-row p{max-width:none;padding-left:0}.concept-nav{width:44px;height:44px;font-size:1.7rem}.video-modal{padding:18px}.video-modal-panel{padding:14px;border-radius:22px}}