.home-constellation{background:var(--c-bg);color:var(--c-ink);overflow-x:hidden}.home-constellation__stage{position:relative;z-index:2;min-height:calc(100vh - 210px);max-width:1280px;margin:0 auto;padding:clamp(2rem,4vw,3.5rem) clamp(1.5rem,4vw,3rem);display:flex;flex-direction:column;justify-content:center}.home-constellation__cluster{position:relative;width:100%;max-width:1120px;height:clamp(260px,24vw,320px);margin:0 auto}.home-tile{position:absolute;display:block;transform:rotate(var(--tile-rot, 0deg));transition:transform .45s cubic-bezier(.2,.7,.3,1),filter .45s ease;will-change:transform;cursor:var(--cursor-apple-pointer);text-decoration:none}.home-tile:hover,.home-tile:focus-visible{transform:rotate(0) translateY(-6px) scale(1.06);filter:brightness(1.04) saturate(1.05);z-index:20;outline:none}.home-tile:focus-visible .home-tile__img{outline:2px solid var(--c-burgundy);outline-offset:4px}@media (prefers-reduced-motion: reduce){.home-tile,.home-tile:hover,.home-tile:focus-visible{transform:rotate(var(--tile-rot, 0deg));transition:none}}.home-tile__img{width:100%;height:100%;object-fit:cover;display:block;border-radius:18px;box-shadow:0 18px 38px -20px #2a1f1757,0 4px 10px -6px #2a1f172e;transition:box-shadow .45s ease}.home-tile:hover .home-tile__img,.home-tile:focus-visible .home-tile__img{box-shadow:0 28px 64px -20px #2a1f177a,0 8px 20px -6px #2a1f1747}.home-tile__num{position:absolute;top:.55rem;left:.7rem;font-family:var(--font-mono-en, var(--font-sans));font-size:.62rem;letter-spacing:.18em;color:#ffffffc7;mix-blend-mode:difference;pointer-events:none}.home-tile__label{position:absolute;top:calc(100% + .7rem);left:50%;transform:translate(-50%) rotate(calc(var(--tile-rot, 0deg) * -1));text-align:center;white-space:nowrap;pointer-events:none;transition:color .25s ease}.home-tile__label-en{display:block;font-family:var(--font-mono-en, var(--font-sans));font-size:.7rem;letter-spacing:.22em;text-transform:uppercase;color:var(--c-ink);font-weight:500}.home-tile__label-zh{display:block;margin-top:.18rem;font-family:var(--font-sans);font-size:.68rem;letter-spacing:.18em;color:var(--c-mute)}.home-tile:hover .home-tile__label-en,.home-tile:focus-visible .home-tile__label-en{color:var(--c-burgundy)}.home-tile--1{--tile-rot: -6deg;left:2%;top:34%;width:clamp(84px,8vw,112px);aspect-ratio:1;height:auto}.home-tile--2{--tile-rot: 3deg;left:21%;top:4%;width:clamp(106px,10.3vw,138px);aspect-ratio:1;height:auto}.home-tile--3{--tile-rot: -4deg;left:43%;top:30%;width:clamp(82px,8vw,110px);aspect-ratio:1;height:auto}.home-tile--4{--tile-rot: 5deg;left:64%;top:6%;width:clamp(74px,7.2vw,96px);aspect-ratio:1;height:auto}.home-tile--5{--tile-rot: -3deg;left:84%;top:24%;width:clamp(78px,7.6vw,104px);aspect-ratio:1;height:auto}.home-speck{position:absolute;width:7px;height:7px;border-radius:50%;opacity:.6}.home-speck--a{left:36%;top:84%;background:var(--c-terra)}.home-speck--b{left:70%;top:80%;background:var(--c-burgundy)}@media (max-width: 760px){.home-constellation__cluster{height:640px;max-width:100%}.home-tile--1{left:4%;top:64%;width:100px}.home-tile--2{left:22%;top:30%;width:124px}.home-tile--3{left:52%;top:56%;width:96px}.home-tile--4{left:62%;top:10%;width:82px}.home-tile--5{left:28%;top:4%;width:86px}.home-speck{display:none}}@media (max-width: 540px){.home-constellation__cluster{position:relative;height:auto;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto;gap:clamp(20px,4vw,28px) clamp(20px,6vw,32px);justify-items:center;align-items:end;padding-block:var(--space-3) var(--space-5)}.home-tile{position:static;width:clamp(104px,33vw,138px);aspect-ratio:auto;height:auto;display:flex;flex-direction:column;align-items:center}.home-tile__img{width:100%;aspect-ratio:1;height:auto}.home-tile--1{--tile-rot: -3deg}.home-tile--2{--tile-rot: 3deg}.home-tile--3{--tile-rot: -2deg}.home-tile--4{--tile-rot: 4deg}.home-tile--5{--tile-rot: -2deg;grid-column:1 / -1;width:clamp(98px,30vw,124px);margin-top:4px}.home-tile__label{position:static;top:auto;left:auto;transform:rotate(calc(var(--tile-rot, 0deg) * -1));margin-top:.55rem;text-align:center;white-space:normal;line-height:1.3;max-width:100%}.home-tile__label-en{letter-spacing:.14em}.home-tile__label-zh{letter-spacing:.1em}.home-constellation__heading{margin-top:var(--space-4)}}.home-constellation__heading{position:relative;z-index:5;text-align:center;margin:clamp(-2rem,-1.6vw,-1rem) auto clamp(.3rem,.8vw,.6rem);font-family:var(--font-serif, var(--font-heading));font-weight:400;font-size:clamp(1.4rem,2.2vw,1.9rem);letter-spacing:.06em;color:var(--c-ink)}.home-constellation__heading:before,.home-constellation__heading:after{content:"";display:inline-block;vertical-align:middle;width:clamp(1.5rem,4vw,3rem);height:1px;background:var(--c-line);margin:0 1.1rem}.home-constellation__subhead{position:relative;z-index:5;text-align:center;margin:0 auto;font-family:var(--font-mono-en, var(--font-sans));font-size:.66rem;letter-spacing:.32em;text-transform:uppercase;color:var(--c-mute)}.home-constellation__lede{position:relative;z-index:5;text-align:center;max-width:42rem;margin:clamp(.6rem,1.5vw,1.2rem) auto 0;font-family:var(--font-serif, var(--font-heading));font-weight:300;font-size:clamp(.96rem,1.25vw,1.15rem);line-height:1.7;color:var(--c-ink);letter-spacing:.005em}.home-constellation__lede p+p{margin-top:.9em}.home-constellation__lede em{font-style:normal;font-weight:400;color:var(--c-terra)}.home-constellation__lede-accent{font-style:normal;font-weight:500;color:var(--c-burgundy)}@font-face{font-family:ZZ Roboto;src:url(/fonts/Roboto/Roboto-subset.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:ZZ Roboto;src:url(/fonts/Roboto/Roboto-Italic-subset.woff2) format("woff2");font-weight:100 900;font-style:italic;font-display:swap}@font-face{font-family:ZZ Limelight;src:url(/fonts/Limelight/Limelight-subset.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:ZZ Noto Sans SC;src:url(/fonts/Noto_Sans_SC/NotoSansSC-subset.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:"ZZ Noto Serif SC";src:url(/fonts/Noto_Serif_SC/NotoSerifSC-subset.woff2) format("woff2");font-weight:200 900;font-style:normal;font-display:swap}@font-face{font-family:ZZ Shuiyun Xingkai;src:url(/fonts/%E5%AD%97%E9%AD%82%E6%B0%B4%E4%BA%91%E8%A1%8C%E6%A5%B7/Shuiyun-subset.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--color-black: #000000;--color-white: #ffffff;--color-charcoal: #2d2d2d;--color-grey-light: #f5f5f5;--color-grey-medium: #888888;--color-off-white: #fafafa;--font-body: "ZZ Noto Sans SC", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;--font-heading: "ZZ Noto Serif SC", "Songti SC", "STSong", "SimSun", "Hiragino Mincho ProN", serif;--font-display: "ZZ Limelight", Georgia, "Times New Roman", serif;--font-decorative-zh: "ZZ Shuiyun Xingkai", "ZZ Noto Serif SC", "STKaiti", "KaiTi", "Songti SC", serif;--font-sans: var(--font-body);--space-1: .25rem;--space-2: .5rem;--space-3: 1rem;--space-4: 1.5rem;--space-5: 2rem;--space-6: 3rem;--space-7: 4rem;--space-8: 6rem;--max-width: 1200px;--content-padding-x: 1.25rem}html[lang^=en]{--font-body: "ZZ Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-heading: "ZZ Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);font-size:1rem;line-height:1.7;color:var(--color-black);background-color:var(--color-white);min-height:100vh}:root{--cursor-apple-default: url(/cursor-arrow.svg) 3 3, auto;--cursor-apple-pointer: url(/cursor-arrow.svg) 3 3, pointer}html,body{cursor:var(--cursor-apple-default)}a,button,summary,label[for],[role=button],[role=link],[type=button],[type=submit],[type=reset],input[type=checkbox],input[type=radio],select{cursor:var(--cursor-apple-pointer)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9999;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.12  0 0 0 0 0.11  0 0 0 0 0.10  0 0 0 0.55 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");background-repeat:repeat;background-size:180px 180px;opacity:.045;mix-blend-mode:multiply}.home-constellation,.about-hero,.contact-section--page{position:relative;isolation:isolate}.home-constellation:before,.about-hero:before,.contact-section--page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:-1;background-image:radial-gradient(rgba(42,31,23,.03) 1px,transparent 1px);background-size:3px 3px;mix-blend-mode:multiply}.home-constellation:after,.about-hero:after,.contact-section--page:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 82% 18%,rgba(139,40,24,.07),transparent 55%),radial-gradient(ellipse at 12% 78%,rgba(94,128,144,.06),transparent 60%)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading)}h1,h2,h3,h4,h5,h6,p,ul,ol{margin:0;padding:0}h1{font-size:clamp(2rem,5vw,3.25rem);font-weight:700;line-height:1.2;letter-spacing:-.01em}h2{font-size:clamp(1.5rem,3.5vw,2.25rem);font-weight:500;line-height:1.3}h3{font-size:clamp(1.125rem,2.5vw,1.375rem);font-weight:500;line-height:1.4;text-transform:uppercase;letter-spacing:.04em}p{font-size:1rem;line-height:1.8;color:var(--color-charcoal)}a{color:inherit;text-decoration:none;transition:color .2s ease}a:hover,a:focus{color:var(--color-grey-medium)}button{font-family:inherit;font-size:inherit;color:inherit;background:none;border:none;padding:0;cursor:var(--cursor-apple-pointer)}img{max-width:100%;height:auto;display:block}ul,ol{list-style:none}:lang(zh){letter-spacing:.01em}.container{max-width:var(--max-width);margin:0 auto;padding:0 var(--content-padding-x)}.page{padding-top:var(--space-7);padding-bottom:var(--space-7)}.page__intro{max-width:36rem;margin-top:var(--space-4)}.site{display:flex;flex-direction:column;min-height:100vh}.site-main{flex:1 0 auto}.skip-link{position:absolute;left:-9999px;top:0;background:var(--color-black);color:var(--color-white);padding:var(--space-2) var(--space-3);z-index:1000}.skip-link:focus{left:var(--space-3);top:var(--space-3);color:var(--color-white)}:focus-visible{outline:2px solid var(--color-black);outline-offset:3px}.site-header{position:sticky;top:0;z-index:50;background-color:var(--c-bg);border-bottom:1px solid var(--c-line)}.site-header__inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-3);padding-top:var(--space-3);padding-bottom:var(--space-3)}.site-header__brand{font-family:var(--font-heading);font-size:1.3rem;font-weight:400;letter-spacing:.06em;display:inline-flex;align-items:center;gap:.5rem;margin-left:calc(-1 * var(--content-padding-x))}html[lang^=en] .site-header__brand{text-transform:uppercase;letter-spacing:.08em}.site-header__brand-mark{width:38px;height:38px;display:block;object-fit:contain;transition:transform .22s cubic-bezier(.4,0,.2,1)}.site-header__brand:hover .site-header__brand-mark,.site-header__brand:focus-visible .site-header__brand-mark{transform:rotate(-4deg) scale(1.06)}.site-header__brand:hover,.site-header__brand:focus{color:var(--color-black)}.site-header__toggle{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;margin-left:auto;border:1px solid transparent}.site-header__toggle:hover,.site-header__toggle:focus-visible{border-color:var(--color-black)}.hamburger{display:inline-flex;flex-direction:column;justify-content:space-between;width:1.25rem;height:.875rem}.hamburger span{display:block;height:1px;background-color:var(--color-black);transition:transform .2s ease,opacity .2s ease}.hamburger.is-open span:nth-child(1){transform:translateY(6px) rotate(45deg)}.hamburger.is-open span:nth-child(2){opacity:0}.hamburger.is-open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.site-header__menu{display:none;width:100%;flex-direction:column;gap:var(--space-4);padding-top:var(--space-3);padding-bottom:var(--space-2);border-top:1px solid var(--c-line)}.site-header__menu.is-open{display:flex}.site-nav{display:flex;flex-direction:column;gap:var(--space-3);font-size:.9375rem;letter-spacing:.06em;text-transform:uppercase}.site-nav a{display:inline-block;padding-bottom:2px;border-bottom:1px solid transparent;color:var(--color-charcoal)}.site-nav a:hover,.site-nav a:focus-visible{color:var(--color-black)}.site-nav a.active{color:var(--color-black);border-bottom-color:var(--color-black)}.site-header__lang{display:flex}@media (min-width: 768px){.site-header__toggle{display:none}.site-header__menu{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;flex:1 1 auto;width:auto;gap:var(--space-5);padding:0;border-top:none}.site-nav{flex-direction:row;gap:var(--space-5)}}.lang-switcher{display:inline-flex;align-items:center;gap:var(--space-2);font-size:.8125rem;letter-spacing:.08em;text-transform:uppercase}.lang-switcher button{color:var(--color-grey-medium);padding:0}.lang-switcher button.is-active{color:var(--color-ink);text-decoration:none;border-bottom:2px solid var(--color-accent-wine);padding-bottom:1px}.lang-switcher button:hover{color:var(--color-black)}.site-footer{background-color:var(--c-bg-tint);border-top:1px solid var(--c-line);margin-top:var(--space-8);padding-top:var(--space-7);padding-bottom:var(--space-5);scroll-margin-top:var(--space-7)}.site-footer__inner{display:grid;grid-template-columns:1fr;gap:var(--space-6);padding-bottom:var(--space-6)}.site-footer__heading{font-size:.875rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;margin-bottom:var(--space-3);color:var(--color-black)}.site-footer__list{display:grid;gap:var(--space-3);margin:0}.site-footer__list dt{font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--c-mute);margin-bottom:var(--space-1)}.site-footer__list dd{margin:0;font-size:.9375rem;color:var(--c-ink-soft)}.site-footer__list a{border-bottom:1px solid transparent}.site-footer__list a:hover,.site-footer__list a:focus-visible{color:var(--color-black);border-bottom-color:var(--color-black)}.site-footer__col--brand{align-self:end}.site-footer__brand{font-size:1.125rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--color-black);margin-bottom:var(--space-2)}.site-footer__tagline{font-size:.9375rem;color:var(--c-mute)}.site-footer__bottom{padding-top:var(--space-4);border-top:1px solid var(--c-line);color:var(--c-mute);font-size:.8125rem}.site-footer__beian{display:block;margin-top:var(--space-2)}.site-footer__beian a{color:var(--c-mute)}.site-footer__beian a:hover,.site-footer__beian a:focus-visible{color:var(--color-accent-wine)}@media (min-width: 768px){.site-footer__inner{grid-template-columns:1fr 1fr;gap:var(--space-7)}.site-footer__col--brand{text-align:right}}.eyebrow{display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--color-grey-medium);margin-bottom:var(--space-3)}.btn{display:inline-block;padding:.75rem 1.5rem;font-size:.875rem;letter-spacing:.12em;text-transform:uppercase;border:1px solid #8a2818;border-radius:var(--radius-md);transition:background-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1),border-color .2s cubic-bezier(.4,0,.2,1),transform .16s cubic-bezier(.4,0,.2,1),box-shadow .16s cubic-bezier(.4,0,.2,1)}.btn--primary{background-color:#8a2818;color:#f5f0e3;border-color:#8a2818}.btn--primary:hover,.btn--primary:focus-visible{background-color:#c5d3c8;color:#2a1f17;border-color:#c5d3c8}.btn--ghost{background-color:#c5d3c8;color:#2a1f17;border-color:#8a2818}.contact-section--page .btn--primary{background-color:var(--c-ink);color:var(--c-bg);border-color:var(--c-ink)}.contact-section--page .btn--primary:hover,.contact-section--page .btn--primary:focus-visible{background-color:var(--c-bg);color:var(--c-ink);border-color:var(--c-ink)}.contact-section--page .btn--ghost{background-color:transparent;color:var(--c-ink);border-color:var(--c-ink)}.link-underline{border-bottom:1px solid currentColor;padding-bottom:2px;font-size:.9375rem;letter-spacing:.04em}.link-underline:hover,.link-underline:focus-visible{color:var(--color-black)}.home-hero{padding-top:var(--space-7);padding-bottom:var(--space-7);border-bottom:1px solid var(--color-grey-light)}.home-hero__name{font-size:clamp(2.5rem,7vw,4.5rem);letter-spacing:-.01em;line-height:1.05;margin-bottom:var(--space-3)}.home-hero__name-primary{display:block}.home-hero__name-alt{display:block;font-family:var(--font-body);font-size:clamp(.9375rem,1.5vw,1.25rem);font-weight:400;letter-spacing:.04em;color:var(--color-grey-medium);margin-top:var(--space-3)}.home-hero__subtitle{font-size:clamp(1.125rem,2.25vw,1.5rem);font-weight:400;color:var(--color-charcoal);margin-bottom:var(--space-5);letter-spacing:.02em}.home-hero__intro{max-width:42rem;font-size:1.0625rem;margin-bottom:var(--space-5)}.home-hero__cta{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-7)}.home-hero__stats{display:grid;grid-template-columns:1fr;gap:var(--space-4);margin:0;padding-top:var(--space-5);border-top:1px solid var(--color-grey-light)}.home-hero__stats dt{font-size:.6875rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--color-grey-medium);margin-bottom:var(--space-1)}.home-hero__stats dd{margin:0;font-size:.9375rem;color:var(--color-black);line-height:1.5}@media (min-width: 600px){.home-hero__stats{grid-template-columns:repeat(2,1fr);gap:var(--space-5)}}@media (min-width: 960px){.home-hero__stats{grid-template-columns:repeat(4,1fr)}}.home-section{padding-top:var(--space-7);padding-bottom:var(--space-7)}.home-section--muted{background-color:transparent;border-top:none;border-bottom:none}.home-section--cta{background-color:transparent;border-top:none}.home-section--muted.home-section--accent-brick,.home-section--muted.home-section--accent-slate,.home-section--muted.home-section--accent-sage,.home-section--muted.home-section--accent-sky,.home-section--muted.home-section--accent-sand{background-color:transparent;border:none}.home-about h2{max-width:32rem;margin-bottom:var(--space-4)}.home-about__body{max-width:42rem;font-size:1.0625rem;margin-bottom:var(--space-3)}.home-about__context{max-width:42rem;color:var(--color-grey-medium);margin-bottom:var(--space-4)}.home-projects__header{max-width:42rem;margin-bottom:var(--space-6)}.home-projects__header h2{margin-bottom:var(--space-3)}.home-projects__lead{color:var(--color-grey-medium)}.project-grid{display:grid;grid-template-columns:1fr;gap:var(--space-5);margin:0}.project-card{position:relative;padding:var(--space-5);background-color:var(--c-bg);border:2px solid #7e2818;border-radius:var(--radius-md);box-shadow:0 4px 16px -8px #2a1f1724,0 1px 2px #2a1f170d}.project-card__index{display:block;font-size:.75rem;font-weight:600;letter-spacing:.18em;color:var(--color-grey-medium);margin-bottom:var(--space-3)}.project-card__title{text-transform:none;letter-spacing:0;font-size:1.125rem;font-weight:600;margin-bottom:var(--space-2);color:var(--color-black)}.project-card__type{font-size:.8125rem;letter-spacing:.06em;text-transform:uppercase;color:var(--color-grey-medium);margin-bottom:var(--space-3)}.project-card__description{font-size:.9375rem;margin-bottom:var(--space-3)}.project-card__skills{font-size:.8125rem;color:var(--color-grey-medium);letter-spacing:.02em}.home-projects__more{margin-top:var(--space-5)}@media (min-width: 720px){.project-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1080px){.project-grid{grid-template-columns:repeat(3,1fr)}}.home-skills__header{max-width:42rem;margin-bottom:var(--space-6)}.home-skills__header h2{margin-bottom:var(--space-3)}.home-skills__lead{color:var(--color-grey-medium)}.skill-grid{display:grid;grid-template-columns:1fr;gap:var(--space-4);margin:0}.skill-card{padding:var(--space-4) 0;border-top:1px solid var(--color-grey-light)}.skill-card:last-child{border-bottom:1px solid var(--color-grey-light)}.skill-card__title{text-transform:none;letter-spacing:0;font-size:1rem;font-weight:600;margin-bottom:var(--space-2)}.skill-card__description{font-size:.9375rem;color:var(--color-charcoal)}@media (min-width: 720px){.skill-grid{grid-template-columns:repeat(2,1fr);column-gap:var(--space-6);row-gap:0}.skill-card:last-child{border-bottom:none}}@media (min-width: 1080px){.skill-grid{grid-template-columns:repeat(3,1fr)}}.home-cta h2{max-width:30rem;margin-bottom:var(--space-3)}.home-cta__lead{max-width:36rem;margin-bottom:var(--space-5)}.home-cta__actions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-5)}.home-cta__email{font-size:.9375rem}.home-cta__email-label{display:inline-block;font-size:.6875rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--color-grey-medium);margin-right:var(--space-2)}.about-hero{padding-top:var(--space-7);padding-bottom:var(--space-7);border-bottom:1px solid var(--color-grey-light)}.about-hero__inner{max-width:64rem}.about-hero__layout{display:grid;grid-template-columns:1fr;gap:var(--space-5);align-items:center}.about-hero__media{position:relative;margin:0 auto;width:100%;max-width:15rem;isolation:isolate}.about-hero__photo{width:100%;height:auto;display:block}.about-hero__text{min-width:0}.about-hero h1{margin-top:var(--space-3)}@media (min-width: 720px){.about-hero__layout{grid-template-columns:minmax(14rem,18rem) 1fr;gap:var(--space-6);align-items:center}.about-hero__media{max-width:none;margin-inline:0}}.about-hero__subtitle{margin-top:var(--space-3);font-size:clamp(1.125rem,2.25vw,1.375rem);color:var(--color-charcoal);max-width:40rem}.about-hero__body{margin-top:var(--space-5);display:grid;gap:var(--space-3);max-width:44rem}.about-section__header{margin-bottom:var(--space-5);max-width:44rem}.about-section__header h2{margin-top:var(--space-3)}.about-timeline{display:grid;gap:var(--space-5);margin:0}.about-timeline__item{display:grid;grid-template-columns:1fr;gap:var(--space-2);padding-bottom:var(--space-5);border-bottom:1px solid var(--color-grey-light)}.about-timeline__item:last-child{border-bottom:none;padding-bottom:0}.about-timeline__period{font-size:.8125rem;letter-spacing:.12em;text-transform:uppercase;color:var(--color-grey-medium)}.about-timeline__school{font-size:1.125rem;font-weight:600;letter-spacing:.02em;text-transform:none;margin-bottom:var(--space-1);color:var(--color-black)}.about-timeline__program{font-size:1rem;color:var(--color-charcoal)}.about-timeline__note{margin-top:var(--space-2);font-size:.9375rem;color:var(--color-grey-medium)}@media (min-width: 720px){.about-timeline__item{grid-template-columns:12rem 1fr;gap:var(--space-5);align-items:start}}.about-positioning,.about-experience,.about-direction,.about-contact{max-width:48rem}.about-positioning h2,.about-experience h2,.about-direction h2,.about-contact h2{margin-top:var(--space-3)}.about-positioning__body,.about-experience__body,.about-direction__body,.about-contact__body{margin-top:var(--space-4)}.about-positioning__note,.about-experience__note,.about-direction__locations{margin-top:var(--space-3);font-size:.9375rem;color:var(--color-grey-medium)}.about-strengths__list{display:grid;gap:var(--space-3);margin:0;max-width:44rem}.about-strengths__item{position:relative;padding:var(--space-3) 0 var(--space-3) var(--space-5);border-top:1px solid var(--color-grey-light);color:var(--color-charcoal);font-size:1rem;line-height:1.7}.about-strengths__item:last-child{border-bottom:1px solid var(--color-grey-light)}.about-strengths__item:before{content:"";position:absolute;top:1.375rem;left:0;width:var(--space-3);height:1px;background-color:var(--color-black)}.about-contact__actions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-4)}.about-contact__cv-note{margin-top:var(--space-3);font-size:.8125rem;color:var(--color-grey-medium)}.projects-hero{padding-top:var(--space-7);padding-bottom:var(--space-7);border-bottom:1px solid var(--color-grey-light)}.projects-hero__inner{max-width:56rem}.projects-hero h1{margin-top:var(--space-3)}.projects-hero__subtitle{margin-top:var(--space-3);font-size:clamp(1.125rem,2.25vw,1.375rem);color:var(--color-charcoal);max-width:40rem}.projects-hero__intro{margin-top:var(--space-4);max-width:44rem}.projects-academic{max-width:48rem}.projects-academic h2{margin-top:var(--space-3)}.projects-academic__body{margin-top:var(--space-4)}.projects-list__header{max-width:44rem;margin-bottom:var(--space-6)}.projects-list__header h2{margin-top:var(--space-3)}.projects-list__lead{margin-top:var(--space-3);color:var(--color-charcoal)}.project-grid--detail{grid-template-columns:1fr}@media (min-width: 720px){.project-grid--detail{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1080px){.project-grid--detail{grid-template-columns:repeat(2,1fr)}}.project-card--detail{display:flex;flex-direction:column;padding:var(--space-6)}.project-card[hidden]{display:none}.project-card__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3)}.project-card--detail .project-card__index{margin-bottom:0}.project-card__label{font-size:.6875rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--color-grey-medium);border:1px solid var(--color-grey-light);padding:var(--space-1) var(--space-2)}.project-card--detail .project-card__title{font-size:1.25rem;line-height:1.3}.project-card--detail .project-card__type{margin-bottom:var(--space-1)}.project-card__period{font-size:.8125rem;letter-spacing:.02em;color:var(--color-grey-medium);margin-bottom:var(--space-4)}.project-card--detail .project-card__description{margin-bottom:var(--space-4);color:var(--color-charcoal)}.project-card__meta{margin:0;padding-top:var(--space-4);border-top:1px solid var(--color-grey-light);display:grid;gap:var(--space-3)}.project-card__meta>div{display:grid;grid-template-columns:1fr;gap:var(--space-1)}.project-card__meta dt{font-size:.6875rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--color-grey-medium)}.project-card__meta dd{margin:0;font-size:.875rem;color:var(--color-charcoal);line-height:1.6}@media (min-width: 540px){.project-card__meta>div{grid-template-columns:6rem 1fr;align-items:baseline}}:root{--c-bg: #f5f0e3;--c-bg-tint: #ebe2cb;--c-line: #d8c9ad;--c-ink: #2a1f17;--c-ink-soft: #5d4f3f;--c-mute: #9c8e78;--c-burgundy: #4a1a10;--c-brick: #8b2818;--c-terra: #8c6342;--c-slate-sg: #5a6d63;--c-deepblue: #3a6477;--c-slate: #5e8090;--c-steel: #5e8898;--c-mustard: #97804e;--c-blue-gr: #8da9b0;--c-sage: #95b0a5;--c-rose: #b18f78;--c-sky: #cad8d6;--c-sand: #ddc8a4;--color-bone: #f5f0e3;--color-cream: #ebe2cb;--color-border: #d8c9ad;--color-ink: #2a1f17;--color-accent-wine: #4a1a10;--color-accent-wine-soft: #ede2e0;--color-accent-olive: #5a6d63;--color-accent-olive-soft: #e0e6dc;--color-accent-champagne: #ddc8a4;--color-accent-champagne-soft: #f0e6d0;--shadow-card: 0 1px 1px rgba(42, 31, 23, .04);--shadow-card-hover: 0 12px 24px -16px rgba(42, 31, 23, .22), 0 2px 4px -2px rgba(42, 31, 23, .08);--transition-base: .22s cubic-bezier(.4, 0, .2, 1);--transition-snap: .16s cubic-bezier(.4, 0, .2, 1);--radius-sm: 8px;--radius-md: 14px;--radius-lg: 24px}body{background-color:var(--color-bone);color:var(--color-ink)}p{color:var(--color-ink)}h1{letter-spacing:-.012em}h2{letter-spacing:-.005em}h3{letter-spacing:.06em}html[lang^=en] .home-hero__name{font-family:var(--font-display);font-weight:400;letter-spacing:0}html[lang^=zh] .home-hero__name{font-family:var(--font-decorative-zh);font-weight:400;font-size:clamp(3.25rem,11vw,6rem);line-height:1.1;letter-spacing:.02em}html[lang^=zh] .home-hero__name-alt{letter-spacing:.04em}html[lang^=en] .about-hero__name{font-family:var(--font-display);font-weight:400;letter-spacing:0}html[lang^=zh] .about-hero__name{font-family:var(--font-serif, var(--font-heading));font-weight:400;letter-spacing:.06em}.eyebrow{color:var(--color-accent-wine);letter-spacing:.2em}:focus-visible{outline-color:var(--color-accent-wine)}.skip-link{background-color:var(--color-ink)}.site-header{background-color:#f8f5f0eb;-webkit-backdrop-filter:saturate(140%) blur(10px);backdrop-filter:saturate(140%) blur(10px);border-bottom-color:var(--color-border)}.site-header__brand:hover,.site-header__brand:focus-visible{color:var(--color-accent-wine)}.site-nav a{position:relative;border-bottom:none;padding-bottom:4px;transition:color var(--transition-base)}.site-nav a:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background-color:var(--color-accent-wine);transform:scaleX(0);transform-origin:left center;transition:transform var(--transition-base)}.site-nav a:hover,.site-nav a:focus-visible,.site-nav a.active{color:var(--color-accent-wine)}.site-nav a:hover:after,.site-nav a:focus-visible:after,.site-nav a.active:after{transform:scaleX(1)}.lang-switcher button:hover{color:var(--color-accent-wine)}.site-footer{background-color:var(--color-cream);border-top-color:var(--color-border)}.site-footer__bottom{border-top-color:var(--color-border)}.site-footer__list a:hover,.site-footer__list a:focus-visible{color:var(--color-accent-wine);border-bottom-color:var(--color-accent-wine)}.home-section--muted,.home-section--cta{background-color:transparent;border:none}.home-hero,.about-hero,.projects-hero{border-bottom-color:var(--color-border)}.home-hero__stats{border-top-color:var(--color-border)}.about-timeline__item{border-bottom-color:var(--color-border)}.about-strengths__item{border-top-color:var(--color-border)}.about-strengths__item:last-child{border-bottom-color:var(--color-border)}.about-strengths__item:before{background-color:var(--color-accent-wine)}.project-card{background-color:var(--c-bg);border-color:#7e2818;border-top:2px solid #7e2818;box-shadow:var(--shadow-card);transition:transform var(--transition-base),box-shadow var(--transition-base),border-top-color var(--transition-base),border-color var(--transition-base)}.project-card:hover,.project-card:focus-within{transform:translateY(-2px);box-shadow:var(--shadow-card-hover);border-top-color:var(--color-accent-wine)}.project-card__type{color:var(--color-accent-wine)}.project-card__meta{border-top-color:var(--color-border)}.project-card__label{background-color:#c5d3c8;color:#2a1f17;border-color:transparent;letter-spacing:.16em;padding:.25rem .6rem;transition:background-color var(--transition-base),color var(--transition-base),border-color var(--transition-base)}.project-card:hover .project-card__label,.project-card:focus-within .project-card__label{background-color:#8a2818;color:#f5f0e3}.skill-card{border-top-color:var(--color-border);transition:background-color var(--transition-base),color var(--transition-base)}.skill-card:hover,.skill-card:focus-within{background-color:var(--color-cream)}.skill-card:hover .skill-card__title,.skill-card:focus-within .skill-card__title{color:var(--color-accent-wine)}.btn{transition:background-color var(--transition-base),color var(--transition-base),border-color var(--transition-base),transform var(--transition-snap),box-shadow var(--transition-base)}.btn:hover,.btn:focus-visible{transform:translateY(-1px)}.btn--ghost:hover,.btn--ghost:focus-visible{background-color:#8a2818;color:#f5f0e3;border-color:#8a2818}.contact-section--page .btn--ghost:hover,.contact-section--page .btn--ghost:focus-visible{background-color:var(--c-ink);color:var(--c-bg);border-color:var(--c-ink)}.link-underline{border-bottom:0;padding-bottom:4px;background-image:linear-gradient(currentColor,currentColor);background-repeat:no-repeat;background-position:0 100%;background-size:100% 1px;transition:background-size var(--transition-base),background-image var(--transition-base),color var(--transition-base)}.link-underline:hover,.link-underline:focus-visible{background-image:linear-gradient(var(--color-accent-wine),var(--color-accent-wine));background-size:100% 2px;color:var(--color-accent-wine)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition-duration:1ms!important;animation-duration:1ms!important}.project-card:hover,.project-card:focus-within,.skill-card:hover,.skill-card:focus-within,.btn:hover,.btn:focus-visible{transform:none!important}.site-nav a:after,.site-nav a:hover:after,.site-nav a.active:after{transition:none!important}}.home-hero__layout{display:grid;grid-template-columns:1fr;gap:var(--space-5);align-items:start}.home-hero__text{min-width:0}@media (min-width: 960px){.home-hero__layout{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:var(--space-7)}}.home-hero__stats{margin-top:var(--space-6)}.hero-identity-panel{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2);margin:0;padding:0}.hero-identity-panel__item{position:relative;margin:0;overflow:hidden;background-color:var(--color-bone)}.hero-identity-panel__item--city,.hero-identity-panel__item--cat,.hero-identity-panel__item--magazine,.hero-identity-panel__item--gold,.hero-identity-panel__item--object{display:none}.hero-identity-panel__item--portrait{grid-column:1 / -1;aspect-ratio:4 / 3}.hero-identity-panel__item--flower,.hero-identity-panel__item--vinyl{aspect-ratio:1 / 1}.hero-identity-panel__image{display:block;width:100%;height:100%;object-fit:cover;background-color:var(--color-bone)}@media (min-width: 640px){.hero-identity-panel{display:block;aspect-ratio:1 / 1}.hero-identity-panel__item{position:absolute}.hero-identity-panel__item--city,.hero-identity-panel__item--cat,.hero-identity-panel__item--magazine,.hero-identity-panel__item--gold,.hero-identity-panel__item--object{display:block}.hero-identity-panel__item--portrait,.hero-identity-panel__item--flower,.hero-identity-panel__item--vinyl{grid-column:auto;aspect-ratio:initial}.hero-identity-panel__item--city{top:1%;left:38%;width:25%;aspect-ratio:220 / 475;z-index:1}.hero-identity-panel__item--flower{top:24%;left:4%;width:30%;aspect-ratio:265 / 325;z-index:2}.hero-identity-panel__item--gold{top:34%;left:78%;width:21%;aspect-ratio:185 / 295;z-index:3}.hero-identity-panel__item--vinyl{top:58%;left:51%;width:37%;aspect-ratio:330 / 340;z-index:4}.hero-identity-panel__item--object{top:68%;left:78%;width:20%;aspect-ratio:180 / 175;z-index:5}.hero-identity-panel__item--cat{top:11%;left:65%;width:30%;aspect-ratio:265 / 220;z-index:6}.hero-identity-panel__item--magazine{top:55%;left:30%;width:33%;aspect-ratio:295 / 325;z-index:7}.hero-identity-panel__item--portrait{top:32%;left:49%;width:28%;aspect-ratio:230 / 340;z-index:8}}@media (prefers-reduced-motion: no-preference){.hero-identity-panel__item{transition:transform .4s cubic-bezier(.4,0,.2,1),z-index 0ms .4s}.hero-identity-panel__image{transition:transform .4s cubic-bezier(.4,0,.2,1)}.hero-identity-panel__item:hover,.hero-identity-panel__item:focus-within{transform:translateY(-2px);z-index:20;transition:transform .4s cubic-bezier(.4,0,.2,1),z-index 0ms}.hero-identity-panel__item:hover .hero-identity-panel__image,.hero-identity-panel__item:focus-within .hero-identity-panel__image{transform:scale(1.02)}}.home-marquee{position:relative;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);background-color:var(--color-bone);overflow:hidden;padding:var(--space-2) 0;-webkit-user-select:none;user-select:none}.home-marquee__track{display:flex;width:max-content;align-items:center;animation:home-marquee-scroll 50s linear infinite}.home-marquee__item{flex:0 0 auto;position:relative;padding:0 var(--space-3);font-size:.75rem;letter-spacing:.18em;text-transform:uppercase;color:var(--color-grey-medium);white-space:nowrap}@media (min-width: 720px){.home-marquee__item{padding:0 var(--space-4);font-size:.8125rem}}.home-marquee__item:after{content:"·";position:absolute;right:0;top:50%;transform:translate(50%,-50%);color:var(--color-accent-wine);font-size:1rem;line-height:1}.home-marquee:hover .home-marquee__track,.home-marquee:focus-within .home-marquee__track{animation-play-state:paused}@keyframes home-marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (prefers-reduced-motion: reduce){.home-marquee__track{animation:home-marquee-scroll 50s linear infinite!important}}.project-card[data-project=adidas]{--project-accent: #2a3a5e;--project-accent-soft: #e7eaf2}.project-card[data-project=visionstep],.project-card[data-project=balenciaga]{--project-accent: #2a1518;--project-accent-soft: #e9d8d8}.project-card[data-project=rickowens]{--project-accent: #1f1d1a;--project-accent-soft: #e3e0db}.project-card[data-project=jacquemus]{--project-accent: #9b5d3e;--project-accent-soft: #f4e8de}.project-card[data-project=catering]{--project-accent: #7a6a3e;--project-accent-soft: #f0eadc}.project-card[data-project=arabica]{--project-accent: #33302a;--project-accent-soft: #ebe5d8}.project-card:not(.project-card--detail){position:relative}.project-card:not(.project-card--detail):before{content:none}.project-card__accent-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.project-card__accent-header .project-card__index{display:inline-block;margin-bottom:0;color:var(--project-accent, var(--color-accent-wine))}.project-card__accent-marker{display:inline-block;flex:1;height:1px;background-color:var(--color-border);transition:background-color var(--transition-base)}.project-card:not(.project-card--detail):hover .project-card__accent-marker,.project-card:not(.project-card--detail):focus-within .project-card__accent-marker{background-color:var(--project-accent, var(--color-accent-wine))}.project-card:not(.project-card--detail) .project-card__methods{display:block;font-size:.8125rem;letter-spacing:.04em;color:var(--project-accent, var(--color-accent-wine));margin:var(--space-3) 0 var(--space-2);padding-left:var(--space-3);border-left:2px solid var(--project-accent-soft, var(--color-border))}.projects-filters{margin-top:var(--space-5);margin-bottom:var(--space-6)}.projects-filters__label{display:block;margin-bottom:var(--space-3)}.projects-filters__list{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:0;padding:0;list-style:none}.projects-filter-chip{display:inline-flex;align-items:center;padding:.45rem .95rem;border:1px solid #a8bbb2;border-radius:999px;background-color:#bccdc4;color:var(--c-ink);font-family:inherit;font-size:.8125rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;cursor:var(--cursor-apple-pointer)}.projects-filter-chip:hover,.projects-filter-chip:focus-visible{border-color:var(--color-accent-wine);color:var(--color-accent-wine)}.projects-filter-chip[aria-pressed=true]{background-color:var(--color-ink);border-color:var(--color-ink);color:var(--color-white)}.projects-filter-chip[aria-pressed=true]:hover,.projects-filter-chip[aria-pressed=true]:focus-visible{background-color:var(--color-accent-wine);border-color:var(--color-accent-wine);color:var(--color-white)}.projects-filters__count{margin-top:var(--space-3);font-size:.8125rem;letter-spacing:.04em;color:var(--color-grey-medium)}.project-card--detail[data-project] .project-card__index{color:var(--project-accent, var(--color-accent-wine))}.project-card__thumb{position:relative;margin:0 0 var(--space-4);overflow:hidden;aspect-ratio:3 / 2;background-color:var(--project-accent-soft, var(--color-border));border-bottom:1px solid var(--project-accent-soft, var(--color-border))}.project-card__thumb img{display:block;width:100%;height:100%;object-fit:cover;background-color:var(--color-bone)}.project-card__thumb:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--project-accent, transparent);opacity:0;pointer-events:none}.project-card--detail{overflow:hidden}@media (prefers-reduced-motion: no-preference){.project-card--detail{transition:transform .22s cubic-bezier(.4,0,.2,1),box-shadow .22s cubic-bezier(.4,0,.2,1),border-color .22s cubic-bezier(.4,0,.2,1)}.project-card--detail[data-project]:hover,.project-card--detail[data-project]:focus-within{transform:translateY(-3px);box-shadow:var(--shadow-card-hover)}.project-card__thumb img{transition:transform .4s cubic-bezier(.4,0,.2,1)}.project-card--detail[data-project]:hover .project-card__thumb img,.project-card--detail[data-project]:focus-within .project-card__thumb img{transform:scale(1.04)}.project-card__thumb:after{transition:opacity .3s cubic-bezier(.4,0,.2,1)}.project-card--detail[data-project]:hover .project-card__thumb:after,.project-card--detail[data-project]:focus-within .project-card__thumb:after{opacity:.08}.projects-filter-chip{transition:background-color .2s cubic-bezier(.4,0,.2,1),border-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1)}}@media (max-width: 539px){.project-card__thumb{aspect-ratio:4 / 3}}@media (max-width: 539px){.projects-filters{margin-top:var(--space-3);margin-bottom:var(--space-4)}.projects-filters__label{margin-bottom:var(--space-2);font-size:.6875rem;letter-spacing:.14em}.projects-filters__list{gap:var(--space-2)}.projects-filter-chip{padding:.45rem .7rem;font-size:.75rem;letter-spacing:.1em}.projects-filters__count{margin-top:var(--space-2);font-size:.6875rem}}.project-detail-preview-banner{background-color:var(--color-accent-champagne-soft);border-bottom:1px solid var(--color-border);padding:var(--space-3) 0}.project-detail-preview-banner__text{margin:0;font-size:.8125rem;letter-spacing:.04em;color:var(--color-ink)}.project-detail-preview-banner__text strong{letter-spacing:.18em;text-transform:uppercase;font-size:.6875rem;color:var(--color-accent-wine);display:inline-block;margin-right:var(--space-2)}.project-detail{padding-top:var(--space-6);padding-bottom:var(--space-8);background-color:var(--color-bone)}.project-detail__container{max-width:72rem}.project-detail__breadcrumb{margin-bottom:var(--space-5);font-size:.8125rem;letter-spacing:.06em;text-transform:uppercase;color:var(--color-grey-medium)}.project-detail__breadcrumb a{color:inherit;border-bottom:1px solid transparent}.project-detail__breadcrumb a:hover,.project-detail__breadcrumb a:focus-visible{color:var(--project-accent, var(--color-accent-wine));border-bottom-color:currentColor}.project-detail__header{max-width:52rem;margin-bottom:var(--space-6)}.project-detail__eyebrow{display:inline-block;margin-bottom:var(--space-3);font-size:.75rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--project-accent, var(--color-accent-wine))}.project-detail__title{margin-bottom:var(--space-4);font-size:clamp(2rem,4.5vw,3.25rem);line-height:1.15;letter-spacing:-.01em;color:var(--color-ink)}.project-detail__framing{font-size:clamp(1rem,1.6vw,1.125rem);line-height:1.55;color:var(--color-charcoal)}.project-detail__meta{display:flex;flex-direction:column;gap:var(--space-4);margin:0 0 var(--space-7);padding:var(--space-5) 0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.project-detail__meta-row{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.project-detail__meta-row dt{font-size:.6875rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--color-grey-medium)}.project-detail__meta-row dd{margin:0;font-size:.9375rem;line-height:1.7;color:var(--color-ink)}@media (min-width: 720px){.project-detail__meta-row{display:grid;grid-template-columns:minmax(7rem,9rem) 1fr;column-gap:var(--space-5);align-items:baseline}}.project-detail__hero-figure{margin-bottom:var(--space-7)}@media (min-width: 720px){.project-detail__hero-figure--portrait{max-width:25rem;margin-left:auto;margin-right:auto}}.project-detail__hero-overview{display:contents}@media (min-width: 720px){.project-detail__hero-overview{display:grid;grid-template-columns:minmax(0,23rem) 1fr;column-gap:var(--space-6);align-items:center;margin-bottom:var(--space-7)}.project-detail__hero-overview .project-detail__hero-figure{margin:0}.project-detail__hero-overview .project-detail__hero-figure--portrait{max-width:none}.project-detail__hero-overview .pd-section--overview{margin-bottom:0}.project-detail__hero-overview__text{display:flex;flex-direction:column;gap:var(--space-5)}.project-detail__hero-overview__text>.pd-section{margin-bottom:0}}@media (max-width: 719px){.project-detail__hero-overview__text{display:contents}}.pd-section--split{margin-top:6rem;margin-bottom:6rem}@media (max-width: 719px){.pd-section--split{margin-top:var(--space-7);margin-bottom:var(--space-7)}}@media (min-width: 720px){.pd-section.pd-section--figure-pair,.pd-section.pd-section--figure-grid,.pd-section.pd-section--figure{margin-bottom:6rem}}.pd-split,.pd-split__text{display:flex;flex-direction:column;gap:var(--space-5)}.pd-split__text-heading{margin:0 0 var(--space-2);font-size:clamp(1rem,1.6vw,1.125rem);font-weight:600;letter-spacing:-.005em;color:var(--color-ink)}@media (min-width: 720px){.pd-section--split--portrait .pd-split{display:grid;grid-template-columns:minmax(0,23rem) 1fr;column-gap:var(--space-6);align-items:center}.pd-section.pd-section--split--landscape{max-width:72rem;margin-top:6rem;margin-bottom:6rem}.pd-section--split--landscape .pd-split{display:grid;grid-template-columns:3fr 2fr;column-gap:var(--space-6);align-items:start}.pd-section--split--landscape .pd-split>.pd-split__figure,.pd-section--split--landscape .pd-split>.pd-split__text{min-width:0}}.pd-section{margin-bottom:var(--space-7)}.pd-section__heading{position:relative;margin-bottom:var(--space-4);padding-top:var(--space-3);font-size:clamp(1.25rem,2.4vw,1.625rem);font-weight:600;letter-spacing:-.005em;color:var(--color-ink)}.pd-section__heading:before{content:"";position:absolute;top:0;left:0;width:1.75rem;height:1px;background-color:var(--project-accent, var(--color-accent-wine))}.pd-section__sub-heading{margin-bottom:var(--space-2);font-size:.8125rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--color-grey-medium)}.pd-section__body{max-width:42rem;font-size:1rem;line-height:1.7;color:var(--color-ink)}.pd-section__body--lead{font-size:clamp(1.0625rem,1.4vw,1.1875rem);max-width:44rem}.pd-section__columns{display:grid;grid-template-columns:1fr;gap:var(--space-5)}@media (min-width: 720px){.pd-section__columns{grid-template-columns:1fr 1fr;gap:var(--space-6)}}.pd-section__column .pd-section__body{max-width:none}.pd-figure{margin:0}.pd-figure__media{position:relative;width:100%;aspect-ratio:3 / 2;overflow:hidden;background-color:var(--color-cream);border:1px solid var(--color-border);border-radius:4px}.pd-figure{display:block}.pd-figure__media,.pd-figure[style*=aspect-ratio] .pd-figure__media{aspect-ratio:inherit}.pd-figure__image{width:100%;height:100%;object-fit:cover;display:block;background-color:var(--color-cream)}.pd-figure__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);text-align:center;background-image:linear-gradient(135deg,var(--color-cream) 0%,var(--color-cream) 49%,var(--color-border) 49%,var(--color-border) 51%,var(--color-cream) 51%,var(--color-cream) 100%);background-size:32px 32px}.pd-figure__placeholder-mark{width:3rem;height:1px;background-color:var(--color-grey-medium);display:block}.pd-figure__placeholder-label{font-size:.6875rem;letter-spacing:.18em;text-transform:uppercase;color:var(--color-grey-medium);padding:0 var(--space-3)}.pd-figure__caption{position:relative;margin-top:var(--space-3);padding-top:var(--space-2);font-size:.8125rem;line-height:1.55;color:var(--color-grey-medium);letter-spacing:.02em}.pd-figure__caption:before{content:"";position:absolute;top:0;left:0;width:1.25rem;height:1px;background-color:var(--project-accent, var(--color-accent-wine))}.pd-figure-pair{display:grid;grid-template-columns:1fr;gap:var(--space-4)}@media (min-width: 640px){.pd-figure-pair{grid-template-columns:1fr 1fr;gap:var(--space-5)}}.pd-figure-grid{display:grid;grid-template-columns:1fr;gap:var(--space-4)}@media (min-width: 640px){.pd-figure-grid{grid-template-columns:1fr 1fr}}@media (min-width: 1024px){.pd-figure-grid{grid-template-columns:1fr 1fr 1fr}.pd-figure-grid--quad{grid-template-columns:1fr 1fr}}@media (min-width: 720px){.pd-figure-grid--quad{max-width:72rem;margin-inline:auto}.pd-section.pd-section--figure-grid:has(.pd-figure-grid--quad){max-width:72rem}}.pd-figure-grid>.pd-figure{min-width:0}.pd-figure-pair>.pd-figure{width:100%;min-width:0}@media (min-width: 720px){.pd-section.pd-section--figure-pair--landscape{max-width:72rem}}@media (min-width: 720px){.pd-section--figure,.pd-section--figure-pair,.pd-section--figure-grid,.pd-section--split{max-width:64rem;margin-inline:auto}}.pd-section--pull-quote{margin-block:var(--space-8)}.pd-pull-quote{margin:0;padding:var(--space-3) 0 var(--space-3) var(--space-5);border-left:2px solid var(--project-accent, var(--color-accent-wine))}.pd-pull-quote__body{margin:0;font-size:clamp(1.375rem,2.6vw,1.875rem);line-height:1.45;letter-spacing:0;color:var(--color-ink)}.pd-pull-quote__attribution{display:block;margin-top:var(--space-3);font-style:normal;font-size:.8125rem;letter-spacing:.12em;text-transform:uppercase;color:var(--color-grey-medium)}html[lang^=zh] .pd-pull-quote__body{font-family:var(--font-decorative-zh);font-weight:400;line-height:1.5;letter-spacing:.02em}html[lang^=en] .pd-pull-quote__body{font-family:var(--font-display);font-weight:400;letter-spacing:0}.pd-list{margin:0;padding:0;list-style:none;display:grid;gap:var(--space-2);max-width:44rem}.pd-list__item{position:relative;padding-left:1.5rem;font-size:1rem;line-height:1.7;color:var(--color-ink)}.pd-list__item:before{content:"";position:absolute;left:0;top:.85em;width:.5rem;height:1px;background-color:var(--project-accent, var(--color-accent-wine))}ol.pd-list{counter-reset:pd-list}ol.pd-list .pd-list__item{padding-left:2.25rem;counter-increment:pd-list}ol.pd-list .pd-list__item:before{content:counter(pd-list,decimal-leading-zero);position:absolute;left:0;top:0;width:auto;height:auto;background-color:transparent;font-size:.6875rem;font-weight:600;letter-spacing:.18em;color:var(--project-accent, var(--color-accent-wine))}.pd-callout{padding:var(--space-4) var(--space-5);border-left:2px solid var(--project-accent, var(--color-accent-wine));background-color:var(--project-accent-soft, var(--color-cream))}.pd-callout__heading{margin-bottom:var(--space-2);font-size:.8125rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--project-accent, var(--color-accent-wine))}.pd-callout__body{margin:0;font-size:.9375rem;line-height:1.65;color:var(--color-ink);max-width:44rem}.project-detail__meta-footer{margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--color-border)}.project-detail__meta--footer{border:none;padding:0;margin-top:var(--space-4);margin-bottom:var(--space-4)}.project-detail__meta-note{margin-top:var(--space-3);font-size:.8125rem;color:var(--color-grey-medium);max-width:44rem}.pd-bottom-nav{display:grid;grid-template-columns:1fr;gap:var(--space-4);margin-top:var(--space-7);padding-top:var(--space-5);border-top:1px solid var(--color-border)}@media (min-width: 640px){.pd-bottom-nav{grid-template-columns:1fr 1fr}}.pd-bottom-nav__slot{display:flex;flex-direction:column;gap:var(--space-1)}.pd-bottom-nav__slot--next{text-align:left}@media (min-width: 640px){.pd-bottom-nav__slot--next{text-align:right;align-items:flex-end}}.pd-bottom-nav__direction{font-size:.6875rem;letter-spacing:.18em;text-transform:uppercase;color:var(--color-grey-medium)}.pd-bottom-nav__group{display:flex;flex-direction:column;gap:var(--space-1);align-items:inherit;text-decoration:none;color:inherit}.pd-bottom-nav__link{font-size:1rem;font-weight:500;color:var(--color-ink);border-bottom:1px solid transparent}.pd-bottom-nav__group:hover .pd-bottom-nav__link,.pd-bottom-nav__group:focus-visible .pd-bottom-nav__link{color:var(--project-accent, var(--color-accent-wine));border-bottom-color:currentColor}.pd-bottom-nav__group:focus-visible{outline:2px solid var(--project-accent, var(--color-accent-wine));outline-offset:4px;border-radius:2px}.pd-bottom-nav__link--disabled{color:var(--color-grey-medium);cursor:default}@media (prefers-reduced-motion: no-preference){.project-detail__breadcrumb a,.pd-bottom-nav__link{transition:color .2s cubic-bezier(.4,0,.2,1),border-color .2s cubic-bezier(.4,0,.2,1)}}.reveal{opacity:0;transform:translateY(20px);transition:opacity var(--transition-base),transform var(--transition-base);transition-delay:var(--reveal-delay, 0ms)}.reveal.is-visible{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion: reduce){.reveal{opacity:1!important;transform:none!important;transition:none!important}}.home-quote-band{background-color:var(--color-cream);padding:var(--space-8) 0;text-align:center;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.home-quote-band__text{font-size:clamp(1.25rem,2.5vw,1.75rem);line-height:1.55;color:var(--color-ink);max-width:44rem;margin:0 auto;font-weight:400}.home-quote-band__text:before{content:"·";display:block;color:var(--color-accent-wine);font-size:1.5rem;margin-bottom:var(--space-3);letter-spacing:0;line-height:1}@media (max-width: 539px){.home-quote-band{padding:var(--space-6) 0}}.home-pills{padding:var(--space-5) 0;border-bottom:1px solid var(--color-border)}.home-pills__list{display:flex;flex-wrap:wrap;gap:var(--space-2);list-style:none;padding:0;margin:0;justify-content:center}.home-pills__item{padding:.25rem .875rem;background-color:var(--color-accent-olive-soft, #EDEFD8);border-radius:20px;font-size:.75rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--color-ink);white-space:nowrap}.home-hero{padding-top:var(--space-8);padding-bottom:var(--space-8)}@media (max-width: 539px){.home-hero{padding-top:var(--space-7);padding-bottom:var(--space-7)}}.home-section--projects{padding-top:var(--space-8);padding-bottom:var(--space-8)}.home-section--skills{padding-top:var(--space-6);padding-bottom:var(--space-6)}.home-section--cta{padding-top:var(--space-8);padding-bottom:var(--space-8)}@media (max-width: 539px){.home-section--projects,.home-section--cta{padding-top:var(--space-7);padding-bottom:var(--space-7)}}.about-hero__body p{font-size:clamp(1rem,1.2vw,1.125rem);line-height:1.75;color:var(--color-ink)}.about-timeline__item{border-left:2px solid var(--color-border);padding-left:var(--space-4);transition:border-left-color .2s cubic-bezier(.4,0,.2,1)}@media (hover: hover){.about-timeline__item:hover{border-left-color:var(--color-accent-wine)}}.about-strengths__item{border-left:2px solid transparent;transition:border-left-color .2s cubic-bezier(.4,0,.2,1)}@media (hover: hover){.about-strengths__item:hover{border-left-color:var(--color-accent-wine)}}@media (max-width: 539px){.about-timeline__item{padding-left:var(--space-3)}}@media (prefers-reduced-motion: reduce){.about-timeline__item,.about-strengths__item{transition:none}}.project-card:not(.project-card--detail):after{content:"";position:absolute;top:-1px;left:0;right:0;height:2px;background-color:var(--project-accent, var(--color-accent-wine));transform:scaleX(0);transform-origin:left center;pointer-events:none}@media (prefers-reduced-motion: no-preference){.project-card:not(.project-card--detail):after{transition:transform .22s cubic-bezier(.4,0,.2,1)}}.project-card:not(.project-card--detail):hover:after,.project-card:not(.project-card--detail):focus-within:after{transform:scaleX(1)}.project-card:not(.project-card--detail):hover,.project-card:not(.project-card--detail):focus-within{border-top-color:var(--color-border)}.project-card:not(.project-card--detail):hover:before,.project-card:not(.project-card--detail):focus-within:before{background-color:var(--color-border)}@media (prefers-reduced-motion: no-preference){.btn--primary:hover,.btn--primary:focus-visible,.btn--ghost:hover,.btn--ghost:focus-visible{transform:scale(1.02);box-shadow:0 4px 12px #0000001a}.btn--primary:active,.btn--ghost:active{transform:scale(.99);box-shadow:none}}@media (hover: none){.btn--primary:active,.btn--ghost:active{opacity:.85;transform:none}}.site-header.is-scrolled{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 1px 0 var(--color-border);background-color:#f5f0e3d9}@media (prefers-reduced-motion: no-preference){.site-header{transition:box-shadow .22s cubic-bezier(.4,0,.2,1),background-color .22s cubic-bezier(.4,0,.2,1)}}@media (prefers-reduced-motion: no-preference){html{scroll-behavior:smooth}}.project-card__link{display:block;color:inherit;text-decoration:none;height:100%;border-radius:inherit}.project-card__link:hover,.project-card__link:focus-visible{color:inherit;text-decoration:none}.project-card__link:focus-visible{outline:2px solid var(--project-accent, var(--color-accent-wine));outline-offset:4px;border-radius:2px}.project-card__open{display:inline-flex;align-items:center;gap:var(--space-2);margin-top:var(--space-3);font-size:.75rem;letter-spacing:.18em;text-transform:uppercase;font-weight:600;color:var(--color-grey-medium);border-bottom:1px solid transparent;padding-bottom:1px;transition:color .22s ease,border-color .22s ease,letter-spacing .22s ease}.project-card--linked:hover .project-card__open,.project-card--linked:focus-within .project-card__open{color:var(--project-accent, var(--color-accent-wine));border-bottom-color:var(--project-accent, var(--color-accent-wine));letter-spacing:.22em}.home-projects .project-card--linked .project-card__link{display:flex;flex-direction:column;gap:var(--space-2)}.home-projects .project-card--linked .project-card__open{margin-top:auto}@property --tilt-x{syntax: "<number>"; inherits: false; initial-value: 0;}@property --tilt-y{syntax: "<number>"; inherits: false; initial-value: 0;}@media (prefers-reduced-motion: no-preference) and (hover: hover) and (pointer: fine){.project-card--linked{--card-lift: 0px;transform:translateY(var(--card-lift, 0px)) perspective(900px) rotateX(calc(var(--tilt-y, 0) * -2.4deg)) rotateY(calc(var(--tilt-x, 0) * 2.4deg));transition:transform .38s cubic-bezier(.2,.7,.2,1),box-shadow .26s cubic-bezier(.2,.7,.2,1);transform-style:preserve-3d;will-change:transform}.project-card--linked:hover,.project-card--linked:focus-within{--card-lift: -4px}.project-card--linked.is-tilting{transition:transform 90ms linear,box-shadow .26s cubic-bezier(.2,.7,.2,1)}}.project-detail-wrapper{opacity:1}.project-detail__title .word{display:inline-block;opacity:0;transform:translateY(1em) rotate(2deg);filter:blur(4px);animation:pdTitleWordIn .8s cubic-bezier(.2,.7,.2,1) forwards;animation-delay:calc(var(--word-i, 0) * .18s + .24s)}@keyframes pdTitleWordIn{to{opacity:1;transform:none;filter:blur(0)}}@media (prefers-reduced-motion: reduce){.project-detail__title .word{opacity:1;transform:none;animation:none}}.project-detail__hero-figure .pd-figure__media{background:var(--project-accent-soft, var(--color-cream))}.project-detail__hero-figure .pd-figure__placeholder{background:linear-gradient(135deg,var(--project-accent-soft, var(--color-cream)) 0%,var(--color-cream) 100%);color:var(--project-accent, var(--color-grey-medium));font-size:.75rem;letter-spacing:.2em;text-transform:uppercase}@media (prefers-reduced-motion: no-preference){.project-detail__hero-figure .pd-figure__media{clip-path:inset(0 0 100% 0);animation:pdHeroClipIn 1.1s cubic-bezier(.2,.7,.2,1) .2s forwards}.project-detail__hero-figure .pd-figure__image,.project-detail__hero-figure .pd-figure__placeholder{transform:scale(1.08);animation:pdHeroZoomOut 1.6s cubic-bezier(.2,.7,.2,1) .2s forwards}}@keyframes pdHeroClipIn{to{clip-path:inset(0 0 0 0)}}@keyframes pdHeroZoomOut{to{transform:scale(1)}}.pd-bottom-nav__link{display:inline-block;transition:transform .22s cubic-bezier(.2,.7,.2,1),color .22s ease}.pd-bottom-nav__slot--next .pd-bottom-nav__link:hover{transform:translate(4px)}.pd-bottom-nav__slot--previous .pd-bottom-nav__link:hover{transform:translate(-4px)}.pd-section--list ol.pd-list{counter-reset:pd-list;list-style:none;padding-left:0}.pd-section--list ol.pd-list .pd-list__item{counter-increment:pd-list;position:relative;padding-left:2.75rem;margin-bottom:var(--space-3)}.pd-section--list ol.pd-list .pd-list__item:before{content:counter(pd-list,decimal-leading-zero);position:absolute;left:0;top:.15em;font-size:.75rem;font-weight:600;letter-spacing:.16em;color:var(--project-accent, var(--color-accent-wine));font-feature-settings:"tnum"}body.motion-highlight .project-detail .pd-section{position:relative}body.motion-highlight .project-detail .pd-section:before{content:"";position:absolute;top:0;right:-20px;bottom:0;left:-20px;background:var(--color-accent-champagne-soft, #f6efe2);border-left:4px solid var(--project-accent, var(--color-accent-wine));z-index:0;opacity:0;transform-origin:left center;transform:scaleX(.02);transition:opacity .32s cubic-bezier(.2,.7,.2,1),transform .72s cubic-bezier(.2,.7,.2,1);pointer-events:none;border-radius:2px}body.motion-highlight .project-detail .pd-section{z-index:1}body.motion-highlight .project-detail .pd-section>*{position:relative;z-index:1}body.motion-highlight .project-detail .pd-section.is-current-read:before{opacity:1;transform:scaleX(1)}body.motion-highlight .project-detail .pd-section--figure:before,body.motion-highlight .project-detail .pd-section--figure-pair:before,body.motion-highlight .project-detail .pd-section--figure-grid:before,body.motion-highlight .project-detail .pd-section--pull-quote:before{display:none}@media (prefers-reduced-motion: reduce){body.motion-highlight .project-detail .pd-section:before{transition:none;transform:none}}.project-detail-wrapper{position:relative}.pd-decor{display:none}body.motion-marginalia .pd-decor{display:block;position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}body.motion-marginalia .pd-decor__number{position:absolute;top:clamp(40px,8vh,120px);right:clamp(12px,3vw,56px);font-family:var(--font-display, var(--font-heading));font-weight:700;font-size:clamp(220px,28vw,480px);line-height:.85;letter-spacing:-.04em;color:transparent;-webkit-text-stroke:2px var(--color-border);text-stroke:2px var(--color-border);opacity:.65;z-index:0;-webkit-user-select:none;user-select:none;will-change:transform}body.motion-marginalia .project-detail[data-project] .pd-decor__number{-webkit-text-stroke-color:var(--project-accent, var(--color-border));opacity:.16}@media (max-width: 980px){body.motion-marginalia .pd-decor__number{font-size:clamp(180px,36vw,280px);opacity:.12}}@media (max-width: 600px){body.motion-marginalia .pd-decor__number{display:none}}@media (prefers-reduced-motion: reduce){body.motion-marginalia .pd-decor__number{will-change:auto}}.home-hero{position:relative;overflow:visible}.mag-corner{position:absolute;top:0;right:0;width:180px;height:180px;display:block;text-decoration:none;color:inherit;z-index:6;border-radius:0}.mag-corner__fold{position:absolute;top:0;right:0;width:84px;height:84px;background:linear-gradient(225deg,var(--color-cream) 0%,var(--color-cream) 48%,var(--color-border) 52%,var(--color-bone) 100%);clip-path:polygon(100% 0,0 0,100% 100%);transform-origin:top right;transition:width .32s cubic-bezier(.2,.7,.2,1),height .32s cubic-bezier(.2,.7,.2,1);pointer-events:none}.mag-corner__shadow{position:absolute;top:0;right:0;width:84px;height:84px;background:linear-gradient(225deg,#0000 50%,#0000000f 52%,#00000029 65%,#0000);clip-path:polygon(100% 0,0 0,100% 100%);pointer-events:none;transition:width .32s cubic-bezier(.2,.7,.2,1),height .32s cubic-bezier(.2,.7,.2,1)}.mag-corner__under{position:absolute;top:18px;right:18px;display:flex;flex-direction:column;align-items:flex-end;gap:4px;text-align:right;font-size:.6875rem;letter-spacing:.22em;text-transform:uppercase;font-weight:600;color:var(--color-grey-medium);opacity:0;transform:translate(-4px,4px);transition:opacity .24s ease 80ms,transform .32s cubic-bezier(.2,.7,.2,1) 60ms;pointer-events:none;font-feature-settings:"tnum"}.mag-corner__under-issue{color:var(--color-accent-wine);font-size:.5625rem}.mag-corner__under-turn{margin-top:4px;letter-spacing:.16em;font-size:.625rem;color:var(--color-ink)}.mag-corner:hover .mag-corner__fold,.mag-corner:focus-visible .mag-corner__fold{width:118px;height:118px}.mag-corner:hover .mag-corner__shadow,.mag-corner:focus-visible .mag-corner__shadow{width:132px;height:132px}.mag-corner:hover .mag-corner__under,.mag-corner:focus-visible .mag-corner__under{opacity:1;transform:none}.mag-corner:focus-visible{outline:2px solid var(--color-accent-wine);outline-offset:-4px}@media (max-width: 600px){.mag-corner{width:92px;height:92px}.mag-corner__fold,.mag-corner__shadow{width:56px;height:56px}.mag-corner__under{display:none}.mag-corner:hover .mag-corner__fold{width:72px;height:72px}.mag-corner:hover .mag-corner__shadow{width:78px;height:78px}}@media (prefers-reduced-motion: reduce){.mag-corner__fold,.mag-corner__shadow,.mag-corner__under{transition:none}}.magazine{background-color:var(--color-bone);padding-bottom:var(--space-8)}.magazine__masthead{position:sticky;top:0;background-color:var(--color-bone);border-bottom:1px solid var(--color-border);z-index:4;padding:var(--space-3) 0}.magazine__masthead-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);font-size:.6875rem;letter-spacing:.22em;text-transform:uppercase;font-weight:600;color:var(--color-ink);font-feature-settings:"tnum"}.magazine__masthead-issue{color:var(--color-accent-wine)}.magazine__masthead-mark{flex:1;height:1px;background:var(--color-border);margin:0 var(--space-4)}.magazine__container{max-width:64rem;padding-top:var(--space-7)}.magazine__spread{display:grid;grid-template-columns:1fr;gap:var(--space-6);margin:0 auto var(--space-7);max-width:60rem}@media (min-width: 800px){.magazine__spread--with-reflection{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-7);align-items:start}}.magazine__collage{margin:0;background:var(--color-cream);border:1px solid var(--color-border);box-shadow:0 1px 0 var(--color-border),0 24px 60px -28px #1f1d1a2e}.magazine__spread:not(.magazine__spread--with-reflection) .magazine__collage{max-width:min(100%,30rem);margin:0 auto}.magazine__collage-img{display:block;width:100%;height:auto;image-rendering:-webkit-optimize-contrast}.magazine__reflection{padding-top:0}.magazine__reflection-eyebrow{font-size:.6875rem;letter-spacing:.28em;text-transform:uppercase;font-weight:600;color:var(--color-accent-wine);line-height:1;margin:0 0 var(--space-3)}.magazine__reflection-body{display:flex;flex-direction:column;gap:var(--space-3)}.magazine__reflection-paragraph{margin:0;font-size:.9375rem;line-height:1.78;color:var(--color-ink);letter-spacing:.005em;text-align:justify;text-align-last:left;word-break:normal;overflow-wrap:break-word;hanging-punctuation:allow-end}html[lang^=zh] .magazine__reflection-paragraph{font-size:.9375rem;line-height:1.85}.magazine__collage-empty{aspect-ratio:3 / 4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);text-align:center;background:repeating-linear-gradient(135deg,var(--color-cream) 0,var(--color-cream) 8px,var(--color-bone) 8px,var(--color-bone) 16px)}.magazine__collage-empty-line{font-size:.75rem;letter-spacing:.3em;text-transform:uppercase;color:var(--color-grey-medium);font-weight:600}.magazine__collage-empty-date{font-family:var(--font-display, var(--font-heading));font-weight:400;font-size:clamp(2rem,5vw,3.25rem);letter-spacing:.04em;color:var(--color-ink)}.magazine__collage-caption{display:block;padding:var(--space-3) var(--space-4) 0;font-size:.8125rem;line-height:1.55;color:var(--color-grey-medium);letter-spacing:.02em}.magazine__colophon{padding-top:var(--space-6);border-top:1px solid var(--color-border);margin-top:var(--space-7)}.magazine__colophon-line{font-size:.875rem;color:var(--color-charcoal);margin:0 0 var(--space-2);line-height:1.6}.magazine__colophon-back{margin:var(--space-4) 0 0;font-size:.875rem}.not-found{padding:clamp(var(--space-7),12vh,var(--space-8)) 0;background-color:var(--color-bone);border-top:1px solid var(--color-border)}.not-found__inner{max-width:44rem;text-align:left}.not-found__heading{margin:var(--space-3) 0 var(--space-4);font-size:clamp(2rem,5vw,3rem);line-height:1.1;color:var(--color-ink)}.not-found__lead{font-size:1.0625rem;line-height:1.65;color:var(--color-charcoal);margin:0 0 var(--space-5);max-width:36rem}.not-found__actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}@media print{html,body{background:#fff!important;color:#000!important;font-size:11pt;line-height:1.5}.site-header,.skip-link,.home-marquee,.home-pills,.hero-identity-panel,.home-quote-band,.home-hero__cta,.home-cta__actions,.about-contact__actions,.projects-filters,.site-header__lang,.site-header__toggle{display:none!important}.site-main,.container{max-width:100%!important;margin:0!important;padding:0!important}a[href]:after{content:" (" attr(href) ")";font-size:.85em;word-break:break-all}a[href^="#"]:after,a[href^="/"]:after,a[href^="mailto:"]:after,a[href^="tel:"]:after{content:""}.project-card,.skill-card,.about-timeline__item{break-inside:avoid;page-break-inside:avoid}.project-card,.skill-card{border-color:#ccc!important;box-shadow:none!important}.site-footer{background:#fff!important;border-top:1pt solid #000000}}.reading-progress{position:fixed;inset:0 0 auto 0;height:2px;background-color:#1f1d1a0a;z-index:60;pointer-events:none}.reading-progress__bar{display:block;height:100%;width:100%;background-color:var(--color-accent-wine);transform-origin:0 50%;transform:scaleX(0);transition:transform 80ms linear}@media (prefers-reduced-motion: reduce){.reading-progress__bar{transition:none}}.site-header__palette-hint{display:inline-flex;align-items:center;gap:4px;padding:6px 10px;margin-left:var(--space-3);background:transparent;border:1px solid var(--color-border);border-radius:4px;font-family:var(--font-body);font-size:.6875rem;letter-spacing:.08em;color:var(--color-grey-medium);cursor:var(--cursor-apple-pointer);transition:color .22s ease,border-color .22s ease,background-color .22s ease,transform .22s cubic-bezier(.2,.7,.2,1)}.site-header__palette-hint kbd{font-family:inherit;font-weight:600;letter-spacing:0;line-height:1;padding:0;background:none;border:0;color:inherit}.site-header__palette-hint:hover,.site-header__palette-hint:focus-visible{color:var(--color-accent-wine);border-color:var(--color-accent-wine);background-color:var(--color-accent-wine-soft);transform:translateY(-1px)}.site-header__palette-hint:focus-visible{outline:2px solid var(--color-accent-wine);outline-offset:2px}@media (max-width: 720px){.site-header__palette-hint{display:none}}.back-to-top{position:fixed;right:clamp(16px,3vw,32px);bottom:clamp(16px,3vw,32px);z-index:40;display:inline-flex;align-items:center;gap:8px;padding:10px 14px;background-color:#f8f5f0eb;-webkit-backdrop-filter:saturate(140%) blur(8px);backdrop-filter:saturate(140%) blur(8px);border:1px solid var(--color-border);border-radius:999px;font-family:var(--font-body);font-size:.6875rem;letter-spacing:.18em;text-transform:uppercase;font-weight:600;color:var(--color-ink);cursor:var(--cursor-apple-pointer);opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity .22s ease,transform .32s cubic-bezier(.2,.7,.2,1),border-color .22s ease,background-color .22s ease,color .22s ease}.back-to-top.is-visible{opacity:1;transform:translateY(0);pointer-events:auto}.back-to-top:hover,.back-to-top:focus-visible{color:var(--color-accent-wine);border-color:var(--color-accent-wine)}.back-to-top:focus-visible{outline:2px solid var(--color-accent-wine);outline-offset:3px}.back-to-top__arrow{font-size:1rem;line-height:1;letter-spacing:0;font-weight:400}@media (max-width: 540px){.back-to-top__label{display:none}.back-to-top{padding:10px 12px}}@media (prefers-reduced-motion: reduce){.back-to-top{transition:opacity 1ms;transform:none!important}}.cmd-palette__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#1f1d1a52;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:70;display:flex;align-items:flex-start;justify-content:center;padding:clamp(48px,12vh,120px) clamp(12px,4vw,32px);animation:cmdFadeIn .18s ease-out}@keyframes cmdFadeIn{0%{opacity:0}to{opacity:1}}.cmd-palette{width:100%;max-width:600px;background-color:var(--color-bone);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 4px 24px #1f1d1a1f,0 24px 60px #1f1d1a2e;overflow:hidden;display:flex;flex-direction:column;max-height:min(640px,calc(100vh - 96px));animation:cmdLift .22s cubic-bezier(.2,.7,.2,1)}@keyframes cmdLift{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:none}}.cmd-palette__searchbar{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid var(--color-border);background-color:var(--color-white)}.cmd-palette__icon{font-family:var(--font-body);font-weight:600;font-size:.85rem;color:var(--color-accent-wine);letter-spacing:0}.cmd-palette__input{flex:1;font-family:var(--font-body);font-size:1rem;border:0;outline:0;background:transparent;color:var(--color-ink)}.cmd-palette__input::placeholder{color:var(--color-grey-medium)}.cmd-palette__close{font-family:var(--font-body);font-size:.6875rem;letter-spacing:.16em;text-transform:uppercase;color:var(--color-grey-medium);background-color:var(--color-grey-light);border:1px solid var(--color-border);border-radius:4px;padding:4px 10px;cursor:var(--cursor-apple-pointer);transition:color .22s ease,border-color .22s ease}.cmd-palette__close:hover,.cmd-palette__close:focus-visible{color:var(--color-accent-wine);border-color:var(--color-accent-wine)}.cmd-palette__list{flex:1;overflow-y:auto;padding:8px 0;margin:0;list-style:none}.cmd-palette__empty{padding:24px 18px;text-align:center;color:var(--color-grey-medium);font-size:.875rem}.cmd-palette__group{padding:4px 0 10px}.cmd-palette__group>ul{list-style:none;padding:0;margin:0}.cmd-palette__group-label{font-family:var(--font-body);font-size:.625rem;letter-spacing:.22em;text-transform:uppercase;font-weight:600;color:var(--color-grey-medium);margin:8px 18px 4px}.cmd-palette__item{display:flex;align-items:baseline;gap:14px;padding:10px 18px;cursor:var(--cursor-apple-pointer);border-left:2px solid transparent;transition:background-color .12s ease,border-left-color .12s ease,color .12s ease}.cmd-palette__item.is-active{background-color:var(--color-accent-wine-soft);border-left-color:var(--color-accent-wine);color:var(--color-ink)}.cmd-palette__item:hover{background-color:var(--color-cream)}.cmd-palette__item.is-active:hover{background-color:var(--color-accent-wine-soft)}.cmd-palette__item-label{font-family:var(--font-body);font-size:.9375rem;color:var(--color-ink)}.cmd-palette__item.is-active .cmd-palette__item-label{color:var(--color-accent-wine);font-weight:600}.cmd-palette__item-hint{flex:1;text-align:right;font-size:.75rem;color:var(--color-grey-medium);font-weight:400}.cmd-palette__footer{display:flex;gap:16px;padding:10px 18px;border-top:1px solid var(--color-border);background-color:var(--color-cream);font-size:.6875rem;color:var(--color-grey-medium);letter-spacing:.08em}.cmd-palette__footer span{display:inline-flex;align-items:center;gap:4px}.cmd-palette__footer kbd{display:inline-block;font-family:var(--font-body);font-size:.6875rem;background-color:var(--color-white);border:1px solid var(--color-border);border-radius:3px;padding:1px 5px;color:var(--color-ink);line-height:1}@media (prefers-reduced-motion: reduce){.cmd-palette__backdrop,.cmd-palette{animation:none}}@media (max-width: 540px){.cmd-palette{max-height:calc(100vh - 64px)}.cmd-palette__item-hint{display:none}}.project-toc{position:fixed;top:clamp(72px,8vw,96px);left:clamp(16px,2vw,32px);z-index:35;background-color:#f8f5f0f0;-webkit-backdrop-filter:saturate(140%) blur(10px);backdrop-filter:saturate(140%) blur(10px);border:1px solid var(--color-border);border-radius:8px;max-width:260px;font-family:var(--font-body);box-shadow:var(--shadow-card);transition:box-shadow .22s ease}.project-toc__toggle{display:flex;align-items:center;justify-content:space-between;width:100%;gap:8px;padding:8px 12px;font-family:var(--font-body);font-size:.6875rem;letter-spacing:.2em;text-transform:uppercase;font-weight:600;color:var(--color-grey-medium);background-color:transparent;border:0;border-radius:inherit;cursor:var(--cursor-apple-pointer);transition:color .22s ease}.project-toc__toggle:hover,.project-toc__toggle:focus-visible{color:var(--color-accent-wine)}.project-toc__toggle:focus-visible{outline:2px solid var(--color-accent-wine);outline-offset:2px}.project-toc__toggle-icon{font-size:1rem;letter-spacing:0;font-weight:400;color:var(--color-accent-wine)}.project-toc__list{list-style:none;margin:0;padding:4px 8px 10px;max-height:50vh;overflow-y:auto;border-top:1px solid var(--color-border)}.project-toc.is-collapsed .project-toc__list{display:none}.project-toc__item{position:relative}.project-toc__item a{display:flex;gap:10px;align-items:baseline;padding:6px 8px;text-decoration:none;color:var(--color-ink);font-size:.8125rem;line-height:1.4;border-radius:4px;border-left:2px solid transparent;transition:background-color .18s ease,color .18s ease,border-left-color .18s ease,padding-left .22s ease}.project-toc__item a:hover,.project-toc__item a:focus-visible{background-color:var(--color-cream);color:var(--color-accent-wine)}.project-toc__item.is-active a{color:var(--color-accent-wine);border-left-color:var(--color-accent-wine);padding-left:12px;background-color:var(--color-accent-wine-soft)}.project-toc__num{font-feature-settings:"tnum";font-weight:600;font-size:.6875rem;color:var(--project-accent, var(--color-accent-wine));letter-spacing:.05em;min-width:1.8em}.project-toc__label{flex:1}@media (max-width: 900px){.project-toc{top:clamp(72px,8vw,96px);left:clamp(12px,2vw,24px);right:auto;max-width:calc(100vw - 100px)}}@media (max-width: 540px){.project-toc{top:72px;left:16px;max-width:calc(100vw - 88px)}.project-toc__list{max-height:40vh}}.not-found__figure{display:flex;align-items:center;justify-content:center;gap:clamp(8px,2vw,18px);margin-bottom:clamp(24px,4vw,40px);color:var(--color-accent-wine);line-height:0;-webkit-user-select:none;user-select:none}.not-found__digit{font-family:var(--font-display, var(--font-heading));font-size:clamp(80px,16vw,180px);font-weight:400;letter-spacing:0;line-height:1;color:var(--color-accent-wine)}html[lang^=zh] .not-found__digit{font-family:var(--font-heading)}.not-found__zero{width:clamp(80px,16vw,180px);height:clamp(80px,16vw,180px);color:var(--color-accent-wine)}.not-found__hint{margin-top:var(--space-4);font-size:.8125rem;color:var(--color-grey-medium)}@media (prefers-reduced-motion: no-preference){.site-main--transition{animation:siteFirstPaint .2s cubic-bezier(.2,.7,.2,1)}@keyframes siteFirstPaint{0%{opacity:0}to{opacity:1}}}.contact-section{padding:clamp(48px,6vw,80px) 0}.contact-section__inner{display:flex;flex-direction:column;gap:var(--space-5)}.contact-section__header{max-width:56ch}.contact-section__heading{font-family:var(--font-heading);font-size:clamp(1.5rem,3.4vw,2.25rem);line-height:1.2;margin:.5rem 0 0;color:var(--color-ink);letter-spacing:-.005em}.contact-section__lead{margin:var(--space-3) 0 0;color:var(--color-ink);font-size:1rem;line-height:1.65;max-width:60ch}.contact-cards{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-3);grid-template-columns:1fr}@media (min-width: 540px){.contact-cards{grid-template-columns:repeat(2,1fr)}}@media (min-width: 960px){.contact-cards{grid-template-columns:repeat(4,1fr)}}.contact-card{background-color:var(--c-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:clamp(16px,2vw,22px);display:flex;flex-direction:column;gap:8px;min-height:140px;transition:border-color .22s ease,box-shadow .22s ease,transform .22s cubic-bezier(.2,.7,.2,1)}@media (hover: hover) and (prefers-reduced-motion: no-preference){.contact-card:hover{border-color:var(--color-accent-wine);box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}}.contact-card__label{font-family:var(--font-body);font-size:.6875rem;letter-spacing:.22em;text-transform:uppercase;font-weight:600;color:var(--c-ink-soft);margin:0}.contact-card__primary{font-family:var(--font-body);font-size:1rem;font-weight:500;color:var(--color-ink);text-decoration:none;word-break:break-word;border-bottom:1px solid transparent;transition:color .22s ease,border-bottom-color .22s ease;align-self:flex-start}.contact-card__primary:hover,.contact-card__primary:focus-visible{color:var(--color-accent-wine);border-bottom-color:var(--color-accent-wine)}.contact-card__primary--static{cursor:default;border-bottom:0}.contact-card__primary--static:hover{color:var(--color-ink);border-bottom-color:transparent}.contact-card__secondary{margin:0;font-size:.8125rem;line-height:1.5;color:var(--c-ink-soft);display:flex;flex-direction:column;gap:2px}.contact-card__secondary a{color:var(--c-ink-soft);border-bottom:1px solid transparent;text-decoration:none;transition:color .22s ease,border-bottom-color .22s ease;word-break:break-word}.contact-card__secondary a:hover{color:var(--color-accent-wine);border-bottom-color:var(--color-accent-wine)}.contact-card__note{display:inline-block;font-size:.6875rem;letter-spacing:.06em;color:var(--c-ink-soft);font-style:italic}.contact-cards .contact-card:nth-child(1){background-color:#a0bac2;border-color:#8aa6af}.contact-cards .contact-card:nth-child(2){background-color:#92aa9e;border-color:#7b9586}.contact-cards .contact-card:nth-child(3){background-color:#aabab6;border-color:#92a39e}.contact-cards .contact-card:nth-child(4){background-color:#d4c0a4;border-color:#bca989}.contact-section__actions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-3)}.contact-section__small{margin:var(--space-3) 0 0;font-size:.75rem;color:var(--color-grey-medium);max-width:60ch}.site-footer__inner--slim{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--space-4);padding-top:var(--space-5);padding-bottom:var(--space-3)}.site-footer__links{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--space-4);font-size:.8125rem;color:var(--color-grey-medium)}.site-footer__links a{color:var(--color-ink);text-decoration:none;border-bottom:1px solid transparent;transition:color .22s ease,border-bottom-color .22s ease}.site-footer__links a:hover,.site-footer__links a:focus-visible{color:var(--color-accent-wine);border-bottom-color:var(--color-accent-wine)}.home-section--cta+.contact-section{padding-top:0}.pd-section--figure-carousel{position:relative}.pd-carousel{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;margin:var(--space-3) 0 var(--space-2)}.pd-carousel__track{list-style:none;margin:0;padding:0;display:flex;gap:clamp(12px,1.6vw,24px);overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:clamp(16px,6vw,64px);scrollbar-width:none;-ms-overflow-style:none;padding-inline:clamp(16px,6vw,64px);overscroll-behavior-inline:contain}.pd-carousel__track::-webkit-scrollbar{display:none}.pd-carousel__slide{flex:0 0 auto;width:clamp(320px,52vw,720px);scroll-snap-align:center;scroll-snap-stop:always;transition:opacity .22s ease,transform .32s cubic-bezier(.2,.7,.2,1);opacity:.55;transform:scale(.97)}.pd-carousel__slide[data-orientation=portrait]{width:clamp(260px,36vw,480px)}.pd-carousel__slide[data-active=true]{opacity:1;transform:scale(1)}@media (prefers-reduced-motion: reduce){.pd-carousel__slide{transition:none;opacity:1;transform:none}}.pd-carousel__btn{width:40px;height:40px;border-radius:999px;border:1px solid var(--color-border);background-color:var(--color-white);color:var(--color-ink);font-family:var(--font-body);font-size:1.125rem;line-height:1;cursor:var(--cursor-apple-pointer);display:inline-flex;align-items:center;justify-content:center;transition:color .22s ease,border-color .22s ease,background-color .22s ease,opacity .22s ease,transform .22s cubic-bezier(.2,.7,.2,1)}.pd-carousel__btn:hover:not(:disabled),.pd-carousel__btn:focus-visible:not(:disabled){color:var(--project-accent, var(--color-accent-wine));border-color:var(--project-accent, var(--color-accent-wine));transform:translateY(-1px)}.pd-carousel__btn:focus-visible{outline:2px solid var(--project-accent, var(--color-accent-wine));outline-offset:3px}.pd-carousel__btn:disabled{opacity:.3;cursor:not-allowed}.pd-carousel__progress{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:var(--space-2);font-size:.6875rem;letter-spacing:.18em;text-transform:uppercase;color:var(--color-grey-medium)}.pd-carousel__dot{width:8px;height:8px;padding:0;border:0;border-radius:50%;background-color:var(--color-border);cursor:var(--cursor-apple-pointer);transition:background-color .22s ease,transform .22s cubic-bezier(.2,.7,.2,1)}.pd-carousel__dot.is-active{background-color:var(--project-accent, var(--color-accent-wine));transform:scale(1.4)}.pd-carousel__dot:focus-visible{outline:2px solid var(--project-accent, var(--color-accent-wine));outline-offset:3px}.pd-carousel__counter{font-feature-settings:"tnum";margin-inline-start:4px}@media (max-width: 720px){.pd-carousel{grid-template-columns:1fr}.pd-carousel__btn{display:none}.pd-carousel__track{flex-direction:column;overflow-x:hidden;overflow-y:auto;padding-block:8px;padding-inline:0;scroll-snap-type:y mandatory;scroll-padding-block:16px;max-height:75vh;overscroll-behavior-block:contain}.pd-carousel__slide{width:100%;scroll-snap-align:start;transform:none;opacity:1}.pd-carousel__track{border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}}.site-nav__palette-mobile{display:none}@media (max-width: 720px){.site-nav__palette-mobile{display:inline-flex;align-items:center;gap:8px;margin-top:var(--space-2);padding:12px 18px;background-color:var(--color-cream);border:1px solid var(--color-border);border-radius:4px;color:var(--color-ink);font-family:var(--font-body);font-size:.875rem;letter-spacing:.04em;cursor:var(--cursor-apple-pointer);width:100%;text-align:left;transition:color .22s ease,border-color .22s ease,background-color .22s ease}.site-nav__palette-mobile-icon{flex-shrink:0;color:var(--color-accent-wine)}.site-nav__palette-mobile:hover,.site-nav__palette-mobile:focus-visible{color:var(--color-accent-wine);border-color:var(--color-accent-wine);background-color:var(--color-accent-wine-soft)}.site-nav__palette-mobile:focus-visible{outline:2px solid var(--color-accent-wine);outline-offset:2px}}@media (max-width: 540px){.project-toc{top:72px;left:12px;max-width:calc(100vw - 100px)}.project-toc__toggle{padding:8px 10px;font-size:.625rem}.project-toc__list{max-height:38vh}body:has(.site-header__menu.is-open) .project-toc{display:none}}@media (max-width: 540px){.back-to-top{bottom:max(16px,env(safe-area-inset-bottom,16px));min-width:44px;min-height:44px}}@media (max-width: 720px){.site-header__menu.is-open{padding-bottom:env(safe-area-inset-bottom,0)}}@media (max-width: 540px){.pd-carousel__dot.is-active{transform:scale(1.2)}}@media (max-width: 540px){.pd-section--figure,.pd-section--figure-pair,.pd-section--figure-grid,.pd-section--figure-carousel{margin-bottom:var(--space-8)}.pd-figure__caption{margin-top:var(--space-2);padding-bottom:var(--space-2)}.pd-section__heading{padding-top:var(--space-4)}.pd-section__heading:before{width:1.5rem}}html[lang^=zh] .pd-section__sub-heading{letter-spacing:.08em}.pd-figure__zoom{display:block;width:100%;height:100%;margin:0;padding:0;border:0;background:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit;color:inherit;cursor:zoom-in;outline:none}.pd-figure__zoom:focus-visible{outline:2px solid var(--project-accent, var(--color-accent-wine));outline-offset:2px}.pd-figure__zoom:hover .pd-figure__image{transform:scale(1.015)}.pd-figure__image{transition:transform .32s ease}@media (prefers-reduced-motion: reduce){.pd-figure__image,.pd-figure__zoom:hover .pd-figure__image{transition:none;transform:none}}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:4.5rem var(--space-4) var(--space-4);background-color:#1f1d1af0;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:lightbox-fade-in .18s ease-out}@keyframes lightbox-fade-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion: reduce){.lightbox{animation:none}}.lightbox__close{position:absolute;top:var(--space-3);right:var(--space-3);width:2.75rem;height:2.75rem;display:inline-flex;align-items:center;justify-content:center;font-size:1.75rem;line-height:1;color:var(--color-bone);background-color:transparent;border:1px solid rgba(248,245,240,.4);border-radius:999px;cursor:var(--cursor-apple-pointer);transition:background-color .16s ease,border-color .16s ease}.lightbox__close:hover,.lightbox__close:focus-visible{background-color:#f8f5f01f;border-color:var(--color-bone);outline:none}.lightbox__viewport{width:100%;max-width:100%;flex:1 1 auto;display:flex;align-items:center;justify-content:center;min-height:0;overflow:hidden}.lightbox__viewport--actual{overflow:auto;cursor:zoom-out}.lightbox__image{display:block;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.lightbox__image--fit{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;cursor:zoom-in}.lightbox__image--actual{max-width:none;max-height:none;width:auto;height:auto;cursor:zoom-out}.lightbox__caption{flex:0 0 auto;max-width:min(70ch,95vw);margin:0 auto;font-family:var(--font-body);font-size:.8125rem;line-height:1.55;color:#f8f5f0c7;text-align:center;letter-spacing:.02em}@media (max-width: 640px){.lightbox{padding:3.75rem var(--space-2) var(--space-3)}.lightbox__close{width:2.5rem;height:2.5rem;top:var(--space-2);right:var(--space-2)}}@media (max-width: 767px){.site-header__menu{display:none}.site-header__menu.is-open{position:fixed;top:64px;left:0;right:auto;bottom:auto;width:100vw;height:calc(100dvh - 64px);display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-5) var(--content-padding-x) calc(env(safe-area-inset-bottom,0) + var(--space-5));background-color:var(--c-bg);border-top:1px solid var(--c-line);z-index:49;overflow-y:auto;overscroll-behavior:contain;animation:zz-drawer-in .22s cubic-bezier(.2,.7,.2,1)}@keyframes zz-drawer-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.site-header__menu.is-open{animation:none}}.site-nav{gap:var(--space-4);font-size:1rem}.site-nav a{padding:10px 0;min-height:44px;display:inline-flex;align-items:center}}.site-header__palette-hint-icon{flex-shrink:0;color:currentColor;margin-right:2px}.site-header__palette-hint-kbd{font-family:var(--font-mono-en, var(--font-body));font-weight:600;font-size:.6875rem;letter-spacing:.04em;color:inherit;background:transparent;border:0;padding:0;line-height:1}@media (hover: none) and (pointer: coarse){.site-header__palette-hint-kbd{display:none}}@media (max-width: 540px){.contact-card{padding:var(--space-4) var(--space-3);gap:10px;min-height:120px}.contact-card__label{font-size:.75rem;letter-spacing:.18em}.contact-card__primary{min-height:44px;display:inline-flex;align-items:center;padding-block:4px;font-size:1rem;line-height:1.3}.contact-card__secondary{gap:6px;font-size:.875rem;line-height:1.55}.contact-card__secondary a{min-height:36px;display:inline-flex;align-items:center;padding-block:4px}.contact-card__note{font-size:.75rem;margin-top:2px}}@media (max-width: 540px){.project-detail__breadcrumb{margin-bottom:var(--space-4)}.project-detail__breadcrumb a{display:inline-flex;align-items:center;min-height:44px;padding-block:6px;font-size:.875rem}.project-toc__toggle{min-height:44px;padding:10px 12px;font-size:.6875rem}.project-toc__toggle-label{font-size:.6875rem}}@media (max-width: 540px){.home-tile__num{font-size:.72rem}.home-tile__label-en{font-size:.78rem;letter-spacing:.18em}.home-tile__label-zh{font-size:.76rem;margin-top:.22rem}}@media (max-width: 540px){.about-hero__media{max-width:14rem;margin-block:var(--space-3);border-radius:14px;overflow:hidden}.about-hero__photo{border-radius:14px}}