.experience{display:block;border:0;width:100%;background:#f8f8f4}.ink-section{padding-top:32px}.ink-experience{height:800px;height:clamp(680px,88svh,960px)}.project-section{padding:32px 0 0;background:#f0f1e9}.project-section>.eyebrow{padding:0 4%}.project-experience{height:900px;height:100svh;min-height:780px}@media(max-width:750px){nav{gap:9px;font-size:9px}.ink-experience{height:690px}.project-experience{height:1550px}.header-note{display:none}}
/* Public filing number: visible, centred, and independent of reveal animations. */
.icp-record{display:flex;justify-content:center;margin:24px 0 0;font-size:12px;line-height:1.8;letter-spacing:.02em;color:#242622}.icp-record a{display:inline-block;padding:4px 0}.icp-record a:hover{text-decoration:underline;text-underline-offset:3px}.icp-record a:focus-visible{outline:2px solid currentColor;outline-offset:4px}

/* Give the six navigation links readable tap targets on smaller screens. */
@media(max-width:600px){header.site-header{height:auto;min-height:104px;display:grid;grid-template-columns:auto 1fr;gap:12px;padding:14px 4% 10px}header.site-header nav{grid-column:1/-1;width:100%;justify-content:space-between;gap:4px;font-size:11px}header.site-header nav>a{padding:4px 0;white-space:nowrap}}

.social.douyin img{filter:brightness(0)}

/* Individual transforms keep arrival separate from the existing hover tilt. */
.social{animation:social-arrival 1.1s cubic-bezier(.2,.75,.25,1) both}
.social.bili{--social-from-x:-54px;--social-tilt:-9deg;--social-settle-x:4px;--social-settle-tilt:1.2deg;animation-delay:.25s}
.social.douyin{--social-from-x:54px;--social-tilt:9deg;--social-settle-x:-4px;--social-settle-tilt:-1.2deg;animation-delay:.42s}
@keyframes social-arrival{
  0%{opacity:0;translate:var(--social-from-x) 24px;rotate:var(--social-tilt);scale:.9}
  70%{opacity:1;translate:var(--social-settle-x) -3px;rotate:var(--social-settle-tilt);scale:1.018}
  100%{opacity:1;translate:0 0;rotate:0deg;scale:1}
}
.social:focus-visible{animation:none;opacity:1;translate:0 0;rotate:0deg;scale:1}
@media(max-width:750px){.social.bili{--social-from-x:-28px}.social.douyin{--social-from-x:28px}}

/* A compact phone-only stage; desktop and tablet dimensions stay unchanged. */
@media(max-width:600px){.ink-experience{height:clamp(500px,135vw,580px)}}