/* Dedicated portrait compositions. Images preserve their proportions; long copy uses Read more. */
@media (max-width:1024px) and (orientation:portrait) {
 body.page-project-detail .story-panel.story-slide{box-sizing:border-box;height:100dvh!important;max-height:100dvh;overflow:hidden!important;padding:124px clamp(24px,5vw,52px) 70px!important}
 body.page-project-detail .story-previous-slide{top:66px!important;height:34px;padding:4px 8px}
 body.page-project-detail .story-slide .story-composition{width:100%;height:100%;max-height:100%;min-height:0;flex:1 1 0;direction:ltr;gap:clamp(16px,2.5dvh,28px)!important;overflow:hidden!important;align-items:stretch}
 body.page-project-detail .story-slide .story-copy{min-height:0;min-width:0;overflow:hidden!important;display:flex;flex-direction:column;align-self:stretch;justify-content:center;text-align:left;direction:ltr}
 body.page-project-detail .story-slide .story-copy h2{font-size:clamp(24px,5.2vw,40px)!important;line-height:1.08!important;margin:0 0 12px!important;max-width:24ch;flex-shrink:0}
 body.page-project-detail .story-slide .story-copy__body{min-height:0;max-height:none!important;overflow:hidden!important;flex:0 1 auto;font-size:clamp(14px,2.4vw,18px)!important;line-height:1.5!important}
 body.page-project-detail .story-slide .story-copy__body p{font-size:inherit!important;line-height:inherit!important;margin:0 0 .8em}
 body.page-project-detail .story-slide .story-read-more{flex-shrink:0;align-self:flex-start;margin-top:10px}
 body.page-project-detail .story-slide :is(.story-media,.story-editorial-primary){width:100%;height:100%!important;max-height:100%;min-height:0!important;aspect-ratio:auto!important;align-self:stretch}
 body.page-project-detail .story-slide .story-media__item{min-width:0;min-height:0;width:100%;height:100%;max-height:100%;aspect-ratio:auto;margin:0;overflow:hidden;direction:ltr}
 body.page-project-detail .story-slide .story-media__item :is(img,video){width:100%;height:100%;min-height:0;max-height:100%!important;aspect-ratio:auto;object-fit:contain!important}
 body.page-project-detail .story-slide :is(.story-composition--text_image,.story-composition--statement,.story-composition--statement_image){display:grid;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:minmax(0,2fr) minmax(0,3fr)}
 body.page-project-detail .story-slide--mirrored :is(.story-composition--text_image,.story-composition--statement,.story-composition--statement_image){grid-template-rows:minmax(0,3fr) minmax(0,2fr)}
 body.page-project-detail .story-slide--mirrored :is(.story-composition--text_image,.story-composition--statement,.story-composition--statement_image)>.story-copy{order:2}
 body.page-project-detail .story-slide--mirrored :is(.story-composition--text_image,.story-composition--statement,.story-composition--statement_image)>:is(.story-media,.story-editorial-primary){order:1}
 body.page-project-detail .story-slide :is(.story-composition--image,.story-composition--pair,.story-composition--grid){display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr)}
 body.page-project-detail .story-slide :is(.story-composition--image,.story-composition--pair,.story-composition--grid):has(>.story-copy){grid-template-rows:minmax(0,1fr) minmax(0,4fr)}
 body.page-project-detail .story-slide .story-media--pair{display:flex;flex-direction:column;gap:16px}
 body.page-project-detail .story-slide .story-media--pair>.story-media__item{flex:1 1 0}
 body.page-project-detail .story-slide--mirrored .story-media--pair{flex-direction:column-reverse}
 body.page-project-detail .story-slide .story-media--grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:12px}
 body.page-project-detail .story-slide .story-composition--text{display:flex;align-items:center}
 body.page-project-detail .story-slide .story-composition--text>.story-copy{width:100%;height:100%;max-width:48ch;margin:auto;gap:12px}
 body.page-project-detail .story-slide--mirrored .story-composition--text>.story-copy{flex-direction:column-reverse}
 /* Small visual + copy above the main visual, with mirrored vertical order. */
 body.page-project-detail .story-slide .story-composition--image_text_image{display:grid;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:minmax(0,2fr) minmax(0,3fr)}
 body.page-project-detail .story-slide .story-editorial-aside{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);grid-template-rows:minmax(0,1fr);gap:16px;min-height:0;align-content:stretch;direction:ltr}
 body.page-project-detail .story-slide .story-editorial-aside>.story-media__item{height:100%;max-height:100%;width:100%}
 body.page-project-detail .story-slide--mirrored .story-composition--image_text_image{grid-template-rows:minmax(0,3fr) minmax(0,2fr)}
 body.page-project-detail .story-slide--mirrored .story-editorial-aside{order:2}
 body.page-project-detail .story-slide--mirrored .story-composition--image_text_image>.story-editorial-primary{order:1}
 body.page-project-detail .story-slide .story-editorial-aside .story-copy h2{font-size:clamp(20px,4.4vw,30px)!important}
 /* Sequences run down the screen, captions alongside larger images. */
 body.page-project-detail .story-slide :is(.story-composition--comparison,.story-composition--triptych){display:flex;flex-direction:column;gap:20px!important}
 body.page-project-detail .story-slide .story-editorial-sequence{display:flex;flex-direction:column;flex:1 1 0;min-height:0;max-width:none;width:100%;gap:12px;direction:ltr}
 body.page-project-detail .story-slide--mirrored .story-editorial-sequence{flex-direction:column-reverse}
 body.page-project-detail .story-slide .story-editorial-sequence>.story-media__item{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);gap:14px;flex:1 1 0;align-items:center}
 body.page-project-detail .story-slide .story-editorial-sequence>.story-media__item:has(figcaption){grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}
 body.page-project-detail .story-slide .story-editorial-sequence figcaption{font:400 clamp(15px,3.6vw,24px)/1.25 var(--font-display);overflow-wrap:anywhere}
 body.page-project-detail .story-slide .story-sequence-arrow{align-self:center;padding:0;font-size:22px;line-height:18px;transform:rotate(90deg)}
 body.page-project-detail .story-slide--mirrored .story-sequence-arrow{transform:rotate(-90deg)}
 body.page-project-detail .story-slide :is(.story-composition--comparison,.story-composition--triptych)>.story-copy{flex:0 1 24%;width:100%;max-width:none}
 body.page-project-detail .story-slide .story-composition--without-media{grid-template-columns:1fr!important;grid-template-rows:minmax(0,1fr)!important}
 body.page-project-detail .story-slide .story-composition--without-media>.story-copy{grid-row:1/-1;max-width:48ch;margin:auto;width:100%;max-height:100%}
 body.page-project-detail .story-slide .media-sound{right:8px;bottom:8px;padding:8px 10px;font-size:11px}
}