.circular-gallery{cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 5% 95%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 5% 95%,#0000 100%)}.circular-gallery:active{cursor:grabbing}.circular-gallery:focus-visible{outline-offset:-5px;outline:3px solid #1268f3}.circular-gallery canvas{width:100%;height:100%;display:block}.circular-gallery__accessible-list{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.circular-gallery__fallback-track{scroll-snap-type:x mandatory;gap:16px;height:100%;padding:12px 24px 22px;display:flex;overflow-x:auto}.circular-gallery__fallback-track figure{scroll-snap-align:center;background:#fff;border:4px solid #fff;border-radius:18px;flex:0 0 clamp(180px,24vw,280px);margin:0;overflow:hidden;box-shadow:0 14px 32px #19498129}.circular-gallery__fallback-track img{object-fit:cover;width:100%;height:100%}@media (prefers-reduced-motion:reduce){.circular-gallery{cursor:default}}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--hero-transition-radius:0px}}}@layer theme{:root,:host{--font-sans:-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-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@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}.static{position:static}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.hidden{display:none}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--ink:#071737;--muted:#485a7a;--soft:#eef7ff;--paper:#fffaf5;--panel:#ffffffc2;--panel-solid:#fff;--line:#1f58aa2e;--line-strong:#0c4ab052;--accent:#1268f3;--accent-deep:#0642bd;--accent-soft:#1268f31f;--green:#24a762;--amber:#e8aa23;--radius:18px;--motion-fast:.16s;--motion-medium:.26s;--motion-page:.62s;--ease-standard:cubic-bezier(.16, 1, .3, 1);--ease-press:cubic-bezier(.2, 0, .2, 1);color:var(--ink);background:var(--soft);font-synthesis:none;text-rendering:optimizelegibility;font-family:Trebuchet MS,Microsoft YaHei UI,Microsoft YaHei,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:auto;scroll-snap-type:none;background:var(--soft);scroll-padding-top:0}body{background:var(--soft);min-width:320px;color:var(--ink);margin:0;overflow-x:clip}body:before,body:after{content:"";z-index:55;pointer-events:none;opacity:0;position:fixed;inset:0}body:before{background:linear-gradient(#0000 0,#ffffff3d 46%,#1268f33d 50%,#0000 56%),repeating-linear-gradient(0deg,#1268f32e 0 2px,#0000 2px 9px);transform:translateY(-18%)scaleY(.72)}body:after{mix-blend-mode:screen;background:radial-gradient(circle,#ffffff3d,#0000 32%),linear-gradient(90deg,#0000,#1268f338,#0000);transform:translateY(16px)}html.is-section-animating body:before{animation:.98s cubic-bezier(.16,1,.3,1) both page-turn-scan}html.is-section-animating body:after{animation:.98s cubic-bezier(.16,1,.3,1) both page-turn-glow}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{font:inherit}button:focus-visible,a:focus-visible{outline-offset:4px;outline:3px solid #1268f36b}img{max-width:100%;display:block}@property --hero-transition-radius{syntax:"<length>";inherits:false;initial-value:0}.site-header{z-index:40;min-height:78px;color:var(--ink);pointer-events:none;grid-template-columns:auto 1fr auto;align-items:center;gap:clamp(20px,3vw,42px);padding:16px clamp(22px,3.2vw,48px);display:grid;position:fixed;top:0;left:0;right:0}.site-header>*{pointer-events:auto}.site-header--hero{color:#fff}.site-header--hero .site-mark{color:#fff;text-shadow:0 2px #0717376b}.site-header--hero .site-nav a.is-active{color:#fff}.site-header--hero .site-nav a:after{background:#fff}.site-header--hero .sun-button{color:var(--ink);background:linear-gradient(#ffffffeb,#ddecffc7),#ffffff85;border-color:#ffffff5c}.site-mark{width:94px;color:var(--ink);letter-spacing:-.08em;text-shadow:0 2px #ffffffbf;align-items:flex-start;font-family:Arial Black,Microsoft YaHei UI,sans-serif;font-size:clamp(1.75rem,2.4vw,2.55rem);font-weight:900;line-height:1;display:inline-flex;position:relative}.site-mark i{background:linear-gradient(var(--accent), var(--accent)) 8px 0 / 5px 20px no-repeat, linear-gradient(var(--accent), var(--accent)) 0 8px / 20px 5px no-repeat;filter:drop-shadow(7px 7px #1268f347);width:20px;height:20px;position:absolute;top:5px;right:7px}.site-nav{justify-content:flex-start;align-items:center;gap:clamp(24px,4.2vw,64px);height:44px;padding-left:clamp(8px,3vw,72px);font-size:clamp(.92rem,1.1vw,1.08rem);font-weight:800;display:flex}.site-nav a{line-height:1;position:relative}.site-nav a:after{content:"";background:var(--accent);opacity:0;height:3px;transition:opacity var(--motion-fast) var(--ease-standard), transform var(--motion-fast) var(--ease-standard);border-radius:99px;position:absolute;bottom:-14px;left:0;right:0;transform:scaleX(.45)}.site-nav a:hover:after,.site-nav a:focus-visible:after,.site-nav a.is-active:after{opacity:1;transform:scaleX(1)}.site-nav a.is-active{color:var(--accent-deep)}.sun-button{width:52px;height:52px;color:var(--ink);transition:transform var(--motion-medium) var(--ease-standard), border-color var(--motion-fast) ease;background:linear-gradient(#ffffffdb,#eaf4ffb8),#ffffff80;border:2px solid #1268f32e;border-radius:999px;place-items:center;display:grid;box-shadow:0 11px 26px #1f4d891f,inset 0 0 0 1px #ffffffbf}.sun-button:hover{border-color:#1268f373;transform:rotate(12deg)scale(1.04)}.sun-button:active{transform:rotate(6deg)scale(.96)}.hero{isolation:isolate;scroll-snap-align:start;scroll-snap-stop:always;--hero-reveal-size:280px;--hero-reveal-x:-1000px;--hero-reveal-y:-1000px;--hero-transition-size:190vmax;--hero-transition-x:50%;--hero-transition-y:50%;--hero-transition-radius:var(--hero-reveal-size);--hero-person-lift:42px;--hero-scene-position:center center;--hero-person-shift:clamp(-235px, -10vw, -130px);background:#eaf5ff;min-height:100dvh;position:relative;overflow:hidden}.hero:after{content:"";z-index:7;pointer-events:none;background:linear-gradient(#07173700,#0717376b);height:23%;position:absolute;bottom:0;left:0;right:0}.hero__backdrop,.hero__visual{pointer-events:none;position:absolute;inset:0}.hero__backdrop{z-index:0;background:#dcecff url(/assets/bg-home-clean.webp) 50%/cover}.hero__background,.hero__person{opacity:1;background-repeat:no-repeat;animation:none;position:absolute;inset:0}.hero__background{background-position:var(--hero-scene-position);filter:saturate(.98)contrast(1.02);background-size:cover}.hero__background--preview,.hero__person--preview{z-index:1;-webkit-mask-image:radial-gradient(circle var(--hero-reveal-size) at var(--hero-reveal-x) var(--hero-reveal-y), black 0%, black 48%, transparent 78%);-webkit-mask-image:radial-gradient(circle var(--hero-reveal-size) at var(--hero-reveal-x) var(--hero-reveal-y), black 0%, black 48%, transparent 78%);-webkit-mask-image:radial-gradient(circle var(--hero-reveal-size) at var(--hero-reveal-x) var(--hero-reveal-y), black 0%, black 48%, transparent 78%);mask-image:radial-gradient(circle var(--hero-reveal-size) at var(--hero-reveal-x) var(--hero-reveal-y), black 0%, black 48%, transparent 78%);-webkit-mask-image:radial-gradient(circle var(--hero-reveal-size) at var(--hero-reveal-x) var(--hero-reveal-y), black 0%, black 48%, transparent 78%)}.hero__person{background-position:calc(50% + var(--hero-person-shift)) calc(100% - var(--hero-person-lift));filter:drop-shadow(0 32px 38px #07173738);background-size:min(112vw,1480px)}.hero__person--current{-webkit-mask-image:radial-gradient(circle var(--hero-reveal-size) at var(--hero-reveal-x) var(--hero-reveal-y), transparent 0%, transparent 56%, black 78%);-webkit-mask-image:radial-gradient(circle var(--hero-reveal-size) at var(--hero-reveal-x) var(--hero-reveal-y), transparent 0%, transparent 56%, black 78%);-webkit-mask-image:radial-gradient(circle var(--hero-reveal-size) at var(--hero-reveal-x) var(--hero-reveal-y), transparent 0%, transparent 56%, black 78%);mask-image:radial-gradient(circle var(--hero-reveal-size) at var(--hero-reveal-x) var(--hero-reveal-y), transparent 0%, transparent 56%, black 78%);-webkit-mask-image:radial-gradient(circle var(--hero-reveal-size) at var(--hero-reveal-x) var(--hero-reveal-y), transparent 0%, transparent 56%, black 78%)}.hero__scene-transition{z-index:5;contain:paint;pointer-events:none;--hero-transition-radius:var(--hero-reveal-size);clip-path:circle(var(--hero-transition-radius) at var(--hero-transition-x) var(--hero-transition-y));animation:1.6s cubic-bezier(.16,1,.3,1) forwards hero-mask-expand;position:absolute;inset:0;overflow:hidden;transform:translateZ(0)}.hero__scene-transition .hero__background,.hero__scene-transition .hero__person{opacity:1;animation:none}.hero--transitioning .hero__background--preview,.hero--transitioning .hero__person--preview{opacity:0}.hero--transitioning .hero__background--current,.hero--transitioning .hero__person--current{-webkit-mask-image:none;mask-image:none}.hero--transitioning .pixel-sparkles{opacity:0}.hero--transitioning .pixel-sparkles span{animation-play-state:paused}.hero__backdrop-shade{z-index:2;background:linear-gradient(90deg,#040a16db 0%,#071737b3 28%,#0717371a 58%,#07173700 78%),linear-gradient(#07173700 58%,#07173761);position:absolute;inset:0}.hero__top-controls{z-index:12;position:absolute;top:26px;right:clamp(92px,8vw,146px)}.scene-toggle{color:#fff;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0538a0cc;border:2px solid #ffffff8c;border-radius:999px;align-items:center;gap:4px;padding:5px;display:inline-flex;box-shadow:0 15px 40px #07173729,inset 0 0 0 1px #ffffff47}.scene-toggle button{min-width:108px;height:44px;color:inherit;cursor:pointer;transition:color var(--motion-fast) ease, background var(--motion-fast) ease, transform var(--motion-medium) var(--ease-standard);background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;gap:9px;font-weight:800;display:inline-flex}.scene-toggle button:hover{transform:translateY(-1px)}.scene-toggle button:active{transform:translateY(1px)scale(.98)}.scene-toggle button.is-active{color:var(--ink);background:#ffffffeb}.scene-toggle span{display:none}.hero-copy{z-index:9;color:#fff;text-shadow:0 2px 18px #040a1657;gap:22px;width:min(780px,50vw);display:grid;position:absolute;top:clamp(150px,22vh,225px);left:clamp(30px,6.4vw,124px)}.hero-copy__kicker{color:#58a3ff;letter-spacing:.18em;text-transform:uppercase;margin:0;font-family:Arial Black,Microsoft YaHei UI,sans-serif;font-size:.82rem;font-weight:900}.hero-copy h1{letter-spacing:0;text-transform:uppercase;max-width:720px;margin:0;font-family:Arial Black,Microsoft YaHei UI,Microsoft YaHei,sans-serif;font-size:4.3rem;font-weight:900;line-height:.95}.hero-copy h1 span{display:block}.hero-copy h1 span:nth-child(2){color:#2c7cff;filter:drop-shadow(5px 6px #1268f338)}.hero-copy__intro{color:#ffffffd6;width:min(440px,100%);margin:0;font-size:1.08rem;font-weight:700;line-height:1.7}.hero-actions{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.hero-stats{z-index:8;color:#fff;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#10203694;border:1px solid #ffffff42;border-radius:20px;grid-template-columns:repeat(3,minmax(0,1fr));width:min(660px,100% - 48px);display:grid;position:absolute;bottom:clamp(34px,5vw,66px);right:clamp(24px,3vw,48px);overflow:hidden;box-shadow:0 24px 62px #0717373d}.hero-stats div{grid-template-columns:48px 1fr;align-items:center;gap:4px 16px;min-height:104px;padding:20px 22px;display:grid}.hero-stats div+div{border-left:1px solid #ffffff24}.hero-stats svg{color:#bcdcff;grid-row:span 2}.hero-stats strong{font-size:1.55rem;line-height:1}.hero-stats span{color:#ffffffc7;font-size:.78rem;line-height:1.25}@keyframes hero-mask-expand{0%{--hero-transition-radius:var(--hero-reveal-size)}to{--hero-transition-radius:var(--hero-transition-size)}}@keyframes page-turn-scan{0%{opacity:0;transform:translateY(-38%)scaleY(.52)}22%{opacity:.72}to{opacity:0;transform:translateY(42%)scaleY(1.04)}}@keyframes page-turn-glow{0%{opacity:0;transform:translateY(20px)scale(.98)}36%{opacity:.38}to{opacity:0;transform:translateY(-18px)scale(1.02)}}.page-section{isolation:isolate;scroll-snap-align:start;scroll-snap-stop:always;background-color:var(--soft);background-position:50%;background-repeat:no-repeat;background-size:cover;min-height:100dvh;position:relative;overflow:hidden}.page-section:before{content:"";z-index:-1;background:#ffffff14;position:absolute;inset:0}.pixel-sparkles{z-index:2;pointer-events:none;position:absolute;inset:0}.pixel-sparkles span{opacity:.74;background:linear-gradient(var(--accent), var(--accent)) 7px 0 / 4px 18px no-repeat, linear-gradient(var(--accent), var(--accent)) 0 7px / 18px 4px no-repeat;filter:drop-shadow(6px 7px #1268f329);will-change:transform;width:18px;height:18px;animation:5.5s ease-in-out infinite sparkle-float;position:absolute}.pixel-sparkles span:first-child{top:13%;left:28%}.pixel-sparkles span:nth-child(2){animation-delay:-1s;top:11%;right:21%}.pixel-sparkles span:nth-child(3){opacity:.36;animation-delay:-2s;top:30%;left:12%}.pixel-sparkles span:nth-child(4){animation-delay:-3s;top:27%;right:14%}.pixel-sparkles span:nth-child(5){opacity:.42;bottom:18%;right:18%}.pixel-sparkles span:nth-child(6){animation-delay:-2.6s;bottom:14%;left:42%}.pixel-sparkles span:nth-child(7){bottom:8%;right:8%;transform:scale(1.4)}.pixel-sparkles span:nth-child(8){opacity:.28;top:52%;left:24%}.pixel-sparkles span:nth-child(9){top:83%;left:5%}.pixel-sparkles span:nth-child(10){opacity:.35;top:63%;right:5%}@keyframes sparkle-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.about-layout{z-index:3;text-align:center;justify-items:center;width:min(980px,100% - 32px);margin:0 auto;padding-top:clamp(92px,10vh,126px);display:grid;position:relative}.tiny-kicker{color:var(--accent);letter-spacing:.24em;text-transform:uppercase;margin:0 0 16px;font-family:Arial Black,Microsoft YaHei UI,sans-serif;font-size:.78rem;font-weight:900}.pixel-title{color:var(--ink);letter-spacing:-.045em;text-shadow:0 3px #fffc,5px 5px #1268f31f;margin:0;font-family:Arial Black,Microsoft YaHei UI,Microsoft YaHei,sans-serif;font-size:clamp(3.15rem,6.6vw,5.65rem);font-weight:900;line-height:.95}.pixel-title--blue{color:#0000;filter:drop-shadow(4px 6px #1268f31f);background:linear-gradient(#1786ff 0%,#0054dd 66%,#0a3da6 100%);-webkit-background-clip:text;background-clip:text}.about-layout .pixel-title{font-size:clamp(4.55rem,10vw,8.7rem)}.about-copy{width:min(610px,100%);color:var(--ink);margin:22px 0 24px;font-size:clamp(1rem,1.35vw,1.18rem);font-weight:700;line-height:1.65}.pixel-button{color:#fff;text-transform:uppercase;min-height:54px;transition:transform var(--motion-medium) var(--ease-standard), box-shadow var(--motion-medium) var(--ease-standard);background:linear-gradient(#1878ff 0%,#0359df 100%);border:2px solid #ffffffd9;border-radius:14px;justify-content:center;align-items:center;gap:18px;padding:8px 8px 8px 34px;font-size:.92rem;font-weight:900;line-height:1;display:inline-flex;box-shadow:0 12px #0746be29,0 18px 34px #1268f33d,inset 4px 0 #ffffff2e,inset -4px 0 #053caa47}.pixel-button:hover{transform:translateY(-2px)}.pixel-button:active{transform:translateY(2px);box-shadow:0 6px #0746be29,0 10px 18px #1268f333,inset 4px 0 #ffffff2e,inset -4px 0 #053caa47}.pixel-button i{width:40px;height:40px;color:var(--accent);background:#fffffff0;border-radius:999px;place-items:center;font-style:normal;display:grid}.pixel-button--light{min-height:50px}.skill-pills{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:28px;display:flex}.skill-pills span{min-height:38px;color:var(--ink);background:#ffffffb3;border:1px solid #1268f33d;border-radius:999px;align-items:center;gap:8px;padding:0 18px;font-weight:800;display:inline-flex;box-shadow:0 10px 24px #1f4d8914}.skill-pills svg{color:var(--accent)}.about-slider{z-index:3;grid-template-columns:54px minmax(0,1fr) 54px;align-items:center;gap:16px;width:min(1660px,100% - 44px);margin:clamp(30px,5vh,48px) auto 0;display:grid;position:relative}.about-slider>button{width:52px;height:52px;color:var(--accent);cursor:pointer;transition:transform var(--motion-medium) var(--ease-standard), background var(--motion-fast) ease;background:#ffffffd1;border:1px solid #1268f333;border-radius:999px;place-items:center;display:grid;box-shadow:0 12px 26px #1f4d891f}.about-slider>button:hover{background:#fff;transform:translateY(-2px)}.about-slider>button:active{transform:translateY(1px)scale(.96)}.about-carousel{scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;justify-content:flex-start;align-items:end;gap:14px;padding:8px 6px 22px;scroll-padding:8px;display:flex;overflow-x:auto}.about-carousel::-webkit-scrollbar{display:none}.about-carousel figure{scroll-snap-align:center;width:clamp(150px,15.5vw,275px);transform:translateY(calc((var(--slide-index) - 2.5) * 5px)) rotate(calc((var(--slide-index) - 2.5) * 1.3deg));transition:transform var(--motion-page) var(--ease-standard), box-shadow var(--motion-medium) var(--ease-standard);background:#fff;border:4px solid #ffffffe0;border-radius:18px;flex:none;margin:0;overflow:hidden;box-shadow:0 18px 35px #1f4d8924}.about-carousel img{object-fit:cover;width:100%;height:clamp(220px,24vw,355px);transition:transform var(--motion-page) var(--ease-standard)}.about-carousel figure:hover{transform:translateY(calc((var(--slide-index) - 2.5) * 5px - 8px)) rotate(calc((var(--slide-index) - 2.5) * 1deg));box-shadow:0 24px 46px #1f4d8930}.about-carousel figure:hover img{transform:scale(1.04)}.content-panel{z-index:3;justify-items:center;width:min(940px,100% - 44px);padding-top:clamp(118px,13vh,150px);display:grid;position:relative}.content-panel--right{margin-left:auto;margin-right:clamp(28px,5vw,76px)}.content-panel--photo{width:min(1000px,100% - 44px);margin-left:auto;margin-right:clamp(24px,3vw,48px)}.section-title{text-align:center;justify-items:center;gap:12px;margin-bottom:25px;display:grid}.section-title p{color:var(--ink);margin:0;font-size:clamp(1.05rem,1.45vw,1.28rem);font-weight:800}.filter-bar{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:34px;display:flex}.filter-bar button{min-width:72px;min-height:38px;color:var(--ink);cursor:pointer;transition:transform var(--motion-fast) var(--ease-standard), background var(--motion-fast) ease, color var(--motion-fast) ease, box-shadow var(--motion-fast) ease;background:#ffffff9e;border:1px solid #1268f33b;border-radius:999px;padding:0 20px;font-weight:800;box-shadow:0 9px 18px #1f4d8912}.filter-bar button:hover{transform:translateY(-1px)}.filter-bar button:active{transform:translateY(1px)scale(.98)}.filter-bar button.is-active{background:var(--accent);color:#fff}.card-grid{gap:22px;width:100%;display:grid}.card-grid--projects{grid-template-columns:repeat(3,minmax(0,1fr))}.card-grid--photos{grid-template-columns:repeat(4,minmax(0,1fr))}.portfolio-card,.photo-card{border-radius:var(--radius);background:var(--panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:transform var(--motion-medium) var(--ease-standard), box-shadow var(--motion-medium) var(--ease-standard);border:2px solid #12479821;overflow:hidden;box-shadow:0 16px 28px #1f4d891f,inset 0 0 0 1px #ffffffc7}.portfolio-card:hover,.photo-card:hover{transform:translateY(-4px);box-shadow:0 22px 35px #1f4d892e,inset 0 0 0 1px #ffffffd1}.portfolio-card:active,.photo-card:active{transform:translateY(-1px)scale(.99)}.portfolio-card img{object-fit:cover;width:100%;height:clamp(86px,8vw,118px);transition:transform var(--motion-page) var(--ease-standard)}.photo-card img{aspect-ratio:1.6;object-fit:cover;width:100%;transition:transform var(--motion-page) var(--ease-standard)}.portfolio-card:hover img,.photo-card:hover img{transform:scale(1.05)}.portfolio-card>div:first-of-type,.photo-card>div{justify-content:space-between;align-items:center;gap:10px;padding:14px 16px 0;display:flex}.portfolio-card h3,.photo-card h3{color:var(--ink);letter-spacing:-.03em;margin:0;font-size:clamp(1rem,1.18vw,1.16rem);font-weight:900}.portfolio-card svg,.photo-card svg{color:var(--accent-deep);flex:none}.portfolio-card p,.photo-card p{color:var(--ink);margin:5px 16px 0;font-size:.82rem;font-weight:700;line-height:1.35}.tag-row{flex-wrap:wrap;gap:7px;padding:14px 16px 17px;display:flex}.tag-row span{color:#12244e;background:#07173712;border-radius:999px;padding:5px 9px;font-size:.72rem;font-weight:800}.content-panel .pixel-button{margin-top:34px}.experience-page{background-position:50%}.experience-page:before{background:linear-gradient(90deg,#fffaf538,#fffaf5c7 34%,#f6faffa3),#ffffff14}.journey-shell{z-index:3;--timeline-line:#1268f361;grid-template-columns:minmax(300px,410px) minmax(0,1fr);gap:clamp(28px,4vw,64px);width:min(1440px,100% - 72px);min-height:100dvh;margin:0 auto;padding:clamp(98px,11vh,124px) 0 42px;display:grid;position:relative}.journey-profile{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#ffffffc7,#fff7ec94),#ffffffad;border:1px solid #976d2647;border-radius:22px;align-self:start;gap:11px;max-height:none;padding:18px;display:grid;position:sticky;top:98px;overflow:visible;box-shadow:0 24px 62px #544f4021,inset 0 0 0 1px #ffffffb3}.journey-avatar{background:linear-gradient(#e6f1ff7a,#ffffffd6),url(/assets/bg-home-clean.webp) 50%/cover;border:1px solid #1268f329;border-radius:18px;place-items:center;height:214px;display:grid;position:relative;overflow:hidden}.journey-avatar:after{content:"";background:#1268f338;height:1px;position:absolute;bottom:18px;left:18px;right:18px}.journey-avatar img{z-index:1;aspect-ratio:1;object-fit:cover;object-position:center 12%;filter:drop-shadow(0 18px 22px #07173738);border-radius:50%;width:min(78%,214px);position:relative}.journey-profile>p,.journey-profile>h2,.journey-profile>strong,.journey-profile>span,.journey-profile__block p,.journey-profile__block h3{margin:0}.journey-profile>p{color:#1f3d72;font-size:1rem;font-weight:900}.journey-profile>h2{color:var(--ink);letter-spacing:0;font-family:Arial Black,Microsoft YaHei UI,sans-serif;font-size:2.45rem;font-weight:900;line-height:1}.journey-profile>strong{background:var(--accent);color:#fff;border-radius:999px;justify-self:start;padding:8px 14px;font-size:.9rem}.journey-profile>span{color:#203a66;font-size:.92rem;font-weight:800}.journey-profile__block{border-top:1px solid #1268f324;gap:8px;padding-top:14px;display:grid}.journey-profile__block h3{color:var(--ink);font-size:1rem;font-weight:900}.journey-profile__block p{color:#253b61;font-size:.88rem;font-weight:760;line-height:1.55}.journey-profile__skills{flex-wrap:wrap;gap:8px;padding-top:2px;display:flex}.journey-profile__skills span,.timeline-tags span{color:#173665;white-space:nowrap;background:#ffffffb3;border:1px solid #1268f32e;border-radius:9px;align-items:center;gap:6px;min-height:28px;padding:0 10px;font-size:.72rem;font-weight:850;display:inline-flex}.journey-profile__stats{background:#ffffffb8;border:1px solid #1268f329;border-radius:18px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:4px;display:grid;overflow:hidden}.journey-profile__stats div{text-align:center;justify-items:center;gap:5px;min-height:92px;padding:14px 6px;display:grid}.journey-profile__stats div+div{border-left:1px solid #1268f324}.journey-profile__stats svg{color:var(--accent)}.journey-profile__stats strong{color:var(--ink);font-size:1.22rem;line-height:1}.journey-profile__stats span{color:#243b62;font-size:.78rem;font-weight:800}.journey-content{min-width:0}.journey-shell .section-title{text-align:left;justify-items:start;margin-bottom:18px}.journey-shell .pixel-title{font-size:4.15rem}.journey-grid{display:block}.timeline-rail{scroll-behavior:smooth;scroll-snap-type:y proximity;scrollbar-color:#1268f375 #ffffff57;scrollbar-width:thin;gap:14px;max-height:clamp(500px,66vh,680px);padding:4px 18px 10px 0;display:grid;position:relative;overflow-y:auto}.timeline-rail:before{content:"";background:repeating-linear-gradient(to bottom, var(--timeline-line) 0, var(--timeline-line) 12px, transparent 12px, transparent 20px);border-radius:99px;width:3px;position:absolute;top:20px;bottom:20px;left:132px}.timeline-row{scroll-snap-align:start;grid-template-columns:105px 42px minmax(0,1fr);align-items:center;gap:14px;display:grid;position:relative}.timeline-row>i{z-index:2;border:5px solid var(--accent-deep);background:#fff;border-radius:50%;justify-self:center;width:25px;height:25px;display:block;position:relative}.timeline-year{color:var(--accent-deep);justify-items:end;gap:7px;font-family:Arial Black,Microsoft YaHei UI,sans-serif;line-height:1;display:grid}.timeline-year strong{font-size:1.55rem}.timeline-card,.contact-list a,.secondary-button{border-radius:var(--radius);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffb8;border:1px solid #0717371f;box-shadow:0 16px 36px #544f4014,inset 0 0 0 1px #ffffffad}.timeline-card{min-height:136px;transition:transform var(--motion-medium) var(--ease-standard), box-shadow var(--motion-medium) var(--ease-standard), border-color var(--motion-fast) ease;background:#ffffffc7;border-right:5px solid #1268f394;grid-template-columns:minmax(0,1fr);align-items:center;gap:12px;padding:18px 20px;display:grid}.timeline-card:hover{transform:translateY(-3px);box-shadow:0 22px 42px #544f4024,inset 0 0 0 1px #ffffffc7}.timeline-card>div{min-width:0}.timeline-card header{justify-content:space-between;align-items:center;gap:14px;margin-bottom:9px;display:flex}.timeline-card header span{color:var(--accent-deep);background:#1268f31a;border:1px solid #1268f333;border-radius:9px;flex:none;padding:6px 10px;font-size:.72rem;font-weight:900}.timeline-card h3{color:var(--accent-deep);margin:0;font-size:1.28rem;font-weight:900}.timeline-card p{color:var(--ink);margin:0 0 8px;font-size:.86rem;font-weight:800}.timeline-card ul{color:#1c2947;margin:0;padding-left:1.05rem;font-size:.82rem;font-weight:700;line-height:1.55}.timeline-tags{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.timeline-tags svg{color:var(--accent)}.contact-shell{z-index:3;grid-template-columns:minmax(0,.88fr) minmax(420px,.9fr);align-items:center;gap:clamp(40px,6vw,90px);width:min(1290px,100% - 56px);min-height:100dvh;margin:0 auto;padding:78px 0 50px;display:grid;position:relative}.contact-copy{grid-column:2;align-self:center}.contact-copy h2{color:var(--ink);letter-spacing:0;margin:0 0 18px;font-family:Arial Black,Microsoft YaHei UI,sans-serif;font-size:5.4rem;font-weight:900;line-height:.98}.contact-copy h2 span{color:var(--accent);display:block}.contact-copy>p{color:#28426c;width:min(650px,100%);margin:0 0 9px;font-size:1.02rem;font-weight:700;line-height:1.46}.contact-copy__cn{color:var(--accent-deep)!important}.contact-list{gap:8px;margin-top:18px;display:grid}.contact-list a{min-height:48px;color:var(--ink);grid-template-columns:42px 1fr auto 22px;align-items:center;gap:13px;padding:8px 16px;transition:transform .18s,background .18s;display:grid}.contact-list a:hover{background:#ffffffe0;transform:translate(4px)}.contact-list svg:first-child{color:var(--accent)}.contact-list strong{font-size:1.02rem}.contact-list span{color:#34486e;font-size:.96rem;font-weight:700}.contact-actions{grid-template-columns:1fr 1fr;gap:14px;margin-top:18px;display:grid}.secondary-button{min-height:50px;color:var(--ink);justify-content:center;align-items:center;gap:14px;font-weight:900;display:inline-flex}.site-footer{z-index:4;color:#556889;text-align:center;font-size:.8rem;font-weight:800;position:absolute;bottom:22px;left:0;right:0}@media (width<=1180px){.hero-copy{width:min(560px,48vw);top:150px}.hero-copy h1{max-width:560px;font-size:3.55rem}.hero-copy__intro{width:min(360px,100%)}.hero-stats{width:min(475px,100% - 48px)}.content-panel--right,.content-panel--photo{margin-right:28px}.card-grid--projects,.card-grid--photos{grid-template-columns:repeat(2,minmax(0,1fr))}.journey-shell{grid-template-columns:minmax(260px,340px) minmax(0,1fr);gap:28px;width:min(1180px,100% - 44px)}.journey-profile{padding:18px}.journey-avatar{height:200px}.journey-profile>h2{font-size:2.25rem}.journey-shell .pixel-title{font-size:3.35rem}.timeline-row{grid-template-columns:84px 34px minmax(0,1fr);gap:10px}.timeline-rail:before{left:100px}}@media (width<=860px){html{scroll-snap-type:none}.hero,.page-section{scroll-snap-align:none;scroll-snap-stop:normal}.site-header{grid-template-columns:auto auto;justify-content:space-between;min-height:68px;padding:14px 18px}.site-mark{width:78px}.site-nav{z-index:60;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffd1;border:1px solid #1268f338;border-radius:999px;justify-content:space-around;gap:8px;height:56px;padding:0 10px;font-size:.76rem;position:fixed;bottom:16px;left:16px;right:16px;box-shadow:0 16px 34px #1f4d8929}.site-nav a:after{display:none}.sun-button{width:46px;height:46px}.hero{--hero-reveal-size:210px;--hero-person-shift:clamp(18px, 5vw, 54px);--hero-person-lift:22px}.hero__person{background-size:min(126vw,1160px)}.hero__top-controls{top:82px;right:16px}.hero-copy{gap:14px;width:auto;top:132px;left:16px;right:16px}.hero-copy__kicker{font-size:.72rem}.hero-copy h1{max-width:100%;font-size:2.35rem}.hero-copy__intro{width:min(320px,100%);font-size:.92rem;line-height:1.6}.hero-actions{gap:10px}.scene-toggle button{min-width:88px;height:40px;font-size:.78rem}.hero-stats{grid-template-columns:repeat(3,minmax(0,1fr));width:auto;bottom:86px;left:16px;right:16px}.hero-stats div{text-align:center;grid-template-columns:1fr;justify-items:center;gap:7px;min-height:102px;padding:16px 8px}.hero-stats svg{grid-row:auto}.about-layout{padding-top:86px}.about-slider{grid-template-columns:44px minmax(0,1fr) 44px;gap:8px;width:calc(100% - 18px)}.about-slider>button{width:42px;height:42px}.about-carousel{padding:4px 4px 14px}.about-carousel figure{min-width:190px;transform:none}.content-panel,.content-panel--right,.content-panel--photo{width:min(100% - 30px,760px);margin:0 auto;padding-top:90px}.card-grid--projects,.card-grid--photos{grid-template-columns:1fr}.projects-page,.photography-page{background-position:0}.journey-shell{grid-template-columns:1fr;gap:18px;width:min(100% - 30px,720px);padding:88px 0 104px}.journey-profile{max-height:none;padding:16px;position:relative;top:auto}.journey-avatar{height:240px}.journey-profile>h2{font-size:3.05rem}.journey-shell .section-title{margin-bottom:14px}.journey-shell .pixel-title{font-size:2.85rem}.journey-content .filter-bar{flex-wrap:nowrap;justify-content:flex-start;padding-bottom:4px;overflow-x:auto}.timeline-rail{scroll-snap-type:none;max-height:none;padding:0;overflow:visible}.timeline-rail:before{display:none}.timeline-row{grid-template-columns:1fr;gap:8px}.timeline-row>i{display:none}.timeline-year{grid-auto-flow:column;justify-content:start;place-items:baseline start;gap:10px}.timeline-card{grid-template-columns:1fr;min-height:auto}.timeline-card header{flex-direction:column;align-items:flex-start;gap:8px}.timeline-tags{flex-wrap:nowrap;padding-bottom:2px;overflow-x:auto}.contact-shell{grid-template-columns:1fr;width:min(100% - 30px,720px);padding:82px 0 88px}.contact-copy{grid-column:1}.contact-actions{grid-template-columns:1fr}.contact-list a{grid-template-columns:36px 1fr 20px}.contact-list span{grid-column:2/3}}@media (width<=560px){.pixel-title{font-size:clamp(2.75rem,14vw,4rem)}.about-copy{margin-top:18px;font-size:.96rem}.skill-pills{justify-content:flex-start}.skill-pills span{justify-content:center;width:100%}.hero-stats{bottom:84px}.hero-copy{top:124px}.hero-copy h1{max-width:100%;font-size:2.18rem}.hero-copy__intro{width:min(290px,100%);font-size:.88rem}.hero-actions .pixel-button{min-height:44px;padding:0 8px 0 16px;font-size:.78rem}.hero-stats strong{font-size:1.28rem}.hero-stats span{font-size:.66rem}.journey-shell{width:min(100% - 24px,620px)}.journey-profile{border-radius:18px;gap:12px}.journey-avatar{height:210px}.journey-profile__stats div{min-height:82px;padding:12px 4px}.journey-shell .pixel-title{font-size:2.55rem}.timeline-year strong{font-size:1.1rem}.timeline-card{padding:16px}.contact-copy h2{font-size:3.1rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}html.is-section-animating body:before,html.is-section-animating body:after{opacity:0;animation:none}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.hero__background,.hero__person{opacity:1;transform:none}.hero__background--preview,.hero__background--transition,.hero__person--preview,.hero__person--transition{display:none}.hero__person--current{-webkit-mask-image:none;mask-image:none}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}button{cursor:pointer}button:disabled{cursor:default;opacity:.4}.skip-link{z-index:100;background:#fff;padding:14px 20px;position:fixed;top:-100px;left:20px}.skip-link:focus{top:10px}.site-nav a{align-items:center;min-height:44px;display:inline-flex}.site-header:not(.site-header--hero){background:linear-gradient(#f3f8fff5,#f3f8ff00)}.hero-copy h1{letter-spacing:-.03em;font-size:clamp(2.7rem,4.25vw,4.8rem);line-height:1.24}.hero-copy__kicker{color:#acd4ff}.hero-copy h1 span:nth-child(2){color:#8fc5ff}.hero-stats span{font-size:.84rem}.scene-toggle button,.filter-bar button{min-height:44px}.real-about{flex-direction:column;justify-content:center;align-items:center;padding:90px 0 25px;display:flex}.real-about .about-layout{padding-top:0}.real-about .about-layout .pixel-title{font-size:clamp(4rem,7.6vw,7rem)}.real-about .tiny-kicker{margin-bottom:12px}.real-about .about-copy{width:min(780px,100%);margin:18px 0 20px;font-size:1rem;line-height:1.8}.real-about .skill-pills{gap:10px;margin-top:22px}.real-about .skill-pills span{min-height:34px;font-size:.85rem}.real-about .about-slider{width:min(1500px,100% - 32px);height:clamp(320px,40vh,410px);margin-top:6px}.auto-photo-carousel{scroll-snap-type:none;scroll-behavior:auto;overflow-anchor:none;gap:0;padding-top:12px;padding-bottom:30px}.auto-photo-group{flex:none;align-items:center;gap:16px;padding-right:16px;display:flex}.auto-photo-carousel figure{width:clamp(170px,18vw,265px)}.auto-photo-carousel img{height:clamp(140px,22vh,220px)}.auto-photo-carousel figcaption{color:#214675;text-align:center;padding:8px 10px;font-size:.78rem;font-weight:700}.auto-photo-control{z-index:4;color:#244c81;background:#ffffff9c;border:0;border-radius:9px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 14px;font-size:.8rem;display:flex;position:relative}.real-projects .content-panel{align-content:center;width:min(800px,100% - 360px);min-height:100dvh;padding-top:86px;padding-bottom:20px}.real-projects .section-title{margin-bottom:12px}.real-projects .pixel-title{font-size:clamp(3.2rem,4.8vw,4.65rem)}.folder-photography .pixel-title{font-size:clamp(3.2rem,5.4vw,5.2rem)}.real-projects .section-title p,.folder-photography .section-title p{font-size:1rem}.real-projects .filter-bar{gap:8px;margin-bottom:14px}.real-projects .filter-bar button{padding-inline:16px;font-size:.8rem}.real-projects .card-grid--projects{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px}.real-project-card{cursor:default}.real-project-card .project-title{justify-content:space-between;align-items:start;padding:9px 14px 0;display:flex}.real-project-card h3{font-size:1.02rem;line-height:1.35}.real-project-card .project-type{color:#355784;margin:3px 14px 0;font-size:.78rem;line-height:1.4}.real-project-card .project-status{justify-content:space-between;align-items:center;gap:10px;padding:1px 14px 0;font-size:.72rem;display:flex}.project-status>span{color:#36567a}.project-status a{min-height:40px;color:var(--accent-deep);align-items:center;gap:8px;font-weight:850;display:inline-flex}.real-project-card .tag-row{gap:6px;padding:0 14px 10px}.real-project-card .tag-row span{padding:3px 7px;font-size:.68rem}.project-visual{color:#fff;isolation:isolate;background-color:#195792;min-height:92px;display:grid;position:relative;overflow:hidden}.project-visual:after{z-index:-1;content:"";background:linear-gradient(90deg,#051430f0 0%,#051430c7 36%,#0514303d 72%,#05143014 100%);position:absolute;inset:0}.project-visual__image{z-index:-2;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.project-visual__copy{align-content:center;gap:9px;padding:15px 19px;display:grid}.project-visual--recipe{background-color:#36705c}.project-visual--workspace{background-color:#4459a0}.project-visual--vision{background-color:#85632f}.project-visual__copy>strong{text-shadow:3px 3px #0717374d;letter-spacing:.01em;font-size:1.45rem;line-height:1.2}.process-line{flex-wrap:wrap;gap:8px;display:flex}.process-line>span{align-items:center;gap:8px;display:flex}.process-line b{background:#ffffff17;border:1px solid #ffffff63;border-radius:5px;padding:5px 8px;font-size:.72rem;font-weight:550}.project-visual svg{color:#d8eeff}.interaction-hint{color:#254d81;text-align:center;margin:11px 0 0;font-size:.76rem}.touch-hint{display:none}.folder-photography .content-panel{align-content:center;min-height:100dvh;padding-top:96px;padding-bottom:30px}.folder-photography .section-title{margin-bottom:26px}.pixel-album-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 36px;width:min(830px,100%);display:grid}.pixel-album{--folder-back:#c48625;--folder-front:#ffca63;--folder-shade:#c4892d;min-width:0}.pixel-album--1{--folder-back:#37877a;--folder-front:#81d5ae;--folder-shade:#327d6b}.pixel-album--2{--folder-back:#3a69aa;--folder-front:#91baff;--folder-shade:#416eaa}.pixel-album--3{--folder-back:#9761a7;--folder-front:#d0adeb;--folder-shade:#826298}.folder-open{background:0 0;border:0;width:100%;padding:28px 12px 0;display:block}.pixel-folder{isolation:isolate;width:100%;max-width:320px;height:clamp(135px,19vh,195px);margin:0 auto;position:relative}.folder-back{z-index:-1;background:var(--folder-back);border:4px solid #224872;border-radius:2px;position:absolute;inset:10px 4px 4px;box-shadow:6px 6px #173b7320}.folder-back:before{content:"";background:var(--folder-back);clip-path:polygon(0 5px,5px 5px,5px 0,calc(100% - 8px) 0,calc(100% - 8px) 8px,100% 8px,100% 100%,0 100%);border:4px solid #224872;border-bottom:0;width:43%;height:20px;position:absolute;top:-23px;left:-4px}.folder-photo{object-fit:cover;transform-origin:50% 95%;background:#fff;width:61%;height:75%;padding:4px 4px 12px;transition:transform .45s cubic-bezier(.18,.85,.24,1.24);position:absolute;top:4px;left:20%;box-shadow:1px 2px #1232514d}.folder-photo--0{transform:rotate(-11deg)translate(-18px,5px)}.folder-photo--1{transform:rotate(10deg)translate(22px)}.folder-photo--2{transform:rotate(-2deg)translateY(-6px)}.folder-front{background:var(--folder-front);box-shadow:inset 4px 4px 0 #ffffff5c,inset -4px -3px 0 var(--folder-shade),4px 6px 0 #24477620;clip-path:polygon(0 8px,8px 8px,8px 0,calc(100% - 8px) 0,calc(100% - 8px) 8px,100% 8px,100% calc(100% - 8px),calc(100% - 8px) calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,8px calc(100% - 8px),0 calc(100% - 8px));border:4px solid #244776;border-bottom-width:7px;border-radius:4px;flex-direction:column;justify-content:center;align-items:start;padding:16px 24px;display:flex;position:absolute;inset:44px 0 0}.folder-front>span{color:#274778;letter-spacing:.08em;font-size:.6rem;font-weight:850}.folder-front>strong{color:#173967;text-shadow:2px 2px #ffffff6b;font-size:clamp(1.3rem,2vw,2rem);line-height:1.4}.folder-front>small{color:#254774;font-size:.68rem;font-weight:850}.folder-front i{background:#ffffff7a;border:3px solid #325583;width:28px;height:24px;position:absolute;top:45%;right:20px;box-shadow:4px 4px #32558324}.folder-open:hover .folder-photo--0,.folder-open:focus-visible .folder-photo--0{transform:rotate(-18deg)translate(-28px,-38px)}.folder-open:hover .folder-photo--1,.folder-open:focus-visible .folder-photo--1{transform:rotate(17deg)translate(34px,-45px)}.folder-open:hover .folder-photo--2,.folder-open:focus-visible .folder-photo--2{transform:rotate(-3deg)translateY(-59px)}.album-label{color:#143866;justify-content:center;align-items:center;gap:12px;margin-top:10px;display:flex}.album-label h3{margin:0;font-size:1.05rem;font-weight:850}.album-label>span{font-size:.8rem}.album-enter{color:#0855b4;background:#ffffffc7;border:1px solid #1268f32b;border-radius:10px;place-items:center;width:44px;height:44px;display:grid}.portfolio-dialog{overscroll-behavior:contain;width:min(1120px,100% - 40px);max-height:calc(100dvh - 48px);color:var(--ink);background:#edf5ff;border:3px solid #a6c4e9;border-radius:20px;padding:0;position:fixed;overflow:auto;box-shadow:0 25px 100px #07173750}.portfolio-dialog::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#07172cce}.icon-control{color:#1356ad;background:#fff;border:1px solid #1268f33b;border-radius:12px;flex-shrink:0;place-items:center;width:44px;height:44px;display:inline-grid}.icon-control:hover:not(:disabled){background:#e3efff}.album-toolbar{z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#edf5fff5;border-bottom:2px solid #c9dcf2;justify-content:space-between;align-items:center;gap:15px;padding:18px 24px;display:flex;position:sticky;top:0}.album-toolbar strong{color:#134789;font-size:1.35rem;display:block}.album-toolbar span{color:#345886;margin-top:5px;font-size:.8rem;display:block}.album-scroll-grid{columns:2;column-gap:24px;padding:24px}.album-scroll-grid figure{break-inside:avoid;background:#fff;border:1px solid #c3d6ec;border-radius:12px;margin:0 0 24px;padding:8px;box-shadow:0 8px 22px #124d7e14}.album-scroll-grid img{border-radius:6px;width:100%;height:auto}.album-scroll-grid figcaption{color:#244a78;justify-content:space-between;gap:14px;padding:12px 5px 5px;font-size:.84rem;display:flex}.album-end{text-align:center;color:#345886;margin:0 20px 28px;font-size:.85rem}.real-experience .journey-shell{grid-template-columns:minmax(270px,340px) minmax(0,1fr);gap:42px;padding-top:100px;padding-bottom:30px}.real-experience .journey-profile{scrollbar-width:thin;max-height:calc(100dvh - 130px);overflow-y:auto}.real-experience .journey-avatar{flex-shrink:0;height:160px}.real-experience .journey-avatar img{width:145px}.real-experience .journey-profile>h2{font-size:2.1rem}.real-experience .journey-profile>p{letter-spacing:.12em;font-size:.75rem}.real-experience .journey-profile__skills span{font-size:.75rem}.resume-link,.copy-email{color:#174b93;background:#f5faffd9;border:1px solid #1268f34d;border-radius:12px;justify-content:center;align-items:center;gap:10px;min-height:46px;padding:8px 12px;font-size:.875rem;font-weight:800;display:inline-flex;box-shadow:0 5px 15px #1f4d8912}.academic-details{color:#315280;border-top:1px solid #1268f329;padding-top:12px;font-size:.8rem;line-height:1.7}.academic-details summary{cursor:pointer;min-height:40px}.academic-details ul{padding-left:18px}.academic-details h3{font-size:.9rem}.real-experience .filter-bar{justify-content:start;margin-bottom:14px}.real-experience .section-title{gap:8px;margin-bottom:15px}.real-experience .section-title p{font-size:1rem}.timeline-controls{align-items:center;gap:8px;padding:0 0 12px;display:flex}.timeline-controls>div{flex:1;align-items:center;gap:15px;min-width:0;display:flex}.timeline-controls strong{white-space:nowrap;color:#0957c1;font-size:1.3rem}.timeline-controls strong span{color:#6383ad;font-size:.8rem}.timeline-controls>div>span{color:#224c83;text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;overflow:hidden}.timeline-progress{background:#1268f31a;height:5px;margin-bottom:16px}.timeline-progress>span{background:repeating-linear-gradient(90deg,#1268f3 0 12px,#67a9ff 12px 15px);height:100%;transition:width .3s;display:block}.real-experience .timeline-rail{overscroll-behavior:contain;scroll-snap-type:y proximity;height:calc(100dvh - 355px);min-height:300px;max-height:660px;padding:6px 12px 14px 0;scroll-padding-top:6px}.real-experience .timeline-row{grid-template-columns:62px 26px minmax(0,1fr);gap:10px}.real-experience .timeline-rail:before{left:84px}.real-experience .timeline-year strong{font-size:1.2rem}.real-experience .timeline-row>i{border-width:4px;width:19px;height:19px}.timeline-row.is-current>i{background:#1268f3;box-shadow:0 0 0 6px #1268f321}.timeline-row.is-current .timeline-card{background:#ffffffec;border-right-color:#005adf;box-shadow:0 10px 30px #1268f31c}.real-experience .timeline-card h3{font-size:1.15rem}.real-experience .timeline-card .timeline-company{color:#254c7a;font-size:.94rem}.real-experience .timeline-card .timeline-range{color:#49688f;margin-bottom:14px;font-size:.78rem;font-weight:500}.real-experience .timeline-card li{font-size:.92rem;font-weight:500;line-height:1.8}.real-experience .timeline-tags span{font-size:.75rem}.timeline-scroll-hint{color:#3e6392;text-align:center;margin:10px 0 0;font-size:.75rem}.real-contact .contact-copy h2{letter-spacing:-.03em;font-size:clamp(3.2rem,5.4vw,5.3rem);line-height:1.05}.real-contact .contact-copy>p{font-size:1rem;line-height:1.7}.real-contact .contact-list a{border-bottom:1px solid #1268f32b;grid-template-columns:30px 50px 1fr 20px;gap:10px;min-height:58px;padding:10px 0}.real-contact .contact-list strong,.real-contact .contact-list span{font-size:.94rem}.real-contact .copy-feedback{min-height:14px;margin-top:6px;font-size:.78rem}.contact-base{color:#355984;justify-content:space-between;align-items:center;gap:10px;font-size:.78rem;display:flex}.contact-base a{align-items:center;gap:6px;min-height:44px;display:flex}.project-detail-page{background:linear-gradient(#eef6ffd9,#eef6ffe8),url(/assets/bg-projects-clean.webp) 50%/cover fixed;min-height:100dvh;padding:0 24px 40px}.project-page-nav{justify-content:space-between;gap:20px;width:min(1080px,100%);margin:auto;padding:28px 0;display:flex}.project-page-nav .site-mark{align-self:center}.case-detail{background:#ffffffd9;border:2px solid #bbd2f0;border-radius:22px;width:min(1080px,100%);margin:auto;padding:46px 52px;box-shadow:0 20px 60px #1f4d891f,inset 0 0 0 2px #fff}.case-header h1{color:#074091;text-shadow:3px 4px #1268f314;margin:16px 0 22px;font-size:clamp(1.9rem,3.6vw,3.5rem);line-height:1.3}.case-detail p,.case-detail li{color:#294b75;font-size:1rem;line-height:1.9}.case-header>p:not(.tiny-kicker){font-size:1.1rem}.case-facts{border-block:1px solid #c8daf1;grid-template-columns:.8fr 1.4fr 1fr;gap:20px;margin:28px 0;padding:24px 0;display:grid}.case-facts small,.case-facts strong{font-size:.9rem;line-height:1.6;display:block}.case-facts small{color:#526e93;margin-bottom:8px}.case-detail>.project-visual{border-radius:14px;min-height:220px}.case-detail>.project-visual .project-visual__copy{gap:22px;padding:36px}.case-detail>.project-visual strong{font-size:2.3rem}.case-detail>.project-visual b{padding:10px 16px;font-size:.9rem}.case-sections{gap:24px;margin-top:32px;display:grid}.case-sections section{background:#f9fcff;border:1px solid #c8dcf3;border-radius:15px;padding:26px;position:relative}.case-sections h2{color:#104a98;margin:0 0 16px;font-size:1.35rem}.case-sections p{margin-bottom:0}.case-section-number{color:#87a5ce;font-size:.85rem;font-weight:900;position:absolute;top:26px;right:26px}.case-sections ol{padding-left:22px}.case-sections li+li{margin-top:15px}.case-sections .case-outcome{background:#eaf3ff;border-right:5px solid #4388e5}.concept-figure{margin:0}.concept-figure img{border:2px solid #a7c6ed;border-radius:10px;width:100%}.concept-figure figcaption{color:#4b6a92;margin-top:12px;font-size:.8rem}.case-detail>.tag-row{padding:28px 0 0}.case-detail>.source-note{color:#53749e;font-size:.8rem}.case-other-projects{border-top:1px solid #c6dbf3;gap:12px;margin:32px 0;padding-top:22px;display:grid}.case-other-projects h2{color:#174d95;font-size:1.2rem}.case-other-projects a{color:#214d88;background:#f2f7ff;border:1px solid #c6dbf3;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;font-size:.94rem;display:flex}.case-footer{text-align:center;color:#4e6e96;margin:28px 0 0;font-size:.8rem}@media (width>=861px) and (height<=760px){.hero-copy{gap:14px;top:130px}.hero-copy h1{font-size:3.2rem}.hero-stats{bottom:24px}.hero-stats div{min-height:80px;padding-block:14px}.real-about{padding-top:85px;padding-bottom:10px}.real-about .about-layout .pixel-title{font-size:4.6rem}.real-about .about-copy{margin-block:12px}.real-about .about-slider{height:265px;margin-top:2px}.real-about .skill-pills{margin-top:15px}.real-projects .content-panel,.folder-photography .content-panel{padding-top:90px;padding-bottom:18px}.real-projects .pixel-title,.folder-photography .pixel-title{font-size:3.4rem}.real-projects .section-title{margin-bottom:12px}.real-projects .filter-bar{margin-bottom:14px}.real-projects .project-visual{min-height:75px}.real-projects .project-visual__copy{gap:7px;padding:12px 18px}.real-projects .project-visual__copy>strong{font-size:1.35rem}.real-project-card .tag-row{display:none}.real-project-card .project-status{padding-bottom:5px}.real-contact .contact-copy h2{font-size:4rem}}@media (width<=1180px){.real-projects .content-panel{width:min(720px,100% - 225px)}.folder-photography .content-panel{width:min(850px,100% - 225px)}.real-projects .project-visual__copy{padding-inline:18px}.real-projects .process-line,.real-projects .process-line>span{gap:5px}.real-projects .process-line b{padding:4px 6px;font-size:.68rem}.real-project-card h3{font-size:1rem}.real-experience .journey-shell{grid-template-columns:280px minmax(0,1fr);gap:24px}.real-experience .timeline-row{grid-template-columns:48px 20px minmax(0,1fr);gap:8px}.real-experience .timeline-rail:before{left:65px}.real-experience .timeline-card{padding:16px}.pixel-album-grid{column-gap:20px}}@media (width<=860px){.site-header--hero .site-nav,.site-header--hero .site-nav a.is-active{color:#164683}.site-header--hero .site-nav a:after{background:#1268f3}.site-nav{bottom:max(12px,env(safe-area-inset-bottom))}.site-nav a{font-size:.8rem}.hero-copy{top:145px;left:20px}.hero-copy h1{font-size:clamp(2.1rem,5.8vw,3.7rem)}.hero-copy__intro{font-size:.95rem}.hero-stats svg{display:none}.hero-stats div{min-height:70px;padding:12px 5px}.hero-stats span{font-size:.72rem}.real-about{padding:84px 0 85px}.real-about .about-layout{width:calc(100% - 36px)}.real-about .about-layout .pixel-title{font-size:4.2rem}.real-about .about-copy{margin:12px 0 14px;font-size:.92rem;line-height:1.65}.real-about .pixel-button{min-height:46px;font-size:.84rem}.real-about .pixel-button i{width:32px;height:32px}.real-about .skill-pills{gap:6px;margin-top:16px}.real-about .skill-pills span{width:auto;min-height:29px;padding-inline:10px;font-size:.75rem}.real-about .skill-pills svg{display:none}.real-about .about-slider{width:calc(100% - 24px);height:220px;margin-top:8px}.real-about .about-slider>button{width:36px;height:44px}.auto-photo-carousel figure{border-width:3px;width:170px}.auto-photo-carousel img{height:150px}.auto-photo-carousel figcaption{padding:6px;font-size:.7rem}.auto-photo-carousel{padding-bottom:20px}.real-projects .content-panel,.folder-photography .content-panel{width:calc(100% - 32px);margin-inline:auto;padding:86px 0 88px}.real-projects .pixel-title,.folder-photography .pixel-title{font-size:3.4rem}.real-projects .section-title p,.folder-photography .section-title p{font-size:.9rem;line-height:1.5}.real-projects .filter-bar{gap:6px;margin-bottom:16px}.real-projects .filter-bar button{min-width:55px;padding-inline:12px;font-size:.75rem}.real-projects .card-grid--projects{gap:12px}.real-projects .project-visual{min-height:95px}.real-projects .project-visual__copy{padding:16px}.real-projects .project-visual__copy>strong{font-size:1.2rem}.real-projects .project-type{font-size:.78rem}.real-project-card .tag-row{display:none}.real-project-card .project-status{padding-bottom:7px}.real-experience .journey-shell{grid-template-columns:1fr;gap:28px;padding:88px 0 96px}.real-experience .journey-profile{max-height:none;overflow:visible}.real-experience .journey-avatar{height:160px}.real-experience .timeline-row{grid-template-columns:45px 18px minmax(0,1fr);gap:8px}.real-experience .timeline-row>i{border-width:3px;width:14px;height:14px;margin-top:14px;display:block}.real-experience .timeline-year{padding-top:15px}.real-experience .timeline-year strong{font-size:.95rem}.real-experience .timeline-card header{flex-direction:column;gap:8px}.real-experience .timeline-card h3{font-size:1rem}.real-experience .timeline-card li{font-size:.88rem}.real-experience .timeline-rail{height:min(580px,70dvh);min-height:330px;overflow-y:auto}.real-experience .timeline-tags{flex-wrap:wrap}.real-experience .timeline-controls>div>span{font-size:.78rem}.timeline-controls{gap:6px}.timeline-controls>div{gap:8px}.real-contact .contact-shell{width:calc(100% - 36px);padding:82px 0 112px}.real-contact .contact-copy{justify-self:center;width:100%;max-width:620px}.real-contact .contact-copy h2{font-size:clamp(3.05rem,8vw,4.8rem)}.real-contact .contact-list a{grid-template-columns:24px 36px 1fr 18px;gap:8px}.real-contact .contact-list span{overflow-wrap:anywhere;grid-column:auto;font-size:.85rem}.real-contact .contact-actions{grid-template-columns:1fr 1fr}.real-contact .site-footer{font-size:.72rem;bottom:84px}.real-contact:before{background:#f4f9ffb3}.pixel-album-grid{gap:18px;width:min(640px,100%)}.pixel-folder{height:160px}.folder-front{padding:14px 18px}.folder-front i{width:24px;height:20px;right:12px}.folder-front>strong{font-size:1.6rem}.folder-front>span{font-size:.54rem}.album-label{gap:8px}.album-label h3{font-size:.95rem}.album-label>span{font-size:.75rem}.project-detail-page{padding:0 16px 30px}.project-page-nav{padding:20px 0}.case-detail{padding:30px 24px}}@media (width<=560px){.real-projects .content-panel{padding-top:82px}.real-projects .section-title{margin-bottom:14px}.real-projects .filter-bar{scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start;width:100%;padding-bottom:5px;overflow-x:auto}.real-projects .filter-bar button{flex-shrink:0;min-width:0;padding-inline:11px}.real-projects .project-visual{min-height:69px}.real-projects .project-visual__copy{align-content:center;padding:16px 10px}.real-projects .project-visual__copy strong{font-size:1.02rem}.real-projects .process-line{display:none}.real-project-card .project-title{padding:10px 10px 0}.real-project-card h3{min-height:40px;font-size:.9rem}.real-project-card .project-title>svg,.real-project-card .project-type{display:none}.real-project-card .project-status{gap:0;padding:4px 10px 5px;font-size:.7rem;display:grid}.project-status a{min-height:40px;font-size:.78rem}.folder-open{padding:25px 3px 0}.pixel-folder{height:128px}.folder-front{padding:10px 13px;top:35px}.folder-front>span{display:none}.folder-front>strong{font-size:1.35rem}.folder-front>small{font-size:.56rem}.folder-front i{border-width:2px;width:18px;height:17px}.album-label{gap:5px}.album-label h3{font-size:.9rem}.album-enter{width:32px;height:44px}.album-label>span{font-size:.68rem}.portfolio-dialog{border-radius:15px;width:calc(100% - 16px);max-height:calc(100dvh - 24px)}.album-toolbar{padding:14px}.album-toolbar strong{font-size:1.15rem}.album-toolbar span{max-width:230px;font-size:.7rem}.album-scroll-grid{columns:1;padding:14px}.album-scroll-grid figure{margin-bottom:16px}.case-detail{padding:26px 18px}.case-facts{grid-template-columns:1fr;gap:14px}.case-facts>div{justify-content:space-between;gap:18px;display:flex}.case-facts small{margin:0}.case-facts strong{font-size:.8rem}.case-detail>.project-visual{min-height:190px}.case-detail>.project-visual .project-visual__copy{padding:24px}.case-detail>.project-visual strong{font-size:1.65rem}.case-detail>.project-visual b{padding:7px;font-size:.75rem}.case-sections section{padding:22px 18px}.case-section-number{right:18px}.case-sections h2{font-size:1.15rem}.case-other-projects a{padding:14px;font-size:.85rem}}@media (width<=860px) and (height<=740px){.hero-copy{gap:12px;top:132px}.hero-copy h1{font-size:2rem}.hero-copy__intro{font-size:.9rem}.hero-stats div{min-height:58px}.real-about{padding-top:77px;padding-bottom:78px}.real-about .tiny-kicker{display:none}.real-about .about-layout .pixel-title{font-size:3.6rem}.real-about .about-copy{margin-block:10px;font-size:.85rem}.real-about .skill-pills{margin-top:12px}.real-about .about-slider{height:165px;margin-top:4px}.real-projects .pixel-title,.folder-photography .pixel-title{font-size:2.9rem}.real-projects .section-title p,.folder-photography .section-title p{font-size:.82rem}.real-contact .contact-copy h2{font-size:2.9rem}.real-contact .contact-copy>p{font-size:.94rem}}@media (hover:none){.desktop-hint{display:none}.touch-hint{display:inline}}@media (prefers-reduced-motion:reduce){.auto-photo-control{display:none}.folder-open:hover .folder-photo--0,.folder-open:focus-visible .folder-photo--0{transform:rotate(-11deg)translate(-18px,5px)}.folder-open:hover .folder-photo--1,.folder-open:focus-visible .folder-photo--1{transform:rotate(10deg)translate(22px)}.folder-open:hover .folder-photo--2,.folder-open:focus-visible .folder-photo--2{transform:rotate(-2deg)translateY(-6px)}.timeline-rail{scroll-behavior:auto}.pixel-sparkles{display:none}}.case-modules{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:24px;display:grid}.case-modules article{background:#eef5ff;border:1px solid #cbdcf1;border-radius:12px;padding:20px}.case-modules h3{color:#1e5194;margin:0;font-size:1rem}.case-modules p{font-size:.94rem;line-height:1.85}@media (width<=660px){.case-modules{grid-template-columns:1fr}}.portfolio-dialog{margin:auto;inset:0}.real-about .pixel-title--blue{text-shadow:none}@media (width<=560px) and (height<=740px){.real-about{padding-bottom:74px}.real-projects .project-visual{min-height:54px}.real-projects .project-visual__copy{padding-block:10px}.real-project-card .project-status{gap:2px;padding:0 8px 3px;display:flex}.real-project-card .project-status a{flex-shrink:0;justify-content:center;gap:0;width:36px;min-height:44px;font-size:0}.real-projects .interaction-hint,.folder-photography .interaction-hint{margin-top:10px}.folder-photography .section-title{margin-bottom:18px}.pixel-album-grid{gap:10px 18px}.folder-open{padding-top:20px}.pixel-folder{height:105px}.folder-front{padding-block:7px;top:30px}.album-label{margin-top:6px}}.album-label{background:#f2f8ffdf;border-radius:6px;box-shadow:2px 2px #21467526}.interaction-hint>span{background:#f7fbffde;border-radius:2px;box-shadow:0 0 0 5px #f7fbffde}@media (width<=560px) and (height<=740px){.real-projects .section-title{margin-bottom:8px}.real-projects .filter-bar{margin-bottom:10px}}.hero-stat{min-height:104px;color:inherit;text-align:left;background:0 0;border:0;grid-template-columns:48px 1fr;align-items:center;gap:4px 16px;padding:20px 22px;display:grid}.hero-stat+.hero-stat{border-left:1px solid #ffffff24}.hero-stat:hover,.hero-stat:focus-visible{background:#ffffff12}.hero-stat:focus-visible{outline-offset:-5px;outline:3px solid #a8d5ff}.hero-stat .stat-window{height:1.15em;line-height:1.15;display:block;overflow:hidden}.hero-stat .stat-reel{font-size:inherit;color:inherit;line-height:1.15;transition:transform 1.6s cubic-bezier(.16,1,.3,1);display:block}.hero-stat .stat-reel>span{height:1.15em;font-size:inherit;color:inherit;line-height:1.15;display:block}.real-about .about-slider{width:min(1500px,100% - 32px);display:block}.auto-photo-carousel{touch-action:pan-y}.auto-photo-carousel:focus-visible{outline-offset:4px;outline:2px solid #1268f3}@media (height<=800px) and (width>=861px){.hero-stat{min-height:80px;padding-block:14px}}@media (width<=860px){.hero-stat{text-align:center;grid-template-columns:1fr;gap:8px;min-height:70px;padding:12px 5px}.real-about .about-slider{width:calc(100% - 24px)}.real-experience .filter-bar{flex-wrap:wrap;gap:6px}.real-experience .filter-bar button{min-width:0;padding-inline:12px}}@media (width<=860px) and (height<=740px){.hero-stat{min-height:58px;padding-block:8px}}@media (prefers-reduced-motion:reduce){.hero-stat .stat-reel{transition:none}}.site-header .site-nav{pointer-events:none}.site-header .site-nav a{pointer-events:auto}.hero:after{display:none}.hero__visual{z-index:6}.hero--transitioning .hero__background--preview,.hero--transitioning .hero__person--preview{opacity:1;clip-path:circle(var(--hero-transition-radius) at var(--hero-transition-x) var(--hero-transition-y));-webkit-mask-image:none;mask-image:none}.hero--transitioning .hero__background--preview,.hero--transitioning .hero__person--preview,.hero--transitioning .hero__person--current{animation:hero-mask-expand var(--hero-transition-ms,1.6s) cubic-bezier(.16,1,.3,1) forwards}.hero--transitioning .hero__person--current{-webkit-mask-image:radial-gradient(circle at var(--hero-transition-x) var(--hero-transition-y), transparent 0, transparent calc(var(--hero-transition-radius) - 1px), black var(--hero-transition-radius));mask-image:radial-gradient(circle at var(--hero-transition-x) var(--hero-transition-y), transparent 0, transparent calc(var(--hero-transition-radius) - 1px), black var(--hero-transition-radius));-webkit-mask-image:radial-gradient(circle at var(--hero-transition-x) var(--hero-transition-y), transparent 0, transparent calc(var(--hero-transition-radius) - 1px), black var(--hero-transition-radius))}.hero-copy h1{text-shadow:3px 3px #102d5273}.hero-actions .pixel-button--light{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0935716b;border-color:#ffffffb8;box-shadow:0 12px #0717371f,0 18px 34px #0717372e,inset 0 0 0 1px #ffffff2e}.hero-actions .pixel-button--light i{background:#ffffffe6}