/* Mobile is its own reading experience, not a compressed desktop layout. */
.mobile-brand{display:none}

@media (max-width:800px){
  :root{--mobile-gutter:22px}
  body{font-size:16px;overflow-x:hidden}
  .site-header{position:sticky;justify-content:space-between;min-height:64px;padding:0 var(--mobile-gutter);background:rgba(9,9,11,.98)}
  .mobile-brand{display:block;font-size:17px;font-weight:650;letter-spacing:.02em}
  .menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;width:42px;height:42px;padding:0;align-items:flex-end}
  .menu-toggle span{display:block;width:21px;height:1px;background:#f4f4f1}
  .menu-toggle span:last-child{width:14px}
  .site-nav{top:63px;inset-inline:0;padding:15px var(--mobile-gutter) 21px;background:#0d0d10;border-bottom:1px solid var(--line);box-shadow:0 18px 35px rgba(0,0,0,.25)}
  .site-nav a{padding:13px 0;font-size:18px}
  .site-nav a.active:after{display:none}
  .page,.home-v2,.project-dossier,.events-dossier,.writing-experience{width:calc(100% - 44px);max-width:620px}
  footer{width:calc(100% - 44px);padding:20px 0;font-size:12px}

  /* Home */
  .home-v2{min-height:auto}
  .home-v2-main{gap:38px;min-height:auto;padding:48px 0 58px}
  .home-v2-copy{padding:0}
  .home-v2-name{font-size:54px;line-height:1;letter-spacing:-.04em}
  .capability-index{gap:14px;margin-top:29px}
  .capability-index div{grid-template-columns:27px 1fr;gap:11px}
  .capability-index strong{font-size:18px}
  .capability-index p{font-size:13px;line-height:1.45}
  .wish-box{margin-top:27px}.wish-button{width:46px;height:46px}.wish-message{font-size:13px}
  .home-v2-work{gap:13px}.featured-label{margin:2px 0 1px}
  .feature-card{grid-template-columns:35px minmax(0,1fr) 20px;gap:12px;min-height:auto;padding:18px 15px}
  .feature-index{font-size:25px}.feature-card h2{font-size:18px;line-height:1.32}.feature-card p{font-size:12px;line-height:1.45}.feature-arrow{font-size:25px}

  /* Work and index pages */
  .split-page{gap:28px;padding-top:38px}.intro{padding:0 0 24px;border-bottom:1px solid var(--line)}
  .intro .page-title{font-size:42px}.intro .lead{margin-top:14px;font-size:15px;line-height:1.65}
  .timeline{padding-left:25px}.timeline:before{left:5px}.role{gap:5px;margin:0;padding:0 0 22px 0;margin-bottom:22px}.role:before{left:-25px;top:7px;width:11px;height:11px}.role time{font-size:12px;color:var(--accent)}.role h2{font-size:18px}.role h3{font-size:15px}.role p{font-size:13px;line-height:1.65}
  .case-list,.writing-list{border-top:0}.case{grid-template-columns:35px minmax(0,1fr) 20px;gap:11px;padding:21px 0}.case-number{font-size:27px;color:var(--accent)}.case-type{font-size:12px}.case h2{font-size:18px;margin-top:3px}.case p{display:block;font-size:13px;line-height:1.55}.case .tags{display:none}.arrow{font-size:23px}
  .topic{grid-template-columns:33px minmax(0,1fr) 18px;gap:12px;padding:21px 0}.topic-n{font-size:27px;color:var(--accent)}.topic h2{font-size:18px;line-height:1.35}.topic-kind{display:none}

  /* Project detail */
  .project-dossier{padding-top:28px}.dossier-head{padding-bottom:22px}.dossier-crumb{font-size:12px;margin-bottom:9px}.dossier-head h1{font-size:30px;line-height:1.22}.dossier-sub{font-size:14px;margin-top:8px}
  .process{grid-template-columns:1fr;gap:0;padding:0;border-bottom:0}.process-step{display:grid;grid-template-columns:42px 1fr;column-gap:12px;min-height:0;padding:18px 0;border-bottom:1px solid var(--line)}.process-step:first-child{padding-left:0}.process-step:before,.process-step:after{display:none}.step-number{grid-row:1 / span 2;margin:0;font-size:28px}.process-step h2{font-size:18px}.process-step p{grid-column:2;margin:7px 0 0;font-size:13px;line-height:1.6}
  .dossier-lower{grid-template-columns:1fr;border-top:0}.dossier-overview,.dossier-list{padding:23px 0;border-right:0}.dossier-overview{border-bottom:1px solid var(--line)}.dossier-lower h2{font-size:22px;margin-bottom:10px}.dossier-lower p,.dossier-list li{font-size:14px;line-height:1.75}.dossier-list li{padding-bottom:9px}.dossier-footer{grid-template-columns:repeat(3,1fr);margin-top:0}.dossier-stat{padding:16px 9px;min-height:96px;border-right:1px solid var(--line)}.dossier-stat:last-of-type{border-right:0}.dossier-stat b{font-size:27px}.dossier-stat span{font-size:12px;line-height:1.4}.case-nav{grid-column:1/-1;grid-template-columns:1fr 1fr;grid-template-rows:auto}.next-case,.back-case{justify-content:flex-start;padding:17px 8px;font-size:13px}.next-case{border-bottom:0;border-right:1px solid var(--line)}.next-case span,.back-case span{font-size:19px}
  .events-dossier{min-height:auto;margin-inline:auto;padding-top:28px}.events-side{padding:0 0 24px}.events-side h1{margin:8px 0 12px;font-size:38px;line-height:1.1}.events-side p{font-size:15px}.event-rows{padding-top:0}.event-row{grid-template-columns:42px minmax(0,1fr);gap:10px;padding:19px 0}.event-number{font-size:30px;color:var(--accent)}.event-type{font-size:16px}.event-main{grid-column:1/-1;border-left:0;padding:10px 0 0}.event-main h2{font-size:18px;margin-bottom:10px}.event-main p{font-size:13px;line-height:1.7}.events-nav{padding:0}.events-nav .back-case{padding-left:0}

  /* Writing topics and article cards */
  .writing-experience{padding-top:28px}.writing-top{padding-bottom:22px}.writing-crumb,.writing-meta{display:none}.writing-top h1{font-size:30px;line-height:1.26}.reading-stage{display:block;min-height:0}.reading-panel{padding:23px 0;border-right:0;border-bottom:1px solid var(--line)}.reading-panel .label{margin-bottom:12px;font-size:12px}.reading-panel h2{margin-bottom:14px;font-size:23px;line-height:1.32}.reading-panel .full-copy{font-size:14px;line-height:1.8;max-height:10.8em;overflow:hidden}.reading-panel:first-child .full-copy{max-height:14.4em}.open-document{margin-top:15px;font-size:14px}.document-preview{display:none!important}.writing-nav{gap:13px;padding:18px 0;flex-direction:row;justify-content:space-between}.writing-nav a{font-size:13px}.next-topic{margin-left:auto;text-align:right}.next-topic em{display:none}

  /* Dedicated mobile reader */
  .mobile-reader{padding-top:28px}.reader-back{display:inline-flex;margin-bottom:28px;color:var(--accent);font-size:14px}.mobile-reader>.label{margin:0 0 11px;color:var(--accent);font:12px ui-monospace,SFMono-Regular,Consolas,monospace}.mobile-reader h1{margin:0;font-size:30px;line-height:1.3;font-weight:550}.reader-topic{margin:12px 0 26px;padding-bottom:18px;border-bottom:1px solid var(--line);color:#9999a1;font-size:14px;line-height:1.55}.reader-content{color:#ceced3;font-size:16px;line-height:1.95}.reader-content br+br{display:block;content:"";margin-top:14px}.reader-content .source-table-wrap{width:calc(100vw - 44px);margin:22px 0}.reader-content .source-table{min-width:480px;font-size:13px}.reader-content .source-table th,.reader-content .source-table td{padding:9px 10px}.reader-content p.wechat-paragraph{margin:0;text-indent:2em}.reader-nav{display:flex;justify-content:space-between;gap:18px;margin-top:36px;padding-top:18px;border-top:1px solid var(--line)}.reader-bottom{margin:0}.reader-next{margin-left:auto;color:var(--accent);font-size:13px;line-height:1.55;text-align:right}.reader-next span{font-size:20px;vertical-align:-1px}

  /* Contact */
  .contact{gap:32px;padding:48px 0 58px}.contact-intro{padding-bottom:21px;border-bottom:1px solid var(--line)}.contact-title{font-size:48px}.contact .lead{margin-top:13px;font-size:15px}.mail-button{margin-top:24px;padding:13px 17px;font-size:14px}.contact-row{padding:19px 0}.contact-row a,.contact-row b{font-size:20px;line-height:1.45}.contact-row small{display:block;margin-top:3px;font-size:14px}.phone-copy i{display:block;margin-top:4px;font-size:12px}
}