/* Shushi Palace: a full view followed by a staggered day / night diptych. */
.project-story{--story-gutter:clamp(20px,4vw,80px);padding-bottom:clamp(70px,10vw,160px);overflow:clip;background:#fff;color:#242522}
.story-heading{padding:clamp(22px,3vw,52px) var(--story-gutter) clamp(28px,4vw,64px)}
.story-heading-top{display:flex;align-items:center;justify-content:space-between;gap:24px}
.story-heading-top .text-link{font-size:12px;font-weight:400}
.story-index{font-size:10px;letter-spacing:.12em;color:#73756f}
.story-heading h1{font-family:var(--display-font);font-size:clamp(36px,6.6vw,104px);font-weight:400;line-height:1.12;letter-spacing:-.035em;text-transform:none;margin:clamp(26px,4vw,60px) 0 0}
.story-shot{margin:0;min-width:0}
.story-shot-motion{transform:translate3d(0,var(--story-y,0px),0)}
.project-story .gallery-item{position:relative;display:block;border:0;border-radius:0;max-height:none;overflow:hidden;background:#f1f0ed;isolation:isolate}
.project-story .gallery-item[data-motion]{opacity:1;translate:none;transition:none}
.project-story .gallery-item img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(var(--story-scale,1));transform-origin:50% 50%;transition:none}
.project-story .gallery-item:hover img{transform:scale(var(--story-scale,1))}
.project-story .gallery-item:focus-visible{outline:2px solid #735c42;outline-offset:5px}
.story-cover{margin-inline:var(--story-gutter)}
.story-shot figcaption{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-top:14px;font-size:10px;line-height:1.5;letter-spacing:.07em;color:#74766f}
.story-shot figcaption span:last-child{text-transform:uppercase;font-size:9px}
.story-expand{position:absolute;inset-inline-end:18px;bottom:18px;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#fff;color:#282a26;font-size:18px;opacity:0;transition:opacity .25s}
.gallery-item:hover .story-expand,.gallery-item:focus-visible .story-expand{opacity:1}
.story-context{display:flex;justify-content:space-between;align-items:start;gap:10%;margin:clamp(48px,7vw,110px) var(--story-gutter) clamp(80px,11vw,160px);padding-top:28px;border-top:1px solid #dedfd9}
.story-context>p{flex:0 1 620px;font-size:clamp(17px,1.7vw,24px);line-height:1.7;margin:0}
.story-context dl{flex:0 1 310px;display:flex;flex-direction:column;gap:24px;margin:4px 0 0}
.story-context dt{color:#777a73;font-size:11px;margin:0 0 8px}
.story-context dd{font-size:13px;line-height:1.65;margin:0}
.story-diptych{display:flex;align-items:flex-start;gap:5%;margin:0 var(--story-gutter) clamp(48px,7vw,110px)}
.story-diptych:last-child{margin-bottom:0}
.story-diptych>.story-shot:first-child{width:42%;flex:none}
.story-diptych>.story-shot:nth-child(2){width:53%;flex:none;margin-top:21vw}
.story-shot.is-story-active img,.story-shot.is-story-active .story-shot-motion{will-change:transform}
@media(max-width:900px){.story-context{gap:6%}.story-context>p{flex-basis:62%}.story-context dl{flex-basis:32%}.story-diptych{gap:4%}.story-diptych>.story-shot:first-child{width:44%}.story-diptych>.story-shot:nth-child(2){width:52%;margin-top:23vw}}
@media(max-width:600px){.story-heading{padding-top:26px}.story-heading-top .text-link{font-size:10px}.story-heading h1{font-size:clamp(35px,10vw,60px);margin-top:34px}.story-index{font-size:9px}.story-context{flex-direction:column;gap:30px;margin-bottom:68px}.story-context>p{flex-basis:auto;font-size:17px}.story-context dl{flex-direction:row;flex-basis:auto;gap:28px;width:100%}.story-context dl>div{flex:1;min-width:0}.story-context dd{font-size:12px}.story-diptych{display:block}.story-diptych>.story-shot:first-child{width:78%;margin-inline-start:0}.story-diptych>.story-shot:nth-child(2){width:91%;margin-top:54px;margin-inline-start:auto}.story-shot figcaption{font-size:9px;padding-top:10px}.story-shot figcaption span:last-child{font-size:8px}.story-expand{display:none}}
@media(prefers-reduced-motion:reduce){.project-story .story-shot-motion,.project-story .gallery-item img{transform:none!important;will-change:auto}.story-expand{transition:none}}

/* The final unpaired gallery image keeps its complete, wide composition. */
.story-diptych:has(> .story-shot:only-child){grid-template-columns:minmax(0,1fr)}