/* 响应式（手机 / 平板）—— 各块的窄屏覆盖都在这儿。
  ⚠️ 这里规则按屏幕宽度组织，不是按模块 —— 拆开会打乱
     媒体查询的层叠顺序，所以集中一处。找哪块就搜块名前缀。
  已剔除 manifesto / horizontal projects 的死规则。 */

@media (max-width:520px){html:root{--brand-size:clamp(40px,13vw,52px)}}

@media (max-width:900px){
  :root{--header:68px;--pad:20px}
  .hero{min-height:650px}.hero-title{font-size:clamp(36px,8vw,58px);line-height:1.06}.hero-foot{align-items:flex-end}.hero-foot>p{max-width:210px}.circle-link{width:82px;height:82px}.hero-index{display:none}
  .hero-line:nth-child(2){font-size:1em;margin-top:10px}
  
  .recent-projects{padding:88px 0 96px}.recent-viewport{margin-top:44px}.recent-card{width:70vw;max-width:420px}.recent-arrow{top:46%;width:48px;height:48px}.recent-prev{left:18px}.recent-next{right:18px}
  .style-gallery{padding-top:90px;padding-bottom:100px}.style-gallery-intro{grid-template-columns:1fr;margin:58px 0 48px}.style-gallery-intro p{max-width:560px}.style-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.style-card-wide,.style-card-tall{grid-column:auto;grid-row:auto;min-height:0}
  .about-group .statement{height:clamp(460px,57vh,580px);min-height:0}.about-group .statement-pin{height:100%;min-height:0}.about-group .services{padding-top:70px}.about-group .service-list{margin-top:0}
  .expertise-board{position:relative;top:auto;height:auto;min-height:auto;grid-template-columns:1fr;padding-top:70px;padding-bottom:70px;gap:38px}.expertise-copy{min-height:420px;padding-right:0}.expertise-copy h2{font-size:clamp(52px,12vw,88px)}.expertise-copy p{max-width:520px}.zemu-totem{position:absolute;right:0;bottom:0;width:190px;height:170px;font-size:66px}.expertise-image{height:72vw;min-height:400px;grid-row:2}
  .project-card>b{right:18px;top:16px}
  .statement-copy{font-size:clamp(34px,6.4vw,52px)}.statement-line{white-space:normal}
  .services{padding-top:100px;padding-bottom:100px}.services-intro{grid-template-columns:1fr}.services-intro>p{margin-top:-30px}.service-list{margin-top:80px}.service-row{grid-template-columns:40px 1fr 30px;min-height:100px}.service-row p{display:none}
  .process{padding-top:80px;padding-bottom:90px}.process-grid{grid-template-columns:1fr 1fr;gap:36px 18px;margin-top:54px}.process-grid>h2{grid-column:1/-1}.process-intro{grid-column:1/-1;justify-self:start;margin:0}.process ol{grid-column:1/-1;grid-template-columns:1fr 1fr}.process li:nth-child(n){padding:24px 18px 26px 0}.process li:nth-child(even){padding-left:18px}.numbers{grid-template-columns:1fr;height:auto;min-height:0}.number-image{height:56vw;min-height:300px}.number-body{padding:48px var(--pad)}.number-grid{margin-top:52px}.number-grid strong{font-size:17vw}
  .contact{min-height:auto}.contact-title{font-size:clamp(58px,16vw,105px);margin:12vh 0}.contact-foot{grid-template-columns:1fr;gap:28px}.footer-word{font-size:29vw;margin-top:14vh}
  /* 顶栏与手机菜单已抽到 site-nav.css */
}

@media (max-width:520px){:root{--brand-size:clamp(58px,18vw,72px)}.loader-mark{width:90vw;height:210px}.hero-brand-target{top:102px}.loader-status span:last-child{display:none}.recent-projects{height:100svh;min-height:680px;padding:calc(var(--header) + 22px) 0 20px;display:flex;flex-direction:column}.recent-head{flex:none}.recent-viewport{flex:1;min-height:0;margin-top:26px;padding-bottom:0}.recent-track{height:100%;gap:12px}.recent-card{width:calc(100vw - 40px);max-width:none;height:100%;display:flex;flex-direction:column}.recent-image{flex:1;min-height:0;aspect-ratio:auto}.recent-meta{flex:none;margin-top:11px;padding-top:10px}.recent-arrow{top:48%;width:42px;height:42px;font-size:17px}.recent-prev{left:10px}.recent-next{right:10px}.expertise-board{padding-top:58px;padding-bottom:58px}.expertise-copy{min-height:390px}.expertise-copy p{font-size:12px;max-width:88%}.expertise-copy a{min-width:128px}.zemu-totem{right:52px;width:150px;height:145px;font-size:54px;opacity:.9}.expertise-board[data-service-board="0"] .zemu-totem{right:44px;width:112px;height:105px;font-size:38px;transform:translateY(-38%)}.expertise-image{height:88vw;min-height:330px}.projects-head>p{display:none}.display-title{font-size:13vw}.style-gallery{padding-top:72px;padding-bottom:78px}.style-gallery-intro{margin:45px 0 36px}.style-gallery-intro .display-title,.process-grid>.display-title{font-size:clamp(34px,9.6vw,46px);line-height:1.02}.style-filters{gap:25px;margin-right:calc(var(--pad) * -1);padding-right:var(--pad)}.style-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:18px}.style-card,.style-card-wide,.style-card-tall{grid-column:auto;grid-row:auto;min-height:0;aspect-ratio:.88}.style-card>div{left:10px;right:10px;bottom:9px;display:block}.style-card strong{font-size:12px}.style-card span{display:block;margin-top:4px;text-align:left;font-size:8px}.about-group .statement{height:auto;min-height:0}.about-group .statement-pin{height:auto;min-height:0;padding:54px 0 50px}.about-group .statement-copy{font-size:clamp(34px,9.6vw,46px);line-height:1.04;max-width:100%}.about-group .services{padding-top:58px;padding-bottom:78px}.about-group .service-list{margin-top:0}.process-grid{grid-template-columns:1fr}.process ol{grid-template-columns:1fr}.process li:nth-child(n){min-height:0;padding:22px 0 24px}.process li span{margin-bottom:16px}.process li h3{font-size:25px}.number-image{height:58vw;min-height:220px}.number-body{padding:38px var(--pad) 44px}.number-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:38px}.number-grid article:nth-child(odd){border-right:1px solid rgba(244,240,232,.35)}.number-grid article:nth-child(even){padding-left:16px}.number-grid strong{font-size:18vw}.statement{height:auto}}

@media (max-width:520px){.recent-more{flex:none;padding:5px 20px 0}.recent-more-link{padding-top:15px}.recent-more-link span{font-size:7px}.recent-more-link strong{font-size:16px}}
@media (max-width:520px){.about-group .statement-pin{height:auto;padding:48px 0 46px}.about-group .statement-copy{font-size:clamp(32px,8.9vw,42px);line-height:1.05}.about-group .services{padding-top:48px;padding-bottom:72px}.statement-line{white-space:normal}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.loader{display:none}.hero-brand-target{display:none}.hero-brand-letters span{opacity:1;transform:none}.hero-media{clip-path:none;transform:none}.hero-motion,.hero-breath,.hero-light{animation:none;transform:none}.hero-line i,.reveal{transform:none;opacity:1}.recent-track{transform:none!important}.expertise-board{position:relative;top:auto}.expertise-image>div,.zemu-totem span{transform:none!important}.statement-orbit{animation:none}.reveal-image img{clip-path:none;transform:none}.statement{height:auto}.statement-pin{position:relative}.statement-copy .char{opacity:1!important}}
@media (max-width: 768px) {
  .style-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px !important; margin-top: 18px !important; }
}