/* RC1.3-J — desktop composition reconstruction.
   The mobile/tablet geometry and all loading behaviour remain inherited and untouched. */

@media (min-width: 1180px) {
  [data-desktop-editorial="rc1-3j"] .portfolio-chapter--adaptive {
    --j-canvas: clamp(1120px, 84vw, 1480px);
    --j-internal-gap: 28px;
    --j-module-gap: 64px;
    --j-project-gap: 108px;
    --j-rule: rgba(225, 238, 244, 0.13);
    padding-top: 152px;
    padding-bottom: 164px;
  }

  [data-desktop-editorial="rc1-3j"] .portfolio-chapter--adaptive > .chapter-heading,
  [data-desktop-editorial="rc1-3j"] .portfolio-chapter--adaptive > .adaptive-project-list {
    width: min(var(--j-canvas), calc(100vw - 96px));
    margin-inline: auto;
  }

  [data-desktop-editorial="rc1-3j"] .portfolio-chapter--adaptive .chapter-heading {
    grid-template-columns: minmax(170px, .24fr) minmax(0, 1fr);
    margin-bottom: 58px;
    padding-bottom: 20px;
  }

  [data-desktop-editorial="rc1-3j"] .portfolio-chapter--adaptive .chapter-heading h2 {
    font-size: 56px;
  }

  [data-desktop-editorial="rc1-3j"] .portfolio-chapter--adaptive .project-unit {
    margin-bottom: var(--j-project-gap);
  }

  [data-desktop-editorial="rc1-3j"] .portfolio-chapter--adaptive .project-unit--level-b {
    margin-bottom: 96px;
  }

  [data-desktop-editorial="rc1-3j"] .portfolio-chapter--adaptive .project-unit__header,
  [data-desktop-editorial="rc1-3j"] .portfolio-chapter--adaptive .project-unit__header--no-role {
    min-height: 0 !important;
    margin-bottom: 38px;
    padding-top: 14px;
  }

  [data-desktop-editorial="rc1-3j"] .portfolio-chapter--adaptive .adaptive-spread,
  [data-desktop-editorial="rc1-3j"] .portfolio-chapter--adaptive .adaptive-more-spread {
    display: block;
    width: 100%;
    max-width: 1208px;
    margin-inline: auto;
  }

  [data-desktop-editorial="rc1-3j"] .portfolio-chapter--adaptive .portfolio-figure {
    width: 100%;
    min-width: 0;
    margin: 0;
  }

  [data-desktop-editorial="rc1-3j"] .portfolio-chapter--adaptive .portfolio-figure picture,
  [data-desktop-editorial="rc1-3j"] .portfolio-chapter--adaptive .portfolio-image {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
  }

  /* Module A/B: one project-scale lead paired with a compact local stack. */
  [data-desktop-editorial="rc1-3j"] .portfolio-chapter--adaptive .feature-opening {
    display: grid;
    grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
    gap: var(--j-internal-gap);
    align-items: start;
    margin-bottom: var(--j-module-gap);
  }

  [data-desktop-editorial="rc1-3j"] .portfolio-chapter--adaptive .feature-opening__key {
    grid-column: 1;
    grid-row: 1;
  }

  [data-desktop-editorial="rc1-3j"] .portfolio-chapter--adaptive .feature-opening__stack {
    display: grid;
    grid-column: 2;
    grid-row: 1;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--j-internal-gap);
    align-content: start;
  }

  [data-desktop-editorial="rc1-3j"] .portfolio-chapter--adaptive .feature-opening__stack > :only-child {
    grid-column: 1 / -1;
  }

  [data-desktop-editorial="rc1-3j"] .project-unit[data-layout-variant="key-right"] .feature-opening {
    grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  }

  [data-desktop-editorial="rc1-3j"] .project-unit[data-layout-variant="key-right"] .feature-opening__key {
    grid-column: 2;
  }

  [data-desktop-editorial="rc1-3j"] .project-unit[data-layout-variant="key-right"] .feature-opening__stack {
    grid-column: 1;
  }

  /* Module C/D: self-contained pair, trio or 2x2 paragraph. */
  [data-desktop-editorial="rc1-3j"] .portfolio-chapter--adaptive .feature-supports {
    display: grid;
    gap: var(--j-module-gap);
  }

  [data-desktop-editorial="rc1-3j"] .portfolio-chapter--adaptive .support-row {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: var(--j-internal-gap);
    align-items: start;
  }

  [data-desktop-editorial="rc1-3j"] .portfolio-chapter--adaptive .support-row--2 > :first-child {
    grid-column: 1 / 7;
  }

  [data-desktop-editorial="rc1-3j"] .portfolio-chapter--adaptive .support-row--2 > :last-child {
    grid-column: 7 / 13;
    margin: 0;
  }

  [data-desktop-editorial="rc1-3j"] .portfolio-chapter--adaptive .support-row__lead {
    grid-column: 1 / 7;
  }

  [data-desktop-editorial="rc1-3j"] .portfolio-chapter--adaptive .support-row__stack {
    display: grid;
    grid-column: 7 / 13;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--j-internal-gap);
  }

  [data-desktop-editorial="rc1-3j"] .portfolio-chapter--adaptive .support-row__stack > :only-child {
    grid-column: 1 / -1;
  }

  /* Module F: compact projects keep a clear lead/support relation. */
  [data-desktop-editorial="rc1-3j"] .portfolio-chapter--adaptive .compact-spread {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: var(--j-internal-gap);
    align-items: start;
  }

  [data-desktop-editorial="rc1-3j"] .portfolio-chapter--adaptive .compact-spread__lead {
    grid-column: 1 / 8;
  }

  [data-desktop-editorial="rc1-3j"] .portfolio-chapter--adaptive .compact-spread__stack,
  [data-desktop-editorial="rc1-3j"] .portfolio-chapter--adaptive .compact-spread__triptych {
    display: grid;
    grid-column: 8 / 13;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--j-internal-gap);
    align-content: start;
  }

  [data-desktop-editorial="rc1-3j"] .portfolio-chapter--adaptive .compact-spread__stack > :first-child,
  [data-desktop-editorial="rc1-3j"] .portfolio-chapter--adaptive .compact-spread__triptych > :first-child {
    grid-column: 1 / -1;
  }

  [data-desktop-editorial="rc1-3j"] .portfolio-chapter--adaptive .compact-spread__stack {
    grid-template-columns: 1fr;
  }

  [data-desktop-editorial="rc1-3j"] .project-unit[data-layout-variant="compact-key-right"] .compact-spread__lead {
    grid-column: 6 / 13;
    grid-row: 1;
  }

  [data-desktop-editorial="rc1-3j"] .project-unit[data-layout-variant="compact-key-right"] .compact-spread__stack,
  [data-desktop-editorial="rc1-3j"] .project-unit[data-layout-variant="compact-key-right"] .compact-spread__triptych {
    grid-column: 1 / 6;
    grid-row: 1;
  }

  /* Xu Rongzhen is deliberately four modules, never one flattened gallery. */
  [data-desktop-editorial="rc1-3j"] [data-project-id="xu-rongzhen-account"] .xu-composition {
    display: grid;
    grid-template-columns: minmax(0, 8fr) minmax(0, 4fr);
    column-gap: var(--j-internal-gap);
    row-gap: var(--j-module-gap);
    align-items: start;
  }

  [data-desktop-editorial="rc1-3j"] [data-project-id="xu-rongzhen-account"] .xu-composition__key {
    grid-column: 1;
    grid-row: 1;
    width: 100%;
  }

  [data-desktop-editorial="rc1-3j"] [data-project-id="xu-rongzhen-account"] .xu-composition__pair {
    display: grid;
    grid-column: 2;
    grid-row: 1;
    grid-template-columns: 1fr;
    gap: var(--j-internal-gap);
    width: 100%;
    margin: 0;
  }

  [data-desktop-editorial="rc1-3j"] [data-project-id="xu-rongzhen-account"] .xu-composition__editorial {
    display: grid;
    grid-column: 1 / -1;
    grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
    gap: var(--j-internal-gap);
    align-items: start;
  }

  [data-desktop-editorial="rc1-3j"] [data-project-id="xu-rongzhen-account"] .xu-composition__editorial-pair,
  [data-desktop-editorial="rc1-3j"] [data-project-id="xu-rongzhen-account"] .xu-composition__account {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--j-internal-gap);
    align-items: start;
  }

  [data-desktop-editorial="rc1-3j"] [data-project-id="xu-rongzhen-account"] .xu-composition__account {
    grid-column: 1 / -1;
    width: 78%;
  }

  /* Lawry's is a centered portrait group followed by one secondary paragraph. */
  [data-desktop-editorial="rc1-3j"] [data-project-id="lawrys-woodford-collab"] .feature-opening {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    width: 86%;
    margin-inline: auto;
  }

  [data-desktop-editorial="rc1-3j"] [data-project-id="lawrys-woodford-collab"] .feature-opening__key {
    grid-column: 1;
  }

  [data-desktop-editorial="rc1-3j"] [data-project-id="lawrys-woodford-collab"] .feature-opening__stack {
    grid-column: 2 / 4;
  }

  /* Selected works share one compact editorial region instead of becoming full projects. */
  [data-desktop-editorial="rc1-3j"] .portfolio-chapter--adaptive .selected-works {
    width: 100%;
    max-width: 1208px;
    margin: 56px auto var(--j-project-gap);
    padding-top: 16px;
    border-top: 1px solid var(--j-rule);
  }

  [data-desktop-editorial="rc1-3j"] .portfolio-chapter--adaptive .selected-works__heading {
    margin-bottom: 38px;
  }

  [data-desktop-editorial="rc1-3j"] .portfolio-chapter--adaptive .selected-works__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--j-internal-gap);
    align-items: start;
  }

  [data-desktop-editorial="rc1-3j"] .portfolio-chapter--adaptive .selected-work {
    padding-bottom: 24px;
  }

  [data-desktop-editorial="rc1-3j"] .portfolio-chapter--adaptive .selected-work__images {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    width: 100%;
  }

  [data-desktop-editorial="rc1-3j"] .portfolio-chapter--adaptive .selected-work__images[data-image-count="1"] {
    display: block;
    width: 100%;
  }

  [data-desktop-editorial="rc1-3j"] .portfolio-chapter--adaptive .selected-work__images[data-image-count="1"] .portfolio-figure--vertical {
    width: 58%;
    margin-inline: auto;
  }

  /* China Life and Tubao read as a deliberate adjacent editorial pair. */
  [data-desktop-editorial="rc1-3j"] [data-project-id="china-life-communication"],
  [data-desktop-editorial="rc1-3j"] [data-project-id="tubao-communication"] {
    display: inline-block;
    width: min(calc(50% - var(--j-internal-gap) / 2), 590px);
    vertical-align: top;
  }

  [data-desktop-editorial="rc1-3j"] [data-project-id="china-life-communication"] {
    margin-right: calc(var(--j-internal-gap) - 4px);
  }

  [data-desktop-editorial="rc1-3j"] [data-project-id="china-life-communication"] .compact-spread__lead,
  [data-desktop-editorial="rc1-3j"] [data-project-id="tubao-communication"] .feature-opening__key {
    grid-column: 1 / -1;
  }

  [data-desktop-editorial="rc1-3j"] [data-project-id="china-life-communication"] .compact-spread,
  [data-desktop-editorial="rc1-3j"] [data-project-id="tubao-communication"] .feature-opening {
    display: block;
  }

  [data-desktop-editorial="rc1-3j"] [data-project-id="china-life-communication"] .compact-spread__triptych {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: var(--j-internal-gap);
  }

  [data-desktop-editorial="rc1-3j"] [data-project-id="china-life-communication"] .compact-spread__triptych > :first-child {
    grid-column: auto;
  }

  [data-desktop-editorial="rc1-3j"] [data-project-id="tubao-communication"] .feature-opening__stack {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: var(--j-internal-gap);
  }

  [data-desktop-editorial="rc1-3j"] [data-project-id="tubao-communication"] .feature-supports {
    margin-top: var(--j-module-gap);
  }

  /* Expanded stills continue the same local rhythm and never become a dense global grid. */
  [data-desktop-editorial="rc1-3j"] .portfolio-chapter--adaptive .more-stills:not([hidden]) {
    margin-top: var(--j-module-gap);
  }

  [data-desktop-editorial="rc1-3j"] .portfolio-chapter--adaptive .adaptive-more-spread .support-row {
    margin-bottom: var(--j-internal-gap);
  }

  [data-desktop-editorial="rc1-3j"] .portfolio-chapter--adaptive .project-more-control {
    margin-top: 38px;
  }
}