/* Content composition matches Japandi on main. Cover and project heading stay shared. */
.project--organic .organic-story {
  --page-width:1280px;
  --editorial-width:960px;
  --page-gutter:clamp(20px,4vw,48px);
  --page-inset:max(var(--page-gutter),calc((100vw - var(--page-width)) / 2));
  --gallery-gap:clamp(24px,3vw,36px);
  --section-space:clamp(56px,5vw,80px);
  --subsection-space:clamp(28px,3vw,40px);
  /* Expand only the story from the existing case-content inset; hero geometry is untouched. */
  width:calc(100vw - 2 * var(--page-inset));
  margin-inline:calc(var(--page-inset) - clamp(20px,6vw,92px));
  gap:var(--section-space);
}
.organic-editorial,.organic-mural-copy { max-width:var(--editorial-width); }
.organic-story h2 { margin:0 0 16px; font-size:clamp(1.85rem,2.3vw,2.6rem); line-height:1.18; }
.organic-story h3 { margin:0 0 16px; color:var(--ink); font-size:clamp(1.5rem,1.9vw,2rem); line-height:1.2; }
.organic-story p { max-width:none; margin:0 0 16px; }
.organic-story .organic-copy,.organic-editorial { color:var(--ink-soft); }
.organic-editorial > :is(h2,h3,h4) { color:var(--ink); }
.organic-editorial > :last-child,.organic-copy > p:last-child { margin-bottom:0; }
.organic-story .case-brief { max-width:none; margin-bottom:0; }
.organic-grid,.organic-story .technical-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--gallery-gap); align-items:start; }
.organic-story .image-button { height:auto; aspect-ratio:auto; background:var(--white); }
.organic-story .image-button img { width:100%; height:auto; object-fit:contain; }
/* Equal frames keep pairs comparable; contain preserves every pixel and its proportions. */
.organic-grid > .gallery-item .image-button { aspect-ratio:16/9; }
.organic-grid > .gallery-item .image-button img { height:100%; }
.organic-comparison--kitchen .organic-grid > .gallery-item .image-button { aspect-ratio:4/3; }
.organic-plan,.organic-detail { width:min(100%,900px); margin:var(--subsection-space) auto 0; }
.organic-section > .organic-grid { margin-top:var(--subsection-space); }
.organic-section > .concept-note { max-width:var(--editorial-width); margin-top:16px; margin-bottom:0; }
.organic-renders { margin-top:var(--subsection-space); }
.organic-renders > :first-child { grid-column:1 / -1; }
.organic-mural-copy { margin-top:24px; }
.organic-ai { margin-top:var(--section-space); padding-top:var(--subsection-space); border-top:1px solid var(--line); }
.organic-comparison { margin-top:var(--subsection-space); }
.organic-comparison h4 { max-width:var(--editorial-width); font:clamp(1.25rem,1.5vw,1.6rem)/1.25 var(--serif); margin:0 0 12px; }
.organic-comparison figcaption { font-size:.78rem; }
.organic-documentation { margin-top:var(--section-space); padding-top:var(--subsection-space); border-top:1px solid var(--line); }
.organic-documentation .technical-grid { margin-top:var(--subsection-space); }
.organic-documentation h4 { font-family:var(--serif); font-size:1.25rem; margin:0; }
@media(max-width:640px) {
  .organic-grid,.organic-story .technical-grid { grid-template-columns:minmax(0,1fr); }
}
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }