@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.03ez25a9g3i0n.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.3i9rha7jpxn0q.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.2o7ko1d-5m1xu.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.1ee5w62fj497l.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.1way2z9fj6cig.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.0szrwpqb9mkwe.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.45535valc9rzk.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_7b064e0d-module__MOT0tq__className{font-family:Inter,Inter Fallback;font-style:normal}.inter_7b064e0d-module__MOT0tq__variable{--font-inter:"Inter", "Inter Fallback"}
@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/13bf9871fe164e7f-s.3bz3aq452sydg.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/cc545e633e20c56d-s.2sb9jzhmrh7ny.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/71b036adf157cdcf-s.343obqi851wr5.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/89b21bb081cb7469-s.40kcwrf1wub16.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/3fe682a82f50d426-s.200l3jur7oygh.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/70bc3e132a0a741e-s.p.269kn9uafm0ti.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono Fallback;src:local(Arial);ascent-override:75.79%;descent-override:22.29%;line-gap-override:0.0%;size-adjust:134.59%}.jetbrains_mono_84d6efd-module__5Hl15a__className{font-family:JetBrains Mono,JetBrains Mono Fallback;font-style:normal}.jetbrains_mono_84d6efd-module__5Hl15a__variable{--font-jetbrains-mono:"JetBrains Mono", "JetBrains Mono Fallback"}
@layer theme{:root,:host{--font-sans:var(--font-inter), "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--font-mono:var(--font-jetbrains-mono), "SF Mono", "Fira Code", "Fira Mono", "Roboto Mono", Menlo, Consolas, monospace;--default-font-family:var(--font-inter), "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--default-mono-font-family:var(--font-jetbrains-mono), "SF Mono", "Fira Code", "Fira Mono", "Roboto Mono", Menlo, Consolas, monospace}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.block{display:block}.hidden{display:none}.min-h-screen{min-height:100vh}.resize{resize:both}.font-sans{font-family:var(--font-inter), "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}:root{--brand-primary:#64ffda;--brand-primary-foreground:#0a192f;--brand-primary-dim:#64ffda1a;--brand-primary-hover:#64ffda2e;--brand-background:#0a192f;--brand-foreground:#ccd6f6;--brand-card:#112240;--brand-card-foreground:#ccd6f6;--brand-popover:#112240;--brand-popover-foreground:#ccd6f6;--brand-muted:#8892b0;--brand-muted-foreground:#8892b0;--brand-secondary:#112240;--brand-secondary-foreground:#ccd6f6;--brand-border:#8892b033;--brand-input:#8892b040;--brand-ring:#64ffda66;--brand-radius-sm:2px;--brand-radius-md:4px;--brand-radius-lg:8px;--brand-shadow-sm:0 1px 2px #020c1b33;--brand-shadow-md:0 4px 12px #020c1b4d;--brand-shadow-lg:0 10px 30px -10px #020c1b80;--brand-easing:cubic-bezier(.645, .045, .355, 1);--brand-duration:.22s}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:96px}body{background-color:var(--brand-background);color:var(--brand-foreground);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}a{color:inherit;text-decoration:none}::selection{background:var(--brand-primary-dim);color:var(--brand-primary)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--brand-background)}::-webkit-scrollbar-thumb{background:#8892b04d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#8892b080}.font-mono{font-family:var(--font-mono)}.layout-shell{width:100%;padding:0 104px}.layout-inner{width:100%;max-width:1100px;margin:0 auto}.topbar{z-index:40;-webkit-backdrop-filter:blur(12px);background-color:#0a192fc2;justify-content:space-between;align-items:center;height:76px;padding:0 140px;display:flex;position:fixed;top:24px;left:0;right:0}.topbar-right{align-items:center;display:flex}.sidebar-logo{font-family:var(--font-mono);color:var(--brand-primary);border:1px solid var(--brand-primary);border-radius:var(--brand-radius-md);width:44px;height:44px;transition:background-color var(--brand-duration) var(--brand-easing), transform var(--brand-duration) var(--brand-easing);justify-content:center;align-items:center;font-size:28px;font-weight:700;display:flex}.sidebar-logo:hover{background-color:var(--brand-primary-dim);transform:translateY(-2px)}.sidebar-nav{align-items:center;gap:28px;display:flex}.sidebar-nav a{font-family:var(--font-mono);letter-spacing:.04em;color:var(--brand-muted);transition:color var(--brand-duration) var(--brand-easing), transform var(--brand-duration) var(--brand-easing);font-size:13px}.sidebar-nav a:hover,.sidebar-nav a.active{color:var(--brand-primary)}.sidebar-nav a:hover{transform:translateY(-2px)}.sidebar-nav .num{color:var(--brand-primary);margin-right:6px}.social-bar{z-index:40;flex-direction:column;align-items:center;gap:26px;display:flex;position:fixed;bottom:0;left:56px}.social-bar:after{content:"";background-color:var(--brand-muted);width:2px;height:110px;display:block}.social-bar a{color:var(--brand-foreground);transition:color var(--brand-duration) var(--brand-easing), transform var(--brand-duration) var(--brand-easing)}.social-bar a:hover{color:var(--brand-primary);transform:translateY(-2px)}.social-bar svg{width:24px;height:24px}.email-bar{z-index:40;flex-direction:column;align-items:center;gap:24px;width:56px;display:flex;position:fixed;bottom:0;right:56px}.email-bar:after{content:"";background-color:var(--brand-muted);width:2px;height:110px;display:block}.email-bar a{writing-mode:vertical-rl;font-family:var(--font-mono);letter-spacing:.14em;color:var(--brand-foreground);transition:color var(--brand-duration) var(--brand-easing), transform var(--brand-duration) var(--brand-easing);margin-bottom:24px;font-size:14px}.email-bar a:hover{color:var(--brand-primary);transform:translateY(-2px)}.mobile-bar{-webkit-backdrop-filter:blur(8px);z-index:50;background-color:#0a192fd9;justify-content:space-between;align-items:center;height:64px;padding:0 24px;display:none;position:fixed;top:0;left:0;right:0}.mobile-bar .sidebar-logo{width:38px;height:38px;font-size:22px}.nav-toggle{color:var(--brand-primary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:8px;display:flex}.nav-toggle svg{width:26px;height:26px}.mobile-menu{background-color:var(--brand-background);z-index:60;visibility:hidden;transition:transform var(--brand-duration) var(--brand-easing), visibility 0s linear var(--brand-duration);flex-direction:column;justify-content:center;align-items:center;gap:32px;display:flex;position:fixed;inset:0;transform:translate(100%)}.mobile-menu.open{visibility:visible;transition:transform var(--brand-duration) var(--brand-easing);transform:translate(0)}.mobile-menu .close-btn{color:var(--brand-primary);cursor:pointer;background:0 0;border:none;padding:8px;position:absolute;top:20px;right:24px}.mobile-menu .close-btn svg{width:28px;height:28px}.mobile-menu nav{flex-direction:column;align-items:center;gap:28px;display:flex}.mobile-menu nav a{font-family:var(--font-mono);color:var(--brand-foreground);text-align:center;transition:color var(--brand-duration) var(--brand-easing);font-size:16px}.mobile-menu nav a:hover,.mobile-menu nav a.active{color:var(--brand-primary)}.mobile-menu nav a .num{color:var(--brand-primary);margin-bottom:6px;font-size:13px;display:block}section{padding:clamp(80px,10vh,120px) 0;scroll-margin-top:80px}section+section{border-top:1px solid var(--brand-border)}.section-heading{align-items:center;gap:16px;margin-bottom:48px;display:flex}.section-heading .num{font-family:var(--font-mono);color:var(--brand-primary);font-size:clamp(18px,2vw,22px);font-weight:400}.section-heading h2{color:var(--brand-foreground);white-space:nowrap;margin:0;font-size:clamp(24px,3.5vw,32px);font-weight:700}.section-heading:after{content:"";background-color:var(--brand-border);flex:1;height:1px}.hero{flex-direction:column;justify-content:center;min-height:100vh;padding:160px 0 80px;display:flex}.hero-greeting{font-family:var(--font-mono);color:var(--brand-primary);letter-spacing:.04em;margin:0 0 24px;font-size:clamp(14px,1.4vw,16px)}.hero-name{color:var(--brand-foreground);letter-spacing:-.02em;margin:0 0 12px;font-size:clamp(40px,8vw,80px);font-weight:800;line-height:1.05}.hero-subtitle{color:var(--brand-muted);letter-spacing:-.02em;margin:0 0 28px;font-size:clamp(28px,5.5vw,56px);font-weight:700;line-height:1.1}.hero-desc{max-width:580px;color:var(--brand-muted);margin:0 0 44px;font-size:16px;line-height:1.7}.hero-cta{flex-wrap:wrap;gap:16px;display:flex}.btn{font-family:var(--font-mono);border-radius:var(--brand-radius-md);border:1px solid var(--brand-primary);color:var(--brand-primary);cursor:pointer;transition:background-color var(--brand-duration) var(--brand-easing), color var(--brand-duration) var(--brand-easing), transform var(--brand-duration) var(--brand-easing);background-color:#0000;justify-content:center;align-items:center;padding:14px 26px;font-size:14px;display:inline-flex}.btn:hover{background-color:var(--brand-primary-dim);transform:translateY(-2px)}.btn-ghost{border-color:#0000;padding:14px 4px}.btn-ghost:hover{text-underline-offset:4px;background-color:#0000;text-decoration:underline}.btn-lg{padding:18px 32px;font-size:15px}.about-grid{grid-template-columns:1fr 240px;align-items:start;gap:56px;display:grid}.about-text p{color:var(--brand-muted);margin:0 0 18px;font-size:16px;line-height:1.75}.about-text a{color:var(--brand-primary);text-underline-offset:4px;transition:text-decoration-color var(--brand-duration) var(--brand-easing);-webkit-text-decoration:underline #64ffda66;text-decoration:underline #64ffda66}.about-text a:hover{-webkit-text-decoration-color:var(--brand-primary);-webkit-text-decoration-color:var(--brand-primary);-webkit-text-decoration-color:var(--brand-primary);text-decoration-color:var(--brand-primary)}.avatar-wrap{justify-self:end;width:220px;height:220px;position:relative}.avatar{background-color:var(--brand-card);border:2px solid var(--brand-primary);border-radius:var(--brand-radius-md);width:100%;height:100%;font-family:var(--font-mono);color:var(--brand-primary);transition:transform var(--brand-duration) var(--brand-easing);z-index:2;justify-content:center;align-items:center;font-size:72px;font-weight:700;display:flex;position:relative}.avatar-frame{border:2px solid var(--brand-primary);border-radius:var(--brand-radius-md);z-index:1;width:100%;height:100%;transition:transform var(--brand-duration) var(--brand-easing);position:absolute;top:16px;left:16px}.avatar-wrap:hover .avatar{transform:translate(-4px,-4px)}.avatar-wrap:hover .avatar-frame{transform:translate(8px,8px)}.skills-label{font-family:var(--font-mono);color:var(--brand-foreground);letter-spacing:.04em;margin:48px 0 24px;font-size:13px}.skills-groups{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 40px;display:grid}.skill-group h4{font-family:var(--font-mono);color:var(--brand-primary);letter-spacing:.06em;align-items:center;gap:10px;margin:0 0 14px;font-size:13px;font-weight:600;display:flex}.skill-group h4:after{content:"";background-color:var(--brand-border);flex:1;height:1px}.skill-group ul{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.skill-group li{font-family:var(--font-mono);color:var(--brand-muted);padding-left:18px;font-size:13px;position:relative}.skill-group li:before{content:"▹";color:var(--brand-primary);font-size:11px;position:absolute;top:1px;left:0}.timeline{padding-left:32px;position:relative}.timeline:before{content:"";background-color:var(--brand-border);width:1px;position:absolute;top:8px;bottom:8px;left:7px}.timeline-item{padding-bottom:44px;position:relative}.timeline-item:last-child{padding-bottom:0}.timeline-item:before{content:"";background-color:var(--brand-background);border:2px solid var(--brand-primary);border-radius:50%;width:15px;height:15px;position:absolute;top:8px;left:-32px}.timeline-role{color:var(--brand-foreground);margin:0 0 4px;font-size:18px;font-weight:600}.timeline-role a{color:var(--brand-primary);transition:color var(--brand-duration) var(--brand-easing)}.timeline-role a:hover{text-underline-offset:4px;text-decoration:underline}.timeline-date{font-family:var(--font-mono);color:var(--brand-muted);margin:0 0 14px;font-size:13px}.timeline ul{margin:0;padding:0;list-style:none}.timeline li{color:var(--brand-muted);margin-bottom:8px;padding-left:22px;font-size:15px;line-height:1.7;position:relative}.timeline li:before{content:"▹";color:var(--brand-primary);font-size:12px;position:absolute;top:4px;left:0}.exp-subsection{margin-bottom:48px}.exp-subsection:last-child{margin-bottom:0}.exp-subtitle{align-items:center;gap:14px;margin:0 0 28px;display:flex}.exp-subtitle .dot{background-color:var(--brand-primary);border-radius:50%;flex-shrink:0;width:8px;height:8px}.exp-subtitle h3{font-family:var(--font-mono);letter-spacing:.03em;color:var(--brand-foreground);margin:0;font-size:20px;font-weight:600}.exp-subtitle .en{font-family:var(--font-mono);color:var(--brand-muted);letter-spacing:.1em;font-size:13px}.exp-subtitle:after{content:"";background-color:var(--brand-border);flex:1;height:1px}.project{grid-template-columns:1fr 1fr;align-items:center;gap:40px;margin-bottom:100px;display:grid}.project:last-child{margin-bottom:0}.project.reverse .project-preview{order:2}.project.reverse .project-content{text-align:right;order:1}.project.reverse .tech-list,.project.reverse .project-links{justify-content:flex-end}.project-preview{aspect-ratio:16/10;background-color:var(--brand-card);border-radius:var(--brand-radius-md);transition:transform var(--brand-duration) var(--brand-easing), box-shadow var(--brand-duration) var(--brand-easing);z-index:2;flex-direction:column;padding:20px;display:flex;position:relative;overflow:hidden}.project-preview:after{content:"";border:2px solid var(--brand-primary);border-radius:var(--brand-radius-md);z-index:-1;transition:transform var(--brand-duration) var(--brand-easing);position:absolute;inset:18px -18px -18px 18px}.project-preview:hover{box-shadow:var(--brand-shadow-lg);transform:translate(-3px,-3px)}.project-preview:hover:after{transform:translate(12px,12px)}.preview-code{font-family:var(--font-mono);color:var(--brand-primary);margin-bottom:16px;font-size:13px}.browser-chrome{gap:7px;margin-bottom:14px;display:flex}.browser-chrome span{background-color:var(--brand-border);border-radius:50%;width:11px;height:11px}.preview-bar{background-color:var(--brand-border);opacity:.6;border-radius:2px;height:8px;margin-bottom:10px}.preview-bar.short{width:55%}.preview-bar.mid{width:75%}.preview-blocks{grid-template-columns:1fr 1fr 1fr;gap:10px;margin-top:auto;display:grid}.preview-blocks div{border-radius:var(--brand-radius-sm);background-color:#64ffda14;border:1px solid #64ffda33;height:44px}.project-tag{font-family:var(--font-mono);color:var(--brand-primary);letter-spacing:.04em;margin:0 0 8px;font-size:13px}.project-title{color:var(--brand-foreground);margin:0 0 18px;font-size:26px;font-weight:700}.project-title a{transition:color var(--brand-duration) var(--brand-easing)}.project-title a:hover{color:var(--brand-primary)}.project-desc{background-color:var(--brand-card);border-radius:var(--brand-radius-md);color:var(--brand-muted);box-shadow:var(--brand-shadow-md);margin:0 0 18px;padding:22px 24px;font-size:15px;line-height:1.7}.tech-list{flex-wrap:wrap;gap:16px;margin:0 0 16px;padding:0;list-style:none;display:flex}.tech-list li{font-family:var(--font-mono);color:var(--brand-muted);font-size:12.5px}.project-links{gap:14px;display:flex}.project-links a{color:var(--brand-muted);transition:color var(--brand-duration) var(--brand-easing), transform var(--brand-duration) var(--brand-easing)}.project-links a:hover{color:var(--brand-primary);transform:translateY(-2px)}.project-links svg{width:20px;height:20px}.contact{text-align:center;max-width:620px;margin:0 auto}.contact .section-heading{justify-content:center;margin-bottom:24px}.contact .section-heading:after{display:none}.contact h2{color:var(--brand-foreground);letter-spacing:-.02em;margin:0 0 20px;font-size:clamp(36px,6vw,56px);font-weight:800}.contact p{color:var(--brand-muted);margin:0 0 40px;font-size:16px;line-height:1.75}footer{text-align:center;color:var(--brand-muted);font-family:var(--font-mono);letter-spacing:.04em;padding:32px 0 48px;font-size:12.5px}footer a{color:var(--brand-muted);transition:color var(--brand-duration) var(--brand-easing)}footer a:hover{color:var(--brand-primary)}.reveal{opacity:0;transition:opacity .6s var(--brand-easing), transform .6s var(--brand-easing);will-change:opacity, transform;transform:translateY(28px)}.reveal.is-visible{opacity:1;transform:none}@media (max-width:1023px){html{scroll-padding-top:76px}.topbar,.email-bar,.social-bar{display:none}.mobile-bar{display:flex}.layout-shell{width:100%;padding:0 24px}.layout-inner{max-width:none;margin:0}.hero{min-height:auto;padding-top:120px}.about-grid{grid-template-columns:1fr;gap:40px}.avatar-wrap{justify-self:center}.project,.project.reverse{grid-template-columns:1fr;gap:28px;margin-bottom:72px}.project.reverse .project-preview{order:0}.project.reverse .project-content{text-align:left;order:1}.project.reverse .tech-list,.project.reverse .project-links{justify-content:flex-start}.skills-groups{grid-template-columns:1fr;gap:24px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.reveal{opacity:1;transform:none}}