.project-story{color:#efefeb;padding:0}
.project-story figure{margin:0}
.story-overview,.story-synopsis{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,90px);align-items:center;margin:80px 0 120px}
.story-copy{max-width:700px;word-break:keep-all}
.story-kicker{color:#e52622;font-size:11px;letter-spacing:.12em;margin-bottom:22px}
.story-copy h2{font:400 clamp(23px,2vw,34px)/1.55 'SUIT',sans-serif;letter-spacing:-.025em;margin:0 0 28px}
.story-copy>p:not(.story-kicker){font:400 clamp(14px,1.05vw,18px)/1.95 'SUIT',sans-serif;color:#b5b5b5;margin:0 0 20px}
.story-media{position:relative;overflow:hidden;background:#101010;aspect-ratio:1920/806}
.story-media img,.story-media video{display:block;width:100%;height:100%;object-fit:cover}
.story-square{aspect-ratio:1}.story-square img{object-position:50% 50%}
.story-gallery{display:grid;gap:clamp(32px,5vw,80px)}
.story-landscapes{display:grid;grid-template-columns:1.3fr 1fr;gap:32px;align-items:start}
.story-landscapes>.story-media:last-child{margin-top:80px;aspect-ratio:1}
.story-landscapes>.story-media:last-child video{object-position:50% 50%}
.story-duo{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.story-duo>.story-media:last-child{margin-top:55px}
.story-finale{grid-template-columns:1fr 1.2fr}
.story-finale>.story-media:last-child{aspect-ratio:1920/806}
.story-facts{display:grid;grid-template-columns:1.2fr 1fr 1.8fr;gap:32px;padding:35px 0 60px;margin-top:90px;border-top:1px solid #303030}
.story-facts span{font-size:10px;letter-spacing:.12em;color:#777}
.story-facts p{font:400 14px/1.8 'SUIT',sans-serif;margin-top:12px;color:#bbb}
@media(max-width:760px){
.story-overview,.story-synopsis{grid-template-columns:1fr;gap:28px;margin:40px 0 64px}.story-copy h2{font-size:23px}.story-synopsis .story-copy{grid-row:1}.story-square{width:85%}
.story-landscapes,.story-duo{grid-template-columns:1fr;gap:28px}.story-landscapes>.story-media:last-child{margin-top:0;width:85%;justify-self:end}.story-duo>.story-media:last-child{margin-top:0}.story-finale>.story-media:last-child{width:100%}.story-facts{grid-template-columns:1fr 1fr;margin-top:60px;gap:24px}.story-facts>div:last-child{grid-column:1/-1}}

/* Consistent two-column tracks, aligned rows and shared media edges. */
.project-story{--story-gap:32px}
.story-overview,.story-synopsis,.story-landscapes,.story-duo,.story-finale{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--story-gap)}
.story-landscapes,.story-duo{align-items:start}
.story-landscapes>.story-media:last-child,.story-duo>.story-media:last-child{margin-top:0;aspect-ratio:1920/806;width:100%;justify-self:stretch}
.story-gallery{gap:var(--story-gap)}
@media(max-width:760px){
.project-story{--story-gap:24px}
.story-overview,.story-synopsis,.story-landscapes,.story-duo,.story-finale{grid-template-columns:1fr}
.story-square{width:100%}
}

/* Square island studies share the same column edges as the wide rows. */
.story-finale>.story-media,.story-finale>.story-media:last-child{aspect-ratio:1}
.story-finale>.story-media img{object-position:30% 50%}
.story-finale>.story-media video{object-position:50% 50%}

/* A generous three-quarter-wide reel on the same four-column grid. */
.story-wide-inset{width:calc((100% - var(--story-gap))/4*3 + var(--story-gap)/2);justify-self:end}
@media(max-width:760px){.story-wide-inset{width:100%;justify-self:stretch}}

/* Leave deliberate empty columns while retaining the shared centre line. */
.story-gallery{row-gap:clamp(64px,7vw,112px)}
.story-finale{grid-template-columns:repeat(12,minmax(0,1fr));align-items:start}
.story-finale>.story-media:first-child{grid-column:3/7}
.story-finale>.story-media:last-child{grid-column:7/13}
.story-gallery>.story-full:last-child{width:calc(75% - var(--story-gap)/4);justify-self:start}
@media(max-width:760px){
.story-gallery{row-gap:48px}
.story-finale{grid-template-columns:1fr;gap:32px}
.story-finale>.story-media:first-child,.story-finale>.story-media:last-child{grid-column:auto}
.story-finale>.story-media:first-child{width:82%;justify-self:start}
.story-finale>.story-media:last-child{width:100%}
.story-gallery>.story-full:last-child{width:100%}
}

/* The landscape pair and flying dragon read as one three-film group. */
.story-cluster{display:grid;gap:var(--story-gap);min-width:0}