@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";
:root{--ink:#10213d;--blue:#4285f4;--blue-deep:#1a56db;--sky:#e9f2ff;--paper:#fff;--muted:#61718b;--line:#2a528c29;--line-strong:#2a528c47;--glass:#ffffffa8;--glass-solid:#f8fbff;--shadow:0 20px 60px #3f67a324;--mono:"DM Mono",monospace;--sans:"Manrope",system-ui,sans-serif;--ease:cubic-bezier(.16,1,.3,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;background:#eff6ff}body{min-width:320px;color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;background:radial-gradient(circle at 5% 0,#fff 0 20%,#0000 44%),linear-gradient(135deg,#f7fbff 0%,#eaf4ff 46%,#f8fbff 100%);margin:0}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{color:inherit}::selection{background:var(--blue);color:#fff}.site-shell{background:radial-gradient(circle at 84% 12%,#4285f42e,#0000 25rem),radial-gradient(circle at 4% 62%,#7bc4ff1f,#0000 28rem);min-height:100vh;position:relative;overflow:hidden}.noise{z-index:2;pointer-events:none;opacity:.025;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 220 220' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.42'/%3E%3C/svg%3E");position:fixed;inset:0}.grid-fade{z-index:0;pointer-events:none;opacity:.32;background-image:linear-gradient(#4285f414 1px,#0000 1px),linear-gradient(90deg,#4285f414 1px,#0000 1px);background-size:78px 78px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 70%);mask-image:linear-gradient(#000,#0000 70%)}.cursor-orb{z-index:1;pointer-events:none;filter:blur(4px);mix-blend-mode:multiply;background:radial-gradient(circle,#4285f42e,#0000 68%);border-radius:50%;width:170px;height:170px;margin:-85px 0 0 -85px;position:fixed}.topbar,main,.footer{z-index:3;position:relative}.section-wrap{width:min(1180px,100% - 72px);margin:0 auto}.mono{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;font-size:10px}.kicker{color:var(--blue-deep);font:500 10px/1 var(--mono);letter-spacing:.13em;text-transform:uppercase;margin:0 0 22px}.status-dot,.dispatch-status i{background:#34a853;border-radius:50%;width:7px;height:7px;display:inline-block;box-shadow:0 0 14px #34a85380}.topbar{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#ffffff9e;border:1px solid #fffc;border-radius:18px;justify-content:space-between;align-items:center;width:min(1280px,100% - 48px);height:70px;padding:0 18px;display:flex;position:fixed;top:16px;left:50%;transform:translate(-50%);box-shadow:0 12px 34px #3c6cb11f}.brand{align-items:center;gap:15px;display:flex}.brand-mark{font:800 22px/1 var(--sans);letter-spacing:-.12em}.brand-mark span{color:var(--blue)}.brand-copy{gap:4px;display:grid}.brand-copy strong{letter-spacing:.02em;font-size:12px}.brand-copy small{color:var(--muted);font:9px var(--mono);letter-spacing:.1em;text-transform:uppercase}.nav-links{align-items:center;gap:31px;display:flex}.nav-links>a{color:var(--muted);font:10px var(--mono);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:8px;transition:color .3s;display:flex;position:relative}.nav-links>a span{color:#9aabc2;font-size:8px}.nav-links>a:hover,.nav-links>a.is-active{color:var(--blue-deep)}.nav-links>a.is-active:after{content:"";background:var(--blue);border-radius:2px;width:100%;height:2px;position:absolute;bottom:-13px;left:0;box-shadow:0 0 12px #4285f473}.nav-cta{background:#ffffff7a;border:1px solid #4285f480;padding:10px 13px;color:var(--blue-deep)!important;gap:10px!important;transition:background .3s,transform .3s!important}.nav-cta:hover{background:#fff;transform:translateY(-2px)}.menu-button{border:1px solid var(--line);background:#ffffffa6;border-radius:10px;padding:8px;display:none}.hero{min-height:900px;padding-top:170px;padding-bottom:55px}.hero-topline{color:var(--muted);justify-content:space-between;align-items:center;display:flex}.eyebrow{font:10px var(--mono);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:9px;display:flex}.hero-stage{grid-template-columns:minmax(0,1.05fr) minmax(330px,.8fr) 70px;align-items:center;gap:22px;min-height:610px;padding:68px 0 20px;display:grid}.hero-copy{padding-bottom:70px}.hero-copy h1{letter-spacing:-.1em;max-width:700px;margin:0;font-size:clamp(70px,10vw,148px);font-weight:700;line-height:.82}.hero-copy h1 em,h2 em{color:var(--blue);font-style:normal}.hero-description{width:min(340px,85%);color:var(--muted);margin:44px 0 31px 6px;font-size:15px;line-height:1.65}.hero-actions{align-items:center;gap:22px;margin-left:6px;display:flex}.arrow-link{color:var(--ink);font:11px var(--mono);letter-spacing:.07em;text-transform:uppercase;align-items:center;gap:15px;display:inline-flex}.arrow-link svg{color:var(--blue);transition:transform .3s var(--ease)}.arrow-link:hover svg{transform:translate(5px,-5px)}.round-action{width:45px;height:45px;color:var(--blue);transition:transform .35s var(--ease),background .35s ease;background:#ffffff73;border:1px solid #4285f473;border-radius:50%;place-items:center;display:grid}.round-action:hover{background:#fff;transform:rotate(45deg)}.portrait-wrap{aspect-ratio:.78;--avatar-x:0deg;--avatar-y:0deg;--avatar-shift-x:0px;--avatar-shift-y:0px;justify-self:center;width:min(100%,455px);position:relative}.portrait-halo{filter:blur(28px);transform:translate(var(--avatar-shift-x),var(--avatar-shift-y));transition:transform .3s var(--ease);background:radial-gradient(at 50% 44%,#4285f44d,#90c6ff2e 43%,#0000 70%);border-radius:50% 50% 0 0;position:absolute;inset:12% -12% 0}.portrait-grid{background-image:linear-gradient(#4285f41a 1px,#0000 1px),linear-gradient(90deg,#4285f41a 1px,#0000 1px);background-size:32px 32px;border:1px solid #4285f438;border-radius:35% 35% 10% 10%;position:absolute;inset:18% -5% 0;transform:perspective(800px)rotateX(22deg)rotateY(-12deg)rotate(4deg);-webkit-mask-image:linear-gradient(#0000,#000 18% 78%,#0000);mask-image:linear-gradient(#0000,#000 18% 78%,#0000)}.portrait{object-fit:contain;object-position:center bottom;filter:drop-shadow(0 35px 30px #24539133);width:100%;height:100%;transform:perspective(800px) rotateX(var(--avatar-x)) rotateY(var(--avatar-y)) translate(var(--avatar-shift-x),var(--avatar-shift-y));transition:transform .25s var(--ease);will-change:transform;position:absolute}.avatar-orbit{pointer-events:none;transform:rotateX(68deg) rotateZ(-14deg) translate(var(--avatar-shift-x),var(--avatar-shift-y));transition:transform .35s var(--ease);border:1px solid #4285f459;border-radius:50%;position:absolute}.avatar-orbit--one{inset:15% -8% 14%}.avatar-orbit--two{transform:rotateX(67deg) rotateY(18deg) rotateZ(23deg) translate(var(--avatar-shift-x),var(--avatar-shift-y));border-color:#4285f42e;inset:8% 8% 20%}.portrait-caption{color:var(--muted);position:absolute;bottom:52px;left:-22px}.portrait-caption span{color:var(--blue);margin:0 8px}.portrait-stamp{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);width:75px;height:75px;box-shadow:var(--shadow);font:9px/1.35 var(--mono);letter-spacing:.08em;background:#ffffffb3;border:1px solid #4285f452;border-radius:16px;flex-direction:column;justify-content:space-between;padding:11px;display:flex;position:absolute;top:25%;right:-8px}.portrait-stamp svg{color:var(--blue)}.hero-side{color:var(--muted);flex-direction:column;align-self:end;align-items:center;gap:15px;display:flex}.side-line{background:linear-gradient(var(--blue),transparent);width:1px;height:105px}.role-rail{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:180px 1fr 230px 48px;align-items:center;gap:22px;padding:19px 0;display:grid}.role-label{color:#9aabc2}.role-display{min-height:32px;color:var(--ink);letter-spacing:-.04em;font-size:clamp(20px,2.3vw,30px);overflow:hidden}.role-display span{display:inline-block}.role-progress{background:#4285f41f;height:2px}.role-progress span{background:var(--blue);height:2px;transition:width .55s var(--ease);display:block;box-shadow:0 0 14px #4285f48c}.role-rail>.mono:last-child{color:var(--blue);text-align:right}.marquee-strip{z-index:3;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--muted);background:#ffffff7a;padding:18px 0;position:relative;overflow:hidden}.marquee-track{min-width:max-content;font:11px var(--mono);letter-spacing:.18em;align-items:center;gap:35px;animation:34s linear infinite marquee;display:flex}.marquee-track i{color:var(--blue);font-style:normal}@keyframes marquee{to{transform:translate(-50%)}}.about-section,.skills-section,.experience-section,.education-section,.contact-section{padding-top:168px}.section-heading{grid-template-columns:100px minmax(0,1fr) 280px;align-items:end;gap:25px;padding-bottom:70px;display:grid}.section-heading--compact{padding-bottom:54px}.section-index{color:var(--blue);padding-bottom:10px}h2{letter-spacing:-.09em;margin:0;font-size:clamp(50px,6.2vw,88px);font-weight:700;line-height:.91}.heading-note{max-width:245px;color:var(--muted);margin:0 0 5px auto;font-size:13px;line-height:1.55}.about-grid{grid-template-columns:1fr 1fr;align-items:end;gap:10%;display:grid}.about-lede{padding-bottom:10px}.lede{letter-spacing:-.045em;max-width:480px;margin:0 0 34px;font-size:clamp(21px,2.3vw,30px);line-height:1.28}.stats-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.stat-card{background:var(--glass);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);min-height:185px;box-shadow:var(--shadow);border:1px solid #ffffffe6;border-radius:22px;flex-direction:column;justify-content:space-between;padding:18px;display:flex}.stat-card--accent{background:linear-gradient(135deg,#ffffffd9,#daebffbf);border-color:#4285f44d}.stat-card .mono{color:var(--muted)}.stat-card strong{letter-spacing:-.08em;font-size:clamp(32px,3vw,43px);font-weight:700}.stat-card p{max-width:110px;color:var(--muted);margin:0;font-size:11px;line-height:1.35}.skills-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.tilt-card{transform:perspective(900px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .45s var(--ease),border-color .45s ease,background .45s ease;position:relative}.tilt-card:before{content:"";z-index:-1;opacity:0;border-radius:inherit;background:radial-gradient(circle at var(--glow-x,50%) var(--glow-y,50%),#4285f429,transparent 48%);pointer-events:none;transition:opacity .45s;position:absolute;inset:0}.tilt-card:hover{background:#ffffffe6!important;border-color:#4285f475!important}.tilt-card:hover:before{opacity:1}.skill-card{background:var(--glass);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);min-height:260px;box-shadow:var(--shadow);border:1px solid #ffffffd9;border-radius:22px;flex-direction:column;padding:20px;display:flex;overflow:hidden}.skill-top{color:var(--blue);justify-content:space-between;display:flex}.skill-top .mono{color:#9aabc2}.skill-card h3{letter-spacing:-.06em;margin:38px 0 18px;font-size:25px;font-weight:700}.tag-cloud{flex-wrap:wrap;gap:6px;display:flex}.tag-cloud span,.project-tags span{color:var(--muted);font:9px var(--mono);background:#ffffff61;border:1px solid #4285f429;border-radius:999px;padding:6px 8px}.skill-arrow{color:#9aabc2;align-self:flex-end;margin-top:auto;transition:color .3s,transform .3s}.skill-card:hover .skill-arrow{color:var(--blue);transform:translate(3px,-3px)}.section-aside{color:#9aabc2;padding-bottom:10px}.experience-list{border-top:1px solid var(--line)}.experience-row{border-bottom:1px solid var(--line);grid-template-columns:190px 1fr 1fr;gap:40px;padding:36px 0 39px;display:grid}.experience-meta{color:#9aabc2;flex-direction:column;gap:11px;display:flex}.experience-meta span:first-child{color:var(--blue)}.experience-main h3{letter-spacing:-.06em;margin:0 0 8px;font-size:clamp(21px,2vw,29px);font-weight:700}.company{color:var(--blue-deep);font:10px var(--mono);letter-spacing:.07em;text-transform:uppercase;margin:0 0 24px}.experience-copy{max-width:315px;color:var(--muted);margin:0;font-size:13px;line-height:1.6}.experience-row ul{color:var(--muted);align-content:start;gap:10px;margin:3px 0 0;padding:0;font-size:12px;line-height:1.45;list-style:none;display:grid}.experience-row li{gap:10px;display:flex}.experience-row li span{color:var(--blue)}.work-section{background:linear-gradient(#0000,#d9eaff8c 26%,#ebf5ff59);margin-top:168px;padding:1px 0 120px}.section-heading--work{padding-top:167px}.project-rail{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:min(1450px,100% - 72px);margin:0 auto;display:grid}.project-card{background:var(--glass);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);min-width:0;box-shadow:var(--shadow);border:1px solid #ffffffeb;border-radius:24px;overflow:hidden}.project-image-wrap{background:#dcecff;height:315px;position:relative;overflow:hidden}.project-image-wrap img{object-fit:cover;object-position:center;filter:saturate(.72)contrast(1.03);width:100%;height:100%;transition:transform .8s var(--ease),filter .8s ease;display:block}.project-card:hover .project-image-wrap img{filter:saturate()contrast();transform:scale(1.08)}.project-image-overlay{background:linear-gradient(#ffffff1a,#0000 45%,#1543824d);position:absolute;inset:0}.project-no{color:var(--blue-deep);position:absolute;top:16px;left:16px}.project-view{width:36px;height:36px;color:var(--blue);transition:transform .35s var(--ease),background .35s ease;background:#ffffff9e;border:1px solid #4285f466;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:14px;right:14px}.project-card:hover .project-view{background:#fff;transform:rotate(45deg)}.project-info{flex-direction:column;min-height:245px;padding:20px;display:flex}.project-meta{color:#9aabc2;justify-content:space-between;gap:12px;display:flex}.project-meta span:first-child{color:var(--blue-deep)}.project-info h3{letter-spacing:-.06em;margin:31px 0 11px;font-size:24px;font-weight:700;line-height:1.02}.project-info p{max-width:320px;color:var(--muted);margin:0;font-size:12px;line-height:1.55}.project-bottom{justify-content:space-between;align-items:end;gap:14px;margin-top:auto;display:flex}.project-tags{flex-wrap:wrap;gap:5px;display:flex}.project-tags span{padding:5px 6px;font-size:8px}.project-links{gap:6px;display:flex}.project-links a{width:26px;height:26px;color:var(--blue);border:1px solid #4285f440;border-radius:9px;place-items:center;transition:background .3s,transform .3s;display:grid}.project-links a:hover{background:#4285f41a;transform:translateY(-3px)}.archive-wrap{padding-top:74px}.archive-label{color:#9aabc2;border-bottom:1px solid var(--line);padding-bottom:16px}.archive-grid{grid-template-columns:1fr 1fr;column-gap:30px;display:grid}.archive-row{border-bottom:1px solid var(--line);grid-template-columns:30px 1fr 115px 18px;align-items:center;gap:10px;padding:17px 0;transition:color .3s,padding .3s;display:grid}.archive-row span{color:#9aabc2}.archive-row strong{font-size:13px;font-weight:600}.archive-row>span:nth-child(3){font:9px var(--mono);letter-spacing:.08em;text-transform:uppercase}.archive-row svg{color:var(--blue);transition:transform .3s}.archive-row:hover{color:var(--blue-deep);padding-left:7px}.archive-row:hover svg{transform:translate(3px,-3px)}.education-panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow);background:linear-gradient(110deg,#ffffffd1,#deefffb3);border:1px solid #ffffffe6;border-radius:28px;grid-template-columns:160px 1fr 290px;align-items:end;gap:45px;padding:36px;display:grid}.education-mark{height:150px;color:var(--blue);flex-direction:column;justify-content:space-between;display:flex}.education-mark span:last-child{color:var(--muted);font:10px/1.4 var(--mono)}.education-panel h2{font-size:clamp(42px,5.2vw,70px)}.education-panel>div:nth-child(2) p:last-child{color:var(--muted);font:11px var(--mono);text-transform:uppercase;letter-spacing:.08em;margin:28px 0 0}.education-copy{align-self:center}.education-copy .mono{color:#9aabc2}.education-copy p{color:var(--muted);margin:17px 0 0;font-size:12px;line-height:1.6}.contact-section{padding-bottom:160px}.contact-heading{max-width:700px}.contact-heading h2{font-size:clamp(55px,7vw,104px)}.contact-heading>p:last-child{max-width:310px;color:var(--muted);margin:34px 0 0;font-size:14px;line-height:1.6}.contact-grid{grid-template-columns:1.05fr .95fr;align-items:start;gap:10%;margin-top:80px;display:grid}.contact-form-wrap form{gap:28px;display:grid}.form-row{grid-template-columns:1fr 1fr;gap:18px;display:grid}form label{gap:11px;display:grid}form label>span{color:#9aabc2}input,textarea,select{border:0;border-bottom:1px solid var(--line-strong);width:100%;color:var(--ink);background:0 0;border-radius:0;outline:0;padding:0 0 13px;font-size:14px;transition:border-color .3s}input::placeholder,textarea::placeholder{color:#9aabc2}input:focus,textarea:focus,select:focus{border-color:var(--blue)}textarea{resize:vertical;min-height:110px;line-height:1.5}select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 8px) 5px,calc(100% - 3px) 5px;background-repeat:no-repeat;background-size:5px 5px,5px 5px}select option{background:#fff}.form-submit-row{align-items:center;gap:20px;margin-top:5px;display:flex}.submit-button{border:1px solid var(--blue);cursor:pointer;background:var(--blue);color:#fff;font:10px var(--mono);letter-spacing:.08em;text-transform:uppercase;transition:transform .3s var(--ease),box-shadow .3s ease;border-radius:12px;align-items:center;gap:10px;padding:14px 17px;display:inline-flex;box-shadow:0 12px 24px #4285f438}.submit-button:hover{transform:translateY(-3px);box-shadow:0 16px 30px #4285f44d}.form-footnote{color:#9aabc2}.dispatch-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);min-height:390px;box-shadow:var(--shadow);background:#ffffff9e;border:1px solid #ffffffe6;border-radius:22px;position:sticky;top:110px}.dispatch-top,.dispatch-footer{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:16px 18px;display:flex}.dispatch-top>.mono{color:var(--muted)}.dispatch-status{color:#9aabc2;font:9px var(--mono);letter-spacing:.08em;align-items:center;gap:7px;display:flex}.dispatch-status i{background:var(--blue);width:5px;height:5px;box-shadow:none;opacity:.55}.dispatch-status.is-sent{color:var(--blue-deep)}.dispatch-status.is-sent i{opacity:1;background:#34a853;box-shadow:0 0 10px #34a85366}.dispatch-card pre{min-height:283px;color:var(--blue-deep);font:11px/1.8 var(--mono);white-space:pre-wrap;margin:0;padding:21px 18px;overflow:auto}.dispatch-footer{border-top:1px solid var(--line);color:#9aabc2;border-bottom:0}.dispatch-footer svg{color:var(--blue)}.contact-links{border-top:1px solid var(--line);flex-wrap:wrap;gap:12px 28px;margin-top:80px;padding-top:18px;display:flex}.contact-links a{color:var(--muted);font:10px var(--mono);align-items:center;gap:8px;transition:color .3s;display:inline-flex}.contact-links a svg{color:var(--blue)}.contact-links a:hover{color:var(--blue-deep)}.footer{border-top:1px solid var(--line);grid-template-columns:1fr 1fr 1fr;align-items:end;padding-top:20px;padding-bottom:40px;display:grid}.footer-brand{align-items:end;gap:19px;display:flex}.footer-brand p{color:var(--muted);margin:0;font-size:11px;line-height:1.35}.footer-mid{color:#9aabc2;justify-content:center;gap:22px;display:flex}.back-top{color:var(--muted);font:10px var(--mono);text-transform:uppercase;justify-content:flex-end;align-items:center;gap:10px;display:inline-flex}.back-top svg{color:var(--blue)}@media (max-width:930px){.section-wrap{width:min(100% - 44px,760px)}.topbar{width:calc(100% - 44px)}.nav-links{gap:18px}.hero{min-height:800px}.hero-stage{grid-template-columns:1fr 1fr;min-height:590px}.hero-copy{grid-area:1/1/auto/-1;align-self:start;padding-top:28px;padding-bottom:0}.portrait-wrap{grid-area:1/2;align-self:end;margin-top:135px;opacity:.8!important}.hero-copy{z-index:1}.hero-side{flex-direction:row;grid-area:1/1;place-self:end start}.side-line{background:linear-gradient(to right,var(--blue),transparent);width:70px;height:1px}.role-rail{grid-template-columns:150px 1fr 150px 40px}.skills-grid{grid-template-columns:1fr 1fr}.experience-row{grid-template-columns:120px 1fr;gap:25px}.experience-row ul{grid-column:2}.project-rail{grid-template-columns:1fr 1fr;width:calc(100% - 44px)}.project-card:nth-child(n+5){display:none}.archive-grid{grid-template-columns:1fr}.education-panel{grid-template-columns:110px 1fr}.education-copy{grid-column:2}.contact-grid{grid-template-columns:1fr;gap:55px}.dispatch-card{position:relative;top:auto}}@media (max-width:650px){.section-wrap{width:calc(100% - 32px)}.topbar{width:calc(100% - 32px);height:66px;top:10px}.brand-copy{display:none}.menu-button{place-items:center;display:grid}.nav-links{border:1px solid var(--line);background:#fffffff5;border-radius:16px;flex-direction:column;align-items:stretch;gap:0;padding:10px;display:none;position:absolute;top:66px;left:0;right:0;box-shadow:0 20px 50px #0000001f}.nav-links--open{display:flex}.nav-links>a{padding:14px 12px}.nav-links>a.is-active:after{width:55px;bottom:0;left:12px}.nav-cta{justify-content:space-between;margin-top:7px}.hero{min-height:835px;padding-top:124px}.hero-topline{align-items:start;gap:12px}.hero-topline .mono{text-align:right;max-width:100px;line-height:1.45}.hero-stage{flex-direction:column;align-items:stretch;min-height:645px;padding-top:62px;display:flex}.hero-copy{padding-top:0}.hero-copy h1{letter-spacing:-.1em;font-size:clamp(56px,17vw,86px)}.hero-description{width:77%;margin-top:32px;font-size:13px}.portrait-wrap{align-self:flex-end;width:73%;min-width:240px;margin:-124px 4% 0 0;opacity:.86!important}.portrait-caption{font-size:8px;bottom:35px;left:-10px}.portrait-stamp{right:-18px;transform:scale(.8)}.hero-side{display:none}.role-rail{grid-template-columns:1fr 35px;gap:8px 16px}.role-label{grid-column:1/-1}.role-display{grid-column:1;font-size:19px}.role-progress{grid-area:3/1/auto/-1}.role-rail>.mono:last-child{grid-area:2/2}.marquee-track{gap:20px;font-size:9px}.about-section,.skills-section,.experience-section,.education-section,.contact-section{padding-top:112px}.section-heading{grid-template-columns:1fr;gap:18px;padding-bottom:43px}.section-index{padding-bottom:0}.heading-note{margin:12px 0 0}h2{font-size:clamp(45px,14vw,70px)}.about-grid{grid-template-columns:1fr;gap:44px}.lede{font-size:23px}.stats-grid{gap:7px}.stat-card{min-height:150px;padding:12px}.stat-card strong{font-size:28px}.stat-card p{font-size:9px}.skills-grid{grid-template-columns:1fr 1fr;gap:7px}.skill-card{min-height:215px;padding:13px}.skill-card h3{margin:27px 0 14px;font-size:20px}.tag-cloud span{padding:5px;font-size:8px}.experience-row{grid-template-columns:1fr;gap:18px;padding:26px 0}.experience-meta{flex-direction:row;justify-content:space-between}.experience-row ul{grid-column:auto}.work-section{margin-top:112px;padding-bottom:80px}.section-heading--work{padding-top:111px}.project-rail{grid-template-columns:1fr;width:calc(100% - 32px)}.project-card:nth-child(n+4){display:none}.project-image-wrap{height:250px}.project-info{min-height:220px;padding:16px}.project-info h3{margin-top:25px;font-size:22px}.archive-wrap{padding-top:55px}.archive-row{grid-template-columns:23px 1fr 18px;gap:8px}.archive-row>span:nth-child(3){display:none}.education-panel{grid-template-columns:1fr;gap:28px;padding:22px}.education-mark{flex-direction:row;height:auto}.education-copy{grid-column:auto}.contact-grid{margin-top:52px}.form-row{grid-template-columns:1fr;gap:28px}.form-submit-row{flex-direction:column;align-items:flex-start}.contact-links{flex-direction:column;gap:16px;margin-top:55px}.footer{grid-template-columns:1fr;gap:25px;padding-bottom:27px}.footer-mid{flex-direction:column;justify-content:flex-start;gap:7px}.back-top{justify-content:flex-start}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.cursor-orb{display:none}.portrait,.avatar-orbit,.portrait-halo{transform:none!important}}.showcase-track{padding-top:78px}.showcase-track--ai{padding-bottom:10px}.showcase-track-heading{border-top:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:30px;padding:22px 0 26px;display:flex}.showcase-track-heading>div{grid-template-columns:auto 1fr;align-items:center;column-gap:14px;display:grid}.showcase-track-heading h3{letter-spacing:-.07em;margin:0;font-size:clamp(27px,3vw,42px)}.showcase-track-heading p{max-width:430px;color:var(--muted);grid-column:2;margin:8px 0 0;font-size:13px;line-height:1.5}.showcase-track-heading>.mono{color:#9aabc2;padding-top:8px}.showcase-icon{width:36px;height:36px;color:var(--blue);background:#ffffff8f;border:1px solid #4285f44d;border-radius:12px;grid-row:1/span 2;place-items:center;font-size:18px;display:grid;box-shadow:0 8px 20px #4285f41a}.showcase-grid{gap:12px;display:grid}.showcase-grid--website,.showcase-grid--ai{grid-template-columns:1fr 1fr}.showcase-grid--mobile{grid-template-columns:repeat(3,1fr)}.showcase-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--shadow);background:#ffffff94;border:1px solid #fffffff2;border-radius:26px;overflow:hidden}.showcase-card--featured{grid-column:span 1}.showcase-visual{background:linear-gradient(145deg,#ffffffc7,#d7ebffa6);place-items:center;min-height:340px;padding:35px 28px 10px;display:grid;position:relative;overflow:hidden}.showcase-card--mobile .showcase-visual{min-height:390px;padding:28px 15px 16px}.showcase-card--ai .showcase-visual{min-height:340px;padding:30px}.showcase-number{color:var(--blue-deep);z-index:3;position:absolute;top:16px;left:18px}.showcase-open{z-index:4;width:35px;height:35px;color:var(--blue);transition:transform .3s var(--ease),background .3s ease;background:#ffffffad;border:1px solid #4285f452;border-radius:50%;place-items:center;display:grid;position:absolute;top:14px;right:16px}.showcase-open:hover{background:#fff;transform:rotate(45deg)}.device-frame--mac{width:min(92%,620px);transition:transform .6s var(--ease);background:linear-gradient(145deg,#f9fcff,#b6c8dd);border:1px solid #173a6e4d;border-radius:12px 12px 8px 8px;padding:13px 13px 17px;position:relative;transform:perspective(900px)rotateX(3deg)rotateY(-3deg);box-shadow:0 24px 35px #2d5c9733}.showcase-card:hover .device-frame--mac{transform:perspective(900px)rotateX(1deg)rotateY(2deg)translateY(-6px)}.device-bar{align-items:center;gap:5px;height:18px;display:flex}.device-bar span{background:#89a0bd;border-radius:50%;width:6px;height:6px}.device-bar em{color:#6e84a0;font:8px var(--mono);margin-left:auto;font-style:normal}.device-screen{aspect-ratio:16/9;background:#fff;border-radius:4px;overflow:hidden;box-shadow:inset 0 0 0 1px #173a6e29}.device-screen img{object-fit:cover;object-position:top center;width:100%;height:100%;display:block}.device-stand{clip-path:polygon(28% 0,72% 0,100% 100%,0 100%);background:linear-gradient(90deg,#cbd8e7,#eef5fc,#cbd8e7);border:1px solid #173a6e38;border-top:0;width:16%;height:28px;position:absolute;bottom:-27px;left:42%}.phone-screen{background:#e8f2ff;border-radius:15px;width:100%;height:100%;overflow:hidden}.phone-speaker{z-index:2;background:#071a37;border-radius:10px;width:37px;height:5px;position:absolute;top:4px;left:50%;transform:translate(-50%)}.phone-home{background:#a9bfd9;border-radius:4px;width:26px;height:3px;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.showcase-grid--mobile .showcase-info h3{font-size:20px}.showcase-grid--mobile .showcase-info p{font-size:11px}.showcase-info{flex-direction:column;min-height:210px;padding:20px;display:flex}.showcase-info h3{letter-spacing:-.07em;margin:27px 0 10px;font-size:27px;line-height:1.02}.showcase-info p{max-width:470px;color:var(--muted);margin:0;font-size:12px;line-height:1.55}.showcase-info .project-bottom{margin-top:auto}.showcase-info-arrow{color:var(--blue)}.device-frame--ai{color:#dcecff;width:min(100%,580px);min-height:240px;transition:transform .6s var(--ease);background:linear-gradient(145deg,#071b3b,#0e3c75 58%,#1166c1);border:1px solid #4285f466;border-radius:18px;padding:15px;transform:perspective(900px)rotateX(5deg)rotateY(-4deg);box-shadow:0 25px 35px #134e9647}.showcase-card:hover .device-frame--ai{transform:perspective(900px)rotateX(1deg)rotateY(3deg)translateY(-6px)}.ai-console-top,.ai-console-footer{justify-content:space-between;align-items:center;display:flex}.ai-console-top{border-bottom:1px solid #d2e8ff33;padding-bottom:14px}.ai-console-top>.mono,.ai-console-footer{color:#9fc4ef}.ai-live{color:#a6f2bd;font:9px var(--mono);align-items:center;gap:6px;display:flex}.ai-live i{background:#54d77b;border-radius:50%;width:6px;height:6px;box-shadow:0 0 10px #54d77b}.ai-console-body{grid-template-columns:130px 1fr;align-items:center;gap:24px;min-height:170px;display:grid}.ai-orb{color:#fff;background:radial-gradient(circle at 36% 28%,#bfe2ff,#4285f44d 42%,#0a2d6033);border:1px solid #b0dbff80;border-radius:50%;place-items:center;width:102px;height:102px;margin:auto;animation:3s ease-in-out infinite agent-pulse;display:grid;box-shadow:0 0 50px #71beff61,inset 0 0 30px #fff3}.ai-console-lines{font:11px var(--mono);gap:10px;display:grid}.ai-console-lines span{color:#c8e3ff;grid-template-columns:25px 1fr auto;gap:8px;display:grid}.ai-console-lines b{color:#7fb4ec;font-weight:400}.ai-console-lines em{color:#a6f2bd;font-style:normal}.ai-console-footer{border-top:1px solid #d2e8ff33;padding-top:12px;font-size:9px}@keyframes agent-pulse{50%{transform:scale(1.06);box-shadow:0 0 70px #71beff8c,inset 0 0 30px #ffffff3d}}@media (max-width:930px){.showcase-grid--mobile{grid-template-columns:repeat(2,1fr)}.showcase-grid--mobile .showcase-card:nth-child(n+5){display:none}.showcase-grid--website,.showcase-grid--ai{grid-template-columns:1fr}.showcase-grid--website .showcase-card,.showcase-grid--ai .showcase-card{max-width:none}}@media (max-width:650px){.showcase-track{padding-top:55px}.showcase-track-heading{display:block}.showcase-track-heading>.mono{margin-top:15px;display:block}.showcase-track-heading>div{grid-template-columns:auto 1fr}.showcase-track-heading h3{font-size:28px}.showcase-track-heading p{font-size:12px}.showcase-visual{min-height:265px;padding:28px 15px 10px}.showcase-card--mobile .showcase-visual{min-height:340px}.showcase-grid--mobile{grid-template-columns:1fr 1fr;gap:8px}.showcase-grid--mobile .showcase-card:nth-child(n+5){display:none}.showcase-card--mobile .showcase-info{min-height:205px;padding:14px}.showcase-grid--mobile .showcase-info h3{font-size:18px}.showcase-grid--mobile .showcase-info p{font-size:10px}.device-frame--phone{width:125px;height:250px}.showcase-info{min-height:220px;padding:16px}.showcase-info h3{font-size:23px}.device-frame--ai{min-height:235px;padding:12px}.ai-console-body{grid-template-columns:80px 1fr;gap:12px;min-height:160px}.ai-orb{width:70px;height:70px}.ai-console-lines{font-size:8px}.ai-console-lines span{grid-template-columns:20px 1fr}.ai-console-lines em{display:none}}html{scroll-padding-top:112px}section[id]{scroll-margin-top:112px}.topbar{z-index:20}@media (max-width:650px){html{scroll-padding-top:88px}section[id]{scroll-margin-top:88px}}.device-frame--phone{width:168px;height:340px;transition:transform .6s var(--ease);background:linear-gradient(140deg,#f1f5fb 0%,#8797ae 17%,#1a2639 28%,#050b17 75%,#73849b 100%);border:1px solid #0a1220;border-radius:34px;padding:6px;position:relative;transform:perspective(900px)rotateY(-7deg)rotateX(2deg);box-shadow:0 25px 32px #1b3a6547,inset 0 0 0 2px #ffffff40,inset 0 0 0 4px #1c2a3f}.showcase-card:hover .device-frame--phone{transform:perspective(900px)rotateY(4deg)rotateX(0)translateY(-7px)}.device-frame--phone:before{content:"";pointer-events:none;z-index:3;border:1px solid #ffffff42;border-radius:29px;position:absolute;inset:5px}.phone-screen{background:#eef5ff;border:1px solid #020711;border-radius:27px;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff2e}.phone-island{z-index:4;background:#030711;border-radius:14px;width:62px;height:19px;position:absolute;top:7px;left:50%;transform:translate(-50%);box-shadow:0 1px 2px #ffffff21}.phone-island span{background:#182b46;border-radius:50%;width:5px;height:5px;position:absolute;top:6px;right:9px;box-shadow:inset 0 0 2px #5f86ae}.phone-side-button{z-index:2;background:linear-gradient(#a7b5c8,#435269,#a9b9cd);border-radius:3px;width:3px;position:absolute;box-shadow:0 0 0 1px #070f1d66}.phone-side-button--action{height:24px;top:72px;left:-4px}.phone-side-button--volume-one{height:34px;top:111px;left:-4px}.phone-side-button--volume-two{height:34px;top:153px;left:-4px}.phone-side-button--power{height:52px;top:113px;right:-4px}.showcase-grid--mobile .showcase-card:nth-child(n+5){display:none}@media (max-width:650px){.device-frame--phone{border-radius:29px;width:137px;height:277px;padding:5px}.phone-screen{border-radius:23px}.phone-island{width:52px;height:16px;top:6px}.phone-side-button--action{top:58px}.phone-side-button--volume-one{height:29px;top:91px}.phone-side-button--volume-two{height:29px;top:126px}.phone-side-button--power{height:43px;top:93px}.showcase-card--mobile .showcase-visual{min-height:345px}}.device-frame--phone{background:linear-gradient(145deg,#eef3f9,#8b9bb0 18%,#111d31 33%,#050b17 78%,#8191a5);border-radius:36px;width:188px;height:384px;padding:4px;box-shadow:0 28px 38px #1b3a654d,inset 0 0 0 2px #ffffff3d,inset 0 0 0 4px #1b293d}.phone-screen{background:#000;border-radius:31px;width:100%;height:100%}.phone-screen img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.phone-side-button{display:none}.showcase-card--mobile .showcase-visual{min-height:440px}@media (max-width:650px){.device-frame--phone{border-radius:30px;width:151px;height:308px;padding:3px}.phone-screen{border-radius:26px}.showcase-card--mobile .showcase-visual{min-height:370px}}.showcase-grid--backend{grid-template-columns:1fr}.showcase-card--backend .showcase-visual{background:linear-gradient(145deg,#ffffffe0,#d7f4e89e);min-height:430px;padding:38px 30px 30px}.device-frame--backend{width:min(96%,850px);transition:transform .6s var(--ease);background:linear-gradient(145deg,#f9fffc,#b8d4c8);border:1px solid #11584042;border-radius:14px;padding:9px 9px 11px;position:relative;transform:perspective(1100px)rotateX(3deg)rotateY(-3deg);box-shadow:0 27px 42px #1a654c38}.showcase-card:hover .device-frame--backend{transform:perspective(1100px)rotateX(1deg)rotateY(2deg)translateY(-7px)}.backend-bar{color:#6a8f80;align-items:center;gap:5px;height:21px;padding:0 6px;display:flex}.backend-bar em{font:8px var(--mono);margin-left:8px;font-style:normal}.backend-bar>.mono{color:#23815b;margin-left:auto;font-size:7px}.backend-dot{background:#82aa9a;border-radius:50%;width:6px;height:6px}.backend-screen{aspect-ratio:16/9;background:#fff;border-radius:6px;overflow:hidden;box-shadow:inset 0 0 0 1px #0f4e3826}.backend-screen img{object-fit:cover;object-position:top center;width:100%;height:100%;display:block}.showcase-card--backend .showcase-info{min-height:180px}.showcase-track--backend{padding-top:84px}@media (max-width:650px){.showcase-track--backend{padding-top:55px}.showcase-card--backend .showcase-visual{min-height:255px;padding:28px 14px 20px}.device-frame--backend{border-radius:9px;width:98%;padding:5px 5px 7px}.backend-bar{height:14px;padding:0 3px}.backend-bar em,.backend-bar>.mono{font-size:5px}.backend-dot{width:4px;height:4px}.showcase-card--backend .showcase-info{min-height:210px}}