/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, 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;--spacing:.25rem;--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,ui-sans-serif, system-ui, 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{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}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.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}}.contents{display:contents}.hidden{display:none}.resize{resize:both}.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:#14151a;--muted:#6e7079;--paper:#f6f6f6;--white:#fff;--lavender:#81a9f0;--lavender-soft:#cfe3f3;--lavender-pale:#e6f0f7;--line:#14151a24;--max-width:1700px;--pad:clamp(24px, 4vw, 72px)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:78px}body{color:var(--ink);-webkit-font-smoothing:antialiased;background:#cfe3f2;margin:0;font-family:Helvetica Neue,PingFang SC,Noto Sans CJK SC,Microsoft YaHei,Arial,sans-serif}body,a,button{cursor:default}a[href],button{cursor:pointer}a,button{color:inherit}a{text-decoration:none}button{font:inherit}::selection{color:#fff;background:#667fe7}.container{width:min(100%, var(--max-width));padding-inline:var(--pad);margin:0 auto}.section{padding:clamp(110px,10vw,180px) 0}.nav-shell{z-index:100;mix-blend-mode:normal;padding:16px 0;position:fixed;inset:0 0 auto}.nav-inner{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fafaf8c7;border:1px solid #ffffff73;border-radius:999px;justify-content:space-between;align-items:center;width:min(100% - 32px,1668px);height:56px;margin:0 auto;padding:0 20px 0 24px;display:flex;box-shadow:0 10px 40px #14151a0f}.brand-mark{letter-spacing:-.04em;font-size:18px;font-weight:800}.brand-mark span{color:#7189e9}.nav-links{align-items:center;gap:clamp(24px,3vw,48px);font-size:13px;font-weight:600;display:flex}.nav-links a{transition:color .3s;position:relative}.nav-links a:after{content:"";background:var(--ink);height:1px;transition:right .35s;position:absolute;bottom:-6px;left:0;right:100%}.nav-links a:hover:after{right:0}.nav-side{color:var(--muted);letter-spacing:.13em;align-items:center;gap:16px;font-size:10px;display:flex}.menu-button{background:0 0;border:0;display:none}.hero{perspective:1100px;background:#cfe3f2;min-height:100svh;position:relative;overflow:hidden}.hero-backdrop{position:absolute;inset:-8% -2% -16%;overflow:hidden}.hero-grid{opacity:.62;background-image:linear-gradient(#1c1d221a 1px,#0000 1px),linear-gradient(90deg,#1c1d221a 1px,#0000 1px);background-size:min(12.5vw,190px) min(34vh,245px);position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 82%,#0000 100%);mask-image:linear-gradient(#000 0 82%,#0000 100%)}.hero-light{filter:blur(42px);opacity:.82;background:#fffbe0b8;border-radius:50%;width:42vw;height:125vh;position:absolute;top:-30vh;transform:rotate(-24deg)}.light-one{left:8%}.light-two{opacity:.52;right:3%;transform:rotate(28deg)}.cursor-light{z-index:1;pointer-events:none;will-change:left, top;mix-blend-mode:screen;border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.cursor-light-primary{aspect-ratio:1;filter:blur(18px);background:radial-gradient(circle,#fffcdbeb 0,#d9f3ff80 34%,#73a5ff1f 58%,#0000 72%);width:min(44vw,660px)}.cursor-light-secondary{aspect-ratio:1;filter:blur(32px);background:radial-gradient(circle,#b1ffdb80 0,#6fa7ff38 42%,#0000 70%);width:min(28vw,420px)}.hero-loader{z-index:300;padding:42px var(--pad);color:var(--ink);pointer-events:none;background:#f6f6f6;flex-direction:column;justify-content:center;align-items:center;gap:30px;animation:.85s cubic-bezier(.76,0,.24,1) .9s forwards loader-exit;display:flex;position:fixed;inset:0}.hero-loader span{letter-spacing:.18em;font-size:10px;font-weight:750}.hero-loader i{background:#14151a29;border-radius:999px;width:140px;height:5px;overflow:hidden}.hero-loader i:after{content:"";background:var(--ink);transform-origin:0;width:100%;height:100%;animation:.78s cubic-bezier(.65,0,.35,1) forwards loader-progress;display:block}@keyframes loader-progress{0%{transform:scaleX(0)}}@keyframes loader-exit{to{visibility:hidden;transform:translateY(-102%)}}.hero-reactive-object{z-index:2;aspect-ratio:2.05;width:min(72vw,1120px);transform-style:preserve-3d;will-change:transform;position:absolute;top:26%;left:20%}.glass-loop{display:none}.glass-core{color:#e8f2ffd1;letter-spacing:-.08em;-webkit-text-stroke:1px #ffffffc7;text-shadow:0 2px #fff,0 5px #bdd3f4e6,0 9px #93b4e8a8,0 16px 24px #4168af4d,0 42px 68px #5277b533;justify-content:center;align-items:center;font-family:Snell Roundhand,Brush Script MT,Segoe Script,cursive;font-size:clamp(210px,25vw,430px);font-style:italic;font-weight:700;line-height:.72;display:flex;position:absolute;inset:0;transform:translateZ(58px)rotate(-4deg)}.glass-core:before{content:"";opacity:.82;filter:blur(8px);background:linear-gradient(100deg,#0000,#ffffffe6,#0000);border-radius:999px;position:absolute;inset:24% 13% 58%;transform:rotate(-7deg)}.glass-core:after{content:"";background:#fff;border-radius:50%;width:15px;height:15px;position:absolute;top:31%;left:38%;box-shadow:0 0 16px 8px #ffffffe6,260px 72px 12px 4px #ffffffb8}.glass-core span{z-index:2;display:block;position:relative;transform:translate(-.04em,.04em)}.cursor-glyph{object-fit:contain;mix-blend-mode:normal;filter:drop-shadow(0 24px 28px #3f65a438);width:clamp(138px,12vw,206px);height:auto;display:block;position:absolute;bottom:1%;right:-1%;transform:translateZ(70px)rotate(4deg)}.hero-content{z-index:4;flex-direction:column;min-height:100svh;padding-top:118px;padding-bottom:42px;display:flex;position:relative}.hero-kicker{letter-spacing:.18em;justify-content:space-between;font-size:10px;font-weight:700;display:flex}.hero-title-block{z-index:4;max-width:none;margin:auto 0;position:relative}.hero-name{letter-spacing:.38em;margin:0 0 20px;font-size:clamp(17px,1.3vw,23px);font-weight:700}.hero h1{letter-spacing:-.075em;max-width:1180px;margin:0;font-size:clamp(58px,8.4vw,154px);font-weight:780;line-height:.92}.hero h1 i{color:#778fe9;font-style:normal;font-weight:300}.hero h1 span{color:#0000;-webkit-text-stroke:1.5px var(--ink);letter-spacing:-.045em;font-weight:500}.hero-subline{border-top:1px solid var(--ink);justify-content:space-between;align-items:baseline;gap:24px;max-width:830px;margin-top:clamp(30px,4vw,62px);padding-top:18px;display:flex}.hero-subline p{letter-spacing:.08em;margin:0;font-size:clamp(20px,2vw,33px);font-weight:400}.hero-subline span{color:#555861;letter-spacing:.14em;max-width:310px;font-size:9px;line-height:1.6}.hero-footer{justify-content:space-between;align-items:flex-end;display:flex}.round-link{border:1px solid var(--ink);border-radius:50%;flex-direction:column;justify-content:space-between;width:96px;height:96px;padding:21px;font-size:11px;transition:color .35s,background .35s,transform .35s;display:flex}.round-link b{align-self:flex-end;font-size:21px;font-weight:400}.round-link:hover{color:#fff;background:var(--ink);transform:rotate(6deg)}.scroll-hint{letter-spacing:.14em;align-items:center;gap:14px;font-size:9px;display:flex}.scroll-hint span{background:var(--ink);width:52px;height:1px;position:relative}.scroll-hint span:after{content:"";background:var(--ink);border-radius:50%;width:5px;height:5px;position:absolute;top:-2px;right:0}.floating-contact{z-index:90;color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#14151aeb;border-radius:999px;padding:13px 18px;font-size:12px;transition:transform .3s,background .3s;position:fixed;bottom:24px;right:26px;box-shadow:0 12px 40px #14151a33}.floating-contact span{color:var(--lavender);margin-left:18px}.floating-contact:hover{background:#6179dc;transform:translateY(-3px)}.section-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-end;margin-bottom:clamp(70px,8vw,130px);padding-bottom:22px;display:flex}.section-heading>div>span,.section-index{letter-spacing:.17em;font-size:10px;font-style:normal;font-weight:700}.section-heading h2{letter-spacing:-.065em;margin:8px 0 0;font-size:clamp(48px,6.7vw,112px);line-height:.92}.about-section{z-index:6;background:var(--paper);border-radius:42px 42px 0 0;margin-top:-42px;position:relative}.about-text-slider{width:calc(100% + var(--pad) * 2);margin:clamp(-50px, -3vw, -24px) calc(var(--pad) * -1) clamp(76px, 8vw, 128px);border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);overflow:hidden}.about-text-slider>div{will-change:transform;width:max-content;display:flex}.about-text-slider>div+div{border-top:1px solid var(--line)}.about-text-slider span{white-space:nowrap;letter-spacing:-.055em;padding:13px 0;font-size:clamp(28px,4.1vw,70px);font-weight:650;line-height:.95;display:block}.about-text-slider i{color:#8199ee;margin:0 clamp(16px,2vw,34px);font-style:normal}.about-text-slider-outline span{color:#0000;-webkit-text-stroke:1px #14151a73;font-size:clamp(24px,3.5vw,58px)}.about-grid{grid-template-columns:minmax(300px,.76fr) minmax(520px,1.55fr);gap:clamp(52px,8vw,130px);display:grid}.portrait-frame{aspect-ratio:4/5;background:#85828b;border-radius:2px;width:100%;position:sticky;top:110px;overflow:hidden}.portrait-frame img{object-fit:cover;object-position:center top;width:100%;height:100%;transition:transform .8s cubic-bezier(.22,1,.36,1);position:absolute;inset:0}.portrait-frame:after{content:"";pointer-events:none;background:linear-gradient(#0000 68%,#11121757);position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff2e}.portrait-frame:hover img{transform:scale(1.018)}.portrait-frame span{z-index:2;color:#ffffffeb;letter-spacing:.16em;font-size:9px;font-weight:700;position:absolute;bottom:clamp(20px,2vw,30px);left:clamp(20px,2vw,32px)}.small-label{color:#6a6d76;letter-spacing:.17em;font-size:10px;font-weight:700}.about-intro h3{letter-spacing:-.055em;margin:25px 0 38px;font-size:clamp(35px,4vw,68px);line-height:1.12}.about-intro h3 span{color:#8298ee}.about-intro p{color:#4e5058;text-align:justify;max-width:950px;margin:0 0 18px;font-size:clamp(15px,1.1vw,19px);line-height:1.95}.about-details{margin-top:clamp(62px,7vw,106px)}.detail-block{margin-top:52px}.detail-title{border-bottom:1px solid var(--ink);justify-content:space-between;align-items:flex-end;padding-bottom:13px;display:flex}.detail-title span{font-size:22px;font-weight:700}.detail-title em{color:var(--muted);letter-spacing:.16em;font-size:9px;font-style:normal}.basic-info dl{margin:0}.basic-info dl>div,.timeline-row{border-bottom:1px solid var(--line);align-items:center;min-height:54px;padding:14px 0;display:grid}.basic-info dl>div{grid-template-columns:100px 1fr}.basic-info dt{color:var(--muted);font-size:12px}.basic-info dd{margin:0;font-size:14px;font-weight:600}.timeline-row{grid-template-columns:145px 1fr auto;gap:18px;font-size:13px}.timeline-row b{font-size:15px}.timeline-row span{color:#585a62}.timeline-row time{letter-spacing:.1em;font-size:11px}.project-summary p{color:#565961;max-width:760px;margin:22px 0 0;font-size:15px;line-height:1.8}.projects-section{z-index:5;color:var(--ink);background-color:#cfe3f2;background-image:radial-gradient(circle at 16% 12%,#fffee2e0,#0000 25%),radial-gradient(circle at 82% 34%,#96c1ff94,#0000 34%),radial-gradient(circle at 42% 76%,#e0f7ffd1,#0000 30%),linear-gradient(#1c1d2212 1px,#0000 1px),linear-gradient(90deg,#1c1d2212 1px,#0000 1px);background-size:auto,auto,auto,min(12.5vw,190px) min(34vh,245px),min(12.5vw,190px) min(34vh,245px);padding-bottom:clamp(190px,18vw,320px);position:relative}.section-heading-light{border-color:var(--line)}.section-heading-light>div>span,.section-heading-light .section-index{color:#14151a7a}.project-grid{grid-template-columns:repeat(12,1fr);gap:clamp(48px,6vw,94px) clamp(18px,2.5vw,42px);display:grid}.project-card{grid-column:span 6;position:relative}.project-detail-link{z-index:8;cursor:pointer;position:absolute;inset:0}.project-detail-link:focus-visible{outline-offset:6px;outline:2px solid #9eb0ff}.project-card:nth-child(3n+1){grid-column:span 7}.project-card:nth-child(3n+2){grid-column:span 5}.project-cover{--pixel-color:#8299ef;--pixel-color-soft:#dbe6ff;aspect-ratio:1.32;isolation:isolate;background:#c8d1f5;position:relative;overflow:hidden}.project-cover:after{content:"";z-index:4;transition:box-shadow .45s;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff29}.project-cover:before{content:"";z-index:2;opacity:0;background:linear-gradient(to bottom, transparent 20%, var(--pixel-color-soft) 46%, var(--pixel-color) 56%, transparent 82%);position:absolute;inset:-30% -12%}@supports (color:color-mix(in lab, red, red)){.project-cover:before{background:linear-gradient(to bottom, transparent 20%, color-mix(in srgb, var(--pixel-color-soft) 56%, transparent) 46%, color-mix(in srgb, var(--pixel-color) 48%, transparent) 56%, transparent 82%)}}.project-cover:before{mix-blend-mode:screen;pointer-events:none;transition:opacity .45s,transform .85s cubic-bezier(.22,1,.36,1);transform:translateY(34%)}.project-card:hover .project-cover:before,.project-card:focus-within .project-cover:before{opacity:.72;transform:translateY(-22%)}.project-image{z-index:1;object-fit:cover;width:100%;height:100%;transition:transform .85s cubic-bezier(.22,1,.36,1),filter .55s;position:absolute;inset:0}.project-card:hover .project-image{filter:saturate(1.04)brightness(1.02);transform:scale(1.035)}.project-pixel-reveal{z-index:3;pointer-events:none;grid-template-rows:repeat(8,1fr);grid-template-columns:repeat(12,1fr);display:grid;position:absolute;inset:0;overflow:hidden}.project-pixel-reveal:before{content:"";z-index:2;opacity:0;background:linear-gradient(to bottom, transparent 12%, var(--pixel-color-soft) 42%, var(--pixel-color) 53%, transparent 78%);position:absolute;inset:-45% -12%}@supports (color:color-mix(in lab, red, red)){.project-pixel-reveal:before{background:linear-gradient(to bottom, transparent 12%, color-mix(in srgb, var(--pixel-color-soft) 70%, transparent) 42%, color-mix(in srgb, var(--pixel-color) 78%, transparent) 53%, transparent 78%)}}.project-pixel-reveal:before{mix-blend-mode:screen;transform:translateY(82%)}.project-pixel-reveal:after{content:"";z-index:1;opacity:0;background:linear-gradient(142deg, transparent 42%, var(--pixel-color-soft) 72%, var(--pixel-color)), repeating-linear-gradient(90deg, transparent 0 18px, var(--pixel-color-soft) 18px 19px);position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.project-pixel-reveal:after{background:linear-gradient(142deg, transparent 42%, color-mix(in srgb, var(--pixel-color-soft) 24%, transparent) 72%, color-mix(in srgb, var(--pixel-color) 34%, transparent)), repeating-linear-gradient(90deg, transparent 0 18px, color-mix(in srgb, var(--pixel-color-soft) 24%, transparent) 18px 19px)}}.project-pixel-reveal:after{mix-blend-mode:screen;transition:opacity .55s}.project-pixel-reveal.has-revealed:after{opacity:.38}.project-card:hover .project-pixel-reveal.has-revealed:after,.project-card:focus-within .project-pixel-reveal.has-revealed:after{opacity:.66}.project-pixel-reveal i{opacity:0;background:linear-gradient(145deg, var(--pixel-color-soft), var(--pixel-color));display:block}@supports (color:color-mix(in lab, red, red)){.project-pixel-reveal i{background:linear-gradient(145deg, color-mix(in srgb, var(--pixel-color-soft) 86%, white), var(--pixel-color))}}.project-pixel-reveal i{transform-origin:50%;will-change:opacity, transform;transform:scale(.72);box-shadow:inset 0 0 0 .5px #ffffff29}.project-card:hover .project-pixel-reveal:before,.project-card:focus-within .project-pixel-reveal:before,.project-pixel-reveal.is-revealing:before{animation:1.05s cubic-bezier(.22,1,.36,1) both project-gradient-sweep}.project-card:hover .project-pixel-reveal i,.project-card:focus-within .project-pixel-reveal i,.project-pixel-reveal.is-revealing i{animation:.78s cubic-bezier(.22,1,.36,1) both project-pixel-dissolve}@keyframes project-gradient-sweep{0%{opacity:0;transform:translateY(82%)}24%{opacity:.92}72%{opacity:.58}to{opacity:0;transform:translateY(-72%)}}@keyframes project-pixel-dissolve{0%,to{opacity:0;transform:scale(.72)}34%{opacity:.92;transform:scale(1.03)}62%{opacity:.52;transform:scale(.92)}}.project-card:hover .project-cover:after{box-shadow:inset 0 0 0 1px #e0e6ffd9,inset 0 -120px 130px #788ff41a}.project-card:has(.project-detail-link) .project-arrow{transition:transform .35s}.project-card:has(.project-detail-link):hover .project-arrow{transform:translate(3px,-3px)}.project-detail-page{min-height:100vh;color:var(--ink);background:#eef1ff}.detail-nav{z-index:100;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fafaf8d1;border:1px solid #ffffff94;border-radius:999px;grid-template-columns:1fr auto 1fr;align-items:center;max-width:1668px;height:56px;margin:0 auto;padding:0 24px;display:grid;position:fixed;inset:16px 16px auto;box-shadow:0 10px 40px #14151a0f}.detail-nav>span{color:var(--muted);letter-spacing:.16em;font-size:9px;font-weight:700}.detail-back{justify-self:end;font-size:12px;font-weight:650}.detail-back b{margin-left:10px;font-size:16px}.detail-hero{min-height:72vh;padding:clamp(150px, 14vw, 230px) var(--pad) clamp(80px, 8vw, 130px);background:radial-gradient(circle at 78% 24%,#ffffffe6,#0000 25%),linear-gradient(135deg,#dfe5ff,#f7f7f4 66%);grid-template-columns:minmax(160px,.5fr) 2fr auto;align-items:end;gap:clamp(30px,6vw,100px);display:grid}.xigua-detail-page{background:#eaf7ff}.xigua-detail-page .detail-hero{background:radial-gradient(circle at 78% 22%,#fffffff0,#0000 27%),linear-gradient(135deg,#d8f5ff,#f7f7f4 66%)}.xigua-detail-page .detail-hero-index{color:#43bdf1}.barbie-detail-page{background:#fff1f8}.barbie-detail-page .detail-hero{background:radial-gradient(circle at 77% 21%,#fffffff5,#0000 27%),linear-gradient(135deg,#ffd6ea,#fff8fb 66%)}.barbie-detail-page .detail-hero-index{color:#f47fbc}.pet-detail-page{background:#fff7e8}.pet-detail-page .detail-hero{background:radial-gradient(circle at 77% 21%,#fffffff0,#0000 27%),linear-gradient(135deg,#f4e5c8,#fffaf1 66%)}.pet-detail-page .detail-hero-index{color:#a8aa5b}.tmall-detail-page{background:#fff3ef}.tmall-detail-page .detail-hero{background:radial-gradient(circle at 77% 21%,#fffffff5,#0000 27%),linear-gradient(135deg,#ffd2c8,#fff8f3 66%)}.tmall-detail-page .detail-hero-index{color:#ed4a3e}.tmall-detail-page .detail-hero h1,.three-d-detail-page .detail-hero h1{max-width:1080px;font-size:clamp(54px,5.9vw,98px)}.three-d-detail-page{background:#f7effa}.three-d-detail-page .detail-hero{background:radial-gradient(circle at 77% 21%,#fffffff5,#0000 27%),linear-gradient(135deg,#dbc8ec,#fff8fb 66%)}.three-d-detail-page .detail-hero-index{color:#8f67a5}.detail-hero-index{color:#8da2f4;letter-spacing:-.09em;font-size:clamp(100px,14vw,230px);font-weight:700;line-height:.72}.detail-hero p,.detail-scroll{color:#666a77;letter-spacing:.16em;font-size:9px;font-weight:700}.detail-hero h1{letter-spacing:-.065em;max-width:900px;margin:18px 0 34px;font-size:clamp(56px,7.5vw,132px);line-height:.96}.detail-hero ul{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.detail-hero li{border:1px solid #14151a2e;border-radius:999px;padding:8px 13px;font-size:11px}.detail-scroll{white-space:nowrap;padding-bottom:4px}.detail-gallery{width:min(calc(100% - 2 * var(--pad)), 1500px);background:#fff;margin:clamp(54px,6vw,96px) auto;overflow:hidden;box-shadow:0 28px 90px #4958911f}.detail-gallery img{width:100%;height:auto;display:block}.detail-footer{min-height:48vh;padding:clamp(90px, 10vw, 170px) var(--pad) 70px;color:#fff;background:#15161a;justify-content:space-between;align-items:center;display:flex}.detail-footer>div>span{color:#ffffff75;letter-spacing:.17em;font-size:9px}.detail-footer h2{letter-spacing:-.065em;margin:12px 0 0;font-size:clamp(54px,7vw,118px)}.detail-footer>a{border:1px solid #ffffff47;border-radius:999px;padding:15px 20px;font-size:13px}.detail-footer>a span{margin-left:18px}.project-cover-caption,.image-note{z-index:3;letter-spacing:.16em;font-size:8px;font-weight:700;position:absolute}.project-cover-caption{color:#fff;text-shadow:0 1px 12px #00000047;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1112176b;border-radius:999px;padding:7px 10px;top:22px;left:22px}.image-note{opacity:.55;bottom:20px;right:22px}.cover-art{z-index:2;position:absolute;inset:0}.cover-art i{border:1px solid;display:block;position:absolute}.cover-art b{letter-spacing:-.12em;opacity:.25;font-size:clamp(140px,18vw,330px);line-height:.9;position:absolute;bottom:-11%;right:4%}.project-xiaomi{--pixel-color:#6682e2;--pixel-color-soft:#dce5ff;color:#17191f;background:radial-gradient(at 32% 74%,#fffc,#0000 30%),linear-gradient(132deg,#d9def2,#8fa0e8 72%,#596b9a)}.project-xiaomi .cover-art i{border-width:2px;border-radius:55% 58% 30% 30%/75% 80% 28% 32%;width:54%;height:23%;top:39%;left:18%;transform:skew(-13deg);box-shadow:26px 26px 55px #191e343d}.project-xigua{--pixel-color:#5ec8f0;--pixel-color-soft:#d7f7ff;color:#fff;background:radial-gradient(circle at 72% 36%,#ffffff4d,#0000 9%),linear-gradient(145deg,#5d72c8,#9fb3ff)}.project-xigua .cover-art i{aspect-ratio:1;border-radius:50%;width:38%;top:25%;left:29%;box-shadow:0 0 0 28px #ffffff1f,0 0 0 58px #ffffff12}.project-barbie{--pixel-color:#de74b7;--pixel-color-soft:#ffe0f3;color:#45214a;background:linear-gradient(160deg,#f3c9eb,#d591d8 54%,#9d79ce)}.project-barbie .cover-art i{border-width:3px;border-radius:50% 50% 12% 12%;width:30%;height:52%;top:22%;left:36%;transform:rotate(12deg)}.project-pet{--pixel-color:#a3b46f;--pixel-color-soft:#f4efbd;color:#29323a;background:radial-gradient(circle at 25% 28%,#ffe6a8 0 6%,#0000 6.4%),radial-gradient(circle at 62% 70%,#fdf8e6 0 12%,#0000 12.5%),#bcd6c7}.project-pet .cover-art i{border-radius:48% 48% 30% 30%;width:39%;height:49%;top:28%;left:30%;transform:rotate(-8deg)}.project-tmall{--pixel-color:#f0514f;--pixel-color-soft:#ffd0ba;color:#fff;background:linear-gradient(25deg,#0000 0 46%,#ffffff14 46% 53%,#0000 53%),linear-gradient(145deg,#e7544f,#c12c43 56%,#7e223c)}.project-tmall .cover-art i{aspect-ratio:1;border-width:3px;border-radius:22% 22% 48% 48%;width:30%;top:28%;left:34%;transform:rotate(45deg)}.project-3d{--pixel-color:#9671c4;--pixel-color-soft:#f6cce8;color:#fff;background:radial-gradient(circle at 68% 31%,#f9b8d9 0 8%,#0000 8.4%),radial-gradient(circle at 42% 65%,#b3a5ec 0 16%,#0000 16.4%),linear-gradient(135deg,#7667a9,#d3a3d5 55%,#ffc7da)}.project-3d .cover-art i{aspect-ratio:1;border-radius:22%;width:34%;top:27%;left:34%;transform:rotate(29deg);box-shadow:34px 28px #ffffff1a}.project-weather{--pixel-color:#7899c8;--pixel-color-soft:#e2ecff;color:#17191f;background:radial-gradient(circle at 70% 20%,#fff 0 6%,#0000 6.4%),linear-gradient(#e3e7fa 0 55%,#a3b9dc 55%)}.project-weather .cover-art i{border-radius:50% 50% 32% 32%;width:44%;height:37%;top:32%;left:28%;box-shadow:18px 18px #ffffff59}.project-meta{border-top:1px solid #14151a38;grid-template-columns:54px 1fr 30px;gap:18px;min-height:142px;padding:23px 0 0;display:grid}.project-no{color:#14151a75;font-size:10px}.project-meta h3{letter-spacing:-.025em;max-width:660px;margin:0;font-size:clamp(19px,1.55vw,27px);line-height:1.28}.project-meta p{color:#14151a8f;margin:7px 0 0;font-size:11px}.project-meta ul{flex-wrap:wrap;gap:7px;margin:18px 0 0;padding:0;list-style:none;display:flex}.project-meta li{color:#14151aad;border:1px solid #14151a38;border-radius:999px;padding:6px 10px;font-size:9px}.project-arrow{font-size:24px;transition:color .35s,transform .35s}.project-card:hover .project-arrow{color:var(--lavender);transform:rotate(45deg)}.skills-section{z-index:6;background:#f6f6f6;border-radius:clamp(34px,4.5vw,76px) clamp(34px,4.5vw,76px) 0 0;margin-top:clamp(-96px,-6vw,-64px);padding-top:clamp(90px,8vw,140px);position:relative;overflow:hidden;box-shadow:0 -30px 90px #3654741f}.skills-section:before{content:"";background:#14151a33;border-radius:999px;width:54px;height:4px;position:absolute;top:18px;left:50%;transform:translate(-50%)}.skills-intro{min-height:66vh;position:sticky;top:94px}.skills-intro .section-heading{margin-bottom:clamp(34px,4vw,64px)}.skills-intro>p{color:#5c5f67;text-align:center;max-width:620px;margin:0 auto;font-size:clamp(15px,1.25vw,20px);line-height:1.8}.ability-stack{z-index:2;width:min(100%,720px);margin:-22vh auto 0;padding-bottom:8vh;position:relative}.ability-card-step{min-height:88vh}.ability-card-step:last-child{min-height:76vh}.ability-card{transform-origin:50% 16%;will-change:transform, opacity;background:#ffffffeb;border:1px solid #14151a1f;border-radius:clamp(24px,2.7vw,42px);flex-direction:column;width:100%;min-height:min(70vh,650px);padding:clamp(20px,2.4vw,34px);transition:background .4s,box-shadow .4s;display:flex;position:sticky;top:12vh;overflow:hidden;box-shadow:0 30px 90px #363e4c1f}.ability-card:hover{background:#fff;box-shadow:0 36px 110px #3a47802e}.ability-visual{background-color:#eef1f2;background-image:radial-gradient(#14151a29 1px,#0000 1px);background-size:5px 5px;border-radius:clamp(16px,2vw,28px);place-items:center;min-height:clamp(210px,28vh,290px);margin-bottom:clamp(22px,2.6vw,38px);display:grid;position:relative;overflow:hidden}.ability-visual:before{content:"";z-index:2;pointer-events:none;background:linear-gradient(90deg,#eef1f247,#0000 24% 76%,#eef1f247);position:absolute;inset:0}.ability-visual-index{z-index:3;color:#14151a80;letter-spacing:.16em;font-size:10px;font-weight:700;position:absolute;top:18px;left:20px}.ability-canvas{z-index:1;width:100%;height:100%;display:block;position:absolute;inset:0}.ability-top{color:#6d7078;letter-spacing:.14em;justify-content:space-between;font-size:9px;display:flex}.ability-top em{font-style:normal}.ability-card h3{letter-spacing:-.04em;margin:24px 0 18px;font-size:clamp(24px,2vw,33px)}.ability-card ul{margin:0;padding:0;list-style:none}.ability-card li{border-top:1px solid var(--line);color:#50525a;padding:9px 0 9px 14px;font-size:12px;line-height:1.55;position:relative}.ability-card li:before{content:"";background:#758be6;border-radius:50%;width:4px;height:4px;position:absolute;top:16px;left:0}.ability-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.ability-tool-item{background:#f7f7f7;border:1px solid #14151a1a;border-radius:12px;align-items:center;gap:10px;min-width:0;padding:7px 9px;display:flex}.ability-tool-item .tool-icon{border-radius:7px;width:32px;height:32px;font-size:14px}.ability-tool-item .tool-chatgpt,.ability-tool-item .tool-gemini{font-size:18px}.ability-tool-item b{letter-spacing:.02em;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.tool-marquee{width:calc(100% + var(--pad) * 2);margin:clamp(42px, 5vw, 72px) calc(var(--pad) * -1) 0;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);background:#ffffff6b;overflow:hidden}.tool-marquee-track{min-width:max-content;animation:34s linear infinite ticker;display:flex}.tool-marquee-group{align-items:center;gap:clamp(24px,3vw,48px);padding:20px 18px;display:flex}.tool-item{white-space:nowrap;align-items:center;gap:13px;display:inline-flex}.tool-item b{letter-spacing:-.035em;font-size:clamp(19px,2.1vw,34px);font-weight:650}.tool-icon{color:#fff;letter-spacing:-.08em;background:#202126;border-radius:10px;flex:none;place-items:center;width:clamp(38px,3.5vw,52px);height:clamp(38px,3.5vw,52px);font-size:clamp(16px,1.5vw,22px);font-style:normal;font-weight:700;display:grid;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff2e}.tool-icon img{object-fit:contain;width:100%;height:100%;display:block}.tool-photoshop{color:#31a8ff;background:#001e36}.tool-illustrator{color:#ff9a00;background:#300}.tool-premiere{color:#99f;background:#00005b}.tool-figma{background:#202124;position:relative}.tool-figma:before{content:"";background:#f24e1e;border-radius:50% 0 0 50%;width:11px;height:11px;transform:translate(-5.5px,-11px);box-shadow:11px 0 #ff7262,0 11px #a259ff,11px 11px #1abcfe,0 22px #0acf83}.tool-blender{background:#fff;padding:4px}.tool-chatgpt{background:#fff;padding:2px}.tool-gemini{background:linear-gradient(145deg,#4285f4 0%,#8e75ff 50%,#ee7ba8 100%);font-size:clamp(24px,2.2vw,32px)}.tool-midjourney{color:#111;background:#fff;box-shadow:inset 0 0 0 1px #14151a33}.tool-stable{background:linear-gradient(135deg,#7657ff,#e763d7);font-size:clamp(13px,1.2vw,17px)}.tool-liblib{background:linear-gradient(135deg,#5146e5,#8d72ff)}@keyframes ticker{to{transform:translate(-50%)}}.tool-marquee:hover .tool-marquee-track{animation-play-state:paused}.contact-section{min-height:100svh;color:var(--ink);background-color:#cfe3f2;background-image:radial-gradient(circle at 12% 18%,#fffee2e6,#0000 27%),radial-gradient(circle at 78% 28%,#89b6f999,#0000 35%),radial-gradient(circle at 44% 86%,#dff6ffd6,#0000 32%),linear-gradient(#1c1d2212 1px,#0000 1px),linear-gradient(90deg,#1c1d2212 1px,#0000 1px);background-size:auto,auto,auto,min(12.5vw,190px) min(34vh,245px),min(12.5vw,190px) min(34vh,245px);position:relative;overflow:hidden}.contact-inner{flex-direction:column;min-height:100svh;padding-top:clamp(90px,8vw,140px);padding-bottom:30px;display:flex}.contact-inner .section-heading{margin-bottom:0}.contact-glow{aspect-ratio:1;background:radial-gradient(circle at 34% 30%,#ffffeec2,#97c0fa4d 44%,#7697e714 65%,#0000 74%);border:1px solid #ffffff85;border-radius:50%;width:760px;position:absolute;top:18%;right:-180px;box-shadow:inset 0 0 150px #ffffff57,0 0 200px #6995e73d}.contact-glow:before,.contact-glow:after{content:"";border:1px solid #ffffff6b;border-radius:50%;position:absolute}.contact-glow:before{inset:15%}.contact-glow:after{background:#ffffff29;inset:31%}.contact-main{z-index:2;margin:auto 0;padding:70px 0;position:relative}.contact-main>p{color:#14151a8f;letter-spacing:.08em;margin:0 0 24px;font-size:12px}.contact-main h2{letter-spacing:-.08em;margin:0 0 40px;font-size:clamp(62px,10vw,168px);line-height:.88}.contact-main h2 span{color:#8499ee}.mail-link{border-bottom:1px solid #14151aa8;gap:38px;padding-bottom:9px;font-size:clamp(17px,1.5vw,25px);transition:color .3s,border-color .3s;display:inline-flex}.mail-link:hover{color:var(--lavender);border-color:var(--lavender)}.contact-lower{z-index:2;border-top:1px solid #14151a29;justify-content:space-between;align-items:flex-end;padding:28px 0;display:flex;position:relative}.contact-info{gap:clamp(46px,8vw,130px);display:flex}.contact-info div{flex-direction:column;gap:10px;display:flex}.contact-info span,.qr-placeholder span{color:#14151a7a;letter-spacing:.15em;font-size:8px}.contact-info strong{font-size:14px;font-weight:500}.qr-placeholder{grid-template-columns:84px auto;align-items:end;gap:14px;display:grid}.qr-placeholder img{object-fit:contain;background:#fff;border-radius:4px;width:84px;height:84px;padding:4px;display:block}.contact-inner footer{z-index:2;color:#14151a75;letter-spacing:.14em;border-top:1px solid #14151a29;justify-content:space-between;padding-top:22px;font-size:8px;display:flex;position:relative}@media (width<=1100px){.hero-reactive-object{width:78vw;left:15%}.about-grid{grid-template-columns:.8fr 1.25fr;gap:46px}.ability-grid{grid-template-columns:repeat(2,1fr)}.ability-card{min-height:560px}}@media (width<=760px){:root{--pad:20px}.detail-nav{grid-template-columns:1fr auto}.detail-nav>span{display:none}.detail-hero{grid-template-columns:1fr;align-content:end;min-height:68vh}.detail-hero-index{font-size:92px}.detail-hero h1{font-size:52px}.detail-scroll{display:none}.detail-gallery{width:100%;box-shadow:none;margin:0}.detail-footer{flex-direction:column;align-items:flex-start;gap:58px}.section{padding:92px 0}.nav-inner{height:52px}.nav-side>span{display:none}.menu-button{padding:6px;font-size:12px;display:block}.nav-links{border:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f8f8f6f5;border-radius:18px;flex-direction:column;align-items:flex-start;gap:18px;padding:26px;display:none;position:absolute;top:66px;left:16px;right:16px;box-shadow:0 18px 55px #14151a1f}.nav-links.open{display:flex}.hero-content{padding-top:100px;padding-bottom:28px}.hero-kicker span:last-child{display:none}.hero-reactive-object{opacity:.78;width:118vw;top:29%;left:-9%}.glass-core{font-size:42vw}.cursor-glyph{width:96px;height:auto}.hero h1{font-size:clamp(48px,16vw,75px);line-height:.98}.hero-subline{flex-direction:column;align-items:flex-start}.hero-subline p{font-size:19px}.hero-footer{align-items:center}.round-link{width:82px;height:82px;padding:17px}.scroll-hint{display:none}.floating-contact{bottom:14px;right:15px}.section-heading{margin-bottom:58px}.section-heading h2{font-size:52px}.about-grid{grid-template-columns:1fr}.portrait-frame{width:min(100%,480px);position:relative;top:0}.about-intro h3{font-size:36px}.timeline-row{grid-template-columns:1fr auto}.timeline-row span{grid-area:2/1/auto/-1}.project-grid{display:block}.project-card,.project-card:nth-child(n){margin-bottom:70px}.project-cover{aspect-ratio:1.08}.project-meta{grid-template-columns:44px 1fr 24px}.ability-grid{grid-template-columns:1fr}.ability-card{min-height:520px}.contact-main h2{font-size:clamp(54px,18vw,82px)}.contact-lower{flex-direction:column;align-items:flex-start;gap:34px}.contact-info{flex-direction:column;gap:24px}.contact-inner footer{flex-direction:column;gap:12px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.project-pixel-reveal{display:none}}