/* responsive.css · 三档断点与中间态 · WO-F2 */

@media (max-width:1100px){
  .about-grid{grid-template-columns:1fr;gap:40px}
  .about-photo,.about-side{grid-column:1/-1}
  .about-photo img{aspect-ratio:4/3}
  .about-note{position:static;width:auto;max-width:none;background:none;color:var(--ink);padding:20px 0 0}
  .about-tile{aspect-ratio:3/2}
  .news-grid{grid-template-columns:1fr;gap:32px}
  .news-list{grid-column:1}
  .news-media{position:relative;top:auto;aspect-ratio:4/3}
  .reserve-grid{grid-template-columns:1fr;gap:48px}
  .detail-grid{grid-template-columns:1fr;gap:40px}
  .detail-meta{position:static}
  .footer-grid{grid-template-columns:1fr 1fr;gap:36px}
  .footer-qr{grid-column:1/-1}
  .footer-qr img{width:100px;height:100px}
  .cases-intro{grid-template-columns:1fr;align-items:start}
  .case-filterbox{align-items:flex-start}
  .case-filters{justify-content:flex-start}
  .case-filterbox .filter-status{text-align:left}
}

@media (max-width:900px){
  .case-link{grid-template-columns:1fr;gap:20px}
  .case-item{margin-top:clamp(56px,8vw,80px)}
  .case-media,.case-item--b .case-media,.case-item--c .case-media{grid-column:1/-1}
  .case-copy,.case-item--b .case-copy,.case-item--c .case-copy{grid-column:1/-1;grid-row:auto;padding:0}
  .case-item--b .case-media img{aspect-ratio:4/3}
  .case-item--c .case-media img{aspect-ratio:3/2}
  .case-line{max-width:34em}
  .detail-gallery{grid-template-columns:1fr 1fr}
  .gal--a{grid-column:1/-1}
  .gal--b{grid-column:1/2}
  .gal--c{grid-column:2/3;margin-top:0}
  .gal--c img{aspect-ratio:4/5}
  .strip-grid{grid-template-columns:1fr 1fr;gap:20px}
  .strip-grid .fig-b img{margin-top:0}
  .strip-grid .fig-c{grid-column:1/-1}
  .privacy-grid{grid-template-columns:1fr;gap:24px}
  .page-hero{height:56svh;min-height:420px}
}

@media (max-width:760px){
  .site-header{padding-top:14px}
  .brand{font-size:var(--step-l)}
  .nav{gap:0}
  .nav a{padding:10px 7px;font-size:var(--step-s)}
  .nav .book{padding:10px 12px;margin-left:2px}
  .hero{min-height:560px}
  .hero-copy{bottom:24px}
  .hero-sub{margin-top:20px}
  .hero .btn{margin-top:22px}
  .hero-pause{bottom:14px}
  .work-head{flex-direction:column;align-items:flex-start;gap:24px}
  .filters{justify-content:flex-start}
  .f-time{display:none}
  .filter-status{text-align:left}
  .strip{gap:10px;margin-top:36px}
  .case{flex-basis:78vw}
  .case img{aspect-ratio:4/5}
  .case figcaption{flex-direction:column;gap:4px}
  .case-meta{text-align:left}
  .contact-box{height:auto;min-height:0;overflow:visible}
  .contact-box img{position:relative;height:70svh;min-height:420px}
  .visit{position:relative;top:auto;right:auto;width:auto;margin:-80px var(--pad) 0;padding:26px}
  .footer-grid{grid-template-columns:1fr;gap:32px}
  .footer-qr{grid-column:auto}
  .footer-legal{margin-top:48px}
  .quickbar{display:grid;grid-template-columns:repeat(3,1fr);height:48px;background:var(--surface);padding-bottom:env(safe-area-inset-bottom)}
  .quickbar a,.quickbar button{display:flex;align-items:center;justify-content:center;min-height:48px;font-size:var(--step-s);color:var(--ink);background:none;border:0}
  .strip-grid{grid-template-columns:1fr;gap:24px}
  .strip-grid .fig-c{grid-column:auto}
  .strip-grid .fig-b img{aspect-ratio:4/3}
  .form-grid{grid-template-columns:1fr}
  .reserve-panel{padding:24px 20px}
  .page-hero{height:52svh;min-height:380px}
  .page-hero-inner{bottom:28px}
  .page-hero-sub{margin-top:14px}
  .page-hero .btn{margin-top:18px}
  .detail-gallery{grid-template-columns:1fr}
  .gal--a,.gal--b,.gal--c{grid-column:1/-1;margin-top:0}
  .gal--b img,.gal--c img{aspect-ratio:3/2}
  .detail-meta{padding:24px 20px}
  .detail-body h2{max-width:none}
  .dayline li{grid-template-columns:56px 1fr;gap:12px}
}

@media (max-width:640px){
  .news-row{grid-template-columns:10px 1fr;row-gap:2px}
  .news-row time{grid-column:2;grid-row:2;text-align:left}
  .news-desc{margin-left:26px}
  .strip-grid .fig-b img{margin-top:0}
}

@media (max-width:480px){
  .nav a[data-home]{display:none}
  .brand{font-size:21px}
  .nav a{padding:10px 6px}
}