:root{--paper:#f2efe7;--paper-deep:#e6e1d6;--ink:#151714;--muted:#676b63;--line:#c7c3b9;--accent:#e85d3f}*{box-sizing:border-box}html{background:var(--paper);scroll-behavior:smooth}body{background:linear-gradient(90deg, transparent 0, transparent calc(4vw - 1px), #1517140e 4vw, transparent calc(4vw + 1px)), var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.skip-link{z-index:20;background:var(--ink);color:var(--paper);padding:.8rem 1rem;transition:transform .2s;position:fixed;top:1rem;left:1rem;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}.site-header{border-bottom:1px solid var(--line);grid-template-columns:1fr auto 1fr;align-items:center;min-height:88px;padding:0 4vw;display:grid}.wordmark{letter-spacing:-.04em;width:fit-content;font-size:1.08rem;font-weight:800}.wordmark span{color:var(--accent)}.site-header nav{align-items:center;gap:clamp(1.5rem,4vw,3.5rem);display:flex}.site-header nav a,.language{letter-spacing:.12em;text-transform:uppercase;padding:.35rem 0;font-size:.72rem;font-weight:800;position:relative}.site-header nav a:after,.language:after{content:"";transform-origin:100%;background:currentColor;height:1px;transition:transform .25s;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.site-header nav a:hover:after,.site-header nav a[aria-current=page]:after,.language:hover:after{transform-origin:0;transform:scaleX(1)}.language{justify-self:end}.eyebrow{color:var(--muted);letter-spacing:.18em;text-transform:uppercase;margin:0;font-size:.69rem;font-weight:800;line-height:1.4}.hero{flex-direction:column;justify-content:space-between;min-height:calc(100svh - 88px);padding:clamp(2.5rem,6vw,5.5rem) 4vw 3.2rem;display:flex}.hero-kicker{justify-content:space-between;align-items:center;display:flex}.hero-kicker>span{border:1px solid var(--line);color:var(--muted);letter-spacing:.1em;border-radius:100%;padding:.55rem .7rem;font-size:.6rem;font-weight:800}.hero h1,.page-intro h1{letter-spacing:-.075em;max-width:1420px;margin:8vh 0;font-size:clamp(3.8rem,8.8vw,9.6rem);font-weight:600;line-height:.89}.hero h1 em,.page-intro h1 em{color:var(--accent);font-family:Georgia,Times New Roman,Noto Serif SC,serif;font-weight:400}html[lang=zh-CN] .hero h1,html[lang=zh-CN] .page-intro h1{letter-spacing:-.065em;font-size:clamp(3.2rem,7.8vw,8.4rem);line-height:.98}.hero-footer{grid-template-columns:minmax(260px,520px) auto;justify-content:space-between;align-items:end;gap:3rem;display:grid}.hero-footer>p{color:var(--muted);margin:0;font-size:clamp(1rem,1.4vw,1.25rem);line-height:1.65}.primary-link{border:1px solid var(--ink);letter-spacing:.1em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:2rem;min-width:min(360px,100%);padding:1.2rem 1.3rem;font-size:.72rem;font-weight:800;transition:background .2s,color .2s;display:inline-flex}.primary-link:hover{background:var(--ink);color:var(--paper)}.index-strip{background:var(--ink);color:var(--paper);grid-template-columns:repeat(2,1fr);display:grid}.index-strip a{border-right:1px solid #3f413d;grid-template-columns:auto 1fr auto;align-items:center;gap:clamp(1.25rem,3vw,3rem);padding:clamp(1.7rem,3vw,2.7rem) 4vw;transition:background .2s;display:grid}.index-strip a:hover{background:#20231f}.index-strip span{color:#999c94;font-size:.68rem;font-weight:700}.index-strip strong{letter-spacing:-.02em;font-size:clamp(1.05rem,2vw,1.5rem)}.index-strip i{color:var(--accent);font-size:1.15rem;font-style:normal}.manifesto{border-bottom:1px solid var(--line);justify-content:space-between;align-items:end;gap:2rem;min-height:46vh;padding:6vw 4vw;display:flex}.manifesto p{letter-spacing:-.045em;max-width:850px;margin:0;font-family:Georgia,Times New Roman,Noto Serif SC,serif;font-size:clamp(2rem,4.7vw,5rem);line-height:1.05}.manifesto>span{color:var(--muted);letter-spacing:.28em;writing-mode:vertical-rl;font-size:.65rem;font-weight:800}.page-intro{border-bottom:1px solid var(--line);grid-template-columns:1fr 3.2fr;align-content:space-between;column-gap:3rem;min-height:72vh;padding:clamp(4rem,8vw,8rem) 4vw 4rem;display:grid}.page-intro h1{grid-column:1/-1;margin-block:clamp(3.5rem,8vw,8rem)}.page-intro>p:last-child{max-width:590px;color:var(--muted);grid-column:2;margin:0;font-size:clamp(1.05rem,1.55vw,1.35rem);line-height:1.65}.empty-work{background:var(--ink);min-height:66vh;color:var(--paper);grid-template-columns:minmax(260px,1fr) 1.4fr;align-items:center;gap:8vw;padding:clamp(4rem,8vw,8rem) 4vw;display:grid}.empty-symbol{aspect-ratio:4/3;background:linear-gradient(135deg,#0000 48%,#2e312d 49% 51%,#0000 52%),radial-gradient(circle,#292c28 0 1px,#0000 2px) 0 0/24px 24px;border:1px solid #484b46;place-items:center;display:grid}.empty-symbol span{aspect-ratio:1;background:var(--accent);width:96px;color:var(--ink);border-radius:50%;place-items:center;padding-left:.35rem;font-size:1.3rem;display:grid}.empty-work .eyebrow{color:#a8aca2}.empty-work h2{letter-spacing:-.05em;max-width:660px;margin:1.8rem 0 1.2rem;font-family:Georgia,Times New Roman,Noto Serif SC,serif;font-size:clamp(2.4rem,5vw,5.4rem);font-weight:400;line-height:1}.empty-work>div:last-child>p:not(.eyebrow){color:#afb2aa;max-width:560px;font-size:1.05rem;line-height:1.7}.platform-list{flex-wrap:wrap;gap:.65rem;margin-top:3.5rem;display:flex}.platform-list span{color:#d6d7d2;letter-spacing:.08em;text-transform:uppercase;border:1px solid #51544f;border-radius:99px;padding:.65rem .8rem;font-size:.68rem;font-weight:800}.video-grid{grid-template-columns:repeat(2,1fr);gap:5vw 2vw;padding:4vw;display:grid}.video-card>a{aspect-ratio:16/9;background:var(--paper-deep);display:block;position:relative;overflow:hidden}.video-card img{object-fit:cover;width:100%;height:100%;transition:transform .45s}.video-card>a:hover img{transform:scale(1.025)}.play-badge{aspect-ratio:1;background:var(--accent);border-radius:50%;place-items:center;width:56px;padding-left:.2rem;display:grid;position:absolute;bottom:1.2rem;right:1.2rem}.video-meta{color:var(--muted);justify-content:space-between;margin-top:1.15rem;display:flex}.video-meta p,.video-meta time{letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:.66rem;font-weight:800}.video-card h2{letter-spacing:-.04em;margin:.65rem 0 0;font-size:clamp(1.4rem,2.6vw,2.4rem)}.about-grid{grid-template-columns:minmax(0,1.7fr) minmax(260px,1fr);gap:9vw;padding:clamp(4rem,8vw,8rem) 4vw;display:grid}.about-grid:has(.portrait){grid-template-columns:minmax(180px,220px) minmax(0,1fr);gap:clamp(3rem,6vw,7rem)}.portrait{align-self:start;width:193px;max-width:100%;margin:0}.portrait img{width:100%;height:auto}.profile-name{letter-spacing:-.045em;margin:1.25rem 0 .35rem;font-size:clamp(1.7rem,2.7vw,3rem)}.profile-location{color:var(--accent);letter-spacing:.11em;text-transform:uppercase;margin:0;font-size:.7rem;font-weight:800}.about-lede{letter-spacing:-.04em;max-width:760px;margin:1.5rem 0 2.4rem;font-family:Georgia,Times New Roman,Noto Serif SC,serif;font-size:clamp(1.65rem,2.8vw,3rem);line-height:1.16}.about-story>p:last-child{max-width:590px;color:var(--muted);margin:0;font-size:1.03rem;line-height:1.75}.values ol{border-top:1px solid var(--line);margin:1.3rem 0 0;padding:0;list-style:none}.values li{border-bottom:1px solid var(--line);grid-template-columns:2.5rem 1fr;gap:.7rem;padding:1.2rem 0;font-size:.98rem;display:grid}.values li span{color:var(--accent);font-size:.66rem;font-weight:800}.resume-sections{border-top:1px solid var(--line)}.resume-section{border-bottom:1px solid var(--line);grid-template-columns:minmax(180px,.65fr) minmax(0,2fr);gap:clamp(3rem,8vw,9rem);padding:clamp(4rem,7vw,7rem) 4vw;display:grid}.resume-section-heading h2{letter-spacing:-.055em;margin:1.1rem 0 0;font-size:clamp(2rem,3.6vw,4rem);font-weight:600}.resume-list{margin:0;padding:0;list-style:none}.resume-entry{border-top:1px solid var(--line);grid-template-columns:minmax(95px,135px) minmax(0,1fr);gap:clamp(1.5rem,4vw,4rem);padding:1.7rem 0;display:grid}.resume-entry:last-child{border-bottom:1px solid var(--line)}.resume-entry time,.resume-organization{color:var(--muted);letter-spacing:.09em;text-transform:uppercase;font-size:.68rem;font-weight:800;line-height:1.5}.resume-organization{color:var(--accent);margin:0 0 .55rem}.resume-entry h3{letter-spacing:-.035em;margin:0;font-size:clamp(1.35rem,2vw,2.1rem)}.resume-entry div>p:last-child{max-width:760px;color:var(--muted);margin:.85rem 0 0;line-height:1.7}.toolkit-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(2rem,5vw,5rem);display:grid}.toolkit-grid h3{letter-spacing:.12em;text-transform:uppercase;margin:0 0 1.25rem;font-size:.72rem}.tag-list,.plain-list{margin:0;padding:0;list-style:none}.tag-list{flex-wrap:wrap;gap:.6rem;display:flex}.tag-list li{border:1px solid var(--line);padding:.7rem .8rem;font-size:.78rem;font-weight:700}.plain-list{border-top:1px solid var(--line)}.plain-list li{border-bottom:1px solid var(--line);color:var(--muted);padding:.8rem 0;line-height:1.45}.interests-list{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:1.2rem;display:grid}.contact-panel{background:var(--accent);flex-direction:column;justify-content:space-between;min-height:55vh;padding:clamp(4rem,8vw,8rem) 4vw;display:flex}.contact-panel .eyebrow{color:#592117}.contact-panel h2{letter-spacing:-.065em;max-width:1000px;margin:7vw 0 0;font-size:clamp(2.8rem,6.5vw,7rem);font-weight:600;line-height:.98}.contact-links{flex-wrap:wrap;gap:1rem;margin-top:3rem;display:flex}.contact-links a{border:1px solid var(--ink);letter-spacing:.08em;text-transform:uppercase;padding:1rem 1.2rem;font-size:.72rem;font-weight:800}.site-footer{background:var(--ink);color:var(--paper);padding:clamp(4rem,7vw,7rem) 4vw 2rem}.footer-lead{grid-template-columns:1fr 3fr;align-content:start;gap:2rem;min-height:36vh;display:grid}.footer-lead .eyebrow{color:#96998f}.footer-lead h2{letter-spacing:-.055em;max-width:850px;margin:0;font-size:clamp(2.4rem,5vw,5.4rem);font-weight:500;line-height:1.02}.footer-links{flex-wrap:wrap;gap:.7rem;margin:2rem 0 5rem;display:flex}.footer-links a{letter-spacing:.08em;text-transform:uppercase;border:1px solid #555852;justify-content:space-between;min-width:180px;padding:1rem;font-size:.7rem;font-weight:800;display:flex}.footer-base{border-top:1px solid #3f413d;justify-content:space-between;align-items:end;padding-top:1.6rem;display:flex}.footer-base p{color:#96998f;letter-spacing:.06em;text-transform:uppercase;margin:0;font-size:.68rem}@media (max-width:800px){body{background:var(--paper)}.site-header{grid-template-columns:1fr auto;min-height:76px;padding-inline:1.25rem}.site-header nav{grid-area:2/1/auto/-1;justify-content:space-between;padding-bottom:.9rem}.language{grid-area:1/2}.hero{min-height:calc(100svh - 120px);padding:2.5rem 1.25rem 1.5rem}.hero h1{margin-block:10vh;font-size:clamp(3.1rem,15vw,5.7rem)}html[lang=zh-CN] .hero h1{font-size:clamp(2.9rem,13vw,5rem)}.hero-footer{grid-template-columns:1fr;align-items:start;gap:2rem}.primary-link{width:100%;min-width:0}.index-strip{grid-template-columns:1fr}.index-strip a{border-bottom:1px solid #3f413d;border-right:0;padding:1.5rem 1.25rem}.manifesto{align-items:start;min-height:55vh;padding:4rem 1.25rem}.page-intro{grid-template-columns:1fr;min-height:70vh;padding:4rem 1.25rem 2.5rem}.page-intro h1{margin-block:4rem;font-size:clamp(3.1rem,14vw,5.5rem)}html[lang=zh-CN] .page-intro h1{font-size:clamp(2.9rem,12.5vw,5rem)}.page-intro>p:last-child{grid-column:1}.empty-work{grid-template-columns:1fr;gap:3rem;min-height:auto;padding:4rem 1.25rem}.empty-symbol{max-height:45vh}.video-grid{grid-template-columns:1fr;gap:3.5rem;padding:3rem 1.25rem}:is(.about-grid,.about-grid:has(.portrait)){grid-template-columns:1fr;gap:4rem;padding:4rem 1.25rem}.portrait{width:193px;max-width:55vw}.resume-section{grid-template-columns:1fr;gap:2.5rem;padding:4rem 1.25rem}.resume-entry{grid-template-columns:1fr;gap:.7rem}.toolkit-grid{grid-template-columns:1fr;gap:3rem}.contact-panel{min-height:50vh;padding:4rem 1.25rem}.site-footer{padding:4rem 1.25rem 1.5rem}.footer-lead{grid-template-columns:1fr;align-content:start;min-height:34vh}.footer-base{flex-direction:column;align-items:flex-start;gap:1rem}}.archive-home{flex-direction:column;justify-content:center;align-items:flex-start;gap:2.5rem;min-height:calc(100svh - 190px);padding:clamp(4rem,12vw,12rem) 4vw;display:flex}.archive-home h1{letter-spacing:-.06em;margin:0;font-size:clamp(3rem,9vw,9rem);font-weight:500;line-height:1.05}.archive-email{text-underline-offset:.35em;overflow-wrap:anywhere;font-size:clamp(1rem,2vw,1.4rem);text-decoration:underline}.archive-email:hover{color:var(--accent)}.site-footer.compact-footer{background:var(--paper);color:var(--ink);padding:1.5rem 4vw}.compact-footer .footer-base{border-top:0;padding-top:0}.compact-footer .footer-base p{color:var(--muted)}@media (max-width:800px){.archive-home{padding:4rem 1.25rem}.site-footer.compact-footer{padding:1.5rem 1.25rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}