:root{color-scheme:dark;--ink: #f5f1e8;--muted: #b8b0a2;--soft: rgba(245, 241, 232, .72);--line: rgba(245, 241, 232, .16);--void: #090807;--charcoal: #171412;--wine: #8f2735;--ember: #d9a04d;--teal: #6eb7a8;--panel: rgba(18, 16, 14, .92);--font-body: "Noto Sans SC", "Microsoft YaHei", "PingFang SC", sans-serif;--font-display: "Georgia", "Times New Roman", "Noto Serif SC", serif;--font-mono: "Cascadia Mono", "SFMono-Regular", "Consolas", monospace;--page-pad: clamp(18px, 4vw, 64px);--hero-title: clamp(3.2rem, 8.5vw, 8.9rem)}*{box-sizing:border-box}html{background:var(--void);scroll-behavior:auto}body{margin:0;overflow-x:hidden;background:linear-gradient(180deg,#090807bf,#090807 34%),var(--void);color:var(--ink);cursor:none;font-family:var(--font-body)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;pointer-events:none;opacity:.14;background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.08) 0 1px,transparent 1px 3px),repeating-linear-gradient(90deg,rgba(255,255,255,.04) 0 1px,transparent 1px 4px);mix-blend-mode:overlay}body.is-detail-open{overflow:hidden}button,a{color:inherit;cursor:none}a{text-decoration:none}button{font:inherit}img,video{display:block;max-width:100%}.custom-cursor{position:fixed;left:-15px;top:-15px;z-index:100;width:30px;height:30px;border:1px solid rgba(245,241,232,.85);border-radius:999px;pointer-events:none;mix-blend-mode:difference;transition:width .22s ease,height .22s ease,border-color .22s ease}.custom-cursor:after{content:"";position:absolute;top:50%;right:50%;bottom:50%;left:50%;width:4px;height:4px;border-radius:999px;background:var(--ink);transform:translate(-50%,-50%)}.custom-cursor[data-state=hover]{width:58px;height:58px;border-color:var(--ember)}.custom-cursor[data-state=view]{width:92px;height:92px;border-color:var(--teal)}.custom-cursor[data-state=view]:before{content:"VIEW";position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--ink);font-family:var(--font-mono);font-size:.68rem}.media-frame{display:block;width:100%;height:100%;object-fit:cover;background:var(--charcoal)}picture.media-frame>img{width:100%;height:100%;object-fit:cover}.hero-section{position:relative;display:flex;min-height:100svh;flex-direction:column;isolation:isolate;overflow:hidden;padding:28px var(--page-pad) clamp(28px,5vw,54px)}.hero-media-wrap{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;overflow:hidden}.hero-media{height:100%;filter:saturate(.9) contrast(1.08)}.film-vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#09080794,#09080714 35%,#090807f0),linear-gradient(90deg,#090807d1,#0908072e 45%,#090807b3)}.watermark{position:absolute;right:var(--page-pad);bottom:clamp(22px,4vw,46px);color:#f5f1e82e;font-family:var(--font-mono);font-size:clamp(2.8rem,9vw,8rem);font-weight:700;letter-spacing:0;pointer-events:none;text-transform:uppercase}.site-nav{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:40px;font-family:var(--font-mono);font-size:clamp(.75rem,.72rem + .2vw,.88rem);letter-spacing:0;text-transform:uppercase}.brand-mark{display:inline-flex;align-items:center;min-width:88px}.site-nav nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:clamp(14px,3vw,34px)}.site-nav a{color:var(--soft)}.site-nav a:hover{color:var(--ink)}.hero-content{display:grid;align-content:end;flex:1;gap:clamp(22px,4vw,44px);padding-top:12vh}.eyebrow,.kicker{margin:0;color:var(--ember);font-family:var(--font-mono);font-size:clamp(.76rem,.72rem + .22vw,.92rem);letter-spacing:0;text-transform:uppercase}.hero-title{display:grid;max-width:min(1180px,100%);margin:0;font-family:var(--font-display);font-size:var(--hero-title);font-weight:700;line-height:.9}.hero-title .line{display:block;overflow:hidden;text-wrap:balance}.hero-title .role-line{max-width:min(1040px,100%);color:#f5f1e8f0;font-family:var(--font-body);font-size:clamp(1.9rem,4.7vw,5.15rem);font-weight:900;line-height:1}.hero-bottom{display:grid;grid-template-columns:minmax(220px,620px) auto;align-items:end;gap:28px;border-top:1px solid var(--line);padding-top:26px}.hero-bottom p,.statement-section p,.profile-copy p,.detail-block p{margin:0;color:var(--soft);font-size:clamp(1rem,.92rem + .42vw,1.22rem);line-height:1.75}.hero-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:12px}.primary-link,.secondary-link,.text-link,.contact-mail,.ghost-link{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:fit-content;min-height:48px;border:1px solid rgba(245,241,232,.28);border-radius:999px;padding:0 22px;background:#f5f1e814;color:var(--ink);font-weight:500;transition:border-color .18s ease,background .18s ease}.ghost-link{background:#0908073d}.primary-link:hover,.secondary-link:hover,.text-link:hover,.contact-mail:hover,.ghost-link:hover{border-color:var(--ember);background:#d9a04d29}.statement-section{display:grid;min-height:78svh;align-content:center;gap:24px;padding:clamp(80px,14vw,180px) var(--page-pad)}.statement-section h2,.profile-copy h2,.contact-section h2,.section-head h2{max-width:1120px;margin:0;font-family:var(--font-display);font-size:clamp(2.2rem,6vw,6.8rem);font-weight:700;line-height:1.04;text-wrap:balance}.statement-section p:last-child{max-width:760px}.works-section{position:relative;min-height:100svh;overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:clamp(54px,8vw,92px) 0;background:linear-gradient(135deg,#8f273521,#6eb7a80f 48%,#09080700 70%),var(--void)}.section-head{display:grid;grid-template-columns:1fr auto;align-items:end;gap:20px;padding:0 var(--page-pad) 32px}.section-head.compact{padding-inline:0}.section-head .eyebrow{grid-column:1 / -1}.section-head h2{font-size:clamp(2.5rem,7vw,7rem);line-height:.96}.section-head span{color:var(--muted);font-family:var(--font-mono)}.work-controls{display:flex;align-items:center;gap:12px;padding:0 var(--page-pad) 38px}.filter-list{display:flex;flex-wrap:wrap;gap:10px}.control-pill,.filter-button{min-height:38px;border:1px solid var(--line);border-radius:999px;padding:0 14px;background:#f5f1e80a;color:var(--muted)}.control-pill.is-active,.filter-button.is-active{border-color:var(--ember);background:#d9a04d29;color:var(--ink)}.works-track{display:flex;width:max-content;align-items:stretch;gap:clamp(22px,4vw,54px);padding:0 var(--page-pad)}.work-card{width:clamp(310px,58vw,720px);flex:0 0 auto}.work-button{display:grid;width:100%;gap:18px;border:0;padding:0;background:transparent;color:inherit;text-align:left}.work-index{color:var(--ember);font-family:var(--font-mono);font-size:.9rem}.work-media{position:relative;overflow:hidden;aspect-ratio:16 / 10;background:var(--charcoal)}.work-media img,.work-media video,.profile-media img,.profile-picture,.detail-media img,.detail-media video{transform:scale(1.02);transition:transform .7s cubic-bezier(.22,1,.36,1),filter .7s ease}.work-button:hover .work-media img,.work-button:hover .work-media video{transform:scale(1.08);filter:saturate(1.12) contrast(1.08)}.media-sheen{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,transparent,rgba(245,241,232,.18),transparent);transform:translate(-110%);transition:transform .8s ease}.work-button:hover .media-sheen{transform:translate(110%)}.visibility-badge{position:absolute;top:14px;right:14px;border:1px solid rgba(245,241,232,.34);border-radius:999px;padding:7px 11px;background:#09080794;color:var(--ink);font-size:.78rem}.work-copy{display:flex;justify-content:space-between;gap:22px;border-top:1px solid var(--line);padding-top:18px}.work-copy p{margin:0 0 8px;color:var(--muted);font-family:var(--font-mono);font-size:.82rem}.work-copy h3{margin:0;font-family:var(--font-display);font-size:clamp(1.7rem,3.8vw,4.2rem);line-height:.98}.work-highlights{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}.work-highlights li{border:1px solid var(--line);border-radius:999px;padding:7px 10px;color:var(--muted);font-size:.82rem}.about-section{display:grid;grid-template-columns:minmax(280px,.78fr) minmax(320px,1fr);align-items:center;gap:clamp(34px,7vw,88px);padding:clamp(84px,12vw,160px) var(--page-pad)}.profile-media{overflow:hidden;aspect-ratio:4 / 5;background:var(--charcoal)}.profile-picture,.profile-media img{display:block;width:100%;height:112%;object-fit:cover}.profile-picture img{width:100%;height:100%;object-fit:cover}.profile-copy{display:grid;gap:clamp(18px,3vw,30px)}.tag-cloud,.tool-list,.profile-facts,.download-row{display:flex;flex-wrap:wrap;gap:10px}.tag-cloud span,.tool-list span,.profile-facts span{display:inline-flex;min-height:36px;align-items:center;border:1px solid var(--line);border-radius:999px;padding:0 14px;color:var(--soft)}.profile-facts span{border-color:#d9a04d47;color:var(--ink);font-family:var(--font-mono);font-size:.82rem}.tool-list span{border-color:#6eb7a852;color:var(--teal);font-family:var(--font-mono);font-size:.82rem}.experience-section{padding:clamp(72px,10vw,140px) var(--page-pad);border-top:1px solid var(--line)}.timeline{display:grid;gap:0;border-top:1px solid var(--line)}.timeline-item{display:grid;grid-template-columns:minmax(130px,.26fr) minmax(220px,.38fr) 1fr;gap:24px;border-bottom:1px solid var(--line);padding:24px 0}.timeline-item span,.timeline-item p{margin:0;color:var(--muted)}.timeline-item span{font-family:var(--font-mono);font-size:.86rem}.timeline-item h3{margin:0;font-size:clamp(1.25rem,2vw,2rem)}.education-panel{display:grid;gap:16px;margin-top:34px;border:1px solid var(--line);padding:clamp(20px,4vw,34px);background:#8f273514}.education-panel article{display:grid;gap:10px}.education-panel span{color:var(--teal);font-family:var(--font-mono);font-size:.86rem}.education-panel h3,.education-panel p{margin:0}.education-panel p{color:var(--soft);line-height:1.8}.awards-panel{display:grid;grid-template-columns:minmax(220px,.34fr) 1fr;gap:24px;margin-top:34px;border:1px solid var(--line);padding:clamp(20px,4vw,34px);background:#f5f1e80a}.awards-panel div{display:flex;align-items:center;gap:10px;color:var(--ember)}.awards-panel ul{display:grid;gap:12px;margin:0;padding:0;list-style:none}.awards-panel li{color:var(--soft)}.contact-section{display:grid;min-height:82svh;align-content:center;gap:clamp(24px,4vw,42px);border-top:1px solid var(--line);padding:clamp(80px,12vw,160px) var(--page-pad) 42px}.contact-grid{display:flex;align-items:center;justify-content:space-between;gap:28px;border-top:1px solid var(--line);padding-top:28px}.social-links{display:flex;flex-wrap:wrap;gap:12px 22px}.social-links a{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-family:var(--font-mono);font-size:.86rem}.social-links a:hover{color:var(--ink)}.contact-stack{display:grid;gap:10px}.contact-stack>span,.contact-address{display:inline-flex;align-items:center;min-height:42px;border:1px solid rgba(245,241,232,.14);border-radius:999px;padding:0 16px;background:#f5f1e80a;color:var(--muted);font-family:var(--font-mono)}.download-row{border-top:1px solid var(--line);padding-top:20px}.site-footer{display:grid;gap:8px;border-top:1px solid var(--line);padding-top:18px;color:#f5f1e885;font-size:.86rem}.site-footer p{margin:0}.detail-shell{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:end}.detail-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:0;background:#090807b8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.detail-panel{position:relative;width:min(1240px,calc(100vw - 24px));height:min(820px,calc(100svh - 24px));margin:12px;overflow:auto;border:1px solid var(--line);background:var(--panel);box-shadow:0 28px 120px #0000008c}.detail-close{position:sticky;top:16px;left:calc(100% - 60px);z-index:2;margin:16px 16px -52px auto}.icon-button{display:grid;width:44px;height:44px;place-items:center;border:1px solid var(--line);border-radius:999px;background:#f5f1e814;color:var(--ink)}.detail-grid{display:grid;grid-template-columns:minmax(280px,.82fr) minmax(340px,1.1fr);gap:clamp(24px,4vw,54px);padding:clamp(26px,5vw,64px)}.detail-copy{display:grid;align-content:start;gap:20px}.detail-copy h2{margin:0;font-family:var(--font-display);font-size:clamp(2.6rem,7vw,6.6rem);line-height:.95}.detail-summary{margin:0;color:var(--ink);font-size:clamp(1.05rem,1rem + .24vw,1.22rem);line-height:1.75}.detail-block{display:grid;gap:7px}.detail-block span,.detail-meta,.copyright-note{color:var(--teal);font-family:var(--font-mono);font-size:.84rem}.detail-meta{display:grid;gap:8px}.highlight-list{display:grid;gap:10px;margin:0;padding:0;list-style:none}.highlight-list li{border-top:1px solid var(--line);padding-top:10px;color:var(--muted)}.copyright-note{display:flex;align-items:flex-start;gap:8px;border:1px solid rgba(110,183,168,.24);padding:12px;color:var(--soft)}.detail-media{display:grid;gap:16px}.detail-media .media-frame{min-height:260px;aspect-ratio:16 / 10}@media(max-width:900px){body,button,a{cursor:auto}.custom-cursor{display:none}.hero-section{min-height:92svh}.hero-bottom,.about-section,.detail-grid,.timeline-item,.awards-panel{grid-template-columns:1fr}.hero-bottom{align-items:start}.hero-actions{display:grid;width:100%;grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch;gap:10px}.hero-actions .primary-link,.hero-actions .ghost-link{width:100%;min-height:42px;padding:0 14px;font-size:.92rem;white-space:nowrap}.hero-actions .primary-link{grid-column:1 / -1}.works-section{min-height:auto}.work-controls{align-items:flex-start;flex-direction:column;padding-bottom:24px}.filter-list{width:calc(100vw - var(--page-pad) * 2);flex-wrap:nowrap;overflow-x:auto;padding-bottom:8px;scroll-snap-type:x proximity;scrollbar-width:none}.filter-list::-webkit-scrollbar{display:none}.filter-button{flex:0 0 auto;scroll-snap-align:start}.works-track{width:auto;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:18px}.work-card{width:min(84vw,560px);scroll-snap-align:start}.work-copy{align-items:flex-start}.work-copy h3{font-size:clamp(1.55rem,8vw,2.75rem)}.work-highlights li:nth-child(n+3){display:none}.profile-media{aspect-ratio:16 / 11}.contact-grid{align-items:flex-start;flex-direction:column}.contact-stack,.contact-mail,.contact-address{width:100%}.contact-mail,.contact-address{justify-content:flex-start}.download-row{display:grid;width:100%;grid-template-columns:1fr}.download-row .secondary-link{width:100%}.detail-panel{width:100vw;height:100svh;margin:0}}@media(max-width:620px){.site-nav{align-items:flex-start;flex-direction:column}.site-nav nav{width:100%;justify-content:space-between}.hero-title{font-size:clamp(3.1rem,18vw,5.4rem)}.hero-actions,.section-head{grid-template-columns:1fr}.statement-section h2,.profile-copy h2,.contact-section h2{font-size:clamp(2.05rem,11vw,4rem)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.hero-media,.work-media img,.work-media video,.profile-media img,.detail-media img,.detail-media video{transform:none!important}}