/* Mobile adjustments are isolated from the desktop layout. */
@media(max-width:800px){
 html{scroll-padding-top:120px;-webkit-text-size-adjust:100%;text-size-adjust:100%}
 body{overflow-x:clip}
 .site-header{position:sticky;top:0;z-index:30;height:auto;padding-top:env(safe-area-inset-top);background:rgba(247,246,242,.97)}
 .header-inner{width:100%;height:auto;min-height:0;padding:14px 20px 6px;display:flex;flex-direction:column;align-items:stretch;gap:8px}
 .brand-lockup{align-self:flex-start;gap:10px;padding:0;min-height:24px;align-items:baseline}
 .brand-cn{font-size:16px;letter-spacing:.1em}.brand-en{font-size:11px;letter-spacing:.12em}
 .nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;max-width:none;gap:8px;flex-wrap:nowrap;font-size:12px;letter-spacing:.03em}
 .nav a{min-width:0;min-height:44px;padding:3px 0 7px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;white-space:nowrap;line-height:1.5}
 .nav a:last-child{align-items:flex-end}.nav-separator{display:none}.nav-en{font-size:8px;color:var(--en);letter-spacing:.04em}.nav-cn{font-size:12px}
 main{width:100%;max-width:100%;padding:0 20px calc(48px + env(safe-area-inset-bottom))}
 .section-title{font-size:16px;line-height:1.6;letter-spacing:.02em}.section-head{gap:10px;flex-wrap:wrap;padding-top:14px;margin-bottom:20px}
 .section-link{font-size:10px;line-height:1.7;letter-spacing:.02em}
 main > .section,main > .section + .section,.hero + .section{padding-top:38px}
 .hero{padding-top:22px;padding-bottom:0}.hero-frame,.hero-slide{aspect-ratio:2/1}.hero-meta{font-size:8px;gap:14px;margin-top:10px}
 .hero-arrow{width:44px;height:44px;line-height:44px;font-size:16px;opacity:.7}.hero-arrow.prev{left:0}.hero-arrow.next{right:0}
 #seriesGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
 .design-research .disciplines{display:grid;grid-template-columns:1fr;gap:28px}
 .design-research .discipline-card{display:grid;grid-template-columns:minmax(110px,38%) minmax(0,1fr);gap:18px;align-items:center}
 .design-research .discipline-image{width:100%;height:auto;aspect-ratio:1}
 .design-research .discipline-info{min-width:0}.design-research .discipline-title{font-size:14px;line-height:1.6;margin:0 0 8px}
 .design-research .discipline-copy{max-width:none;font-size:12px;line-height:1.85}.design-research .discipline-copy .en{font-size:9px;line-height:1.7}
 .about-teaser{display:grid;grid-template-columns:1fr;gap:20px}.about-photo img{width:40%;max-width:180px;aspect-ratio:1;object-fit:cover}
 .about-copy{width:100%;max-width:none;margin:0;text-align:left;justify-self:start;font-size:13px;line-height:1.95;overflow-wrap:anywhere}.about-copy .en{font-size:10px;line-height:1.8}
 .contact-home{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding-top:0}.contact-home .email{font-size:12px;overflow-wrap:anywhere}.contact-home>div{min-width:0}.qr-contact{flex:0 0 88px}.qr-contact img{width:88px;height:88px}
 #contact{scroll-margin-top:120px}
 /* Two-column ceramics, without the desktop first-row spacer. */
 .page-works .section-head{margin-top:24px}.gallery{gap:36px;padding-top:18px}.gallery-row:first-child{min-height:0}
 #workDetail{max-height:94dvh;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
 #workDetail .detail-bar{height:44px}#workDetail .detail-close{width:44px;height:44px;font-size:28px}
 #workDetail .image-arrow{width:44px;height:44px;top:calc(50% - 22px);background:rgba(247,246,242,.3);font-size:26px}
 #workDetail .image-prev{left:0}#workDetail .image-next{right:0}
 #workDetail .detail-stage{touch-action:pan-y pinch-zoom}#workDetail .detail-stage img{-webkit-user-drag:none}
 #workDetail .detail-information{padding-top:14px}
 #workDetail.single-image .detail-thumbnails{display:none}
 #workDetail.compact .metadata-grid{grid-template-columns:1fr;gap:8px}
 #workDetail.compact .detail-information{height:auto}
 /* Recent: left timeline and full image, then horizontal thumbnails and caption. */
 .recent-main{padding-top:24px;padding-bottom:calc(24px + env(safe-area-inset-bottom))}
 .recent-main .section-head{margin-bottom:22px}
 .recent-content{--stage-h:clamp(150px,calc(100svh - 330px),420px);grid-template-columns:48px minmax(0,1fr);column-gap:12px;row-gap:18px}
 .timeline{grid-column:1;grid-row:1;height:var(--stage-h)}
 .timeline:before{left:43px;top:22px;bottom:22px}
 .year-block{grid-template-columns:34px 20px;min-height:44px}.year-button{font-size:10px;min-height:44px}.year-dots{display:none}
 .viewer{display:contents}.stage{grid-column:2;grid-row:1;height:var(--stage-h)}.slide{inset:0 12px}
 .nav-arrow{width:32px;height:44px;font-size:25px;background:rgba(247,246,242,.35);z-index:2}.nav-arrow.prev{left:0}.nav-arrow.next{right:0}
 .thumbnails{grid-column:2;grid-row:2;display:grid;width:100%;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:auto;gap:10px;padding:3px}
 .thumbnail{height:auto;aspect-ratio:1;min-width:0}.thumbnail img{aspect-ratio:1}.thumbnail.is-active{outline-offset:2px}
 .info{grid-column:1/-1;grid-row:3;min-width:0;margin:6px 0 0;padding-top:12px;font-size:11px;gap:14px}
 /* Painting keeps the exhibition wall and fits the visible viewport. */
 .page-painting{--edge-gap:16px;height:100dvh;overflow:hidden}
 .painting-page{width:100%;max-width:none;height:calc(100dvh - var(--mobile-header-h,106px));padding:0 0 calc(16px + env(safe-area-inset-bottom));margin:0}
 .meta-rail{width:calc(100% - 40px)}.meta-inner{min-height:54px;gap:12px;padding-top:12px}.material-cn,.year{font-size:11px}.year{white-space:nowrap}.material-en{font-size:8px;line-height:1.7;letter-spacing:.03em}
 /* Long biography reads as a single column. */
 .about-heading{margin-top:24px}.about-main .profile{grid-template-columns:1fr;gap:22px;padding-top:10px}.about-main .profile img{width:140px}
 .cv-section{grid-template-columns:1fr;gap:20px;margin-top:36px}.cv-section h2{font-size:15px}.cv-section h2 span{display:block;margin:4px 0 0;font-size:10px}
 .cv-entry{grid-template-columns:65px minmax(0,1fr);gap:12px;margin-bottom:25px}.cv-entry p{font-size:13px;line-height:1.9}.cv-entry p.cv-en{font-size:10px;line-height:1.8}
 .award-entry .cv-award{grid-column:2;text-align:left}.cv-year{font-size:10px}.cv-body{min-width:0;overflow-wrap:anywhere}
 .page-intro{padding:26px 0 20px}.page-title{font-size:18px;line-height:1.7}.page-sub{font-size:9px}
}
@media(max-width:360px){
 .header-inner{padding-left:16px;padding-right:16px}main{padding-left:16px;padding-right:16px}
 .design-research .discipline-card{grid-template-columns:105px minmax(0,1fr);gap:14px}
 .section-link{font-size:9px}.recent-content{column-gap:6px}.contact-home .email{font-size:11px}
}
@media(max-width:800px) and (orientation:landscape) and (max-height:520px){
 .header-inner{flex-direction:row;align-items:center;gap:18px;padding-top:6px;padding-bottom:6px}.nav{width:min(55%,380px)}
 .recent-content{--stage-h:50svh}.thumbnails{max-width:320px;justify-self:center}.recent-main .section-head{margin-bottom:14px}
 .painting-page{padding-bottom:4px}.meta-inner{min-height:40px;padding-top:6px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}