/* RC1.3-E — adaptive editorial composition.
   Project height follows real image count; no reserved gallery tracks or empty slots. */

[data-adaptive-composition="true"] .portfolio-chapter--adaptive {
  --adaptive-gap: clamp(10px, 1.3vw, 22px);
  --adaptive-rule: rgba(225, 238, 244, 0.13);
}

[data-adaptive-composition="true"] .portfolio-chapter--adaptive .adaptive-project-list {
  display: block;
}

[data-adaptive-composition="true"] .portfolio-chapter--adaptive .project-unit,
[data-adaptive-composition="true"] .portfolio-chapter--adaptive .adaptive-spread,
[data-adaptive-composition="true"] .portfolio-chapter--adaptive .feature-opening,
[data-adaptive-composition="true"] .portfolio-chapter--adaptive .feature-supports,
[data-adaptive-composition="true"] .portfolio-chapter--adaptive .support-row,
[data-adaptive-composition="true"] .portfolio-chapter--adaptive .compact-spread,
[data-adaptive-composition="true"] .portfolio-chapter--adaptive .selected-works,
[data-adaptive-composition="true"] .portfolio-chapter--adaptive .selected-work,
[data-adaptive-composition="true"] .portfolio-chapter--adaptive .selected-work__images {
  height: auto;
  min-height: 0;
}

[data-adaptive-composition="true"] .portfolio-chapter--adaptive .project-unit--level-a {
  margin-bottom: clamp(112px, 10vw, 162px);
}

[data-adaptive-composition="true"] .portfolio-chapter--adaptive .project-unit--level-b {
  margin-bottom: clamp(76px, 7.2vw, 116px);
}

[data-adaptive-composition="true"] .portfolio-chapter--adaptive .project-unit:last-child,
[data-adaptive-composition="true"] .portfolio-chapter--adaptive .selected-works:last-child {
  margin-bottom: 0;
}

[data-adaptive-composition="true"] .portfolio-chapter--adaptive .adaptive-spread,
[data-adaptive-composition="true"] .portfolio-chapter--adaptive .adaptive-more-spread {
  width: 100%;
}

[data-adaptive-composition="true"] .portfolio-chapter--adaptive .feature-opening,
[data-adaptive-composition="true"] .portfolio-chapter--adaptive .support-row,
[data-adaptive-composition="true"] .portfolio-chapter--adaptive .compact-spread,
[data-adaptive-composition="true"] .portfolio-chapter--adaptive .selected-works__grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: var(--adaptive-gap);
  align-items: start;
}

[data-adaptive-composition="true"] .portfolio-chapter--adaptive .feature-opening {
  margin-bottom: clamp(22px, 2.6vw, 40px);
}

[data-adaptive-composition="true"] .portfolio-chapter--adaptive .feature-opening__key {
  grid-column: 1 / 9;
}

[data-adaptive-composition="true"] .portfolio-chapter--adaptive .feature-opening__stack {
  display: grid;
  grid-column: 9 / 13;
  gap: var(--adaptive-gap);
  align-content: start;
}

[data-adaptive-composition="true"] .portfolio-chapter--adaptive .feature-opening[data-orientation-pattern^="portrait"] .feature-opening__key,
[data-adaptive-composition="true"] .portfolio-chapter--adaptive .feature-opening[data-orientation-pattern^="vertical"] .feature-opening__key {
  grid-column: 1 / 7;
}

[data-adaptive-composition="true"] .portfolio-chapter--adaptive .feature-opening[data-orientation-pattern^="portrait"] .feature-opening__stack,
[data-adaptive-composition="true"] .portfolio-chapter--adaptive .feature-opening[data-orientation-pattern^="vertical"] .feature-opening__stack {
  grid-column: 7 / 13;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

[data-adaptive-composition="true"] .portfolio-chapter--adaptive .feature-supports {
  display: grid;
  gap: clamp(22px, 2.7vw, 42px);
}

[data-adaptive-composition="true"] .portfolio-chapter--adaptive .support-row--2 > .portfolio-figure:first-child {
  grid-column: 1 / 8;
}

[data-adaptive-composition="true"] .portfolio-chapter--adaptive .support-row--2 > .portfolio-figure:last-child {
  grid-column: 8 / 13;
  margin-top: clamp(18px, 2vw, 32px);
}

[data-adaptive-composition="true"] .portfolio-chapter--adaptive .support-row--2[data-orientation-pattern^="portrait-portrait"] > .portfolio-figure:first-child,
[data-adaptive-composition="true"] .portfolio-chapter--adaptive .support-row--2[data-orientation-pattern^="vertical-vertical"] > .portfolio-figure:first-child {
  grid-column: 1 / 7;
}

[data-adaptive-composition="true"] .portfolio-chapter--adaptive .support-row--2[data-orientation-pattern^="portrait-portrait"] > .portfolio-figure:last-child,
[data-adaptive-composition="true"] .portfolio-chapter--adaptive .support-row--2[data-orientation-pattern^="vertical-vertical"] > .portfolio-figure:last-child {
  grid-column: 7 / 13;
}

[data-adaptive-composition="true"] .portfolio-chapter--adaptive .support-row--1 > .portfolio-figure {
  grid-column: 2 / 10;
}

[data-adaptive-composition="true"] .portfolio-chapter--adaptive .support-row__lead {
  grid-column: 1 / 8;
}

[data-adaptive-composition="true"] .portfolio-chapter--adaptive .support-row__stack {
  display: grid;
  grid-column: 8 / 13;
  gap: var(--adaptive-gap);
}

[data-adaptive-composition="true"] .portfolio-chapter--adaptive .compact-spread--pair > .portfolio-figure:first-child {
  grid-column: 1 / 8;
}

[data-adaptive-composition="true"] .portfolio-chapter--adaptive .compact-spread--pair > .portfolio-figure:last-child {
  grid-column: 8 / 13;
  margin-top: clamp(18px, 2vw, 34px);
}

[data-adaptive-composition="true"] .portfolio-chapter--adaptive .compact-spread--pair[data-orientation-pattern^="portrait-portrait"] > .portfolio-figure:first-child,
[data-adaptive-composition="true"] .portfolio-chapter--adaptive .compact-spread--pair[data-orientation-pattern^="vertical-vertical"] > .portfolio-figure:first-child {
  grid-column: 1 / 7;
}

[data-adaptive-composition="true"] .portfolio-chapter--adaptive .compact-spread--pair[data-orientation-pattern^="portrait-portrait"] > .portfolio-figure:last-child,
[data-adaptive-composition="true"] .portfolio-chapter--adaptive .compact-spread--pair[data-orientation-pattern^="vertical-vertical"] > .portfolio-figure:last-child {
  grid-column: 7 / 13;
}

[data-adaptive-composition="true"] .portfolio-chapter--adaptive .compact-spread__lead {
  grid-column: 1 / 8;
}

[data-adaptive-composition="true"] .portfolio-chapter--adaptive .compact-spread__stack {
  display: grid;
  grid-column: 8 / 13;
  gap: var(--adaptive-gap);
}

[data-adaptive-composition="true"] .portfolio-chapter--adaptive .compact-spread__column {
  display: grid;
  grid-column: span 6;
  gap: var(--adaptive-gap);
  align-content: start;
}

[data-adaptive-composition="true"] .portfolio-chapter--adaptive .compact-spread__column--offset {
  margin-top: clamp(24px, 3vw, 48px);
}

[data-adaptive-composition="true"] .portfolio-chapter--adaptive .selected-works {
  margin: clamp(16px, 2vw, 32px) 0 clamp(84px, 8vw, 128px);
  padding-top: 18px;
  border-top: 1px solid var(--adaptive-rule);
}

[data-adaptive-composition="true"] .portfolio-chapter--adaptive .selected-works__heading {
  display: grid;
  grid-template-columns: minmax(190px, 0.35fr) minmax(0, 0.65fr);
  gap: clamp(28px, 5vw, 82px);
  margin-bottom: clamp(30px, 4vw, 56px);
  color: rgba(225, 238, 242, 0.58);
  font-size: 10px;
  line-height: 1.7;
  letter-spacing: 0.14em;
}

[data-adaptive-composition="true"] .portfolio-chapter--adaptive .selected-works__heading p,
[data-adaptive-composition="true"] .portfolio-chapter--adaptive .selected-works__heading span,
[data-adaptive-composition="true"] .portfolio-chapter--adaptive .selected-work header p,
[data-adaptive-composition="true"] .portfolio-chapter--adaptive .selected-work header h4 {
  margin: 0;
}

[data-adaptive-composition="true"] .portfolio-chapter--adaptive .selected-works__heading p {
  color: rgba(235, 245, 247, 0.82);
}

[data-adaptive-composition="true"] .portfolio-chapter--adaptive .selected-works__heading span {
  max-width: 440px;
  justify-self: end;
  letter-spacing: 0;
}

[data-adaptive-composition="true"] .portfolio-chapter--adaptive .selected-work {
  grid-column: span 4;
  padding-bottom: clamp(22px, 3vw, 44px);
}

[data-adaptive-composition="true"] .portfolio-chapter--adaptive .selected-work header {
  padding: 13px 0 16px;
  border-top: 1px solid var(--adaptive-rule);
}

[data-adaptive-composition="true"] .portfolio-chapter--adaptive .selected-work header > p,
[data-adaptive-composition="true"] .portfolio-chapter--adaptive .selected-work__role span {
  color: rgba(220, 235, 240, 0.45);
  font-size: 8px;
  letter-spacing: 0.14em;
}

[data-adaptive-composition="true"] .portfolio-chapter--adaptive .selected-work header h4 {
  margin-top: 7px;
  color: var(--text);
  font-size: clamp(18px, 2vw, 28px);
  font-weight: 470;
  line-height: 1.15;
  letter-spacing: -0.025em;
}

[data-adaptive-composition="true"] .portfolio-chapter--adaptive .selected-work__role {
  margin: 9px 0 0;
  color: rgba(232, 241, 244, 0.66);
  font-size: 9px;
  line-height: 1.6;
}

[data-adaptive-composition="true"] .portfolio-chapter--adaptive .selected-work__role span {
  margin-right: 10px;
}

[data-adaptive-composition="true"] .portfolio-chapter--adaptive .selected-work__images {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--adaptive-gap);
  align-items: start;
}

[data-adaptive-composition="true"] .portfolio-chapter--adaptive .selected-work__images[data-image-count="1"] {
  display: block;
  width: 78%;
}

[data-adaptive-composition="true"] .portfolio-chapter--adaptive .project-more-control {
  margin-top: clamp(24px, 3vw, 42px);
}

[data-adaptive-composition="true"] .portfolio-chapter--adaptive .more-stills {
  margin-top: clamp(20px, 2.6vw, 38px);
}

[data-adaptive-composition="true"] .portfolio-chapter--adaptive .portfolio-figure,
[data-adaptive-composition="true"] .portfolio-chapter--adaptive .portfolio-figure picture,
[data-adaptive-composition="true"] .portfolio-chapter--adaptive .portfolio-image {
  min-width: 0;
  width: 100%;
  max-width: 100%;
  height: auto;
}

@media (max-width: 820px) {
  [data-adaptive-composition="true"] .portfolio-chapter--adaptive {
    --adaptive-gap: 7px;
  }

  [data-adaptive-composition="true"] .portfolio-chapter--adaptive .chapter-heading {
    margin-bottom: 66px;
  }

  [data-adaptive-composition="true"] .portfolio-chapter--adaptive .project-unit--level-a {
    margin-bottom: 78px;
  }

  [data-adaptive-composition="true"] .portfolio-chapter--adaptive .project-unit--level-b {
    margin-bottom: 56px;
  }

  [data-adaptive-composition="true"] .portfolio-chapter--adaptive .project-unit__header {
    margin-bottom: 24px;
  }

  [data-adaptive-composition="true"] .portfolio-chapter--adaptive .feature-opening,
  [data-adaptive-composition="true"] .portfolio-chapter--adaptive .support-row,
  [data-adaptive-composition="true"] .portfolio-chapter--adaptive .compact-spread,
  [data-adaptive-composition="true"] .portfolio-chapter--adaptive .selected-works__grid {
    grid-template-columns: 1fr;
  }

  [data-adaptive-composition="true"] .portfolio-chapter--adaptive .feature-opening {
    gap: 8px 7px;
    margin-bottom: 15px;
  }

  [data-adaptive-composition="true"] .portfolio-chapter--adaptive .feature-opening__key,
  [data-adaptive-composition="true"] .portfolio-chapter--adaptive .feature-opening[data-orientation-pattern^="portrait"] .feature-opening__key,
  [data-adaptive-composition="true"] .portfolio-chapter--adaptive .feature-opening[data-orientation-pattern^="vertical"] .feature-opening__key {
    grid-column: 1 / -1;
  }

  [data-adaptive-composition="true"] .portfolio-chapter--adaptive .feature-opening__stack,
  [data-adaptive-composition="true"] .portfolio-chapter--adaptive .feature-opening[data-orientation-pattern^="portrait"] .feature-opening__stack,
  [data-adaptive-composition="true"] .portfolio-chapter--adaptive .feature-opening[data-orientation-pattern^="vertical"] .feature-opening__stack {
    grid-column: 1 / -1;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px;
  }

  [data-adaptive-composition="true"] .portfolio-chapter--adaptive .feature-supports {
    gap: 15px;
  }

  [data-adaptive-composition="true"] .portfolio-chapter--adaptive .support-row--2 > .portfolio-figure:first-child,
  [data-adaptive-composition="true"] .portfolio-chapter--adaptive .support-row--2 > .portfolio-figure:last-child,
  [data-adaptive-composition="true"] .portfolio-chapter--adaptive .support-row--2[data-orientation-pattern] > .portfolio-figure:first-child,
  [data-adaptive-composition="true"] .portfolio-chapter--adaptive .support-row--2[data-orientation-pattern] > .portfolio-figure:last-child {
    grid-column: span 1;
    margin-top: 0;
  }

  [data-adaptive-composition="true"] .portfolio-chapter--adaptive .support-row--1 > .portfolio-figure {
    grid-column: 1 / -1;
    width: 74%;
  }

  [data-adaptive-composition="true"] .portfolio-chapter--adaptive .support-row__lead {
    grid-column: 1 / -1;
  }

  [data-adaptive-composition="true"] .portfolio-chapter--adaptive .support-row__stack {
    grid-column: 1 / -1;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px;
  }

  [data-adaptive-composition="true"] .portfolio-chapter--adaptive .compact-spread--pair > .portfolio-figure:first-child,
  [data-adaptive-composition="true"] .portfolio-chapter--adaptive .compact-spread--pair > .portfolio-figure:last-child,
  [data-adaptive-composition="true"] .portfolio-chapter--adaptive .compact-spread--pair[data-orientation-pattern] > .portfolio-figure:first-child,
  [data-adaptive-composition="true"] .portfolio-chapter--adaptive .compact-spread--pair[data-orientation-pattern] > .portfolio-figure:last-child {
    grid-column: span 1;
    margin-top: 0;
  }

  [data-adaptive-composition="true"] .portfolio-chapter--adaptive .compact-spread__lead {
    grid-column: 1 / -1;
  }

  [data-adaptive-composition="true"] .portfolio-chapter--adaptive .compact-spread__stack {
    grid-column: 1 / -1;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px;
  }

  [data-adaptive-composition="true"] .portfolio-chapter--adaptive .compact-spread__column {
    grid-column: span 1;
    gap: 7px;
  }

  [data-adaptive-composition="true"] .portfolio-chapter--adaptive .compact-spread__column--offset {
    margin-top: 22px;
  }

  [data-adaptive-composition="true"] .portfolio-chapter--adaptive .selected-works {
    margin: 8px 0 64px;
    padding-top: 14px;
  }

  [data-adaptive-composition="true"] .portfolio-chapter--adaptive .selected-works__heading {
    grid-template-columns: 1fr;
    gap: 8px;
    margin-bottom: 25px;
    font-size: 8px;
  }

  [data-adaptive-composition="true"] .portfolio-chapter--adaptive .selected-works__heading span {
    max-width: 310px;
    justify-self: start;
  }

  [data-adaptive-composition="true"] .portfolio-chapter--adaptive .selected-work {
    grid-column: 1 / -1;
    padding-bottom: 24px;
  }

  [data-adaptive-composition="true"] .portfolio-chapter--adaptive .selected-work header {
    padding: 10px 0 12px;
  }

  [data-adaptive-composition="true"] .portfolio-chapter--adaptive .selected-work header h4 {
    font-size: 16px;
  }

  [data-adaptive-composition="true"] .portfolio-chapter--adaptive .selected-work__role {
    font-size: 8px;
  }

  [data-adaptive-composition="true"] .portfolio-chapter--adaptive .selected-work__images {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
    gap: 7px;
  }

  [data-adaptive-composition="true"] .portfolio-chapter--adaptive .selected-work__images[data-image-count="1"] {
    display: block;
    width: 62%;
  }

  [data-adaptive-composition="true"] .portfolio-chapter--adaptive .selected-work:nth-child(even) .selected-work__images[data-image-count="1"] {
    margin-left: auto;
  }

  [data-adaptive-composition="true"] .portfolio-chapter--adaptive .project-more-control {
    margin-top: 19px;
  }

  [data-adaptive-composition="true"] .portfolio-chapter--adaptive .more-stills {
    margin-top: 15px;
  }
}

@media (prefers-reduced-motion: reduce) {
  [data-adaptive-composition="true"] .portfolio-chapter--adaptive .portfolio-image,
  [data-adaptive-composition="true"] .portfolio-chapter--adaptive .more-stills-toggle {
    transition: none !important;
  }
}