/* Complete captures keep their aspect ratio inside the right-hand scene wing. */
.chapter-work[data-treatment="website-capture"] .scene-layout{display:grid;grid-template-columns:minmax(0,1fr) clamp(150px,18vw,240px) minmax(0,1fr);align-items:center;min-height:26vh}
.chapter-work[data-treatment="website-capture"] .scene-context{display:block;grid-column:1;min-width:0;padding:0}
.chapter-work[data-treatment="website-capture"] .scene-visual{grid-column:3;min-width:0;width:min(100%,calc(29vh * 1600 / 922));max-width:100%;justify-self:end;align-self:center}
.chapter-work[data-treatment="website-capture"] .scene-art-button{display:block;width:100%;max-width:100%;height:auto;aspect-ratio:1600/922;min-width:0;min-height:0;max-height:29vh;margin:0;transform:none;mix-blend-mode:normal}
.chapter-work[data-treatment="website-capture"] .scene-art-button:hover{transform:translateY(-3px)}
.chapter-work[data-treatment="website-capture"] .scene-art{display:block;width:100%;max-width:100%;height:100%;min-width:0;max-height:29vh;mask-image:none;object-fit:contain;opacity:1;border-radius:3px}
.scene-languages{display:block;max-width:100%;margin:10px auto 0;color:var(--work-ink);font-size:11px;line-height:1.7;word-spacing:.15em;overflow-wrap:anywhere;opacity:.88}
.chapter-work[data-mode="campaign"][data-treatment="website-capture"] .scene-switcher{justify-content:flex-start;flex-direction:row;width:auto;max-width:440px;margin:15px 0 0;gap:10px}
.chapter-work[data-treatment="dashboard"] .scene-art{opacity:1;filter:none;mix-blend-mode:normal}
@media(max-width:1050px) and (min-width:761px){
 .chapter-work[data-treatment="website-capture"] .scene-layout{grid-template-columns:minmax(0,1fr) 140px minmax(0,1fr)}
 .scene-languages{font-size:10px;word-spacing:0}
}
@media(max-width:760px){
 .chapter-work[data-treatment="website-capture"]{top:39vh;width:calc(100vw - 40px)}
 .chapter-work[data-treatment="website-capture"] .scene-layout{grid-template-columns:minmax(0,1fr) 76px minmax(0,1fr);min-height:20vh;align-items:start}
 .chapter-work[data-treatment="website-capture"] .scene-context{margin:0;text-align:left}
 .chapter-work[data-treatment="website-capture"] .scene-project-title{font-size:clamp(16px,4.4vw,21px);margin:0 0 7px;line-height:1.15;overflow-wrap:normal}
 .chapter-work[data-treatment="website-capture"] .scene-explanation{max-width:100%;font-size:11px;line-height:1.45}
 .chapter-work[data-treatment="website-capture"] .scene-project-link{display:none}
 .chapter-work[data-treatment="website-capture"] .scene-visual{width:100%;max-width:100%;margin:0;align-self:start;text-align:center}
 .chapter-work[data-treatment="website-capture"] .scene-art-button{max-height:20vh}
 .chapter-work[data-treatment="website-capture"] .scene-art{max-height:20vh}
 .scene-languages{font-size:9px;line-height:1.65;margin-top:8px;word-spacing:0}
 .chapter-work[data-treatment="website-capture"] .scene-switcher[data-picker="true"]{width:100%;margin-top:12px}
 .chapter-work[data-mode="campaign"][data-treatment="website-capture"] .scene-switcher{width:auto;margin:12px 0 0;flex-direction:row}
}
@media(max-width:760px) and (max-height:730px){
 .chapter-work[data-treatment="website-capture"] .scene-layout{min-height:18vh}
 .chapter-work[data-treatment="website-capture"] .scene-project-title{font-size:16px}
 .chapter-work[data-treatment="website-capture"] .scene-explanation{font-size:10px}
 .chapter-work[data-treatment="website-capture"] .scene-switcher[data-picker="true"]{margin-top:7px}
 .scene-languages{display:none}
}
@media(prefers-reduced-motion:reduce){.chapter-work[data-treatment="website-capture"] .scene-art-button:hover{transform:none}}