.work-count{font-size:13px;margin-left:4px;font-variant-numeric:tabular-nums}.opening{padding:14px var(--gutter) 60px;display:grid;grid-template-columns:.88fr 1fr;gap:5vw;min-height:calc(100svh - 86px)}.opening-copy{position:relative;display:flex;flex-direction:column;padding-top:15px;min-height:660px}.intro-name{display:flex;align-items:baseline;gap:24px}.intro-name h1{font-size:clamp(76px,7.6vw,96px);font-weight:600;letter-spacing:-.04em;line-height:1}.intro-name>span{font-size:15px}.name-dot{font-weight:400}.intro-role{font-size:clamp(28px,2.8vw,44px);line-height:1.2;letter-spacing:-.035em;margin-top:34px}.opening-note{margin-top:auto;padding-top:55px;padding-bottom:22px}.opening-note p{font-size:19px;line-height:1.8}.opening-note>span{display:block;color:var(--muted);font-size:13px;margin-top:14px}.opening-down{align-self:flex-start;font-size:14px;gap:40px}.opening-down:hover svg{transform:translateY(5px)}.small-study{position:absolute;width:128px;right:0;bottom:5px}.small-study img{width:100%;aspect-ratio:2/3;object-fit:cover}.small-study span{font-size:13px;line-height:1.5;color:var(--muted);display:block;margin-top:9px}.opening-work{display:flex;flex-direction:column;min-width:0;align-self:stretch}.opening-image{overflow:hidden;height:min(74vw,calc(100svh - 190px));min-height:610px;max-height:860px;background:#242424}.opening-image img{width:100%;height:100%;object-fit:cover;object-position:50% 0%;transition:transform 1s var(--ease)}.opening-work:hover .opening-image img{transform:scale(1.025)}.featured-caption{display:flex;justify-content:space-between;align-items:center;margin-top:17px;gap:20px}.featured-caption>div>span{font-size:19px;font-weight:600}.featured-caption p{font-size:13px;color:var(--muted);margin-top:2px}.image-open{display:flex;gap:20px;font-size:13px;align-items:center}.image-open svg{width:20px;height:20px}.works{padding:100px var(--gutter) 50px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:68px}.section-heading h2{font-size:46px}.section-heading h2 span{font-size:14px;letter-spacing:0;font-weight:400;display:inline-block;margin-left:22px;vertical-align:middle}.section-heading p{font-size:14px;color:var(--muted);font-variant-numeric:tabular-nums}.projects-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:3vw;row-gap:72px}.project-link{display:block}.project-image{position:relative;overflow:hidden;background:#f2f2f2}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform 1.1s var(--ease)}.project-link:hover .project-image img{transform:scale(1.035)}.project-meta{display:flex;justify-content:space-between;align-items:baseline;margin-top:19px;gap:18px}.project-meta h3{font-size:25px;letter-spacing:-.035em}.project-meta>span{font-size:13px;color:var(--muted)}.project-subtitle{font-size:14px;color:var(--muted);margin-top:5px}.view-project{position:absolute;right:18px;bottom:18px;background:var(--paper);color:var(--ink);padding:12px 16px;font-size:13px;display:flex;gap:28px;align-items:center;transform:translateY(75px);transition:transform .55s var(--ease)}.project-link:hover .view-project,.project-link:focus-visible .view-project{transform:translateY(0)}.view-project svg{height:18px;width:18px}.project-nars{grid-column:1/8}.project-nars .project-image{aspect-ratio:1.13}.project-beauty{grid-column:9/13;margin-top:110px}.project-beauty .project-image{aspect-ratio:2/3}.project-beauty .project-meta{display:block}.project-beauty .project-meta>span{display:block;margin-top:8px}.project-sanyi{grid-column:2/6;padding-top:30px}.project-sanyi .project-image{aspect-ratio:3/4}.project-sanyi .project-image img{object-position:50% 50%}.project-sanyi .project-meta{display:block}.project-sanyi .project-meta>span{display:block;margin-top:8px}.project-jilong{grid-column:7/13}.project-jilong .project-image{aspect-ratio:4/3}.project-aside{font-size:20px;line-height:1.9;margin:65px 0 0 40px;color:var(--muted)}.project-ai{grid-column:1/13;display:grid;grid-template-columns:5fr 7fr;align-items:center}.project-ai .project-image{aspect-ratio:3/4}.project-ai .project-meta{display:block}.project-ai .project-meta>span{display:block;margin-top:8px}.personal-note{padding:0 10% 0 19%}.note-english{font-size:clamp(38px,4.1vw,64px);letter-spacing:-.04em;line-height:1.08;display:block}.personal-note p{font-size:16px;line-height:1.85;margin-top:34px;color:var(--muted)}.project-index{display:flex;flex-wrap:wrap;gap:20px 35px;justify-content:flex-end;margin-top:75px;font-size:14px}.project-index a{border-bottom:1px solid var(--line);padding-bottom:7px;transition:border-color .25s}.project-index a:hover{border-color:var(--ink)}.about{padding:140px var(--gutter) 145px;display:grid;grid-template-columns:5fr 7fr;gap:3vw}.about-heading h2{font-size:56px}.about-heading>span{display:block;margin-top:22px;font-size:14px;color:var(--muted)}.about-lead{font-size:28px;line-height:1.7;letter-spacing:-.02em}.about-description{font-size:16px;color:var(--muted);line-height:1.9;max-width:38em;margin-top:28px}.experience{margin-top:55px}.experience article{display:grid;grid-template-columns:175px 1fr;gap:20px;padding:26px 0;border-top:1px solid var(--line)}.experience-time{font-size:13px;font-variant-numeric:tabular-nums;padding-top:3px}.experience h3{font-size:17px;line-height:1.5;letter-spacing:0}.experience article span{display:block;font-size:14px;margin-top:6px}.experience p{color:var(--muted);font-size:13px;line-height:1.85;margin-top:12px}.education{font-size:13px;margin-top:30px;color:var(--muted)}.contact{background:var(--ink);color:var(--paper);padding:100px var(--gutter);display:flex;justify-content:space-between;align-items:flex-end;gap:40px}.contact h2{font-size:42px;line-height:1.5;letter-spacing:-.02em}.contact-email{font-size:clamp(20px,2.4vw,36px);letter-spacing:-.03em;margin-top:40px}.contact-email svg{width:26px;height:26px;margin-left:15px}.contact-other{display:flex;flex-direction:column;gap:14px;font-size:14px;min-width:230px}.contact-other>a:hover{text-decoration:underline}.contact-other button{background:none;border:0;padding:0;min-height:30px;text-align:left;font-size:14px}.contact-other button span{margin-left:20px;font-size:13px;border-bottom:1px solid #77766f;padding-bottom:3px}#copyStatus{font-size:13px;min-height:20px;color:#c9c7bf}.contact :focus-visible{outline-color:var(--paper)}.site-footer{background:var(--ink);color:#c9c7bf}
.intro-motion .opening-image{animation:opening-mask 1.1s var(--ease) both}.intro-motion .opening-image img{animation:opening-scale 1.4s var(--ease) both}.intro-motion .intro-name,.intro-motion .intro-role{animation:opening-type 1s var(--ease) both}.intro-motion .intro-role{animation-delay:.1s}@keyframes opening-mask{from{clip-path:inset(8% 5% 8% 5%)}to{clip-path:inset(0)}}@keyframes opening-scale{from{transform:scale(1.07)}to{transform:scale(1)}}@keyframes opening-type{from{transform:translateY(22px);opacity:.4}to{transform:none;opacity:1}}
@media(min-width:1500px){.opening-copy{min-height:730px}.small-study{width:155px}.opening-note{padding-bottom:30px}.projects-grid{row-gap:90px}}
@media(max-height:800px) and (min-width:900px){.opening-copy{min-height:550px}.opening-image{min-height:520px}.intro-role{margin-top:25px}.small-study{width:100px}.opening-note p{font-size:17px}.opening-note{padding-top:40px}.opening{padding-bottom:30px}.works{padding-top:85px}}
@media(max-width:1050px){.opening-copy{min-height:560px}.opening-image{min-height:560px}.small-study{display:none}.intro-name{display:block}.intro-name>span{display:block;margin-top:13px}.opening-note{padding-top:70px}.project-meta{display:block}.project-meta>span{display:block;margin-top:8px}.experience article{grid-template-columns:1fr;gap:10px}.contact{align-items:flex-start;flex-direction:column}.about-heading h2{font-size:44px}}
@media(max-width:700px){.opening{grid-template-columns:1fr;gap:36px;padding-top:20px}.opening-copy{min-height:0}.intro-name{display:flex}.intro-name h1{font-size:72px}.intro-role{font-size:30px;margin-top:24px}.opening-note{padding-top:30px}.opening-note p{font-size:16px}.opening-down{margin-top:8px}.opening-image{height:auto;aspect-ratio:3/4;min-height:0}.featured-caption{margin-top:14px}.works{padding-top:45px}.section-heading{margin-bottom:35px;align-items:center}.section-heading h2{font-size:30px}.section-heading h2 span{display:block;margin:10px 0 0;font-size:13px}.projects-grid{display:block}.project{margin:0 0 55px;padding:0}.project-image{aspect-ratio:4/5!important}.project-jilong .project-image{aspect-ratio:4/3!important}.project-ai{display:block}.personal-note{padding:45px 0 0}.note-english{font-size:40px}.project-aside{display:none}.project-meta h3{font-size:25px}.view-project{transform:none;padding:9px 12px;right:12px;bottom:12px;gap:18px}.project-index{justify-content:flex-start;margin-top:35px;gap:18px 25px}.about{grid-template-columns:1fr;padding-top:70px;padding-bottom:70px;gap:35px}.about-heading h2{font-size:38px}.about-heading h2 br{display:none}.about-heading>span{margin-top:14px}.about-lead{font-size:23px}.about-description{font-size:15px}.contact{padding-top:60px;padding-bottom:45px}.contact h2{font-size:30px}.contact-email{font-size:19px;gap:8px}.contact-email svg{width:18px;margin-left:0}.site-footer>span:nth-child(2){display:none}.work-count{display:none}}

/* A small pointer response keeps the cover alive without moving the reading layout. */
.opening-work{transform:translate3d(var(--cover-x,0px),var(--cover-y,0px),0);transition:transform .55s var(--ease)}
@media(prefers-reduced-motion:reduce),(hover:none),(pointer:coarse){.opening-work{transform:none!important}}