:root{--bg:#0b1020;--bg2:#0d1527;--ink:#f4f6f9;--muted:#a1abc0;--line:rgba(209,222,243,.13);--accent:#d3fd8a;--lav:#b8b6ff;--teal:#95e7e2;--card:#131b2d;--font:Inter,"Avenir Next",Avenir,"Segoe UI",system-ui,-apple-system,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:95px}
body{margin:0;color:var(--ink);background:var(--bg);font-family:var(--font);-webkit-font-smoothing:antialiased;line-height:1.55;overflow-x:hidden}
body::before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;height:1010px;background:radial-gradient(ellipse at 82% 18%,rgba(114,111,221,.145),transparent 43%),radial-gradient(ellipse at 18% 36%,rgba(71,115,127,.105),transparent 35%);pointer-events:none}
.grain{position:fixed;inset:0;opacity:.025;pointer-events:none;z-index:15;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}
a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:5px}::selection{background:var(--accent);color:var(--bg)}.container{width:min(1152px,calc(100% - 80px));margin-inline:auto}.skip-link{position:absolute;left:14px;top:-60px;padding:12px 20px;background:var(--accent);color:var(--bg);border-radius:8px;z-index:40}.skip-link:focus{top:14px}
/* navigation */
.site-header{position:sticky;top:0;z-index:20;border-bottom:1px solid rgba(222,236,255,.065);background:rgba(11,16,32,.82);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.nav-shell{height:78px;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:14px;font-weight:690;letter-spacing:-.04em}.brand-symbol{width:39px;height:39px;border-radius:12px;background:#1b2538;display:inline-flex;align-items:center;justify-content:center;font-size:22px;font-weight:800;letter-spacing:-.13em;padding-right:3px}.brand-dot{color:var(--accent);font-size:22px}.brand-name{font-size:15px}.primary-nav{display:flex;align-items:center;gap:34px}.primary-nav>a{font-size:13px;font-weight:600;color:#aab4c7;transition:color .2s}.primary-nav>a:hover{color:#fff}.primary-nav .nav-cta{border:1px solid rgba(211,253,138,.45);border-radius:100px;color:var(--accent);padding:11px 19px;white-space:nowrap}.nav-cta span{margin-left:10px}.menu-toggle{display:none}
/* hero */
.hero{display:grid;grid-template-columns:1.11fr .89fr;align-items:center;gap:30px;min-height:660px;padding-top:75px;padding-bottom:92px}.hero-copy{position:relative;z-index:2}.eyebrow,.section-kicker{display:flex;align-items:center;gap:12px;font-family:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;font-size:11px;letter-spacing:.15em;color:var(--accent);font-weight:650}.eyebrow{margin-bottom:29px}.eyebrow-pulse,.signal-dot,.tiny-status{width:8px;height:8px;display:inline-block;flex:none;border-radius:50%;background:#c4f99b;box-shadow:0 0 15px rgba(195,250,143,.5)}.eyebrow-pulse{animation:pulse 3s infinite}@keyframes pulse{50%{box-shadow:0 0 0 5px rgba(195,250,143,.08)}}h1,h2,h3,p{margin-top:0}.hero h1{font-size:clamp(47px,5.25vw,75px);line-height:1.07;letter-spacing:-.071em;font-weight:740;margin-bottom:25px;white-space:nowrap}.gradient-text{background:linear-gradient(100deg,#d0fd8d 0%,#a7e3d1 47%,#b2b6fe 95%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-lead{max-width:530px;color:var(--muted);font-size:16px;line-height:1.85;margin-bottom:31px}.hero-lead strong{color:#e4e8f5;font-weight:640}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:25px;padding:14px 21px;font-size:13px;font-weight:720;min-height:51px;border-radius:10px;transition:transform .2s,background .2s,border-color .2s}.button:hover{transform:translateY(-3px)}.button-primary{background:var(--accent);color:#101823}.button-primary:hover{background:#e2ffa9}.button-secondary{border:1px solid rgba(206,224,244,.19);background:rgba(232,238,248,.035);color:#e4eaf4}.button-secondary:hover{border-color:rgba(206,224,244,.4);background:rgba(232,238,248,.07)}.hero-caption{display:flex;gap:10px;align-items:center;color:#8391ab;font-size:12px;margin-top:27px}.tiny-asterisk{color:var(--lav);font-size:17px}
.hero-visual{position:relative;min-height:440px;display:grid;place-items:center;margin-right:6px}.hero-glow{position:absolute;width:min(400px,100vw);height:min(400px,100vw);border-radius:50%;background:radial-gradient(circle,rgba(141,139,224,.2),rgba(85,106,147,.06) 46%,transparent 70%);filter:blur(25px)}.hero-visual-card{position:relative;z-index:2;width:min(100%,405px);border:1px solid #3b4866;border-radius:17px;overflow:hidden;background:linear-gradient(147deg,#19233b 0%,#121a2d 48%,#10172a 100%);box-shadow:0 42px 80px rgba(0,0,0,.4),0 0 45px rgba(142,145,246,.09);transform:rotate(3deg);padding:21px 24px 25px}.visual-topbar{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid rgba(196,213,233,.12);padding-bottom:17px;color:#9daac0;font-family:ui-monospace,monospace;font-size:9px;letter-spacing:.12em}.window-dots{display:flex;gap:5px}.window-dots i{height:7px;width:7px;border-radius:50%;background:#57647b}.window-dots i:first-child{background:#e8a99c}.window-dots i:nth-child(2){background:#e9d19a}.window-dots i:nth-child(3){background:#a9d6a6}.connection-icon{font-size:16px;color:#b9c7dc}.terminal-note{color:#b2bceb;font-family:ui-monospace,Consolas,monospace;font-size:11px;margin-top:26px}.terminal-chevron{color:var(--accent);margin-right:5px}.cursor-block{display:inline-block;width:6px;height:12px;vertical-align:-2px;background:var(--accent);animation:blink 1.2s step-end infinite}@keyframes blink{50%{opacity:0}}.visual-title{font-size:32px;letter-spacing:-.055em;line-height:1.2;font-weight:730;margin-top:13px}.visual-title em{color:var(--lav);font-style:normal}.visual-title>span{color:var(--accent)}.visual-subtitle{font-size:11px;color:#8b9bb4;margin-top:9px}.system-panel{margin-top:27px;padding:17px;border-radius:9px;border:1px solid #34425c;background:rgba(8,14,27,.42)}.system-head,.system-foot{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:9px;font-weight:640;letter-spacing:.035em;color:#bdcbe0}.system-head>span:first-child{display:flex;align-items:center;gap:7px}.system-head .signal-dot{width:6px;height:6px}.mono-tag{font:9px ui-monospace,Consolas,monospace;color:var(--accent)}.system-bars{height:80px;display:flex;align-items:end;gap:8px;margin:18px 0 10px}.system-bars span{width:100%;height:var(--bar);background:linear-gradient(0deg,rgba(171,183,248,.45),rgba(179,238,208,.95));border-radius:3px 3px 0 0;opacity:.9}.system-bars span:nth-child(2n){opacity:.55}.system-foot{font-size:8px;color:#7b8aa4;font-weight:500}.system-foot span:last-child{color:#b0dfbd}.visual-stack{display:flex;flex-wrap:wrap;gap:7px;margin-top:19px}.visual-stack span{font:9px ui-monospace,monospace;letter-spacing:.035em;border-radius:4px;padding:7px 10px;background:#232e48;border:1px solid rgba(181,202,233,.09);color:#adb9d1}.floating-pill{position:absolute;display:flex;align-items:center;gap:12px;z-index:3;background:#f1f5f8;border:1px solid white;color:#1b2633;border-radius:11px;padding:12px 15px;box-shadow:0 20px 40px rgba(0,0,0,.28);transform:rotate(-5deg)}.floating-pill span:last-child{display:flex;flex-direction:column;line-height:1.3}.floating-pill strong{font-size:20px;letter-spacing:-.05em}.floating-pill small{font:8px ui-monospace,monospace;color:#687488;letter-spacing:.045em;white-space:nowrap}.pill-one{left:-19px;top:77px}.pill-two{bottom:45px;right:-9px;transform:rotate(6deg)}.pill-icon,.sparkle{width:32px;height:32px;display:grid;place-items:center;border-radius:8px;background:#def3c7;font-size:20px;color:#305632}.sparkle{background:#e4e0fc;color:#6e62ad}
/* impact */
.impact-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(24,34,53,.45)}.impact-grid{display:grid;grid-template-columns:repeat(4,1fr)}.impact-item{padding:30px 24px 29px;border-left:1px solid var(--line)}.impact-item:first-child{border-left:0;padding-left:4px}.impact-value{font-weight:730;letter-spacing:-.065em;font-size:43px;line-height:1.15}.impact-value span{color:var(--accent)}.impact-label{color:#96a4b9;font-size:12px;margin-top:5px}.impact-label sup{color:var(--accent)}
/* shared sections */
.section{padding-top:122px;padding-bottom:114px}.section-kicker{margin-bottom:22px}.section-number{color:#8b95b7;font-weight:500}.section-heading-row{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:38px}.section h2,.contact-section h2{font-size:clamp(39px,4.2vw,59px);line-height:1.11;letter-spacing:-.06em;font-weight:740;margin:0}.muted-heading{color:#75849e}.heading-context{max-width:360px;margin:0 4px 5px 0;color:#a0aec2;font-size:14px;line-height:1.85}.filter-row{display:flex;flex-wrap:wrap;gap:9px;margin:33px 0 25px}.filter-chip{border:1px solid #303d55;border-radius:100px;background:transparent;color:#b1bdd0;padding:10px 16px;font-size:11px;font-weight:660;cursor:pointer;transition:.2s}.filter-chip:hover{border-color:#7f91a9;color:white}.filter-chip.active{background:var(--accent);border-color:var(--accent);color:#1b2931}.filter-chip span{opacity:.63;padding-left:4px}
/* cards */
.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:21px}.project-card{background:#111a2b;border:1px solid #29354b;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;transition:transform .2s,border-color .2s,box-shadow .2s}.project-card:hover{transform:translateY(-5px);border-color:#54637d;box-shadow:0 18px 50px rgba(0,0,0,.2)}.project-card[hidden]{display:none!important}.project-feature{grid-column:span 2;display:grid;grid-template-columns:1.03fr 1fr}.project-feature .project-art{min-height:340px}.project-feature .project-content{justify-content:center;padding:38px 40px}.project-feature .project-content h3{font-size:31px}.project-art{height:226px;position:relative;overflow:hidden;padding:22px 23px;display:flex;align-items:center;justify-content:center}.art-creative{background:radial-gradient(circle at 55% 20%,#45566f,#263b4e 55%,#152b39)}.art-pipeline{background:radial-gradient(ellipse at 54% 55%,#243c48 0,#182c3e 55%,#152133)}.art-tiles{background:radial-gradient(ellipse at 45% 40%,#50477c,#2a294a 60%,#222240)}.art-switch{background:radial-gradient(ellipse at 55% 25%,#335b57,#183e42 57%,#152b35)}.art-ai{background:radial-gradient(ellipse at 50% 25%,#3c426a,#202b4d 63%,#18233c)}.mini-label{position:absolute;top:21px;left:23px;font:9px ui-monospace,Consolas,monospace;letter-spacing:.135em;color:rgba(243,248,255,.78)}.project-content{display:flex;flex-direction:column;flex:1;padding:27px 30px 26px}.project-meta{display:flex;justify-content:space-between;align-items:center;gap:10px;font:9px ui-monospace,Consolas,monospace;letter-spacing:.12em;color:#96a7c0}.project-no{color:#68778e}.project-content h3{font-size:23px;letter-spacing:-.047em;line-height:1.2;margin:17px 0 12px;font-weight:700}.project-content>p{font-size:13px;color:#9eacc1;line-height:1.83;margin-bottom:25px}.project-bottom{display:flex;align-items:end;justify-content:space-between;gap:17px;border-top:1px solid #293650;padding-top:17px;margin-top:auto}.outcome{font-size:11px;color:#bac8d9}.outcome strong{color:var(--accent);font-weight:800}.skill-mini{font:9px ui-monospace,monospace;letter-spacing:.045em;color:#8294ac;white-space:nowrap}.impact-disclaimer{font-size:10px;line-height:1.7;color:#76849a;margin:20px 0 0;max-width:825px}.impact-disclaimer sup{color:var(--accent)}
/* project art */
.ad-flow{width:87%;display:flex;align-items:center;gap:20px;margin:35px 0 0}.mock-input{width:29%;height:119px;background:rgba(9,21,34,.55);border:1px solid #7c8a9c;border-radius:8px;padding:13px 11px;transform:rotate(-6deg);box-shadow:0 13px 30px rgba(0,0,0,.13)}.mock-input-tag{display:block;color:#c5d2e4;font:8px ui-monospace,monospace;margin-bottom:17px}.mock-line{height:5px;border-radius:5px;background:#647b92;margin-bottom:10px}.mock-line.long{width:90%}.mock-line.short{width:45%}.mock-line.medium{width:72%}.mock-route{display:flex;flex-direction:column;font-size:24px;line-height:1.1;color:#d8ff9b;font-weight:200}.mock-ads{flex:1;display:flex;gap:10px;align-items:center}.mock-ad{width:64px;height:105px;border-radius:8px;background:#466478;border:1px solid #93afbe;transform:rotate(5deg);padding:10px;display:flex;flex-direction:column;justify-content:space-between}.mock-ad:nth-child(1){transform:rotate(-9deg);background:#53626f}.mock-ad:nth-child(3){transform:rotate(14deg);background:#4c5773}.mock-ad.chosen{height:131px;background:#d5ecbb;border-color:white;box-shadow:0 0 0 4px rgba(212,255,179,.16);transform:translateY(-8px)}.mock-ad span{display:grid;place-items:center;height:50px;color:#e3ecfa;font-size:27px}.mock-ad.chosen span{color:#3d6357}.mock-ad i{display:block;width:82%;height:5px;background:rgba(220,236,248,.65);border-radius:3px}.mock-ad.chosen i{background:#8ab6a7}.art-baseline{position:absolute;left:23px;bottom:16px;right:23px;display:flex;justify-content:space-between;font:9px ui-monospace,monospace;color:#b3c5d1}.pipeline-diagram{display:flex;align-items:center;justify-content:center;width:100%;gap:10px;margin-top:24px}.pipe-node{border:1px solid rgba(185,231,231,.55);background:#244854;color:#d5f8ec;border-radius:8px;padding:13px 8px;font:9px ui-monospace,monospace;white-space:nowrap;letter-spacing:.1em}.pipe-hub{width:65px;height:65px;border:1px solid #c0f3e8;display:grid;place-items:center;background:#7bc7bb1f;border-radius:16px;color:#b9fbe3;font-size:36px;box-shadow:0 0 45px #84d8c040}.pipe-line{flex:1;display:flex;align-items:center;justify-content:space-between;gap:3px}.pipe-line i{height:4px;flex:1;background:#5fafa8;box-shadow:0 0 15px #94e5c04d;border-radius:3px}.pipe-line i:nth-child(2){opacity:.6}.pipe-line i:nth-child(3){opacity:.3}.pipeline-bottom{position:absolute;bottom:22px;color:#a4d5d2;font:10px ui-monospace,monospace;display:flex;align-items:center;gap:9px}.tiny-status{width:6px;height:6px}.tile-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;width:91%;margin-top:33px;transform:perspective(500px) rotateX(8deg) rotateY(-7deg)}.tile-grid>div{height:95px;background:linear-gradient(155deg,rgba(225,210,255,.46),rgba(129,110,192,.14));border:1px solid #b2a0df;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;color:#f2e8ff;box-shadow:0 10px 20px rgba(0,0,0,.12)}.tile-grid>div:nth-child(2){background:linear-gradient(155deg,rgba(228,199,225,.56),rgba(151,95,160,.15))}.tile-grid>div:nth-child(3){background:linear-gradient(155deg,rgba(191,203,254,.58),rgba(78,106,181,.15))}.tile-grid>div:nth-child(4){background:linear-gradient(155deg,rgba(233,219,187,.45),rgba(132,105,153,.17))}.tile-grid span{font-size:27px}.tile-grid small{font:10px ui-monospace,monospace}.speed-visual{display:flex;align-items:center;gap:16px;width:88%;margin-top:22px}.speed-old,.speed-new{flex:1;min-width:0}.speed-old>span,.speed-new>span{font:9px ui-monospace,monospace;color:#9dc4bd}.speed-visual strong{display:block;white-space:nowrap;font-size:clamp(23px,3vw,31px);letter-spacing:-.055em;margin:8px 0}.speed-new strong{color:#d2fd93}.speed-arrow{font-size:25px;color:#a9efc6}.meter{height:6px;background:#9ec0b74f;border-radius:5px;position:relative;overflow:hidden}.meter::after{content:"";position:absolute;left:0;top:0;bottom:0;background:#a1c1bd;border-radius:5px;width:87%}.new-meter::after{background:#d2fd93;width:8%}.ops-terminal{width:87%;margin-top:29px;padding:13px 16px;background:#10192ed9;border:1px solid #8394c05b;border-radius:9px;box-shadow:0 18px 30px #020a1940}.ops-terminal>div:first-child{display:flex;justify-content:space-between;font:9px ui-monospace,monospace;margin-bottom:18px}.terminal-label{color:#a6b5e9}.terminal-status{color:#cdf4b3}.terminal-row{display:flex;align-items:center;gap:12px;height:22px;font:9px ui-monospace,monospace;color:#667da8}.terminal-row i{display:block;height:6px;border-radius:4px;background:#7984bb;opacity:.45}.terminal-row .bar-wide{width:82%}.terminal-row .bar-short{width:45%}.terminal-row .bar-mid{width:67%}.terminal-summary{margin-top:9px;color:#ccf6b9;background:#34496599;border-radius:4px;padding:7px 10px;font:10px ui-monospace,monospace}
/* skills */
.expertise-section{background:#101929;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.compact-heading{margin-bottom:45px}.skills-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:17px}.skill-card{border:1px solid #2b3950;border-radius:14px;background:linear-gradient(130deg,#182338,#141d2e);padding:30px 32px 31px}.skill-card-main{background:linear-gradient(140deg,#263449,#172436)}.skill-icon{width:46px;height:46px;border:1px solid #4b5d71;border-radius:10px;display:grid;place-items:center;color:var(--accent);font:24px ui-monospace,monospace;margin-bottom:21px}.skill-card h3{font-size:20px;font-weight:690;letter-spacing:-.04em;margin-bottom:7px}.skill-card p{font-size:12px;color:#9aa9bd;margin-bottom:23px}.tag-list{display:flex;flex-wrap:wrap;gap:8px}.tag-list span{padding:7px 11px;border-radius:6px;font-size:11px;color:#cad3e0;background:#27354b;border:1px solid rgba(198,219,248,.07)}
/* principles */
.principles-layout{display:grid;grid-template-columns:1fr 1fr;gap:75px}.principles-intro{max-width:410px;margin-top:20px;color:#a0aec3;line-height:1.9;font-size:15px}.principles-list{padding-top:7px}.principle{display:flex;gap:23px;padding:24px 0;border-bottom:1px solid #28354a}.principle:first-child{padding-top:0}.principle>span{font:11px ui-monospace,monospace;color:var(--accent);padding-top:4px}.principle h3{font-size:17px;letter-spacing:-.025em;margin:0 0 8px}.principle p{font-size:12px;line-height:1.8;color:#91a1b9;margin-bottom:0}
/* about */
.about-section{background:#e6ebef;color:#182338}.about-grid{display:grid;grid-template-columns:35% 1fr;gap:95px;align-items:center}.about-aside{height:410px;border-radius:18px;background:linear-gradient(145deg,#b4bfd0,#d0d8de);position:relative;overflow:hidden;display:grid;place-items:center}.about-monogram{font-size:250px;font-weight:750;line-height:1;letter-spacing:-.16em;color:#e9eef1;transform:translateX(-19px);text-shadow:0 15px 30px rgba(43,60,86,.12)}.about-monogram span{color:#7b8ab0}.about-decor{position:absolute;left:30px;bottom:27px;font:10px/1.6 ui-monospace,monospace;letter-spacing:.11em;color:#41536e}.about-body .section-kicker{color:#546c67}.about-body .section-number{color:#667a93}.about-body h2{margin-bottom:27px}.about-body>p{font-size:14px;color:#516177;line-height:1.94;margin-bottom:20px}.education-row{display:flex;gap:16px;align-items:center;border-top:1px solid #c9d0dc;padding:17px 0}.education-row:first-of-type{margin-top:27px}.education-icon{height:38px;width:38px;flex:none;background:#d1dbd7;color:#334d56;border-radius:8px;display:grid;place-items:center;font-size:18px}.education-row>div:nth-child(2){flex:1}.education-row strong,.education-row span{display:block}.education-row strong{font-size:13px}.education-row span{font-size:11px;color:#718095;margin-top:3px}.education-row small{color:#8290a1;font:11px ui-monospace,monospace}
/* GitHub */
.github-heading{align-items:end}.text-link{font-size:13px;color:var(--accent);font-weight:700;margin-bottom:11px}.text-link span{margin-left:12px}.github-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.repo-card{padding:27px 31px;border:1px solid #2c3b52;background:#151e30;border-radius:14px;display:flex;flex-direction:column;min-height:238px;transition:border-color .2s,transform .2s}.repo-card:hover{border-color:#9cabd0;transform:translateY(-4px)}.repo-top{display:flex;align-items:center;justify-content:space-between}.repo-type{font:10px ui-monospace,monospace;color:#899db8;letter-spacing:.085em}.repo-arrow{font-size:19px;color:var(--accent)}.repo-title{font-weight:710;letter-spacing:-.035em;font-size:21px;margin-top:22px}.repo-desc{color:#9babbe;font-size:12px;line-height:1.8;margin-top:8px}.repo-language{display:flex;align-items:center;gap:7px;color:#b4c0d0;font:10px ui-monospace,monospace;margin-top:auto;padding-top:20px}.repo-language i{height:8px;width:8px;background:#d5ad73;border-radius:50%}
/* contact */
.contact-section{padding:105px 0;background:#19243a;border-top:1px solid #303d54;overflow:hidden}.contact-layout{display:grid;grid-template-columns:1.3fr .7fr;gap:70px;align-items:center}.contact-section h2{max-width:650px}.contact-section h2 em{color:var(--accent);font-style:normal}.contact-section p{max-width:500px;font-size:14px;line-height:1.85;color:#a4b4c8;margin-top:23px}.contact-links{display:flex;flex-wrap:wrap;gap:13px;margin-top:31px}.contact-orb{width:290px;height:290px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 35% 30%,#b9dbb5,#7ba9a0 60%,#547b83);transform:rotate(-11deg);box-shadow:inset -22px -28px 52px #2b5e7038,0 30px 75px rgba(0,0,0,.2);position:relative}.contact-orb::after{content:"";position:absolute;inset:-21px;border:1px dashed #829db34d;border-radius:50%}.contact-orb span{font-size:32px;color:#12303a;font-weight:790;line-height:1.12;letter-spacing:-.06em}.contact-orb i{font-style:normal;color:#efffdb}
/* footer */
.footer{background:#0d1424}.footer-inner{min-height:105px;display:flex;align-items:center;justify-content:space-between;gap:22px}.footer-inner>span,.footer-inner>a:last-child{font-size:11px;color:#8191a7}.footer-brand .brand-symbol{width:31px;height:31px;font-size:17px}.footer-brand .brand-dot{font-size:18px}.footer-brand .brand-name{font-size:12px}
@media(max-width:1120px){.hero h1{font-size:clamp(45px,5.5vw,66px)}.hero{gap:5px}.hero-visual-card{max-width:370px}.floating-pill.pill-one{left:0}.floating-pill.pill-two{right:-15px}.project-bottom{flex-wrap:wrap}.project-feature .project-content{padding:30px}}
@media(max-width:900px){.container{width:min(100% - 52px,1152px)}.hero{min-height:0;grid-template-columns:1fr;gap:45px;padding-top:76px}.hero h1{font-size:clamp(48px,8vw,78px)}.hero-lead{max-width:660px}.hero-visual{width:min(100%,520px);margin:auto;min-height:430px}.hero-visual-card{max-width:405px}.floating-pill.pill-one{left:10px}.floating-pill.pill-two{right:7px}.section{padding-top:90px;padding-bottom:90px}.section-heading-row{align-items:start}.section h2,.contact-section h2{font-size:49px}.about-grid{gap:44px;grid-template-columns:37% 1fr}.about-aside{height:420px}.about-monogram{font-size:180px}.contact-layout{gap:45px}.contact-orb{height:235px;width:235px}.contact-orb span{font-size:27px}}
@media(max-width:670px){html{scroll-padding-top:78px}.container{width:calc(100% - 38px)}.nav-shell{height:70px}.brand-name{font-size:13px}.menu-toggle{display:flex;width:41px;height:41px;align-items:center;justify-content:center;flex-direction:column;gap:5px;background:#1b2538;border:1px solid #364357;border-radius:9px;cursor:pointer}.menu-toggle span{height:2px;width:18px;border-radius:2px;background:#d5dfef;transition:transform .2s,opacity .2s}.menu-toggle.is-open span:first-child{transform:translateY(7px) rotate(45deg)}.menu-toggle.is-open span:nth-child(2){opacity:0}.menu-toggle.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.primary-nav{display:none;position:absolute;top:69px;left:0;right:0;background:#111a2b;border-bottom:1px solid #344158;flex-direction:column;align-items:stretch;gap:0;padding:13px 20px 22px}.primary-nav.nav-open{display:flex}.primary-nav>a{padding:13px 10px;color:#e1e6ef}.primary-nav .nav-cta{margin-top:8px;text-align:center}.hero{padding-top:58px;padding-bottom:70px;gap:23px}.hero h1{font-size:clamp(37px,9.15vw,61px);white-space:normal}.hero-lead{font-size:14px;line-height:1.85}.eyebrow{font-size:9px;margin-bottom:20px}.hero-actions{gap:10px}.button{min-height:49px;padding:13px 17px;font-size:12px;gap:11px}.hero-caption{font-size:11px}.hero-visual{min-height:357px;width:100%;padding:0 18px}.hero-visual-card{max-width:350px;padding:17px 17px 20px;transform:rotate(1deg)}.visual-title{font-size:27px}.floating-pill{padding:9px 10px;gap:7px}.floating-pill strong{font-size:17px}.floating-pill small{font-size:7px}.pill-icon,.sparkle{height:27px;width:27px;font-size:15px}.floating-pill.pill-one{left:-4px;top:40px}.floating-pill.pill-two{right:0;bottom:17px}.system-panel{margin-top:19px;padding:12px}.visual-stack{margin-top:15px}.impact-grid{grid-template-columns:repeat(2,1fr)}.impact-item{padding:24px 10px 22px 20px;border-bottom:1px solid var(--line)}.impact-item:nth-child(odd){border-left:0;padding-left:2px}.impact-item:nth-child(n+3){border-bottom:0}.impact-value{font-size:35px}.impact-label{font-size:10px}.section{padding-top:79px;padding-bottom:78px}.section-heading-row{display:block;margin-bottom:27px}.section h2,.contact-section h2{font-size:clamp(36px,9vw,50px)}.heading-context{margin-top:18px;font-size:13px;max-width:100%}.filter-row{margin-top:25px}.filter-chip{padding:9px 13px}.project-grid,.skills-grid,.github-grid{grid-template-columns:1fr}.project-feature{grid-column:auto;display:flex}.project-feature .project-art{min-height:235px}.project-feature .project-content{padding:27px 30px 26px}.project-feature .project-content h3{font-size:24px}.project-art{height:214px}.project-content h3{font-size:22px}.project-bottom{flex-wrap:wrap}.skills-grid{gap:12px}.skill-card{padding:25px}.principles-layout{grid-template-columns:1fr;gap:27px}.about-grid{grid-template-columns:1fr;gap:37px}.about-aside{height:240px}.about-monogram{font-size:180px}.about-decor{font-size:9px;left:19px;bottom:16px}.contact-section{padding:80px 0}.contact-layout{grid-template-columns:1fr}.contact-orb{display:none}.footer-inner{min-height:120px;align-items:start;justify-content:center;flex-wrap:wrap;padding-top:23px;padding-bottom:22px;gap:13px 18px}.footer-inner>span{order:3;width:100%;text-align:center}.footer-inner>a:last-child{margin-left:auto}.project-feature .ad-flow{margin-top:28px}.tile-grid>div{height:82px}.project-art{padding:15px}.mini-label{top:16px;left:18px}}
@media(max-width:370px){.brand{gap:8px}.hero h1{font-size:35px}.hero-visual{padding:0}.floating-pill.pill-one{left:-3px}.floating-pill.pill-two{right:-5px}.button{font-size:11px;padding:12px}.tile-grid{gap:6px;width:96%}.tile-grid>div{height:72px}.tile-grid small{font-size:8px}.ad-flow{gap:8px}.mock-ads{gap:5px}.mock-ad{width:50px}.project-content{padding:22px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition-duration:.01ms!important;transform:none!important}}