:root{--bg: #000000;--bg-soft: #0a0a0a;--text: #ffffff;--text-muted: #888888;--text-dim: #aaaaaa;--grid-line: #1a1a1a;--border-subtle: #2a2a2a;--accent-blue: #6b7c8a;--accent-green: #7a8a7e;--line-dim: #222222;--line-lit: #e8e8e8;--road: #cfcfcf;--font-display: "Newsreader", "Songti SC", "Noto Serif SC", serif;--font-body: "Instrument Sans", "PingFang SC", "Microsoft YaHei", sans-serif;--space-xs: .5rem;--space-sm: 1rem;--space-md: 2rem;--space-lg: 4rem;--space-xl: 8rem;--space-2xl: 12rem;--max-width: 1100px;--gutter: 6vw;--ease-out: cubic-bezier(.22, 1, .36, 1);--duration: .7s;--timeline-wobble: 0;--timeline-progress: 0;--timeline-road: 0}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:auto;background:var(--bg)}body{margin:0;min-height:100vh;color:var(--text);background:var(--bg);font-family:var(--font-body);font-weight:400;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}code{font-size:.85em;color:var(--text-dim)}.grid-overlay{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background-image:linear-gradient(to right,var(--grid-line) 1px,transparent 1px),linear-gradient(to bottom,var(--grid-line) 1px,transparent 1px);background-size:72px 72px;opacity:.55}.section{position:relative;z-index:1;padding-left:var(--gutter);padding-right:var(--gutter)}.section-title{margin:0;font-family:var(--font-display);font-weight:400;font-size:clamp(1.75rem,3vw,2.5rem);letter-spacing:.04em;color:var(--text)}.section-title--xl{font-size:clamp(3.5rem,8vw,7rem);letter-spacing:.08em}.section-title--sm{font-size:1.1rem;letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted);font-family:var(--font-body)}.section-sub{margin:var(--space-sm) 0 0;color:var(--text-muted);font-size:.95rem;letter-spacing:.3em}.scene-3d-root{position:relative;width:100%;min-height:60vh}.hero{min-height:100vh;display:flex;align-items:center;justify-content:flex-start;padding-top:var(--space-2xl);padding-bottom:var(--space-2xl)}.hero__inner{max-width:var(--max-width);animation:hero-fade 1.4s var(--ease-out) both}.hero__name{margin:0;font-family:var(--font-display);font-weight:400;font-size:clamp(5rem,14vw,11rem);line-height:.9;letter-spacing:.02em;color:var(--text)}.hero__dob{margin:var(--space-md) 0 0;font-size:.95rem;letter-spacing:.35em;color:var(--text-muted)}.hero__bio{margin:var(--space-sm) 0 0;max-width:28em;font-size:1.05rem;color:var(--text-dim);line-height:1.8}@keyframes hero-fade{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.story{padding-top:var(--space-xl);padding-bottom:0}.story__header{max-width:var(--max-width);margin:0 auto var(--space-xl)}.timeline{position:relative;max-width:1200px;margin:0 auto;min-height:240vh;padding-bottom:10vh}.timeline__canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.timeline__nodes{list-style:none;margin:0;padding:10vh 0 20vh;position:relative;z-index:2;display:flex;flex-direction:column;gap:clamp(8rem,18vh,14rem)}.timeline__node{width:min(42%,420px);opacity:0;transform:translateY(28px);transition:opacity var(--duration) var(--ease-out),transform var(--duration) var(--ease-out)}.timeline__node.is-visible{opacity:1;transform:translateY(0)}.timeline__node--left{align-self:flex-start;margin-left:0;transform:translate(-24px,28px)}.timeline__node--left.is-visible{transform:translate(0)}.timeline__node--right{align-self:flex-end;transform:translate(24px,28px)}.timeline__node--right.is-visible{transform:translate(0)}.timeline__card{padding:var(--space-sm) 0}.timeline__meta{display:block;font-size:.75rem;letter-spacing:.28em;text-transform:uppercase;color:var(--text-muted);margin-bottom:var(--space-xs)}.timeline__title{margin:0;font-family:var(--font-display);font-weight:400;font-size:clamp(1.35rem,2.2vw,1.85rem);line-height:1.35;color:var(--text)}.timeline__desc{margin:var(--space-sm) 0 0;font-size:.9rem;line-height:1.85;color:var(--text-muted)}.timeline__road{position:relative;z-index:3;height:55vh;margin-top:-5vh;perspective:900px;perspective-origin:50% 0%;pointer-events:none;opacity:calc(.15 + var(--timeline-road) * .85)}.timeline__road-surface{position:absolute;left:50%;top:0;width:calc(2px + var(--timeline-road) * 100vw);height:120%;transform:translate(-50%) rotateX(62deg);transform-origin:top center;background:linear-gradient(to bottom,#ffffff0d,#e8e8e873 35%,#cfcfcfd9);box-shadow:0 0 40px rgba(255,255,255,calc(var(--timeline-road) * .08)),inset 0 0 0 1px rgba(255,255,255,calc(var(--timeline-road) * .12));filter:blur(calc((1 - var(--timeline-road)) * 1.2px))}.timeline__road-surface:before,.timeline__road-surface:after{content:"";position:absolute;top:0;bottom:0;width:1px;background:rgba(255,255,255,calc(var(--timeline-road) * .25))}.timeline__road-surface:before{left:28%}.timeline__road-surface:after{right:28%}.portfolio{padding-top:var(--space-xl);padding-bottom:var(--space-2xl);background:linear-gradient(to bottom,transparent 0%,var(--bg) 12%)}.portfolio__header,.portfolio__group{max-width:var(--max-width);margin:0 auto var(--space-xl)}.portfolio__group-title{margin:0 0 var(--space-md);font-family:var(--font-body);font-weight:500;font-size:.95rem;letter-spacing:.22em;color:var(--text-dim)}.portfolio__hint{margin:var(--space-md) 0 0;font-size:.8rem;color:var(--text-muted);line-height:1.7}.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem 1.25rem}.work-grid--projects{grid-template-columns:repeat(2,1fr);gap:2rem 1.5rem}.work-grid--gallery{grid-template-columns:repeat(3,1fr)}.work-tile{position:relative;display:block;aspect-ratio:4 / 3;background:#080808;border:1px solid var(--border-subtle);overflow:hidden;cursor:pointer;isolation:isolate}.work-tile--static{cursor:default}.work-tile--project{aspect-ratio:16 / 10}.work-tile__media{width:100%;height:100%;object-fit:cover;background:linear-gradient(135deg,#0c0c0c,#141414,#0a0a0a);transition:transform .8s var(--ease-out),filter .8s var(--ease-out)}.work-tile__media--placeholder{display:grid;place-items:center;color:#333;font-size:.7rem;letter-spacing:.2em;text-transform:uppercase}.work-tile__media--placeholder:after{content:attr(data-label)}.work-tile__overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:flex-end;padding:1.1rem 1.15rem;background:linear-gradient(to top,rgba(0,0,0,.92) 0%,rgba(0,0,0,.55) 45%,transparent 100%);opacity:0;transform:translateY(8px);transition:opacity .45s var(--ease-out),transform .45s var(--ease-out);pointer-events:none}.work-tile:hover .work-tile__overlay,.work-tile:focus-visible .work-tile__overlay{opacity:1;transform:translateY(0)}.work-tile:hover .work-tile__media,.work-tile:focus-visible .work-tile__media{transform:scale(1.03);filter:brightness(1.08)}.work-tile__title{margin:0;font-family:var(--font-display);font-size:1.05rem;font-weight:400;color:var(--text);line-height:1.35}.work-tile__desc{margin:.4rem 0 0;font-size:.78rem;line-height:1.55;color:var(--text-dim);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.work-tile:focus-visible{outline:1px solid var(--text-muted);outline-offset:3px}.contact{padding-top:var(--space-xl);padding-bottom:var(--space-2xl);max-width:var(--max-width);margin:0 auto}.contact__list{list-style:none;margin:var(--space-lg) 0 0;padding:0;display:flex;flex-direction:column;gap:1.1rem}.contact__list li{display:flex;gap:2.5rem;align-items:baseline;font-size:.9rem}.contact__label{min-width:5.5rem;color:var(--text-muted);letter-spacing:.18em}.contact__value{color:var(--text-dim)}.contact__value--placeholder{color:#444}.contact__sign{margin:var(--space-xl) 0 0;font-family:var(--font-display);font-size:1.25rem;letter-spacing:.2em;color:#555}