@media (max-width:1100px){
  .nav{gap:28px}.stats{grid-template-columns:repeat(2,1fr)}.stat:nth-child(2){border-right:0}.stat{padding:18px}.hero-content{padding-bottom:250px}.grid.cols-3{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:767px){
  :root{--header-h:82px}.site-header{height:82px;padding:0 18px}.logo img{height:58px}.nav{display:none}.language{margin-left:auto;margin-right:12px}.mobile-toggle{display:flex}.site-header.is-scrolled .logo img{height:50px}
  .hero{min-height:auto;display:block;background-position:70% top;padding-top:82px}.hero::before{background:linear-gradient(180deg,rgba(248,244,234,.15) 0%,rgba(248,244,234,.36) 32%,rgba(248,244,234,.96) 58%,rgba(248,244,234,1) 100%)}.hero::after{display:none}.hero-content{width:auto;margin:0;padding:58vh 22px 30px}.hero h1{font-size:52px}.hero .lead{font-size:23px}.hero p{font-size:16px}.btn{width:100%;justify-content:center}.stats{position:relative;left:auto;right:auto;bottom:auto;margin:0 18px 34px;grid-template-columns:1fr;padding:18px;border-radius:20px}.stat{border-right:0;border-bottom:1px solid var(--line);padding:16px 8px}.stat:last-child{border-bottom:0}.stat strong{font-size:30px}.stat .icon{width:50px;height:50px}.chapter-hero{min-height:100vh;background-position:64% center}.chapter-hero::before{background:linear-gradient(180deg,rgba(0,24,38,.22),rgba(0,24,38,.38) 38%,rgba(0,24,38,.78) 100%)}.chapter-hero .chapter-inner{margin:0;padding:45vh 24px 50px}.chapter-hero h1{font-size:64px}.chapter-hero p{font-size:18px}.gold-btn{width:100%;justify-content:center}.next-strip{padding:24px;gap:16px}.next-strip .circle{width:54px;height:54px}.next-strip h3{font-size:28px}.grid.cols-3,.grid.cols-2{grid-template-columns:1fr}main.page{padding:70px 22px}.footer-grid{grid-template-columns:1fr}.placeholder-hero{padding:120px 24px 70px}.placeholder-hero h1{font-size:48px}.placeholder-hero p{font-size:18px}
}

/* ===== Fix v1.0.1 responsive seed image ===== */
@media (max-width: 1100px){
  .hero{
    background-size:auto 76vh !important;
    background-position:right -10vw center !important;
  }
}
@media (max-width: 760px){
  .logo img{height:58px;mix-blend-mode:multiply;}
  .hero{
    background-size:auto 50vh !important;
    background-position:right -18vw top 90px !important;
    align-items:flex-end;
  }
  .hero::before{
    background:linear-gradient(180deg,
      rgba(248,244,234,.28) 0%,
      rgba(248,244,234,.55) 28%,
      rgba(248,244,234,.95) 58%,
      rgba(248,244,234,1) 100%) !important;
  }
}

/* ===== Framework v1.1 Production Fix 2: mobile hero restored ===== */
@media (max-width: 767px){
  :root{--header-h:92px;}
  .site-header{
    position:fixed !important;
    height:92px !important;
    padding:0 18px !important;
    align-items:center !important;
    background:rgba(255,255,255,.94) !important;
    border-bottom:1px solid rgba(6,40,33,.08) !important;
    color:var(--green-dark) !important;
  }
  .logo img{
    height:64px !important;
    max-width:180px !important;
    object-fit:contain !important;
    image-rendering:auto !important;
  }
  .site-header.is-scrolled .logo img{height:58px !important;}
  .language{font-size:18px;gap:10px;margin-left:auto;margin-right:12px;}
  .mobile-toggle{display:flex !important;width:44px;height:44px;background:transparent;color:var(--green);}
  .nav{display:none !important;}

  /* Mobile home is not a squeezed desktop hero. It becomes: header / image / text / stats. */
  .hero.home-hero{
    display:block !important;
    min-height:auto !important;
    height:auto !important;
    padding-top:92px !important;
    background:#fbf8f1 !important;
    overflow:visible !important;
  }
  .hero.home-hero::before{
    content:"" !important;
    display:block !important;
    position:relative !important;
    inset:auto !important;
    height:52vh !important;
    min-height:340px !important;
    max-height:520px !important;
    background-image:
      linear-gradient(180deg, rgba(251,248,241,0) 0%, rgba(251,248,241,0) 58%, rgba(251,248,241,.88) 92%, #fbf8f1 100%),
      url('../images/hero/home-hero-mobile-v11.jpg') !important;
    background-size:cover !important;
    background-position:center top !important;
    background-repeat:no-repeat !important;
    z-index:0 !important;
  }
  .hero.home-hero::after{display:none !important;}
  .hero.home-hero .hero-content{
    position:relative !important;
    z-index:2 !important;
    width:auto !important;
    max-width:none !important;
    margin:0 !important;
    padding:26px 22px 30px !important;
    background:#fbf8f1 !important;
  }
  .eyebrow{font-size:12px !important;letter-spacing:.18em !important;margin-bottom:18px !important;}
  .hero h1{font-size:clamp(44px,13.6vw,62px) !important;line-height:1.02 !important;letter-spacing:-.055em !important;margin:0 0 22px !important;}
  .hero .lead{font-size:22px !important;line-height:1.34 !important;margin:0 0 22px !important;}
  .orn{width:220px !important;margin:16px 0 22px !important;}
  .orn::before,.orn::after{width:auto !important;flex:1 !important;}
  .hero p{font-size:15.5px !important;line-height:1.72 !important;margin-bottom:26px !important;}
  .btn-row{display:grid !important;grid-template-columns:1fr !important;gap:14px !important;}
  .btn{width:100% !important;min-height:56px !important;justify-content:center !important;}
  .stats{
    position:relative !important;
    left:auto !important;right:auto !important;bottom:auto !important;
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    width:calc(100% - 32px) !important;
    margin:0 auto 42px !important;
    padding:0 !important;
    border-radius:22px !important;
    overflow:hidden !important;
    background:rgba(255,255,255,.82) !important;
  }
  .stat{padding:18px 14px !important;gap:12px !important;align-items:flex-start !important;border-right:0 !important;border-bottom:1px solid var(--line) !important;}
  .stat:nth-child(odd){border-right:1px solid var(--line) !important;}
  .stat:nth-child(n+3){border-bottom:0 !important;}
  .stat .icon{width:42px !important;height:42px !important;font-size:20px !important;flex:0 0 42px !important;}
  .stat strong{font-size:26px !important;}
  .stat small{font-size:13px !important;line-height:1.2 !important;}
  .stat span{font-size:12px !important;line-height:1.3 !important;}
}
@media (max-width: 390px){
  .hero.home-hero::before{height:48vh !important;min-height:300px !important;}
  .hero h1{font-size:42px !important;}
  .hero .lead{font-size:19px !important;}
  .stats{grid-template-columns:1fr !important;}
  .stat:nth-child(n){border-right:0 !important;border-bottom:1px solid var(--line) !important;}
  .stat:last-child{border-bottom:0 !important;}
}

/* ===== Jiaqi Mobile QA + navigation polish v3.2.5 ===== */
@media (max-width:767px){
  .mobile-panel{
    overflow-y:auto !important;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
  }
  .mobile-panel .mobile-menu-heading{
    display:block;
    padding:18px 0 10px;
    margin-top:4px;
    font-size:22px;
    line-height:1.25;
    font-weight:800;
    color:var(--green-dark);
    border-bottom:1px solid rgba(6,40,33,.12);
  }
  .mobile-panel .mobile-subitem{
    padding-left:0 !important;
    font-size:18px !important;
    line-height:1.35 !important;
    font-weight:650 !important;
  }
  .mobile-panel .small{font-size:15px !important;}
  .fade-up{
    opacity:1 !important;
    transform:none !important;
    animation:none !important;
  }
  main > section,
  .section-body,
  .evidence-block{
    content-visibility:auto;
    contain-intrinsic-size:800px;
  }
}