/* Final desktop-only editorial layout. Mobile rules remain in the original stylesheet. */
@media (min-width: 701px) {
  .site-header {
    padding-right: max(42px, calc((100vw - 1240px) / 2));
    padding-left: max(42px, calc((100vw - 1240px) / 2));
  }

  .preface::after {
    background: linear-gradient(90deg, rgba(3, 18, 41, .38), rgba(3, 18, 41, .18) 42%, rgba(3, 18, 41, .42));
  }
  .preface__intro { max-width: 520px; }
  .preface__intro h2 { font-size: clamp(48px, 4.8vw, 70px); }
  .preface__intro p { max-width: 450px; font-size: 14px; line-height: 1.78; }
  .preface__catalogue { width: min(650px, 49vw); }
  .preface__catalogue button {
    grid-template-columns: 34px minmax(160px, 1.2fr) 108px minmax(150px, 1fr);
    gap: 14px;
    min-height: 92px;
    padding: 18px 20px;
    border: 1px solid rgba(255, 255, 255, .18);
    background: linear-gradient(90deg, rgba(2, 24, 54, .46), rgba(2, 24, 54, .2));
    backdrop-filter: blur(7px);
    -webkit-backdrop-filter: blur(7px);
  }
  .preface__catalogue button + button { margin-top: 8px; }
  .preface__catalogue button strong { font-size: clamp(19px, 1.7vw, 25px); }
  .preface__catalogue button small { font-size: 12px; line-height: 1.5; }
  .preface__catalogue button i { font-size: 11px; line-height: 1.6; }

  .story-rail__topline {
    height: 42px;
    padding-right: max(20px, calc((100vw - 1320px) / 2));
    padding-left: max(20px, calc((100vw - 1320px) / 2));
    background: rgba(247, 249, 248, .7);
    backdrop-filter: blur(11px) saturate(.92);
    -webkit-backdrop-filter: blur(11px) saturate(.92);
  }
  .story-rail__topline > strong { font-size: 12px; letter-spacing: .04em; }
  .story-rail__next {
    right: 16px;
    width: 46px;
    height: 46px;
    border-color: rgba(255, 255, 255, .72);
    background: rgba(3, 42, 100, .46);
    box-shadow: 0 10px 28px rgba(0, 18, 44, .18);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
  }
  .story-slide .section-heading h2 { font-size: clamp(34px, 3.1vw, 46px); line-height: 1.15; }
  .story-slide .section-heading > p { font-size: 12px; line-height: 1.55; }
  .story-slide .body-lead { font-size: 15px; line-height: 1.76; }

  .story-slide--river .story-slide__split-image {
    width: 52%;
    grid-template-rows: 52% 48%;
  }
  .story-slide--river .story-slide__content {
    width: 48%;
    margin-left: 52%;
    padding: clamp(34px, 4vw, 58px);
  }
  .story-slide--river .section-heading { margin-bottom: 16px; }
  .story-slide--river .body-lead { font-size: 13.5px; line-height: 1.68; }
  .story-slide--river .body-lead--secondary { margin-top: 9px; }
  .story-slide--river .east-china-map { height: 90px; margin-top: 14px; }
  .story-slide--river .hero-number-grid { gap: 18px; margin-top: 16px; padding-top: 14px; }
  .story-slide--river .hero-number-grid .metric strong { font-size: clamp(30px, 3.2vw, 44px); }
  .story-slide--river .hero-number-grid .metric p { margin-top: 5px; font-size: 10px; line-height: 1.45; }

  .story-slide--ways .story-slide__content,
  .story-slide--assets .story-slide__content,
  .asset-definition-slide .story-slide__content {
    padding-right: max(54px, calc((100vw - 1180px) / 2));
    padding-left: max(54px, calc((100vw - 1180px) / 2));
  }
  .story-slide--ways .principle-grid { gap: 14px; margin-top: 22px; border-top: 0; }
  .story-slide--ways .principle {
    min-height: 196px;
    padding: 24px 26px;
    border: 1px solid rgba(255, 255, 255, .18);
    background: linear-gradient(145deg, rgba(3, 30, 67, .68), rgba(3, 18, 41, .38));
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
  }
  .story-slide--ways .principle + .principle { padding-left: 26px; }
  .story-slide--ways .principle h3 { margin: 12px 0 9px; font-size: 21px; }
  .story-slide--ways .principle p { font-size: 13px; line-height: 1.72; }
  .story-slide--assets .asset-directions__lead { max-width: 860px; font-size: 16px; line-height: 1.7; }
  .story-slide--assets .asset-directions { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin-top: 24px; }
  .story-slide--assets .asset-directions > article {
    min-height: 190px;
    padding: 23px 22px;
    background: linear-gradient(145deg, rgba(3, 33, 73, .74), rgba(3, 18, 41, .52));
  }
  .story-slide--assets .asset-directions small { margin-top: 16px; font-size: 11px; }
  .story-slide--assets .asset-directions strong { margin-top: 6px; font-size: 22px; }
  .story-slide--assets .asset-directions p { margin-top: 9px; font-size: 12px; line-height: 1.55; }

  .story-slide--ecosystem .story-slide__shade--localized {
    background: linear-gradient(90deg, rgba(3, 18, 41, .94), rgba(3, 18, 41, .78) 43%, rgba(3, 18, 41, .24) 67%, transparent);
  }
  .story-slide--ecosystem .ecosystem-copy { width: min(760px, 58%); padding: clamp(44px, 4.8vw, 72px); }
  .story-slide--ecosystem .ecosystem-copy .body-lead { max-width: 650px; font-size: 15px; line-height: 1.72; }
  .story-slide--ecosystem .ecosystem-diagram { width: min(470px, 86%); max-height: 285px; margin-top: 18px; }

  .story-slide--strength .story-slide__content {
    align-items: center;
    padding-right: max(54px, calc((100vw - 1180px) / 2));
    padding-left: max(54px, calc((100vw - 1180px) / 2));
  }
  .story-slide--strength .strength-panel {
    width: min(1180px, 100%);
    max-width: none;
    padding: clamp(30px, 3.5vw, 48px);
    border: 1px solid rgba(255, 255, 255, .16);
    background: linear-gradient(145deg, rgba(2, 23, 54, .95), rgba(2, 18, 43, .84));
    box-shadow: 0 28px 70px rgba(0, 17, 43, .24);
  }
  .story-slide--strength .strength-panel > p { max-width: 980px; font-size: 14px; line-height: 1.72; }
  .story-slide--strength .strength-metrics {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 0;
    margin-top: 24px;
    border-top: 1px solid rgba(255, 255, 255, .14);
    border-left: 1px solid rgba(255, 255, 255, .14);
  }
  .story-slide--strength .strength-metrics .metric {
    min-height: 105px;
    padding: 17px 20px;
    border-right: 1px solid rgba(255, 255, 255, .14);
    border-bottom: 1px solid rgba(255, 255, 255, .14);
  }
  .story-slide--strength .strength-metrics .metric strong { font-size: clamp(26px, 2.7vw, 38px); }
  .story-slide--strength .strength-metrics .metric p { margin-top: 7px; font-size: 11px; line-height: 1.45; }

  .story-slide--service { grid-template-columns: 54% 46%; }
  .story-slide--service .service-visual { grid-template-columns: 1.18fr .82fr; }
  .story-slide--service .story-slide__content { padding: clamp(34px, 3.7vw, 54px); }
  .story-slide--service .section-heading { margin-bottom: 24px; }
  .story-slide--service .principle-grid { gap: 10px; border-top: 0; }
  .story-slide--service .principle {
    min-height: 238px;
    padding: 20px 17px;
    border: 1px solid rgba(3, 42, 100, .13);
    background: rgba(3, 42, 100, .025);
  }
  .story-slide--service .principle + .principle { padding-left: 17px; }
  .story-slide--service .principle h3 { margin: 13px 0 9px; font-size: 19px; line-height: 1.45; }
  .story-slide--service .principle p { font-size: 11.5px; line-height: 1.66; }

  .story-slide--brands .story-slide__content { padding: 36px max(54px, calc((100vw - 1180px) / 2)) 28px; }
  .story-slide--brands .body-lead { max-width: 980px; margin-bottom: 18px; font-size: 14px; line-height: 1.7; }
  .story-slide--brands .partner-logo-wall {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 10px;
    padding: 12px 0;
    background: transparent;
  }
  .story-slide--brands .partner-logo-wall img {
    height: clamp(64px, 8.5svh, 84px);
    padding: 13px 15px;
    border: 1px solid rgba(3, 42, 100, .08);
    background: rgba(255, 255, 255, .9);
  }
  .story-slide--brands .partner-metrics { gap: 34px; margin-top: 15px; }
  .story-slide--brands .partner-metrics strong { font-size: 14px; }
  .story-slide--brands .partner-metrics b { font-size: 31px; }

  .story-slide--asset-project { grid-template: minmax(0, 1fr) / minmax(0, 60%) minmax(0, 40%); }
  .story-slide--asset-project .asset-project-visual { width: 100%; height: 100%; }
  .story-slide--asset-project .asset-project-copy { width: 100%; height: 100%; padding: clamp(42px, 5vw, 72px); }
  .story-slide--asset-project .asset-project-copy__tier { padding-bottom: 18px; }
  .story-slide--asset-project .asset-project-copy__tier strong { font-size: clamp(22px, 2.1vw, 29px); }
  .story-slide--asset-project .asset-project-copy__tier small { font-size: 11px; line-height: 1.55; }
  .story-slide--asset-project .asset-project-copy h2 { margin: 25px 0 14px; }
  .story-slide--asset-project .asset-project-copy h2 span { font-size: clamp(34px, 3.2vw, 48px); line-height: 1.15; }
  .story-slide--asset-project .asset-project-copy h2 em { font-size: 13px; line-height: 1.5; }
  .story-slide--asset-project .asset-project-copy > p { max-width: 500px; font-size: 14px; line-height: 1.76; }

  .story-slide--tod { grid-template-columns: minmax(0, 56%) minmax(0, 44%); }
  .story-slide--tod .tod-copy { padding: clamp(38px, 4.3vw, 60px); }
  .story-slide--tod .asset-project-copy__tier { padding-bottom: 17px; }
  .story-slide--tod .asset-project-copy__tier strong { font-size: clamp(22px, 2.1vw, 29px); }
  .story-slide--tod .asset-project-copy__tier small { font-size: 11px; line-height: 1.5; }
  .story-slide--tod .tod-copy h2 { margin: 24px 0 16px; }
  .story-slide--tod .tod-copy h2 span { font-size: clamp(35px, 3.2vw, 48px); }
  .story-slide--tod .tod-copy h2 em { margin-top: 9px; font-size: 13px; }
  .story-slide--tod .tod-project-list p { padding: 10px 0; font-size: 12.5px; line-height: 1.62; }
  .story-slide--tod .tod-project-list strong { font-size: 15px; }

  .asset-definition-slide .body-lead { max-width: 900px; font-size: 15px; line-height: 1.72; }
  .asset-definition-slide .principle-grid { margin-top: 24px; }
  .asset-definition-slide .principle { padding: 22px 24px; }
  .asset-definition-slide .principle h3 { font-size: 20px; }
  .asset-definition-slide .principle p { font-size: 12.5px; line-height: 1.62; }

  .project-story-slide { grid-template-columns: minmax(0, 60%) minmax(0, 40%); }
  .project-story-slide__content { padding: clamp(42px, 4.5vw, 64px); }
  .project-story-slide h2 { font-size: clamp(40px, 4vw, 58px); line-height: 1.12; }
  .project-story-slide h3 { font-size: clamp(18px, 1.65vw, 24px); line-height: 1.45; }
  .project-story-slide__content > p { font-size: 14px; line-height: 1.75; }
  .project-story-slide__actions { margin-top: 28px; }

  .project-detail--editorial > section,
  .project-detail--editorial > figure,
  .project-detail--editorial > .project-detail__return { max-width: 1200px; }
  .project-detail--editorial .project-detail__header {
    padding-right: max(24px, calc((100vw - 1200px) / 2));
    padding-left: max(24px, calc((100vw - 1200px) / 2));
  }
  .project-detail--editorial .project-detail__hero,
  .project-detail--editorial.project-detail--binjiang .project-detail__hero {
    height: min(72svh, 680px);
    grid-template-columns: minmax(0, 60%) minmax(0, 40%);
  }
  .project-detail--editorial .project-detail__hero > div,
  .project-detail--editorial.project-detail--binjiang .project-detail__hero > div { padding: clamp(42px, 4.5vw, 66px); }
  .project-detail--editorial .project-detail__hero h2,
  .project-detail--editorial.project-detail--binjiang .project-detail__project-name { font-size: clamp(34px, 3.2vw, 48px); }
  .project-detail--editorial .project-detail__hero h3 { font-size: 16px; line-height: 1.55; }
  .project-detail--editorial .project-detail__overview { padding: 40px 56px 46px; }
  .project-detail--editorial .project-detail__overview p { max-width: 980px; font-size: 15px; line-height: 1.8; }
  .project-detail--editorial .project-detail__sale { padding: 42px 56px 48px; }
  .project-detail--editorial .project-detail__facts strong { font-size: 20px; }
  .project-detail--editorial .project-detail__plan > header,
  .project-detail--editorial .project-detail__plan-rail,
  .project-detail--editorial .project-detail__standard-plan { padding-right: 56px; padding-left: 56px; }
  .project-detail--editorial .project-detail__value-block { padding: 46px 56px 38px; }
  .project-detail--editorial .project-detail__sections { column-gap: 40px; }
  .project-detail--editorial .project-detail__sections h3 { font-size: 18px; }
  .project-detail--editorial .project-detail__sections p { font-size: 13px; line-height: 1.72; }
  .project-detail--editorial .project-detail__return { width: min(calc(100% - 112px), 1088px); }
}

@media (min-width: 701px) and (max-width: 899px) {
  .preface__catalogue button { grid-template-columns: 30px minmax(130px, 1fr) minmax(120px, .9fr); }
  .preface__catalogue button small { display: none; }
  .story-slide--assets .asset-directions { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .story-slide--assets .asset-directions > article { min-height: 135px; }
  .story-slide--brands .partner-logo-wall { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .story-slide--service .principle p { font-size: 10.5px; }
}

@media (min-width: 701px) {
  .project-detail--editorial.project-detail--binjiang .project-detail__hero {
    height: auto;
    min-height: 0;
    align-items: stretch;
  }
  .project-detail--editorial.project-detail--binjiang .project-detail__hero > picture {
    height: auto;
    aspect-ratio: 1096 / 587;
  }
  .project-detail--editorial.project-detail--binjiang .project-detail__hero > div { height: auto; }
}