/* Editorial triptych: a quiet diagram/text column beside two equal visuals. */
body.page-project-detail .story-slide .story-composition--diagram_image_pair{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,2.28fr);gap:clamp(20px,3vw,56px);height:100%;max-height:100%;min-height:0;align-items:center}
body.page-project-detail .story-slide--mirrored .story-composition--diagram_image_pair{direction:rtl}
body.page-project-detail .story-composition--diagram_image_pair .story-diagram-aside{display:grid;grid-template-rows:minmax(0,1fr) minmax(0,1.2fr);gap:clamp(14px,2vh,24px);height:min(64dvh,680px);max-height:100%;min-height:0;min-width:0;direction:ltr}
body.page-project-detail .story-composition--diagram_image_pair .story-diagram-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,2vw,32px);height:min(68dvh,740px);max-height:100%;min-height:0;min-width:0}
body.page-project-detail .story-composition--diagram_image_pair .story-media__item{width:100%;height:100%;min-height:0;min-width:0;margin:0;aspect-ratio:auto;direction:ltr;overflow:hidden}
body.page-project-detail .story-composition--diagram_image_pair .story-media__item :is(img,video){width:100%;height:100%;max-height:100%!important;object-fit:contain!important}
body.page-project-detail .story-composition--diagram_image_pair .story-copy{display:block;direction:ltr;min-height:0;max-height:100%;overflow:auto!important;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ffffff70 transparent;padding-inline-end:8px}
body.page-project-detail .story-composition--diagram_image_pair .story-copy h2{font-size:clamp(22px,2.2vw,38px);line-height:1.1;margin:0 0 14px;text-wrap:balance}
body.page-project-detail .story-composition--diagram_image_pair .story-copy__body{max-height:none!important;overflow:visible!important;font-size:clamp(14px,1vw,17px);line-height:1.55}
@media(max-width:700px),(max-width:1024px) and (orientation:portrait){
 body.page-project-detail .story-slide .story-composition--diagram_image_pair{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:minmax(0,2fr) minmax(0,3fr);direction:ltr;gap:18px!important;align-items:stretch}
 body.page-project-detail .story-composition--diagram_image_pair .story-diagram-aside{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);grid-template-rows:minmax(0,1fr);height:100%;gap:16px;align-items:center}
 body.page-project-detail .story-composition--diagram_image_pair .story-diagram-pair{height:100%;gap:12px}
 body.page-project-detail .story-composition--diagram_image_pair .story-copy{height:100%;align-content:center}
 body.page-project-detail .story-composition--diagram_image_pair .story-copy h2{font-size:clamp(20px,4.4vw,30px)!important}
 body.page-project-detail .story-slide--mirrored .story-composition--diagram_image_pair{grid-template-rows:minmax(0,3fr) minmax(0,2fr)}
 body.page-project-detail .story-slide--mirrored .story-composition--diagram_image_pair .story-diagram-aside{order:2;direction:rtl}
 body.page-project-detail .story-slide--mirrored .story-composition--diagram_image_pair .story-diagram-pair{order:1;direction:rtl}
}
@media(max-width:600px) and (orientation:portrait){
 body.page-project-detail .story-composition--diagram_image_pair .story-diagram-pair{display:flex;flex-direction:column;gap:12px}
 body.page-project-detail .story-composition--diagram_image_pair .story-diagram-pair>.story-media__item{flex:1 1 0}
 body.page-project-detail .story-slide--mirrored .story-composition--diagram_image_pair .story-diagram-pair{flex-direction:column-reverse}
}