/* Case studies uses the shared editorial components; these are its source compositions. */
.case-page .editorial-text :is(h3,h4){text-transform:uppercase}
.case-page .d2-image-pattern-sl .gallery-picture{height:60vh;aspect-ratio:auto!important}
@media(min-width:768px){
 .case-page .d2-image-pattern-sl figure:first-child .gallery-picture{display:grid;place-items:center}
 .case-page .d2-image-pattern-sl figure:first-child img{position:static;width:calc(100% - 8vw);height:calc(100% - 186px);object-fit:cover}
}
@media(max-width:767px){
 .case-page .foundation-section.content-padding .foundation-wrap{padding:54px 0}
 .case-page .mobile-aspect-ratio-1-1 .gallery-picture{aspect-ratio:1!important;height:auto}
 .case-page .mobile-aspect-ratio-4-3 .gallery-picture{aspect-ratio:4/3!important;height:auto}
 .case-page .mobile-aspect-ratio-9-16 .gallery-picture{aspect-ratio:9/16!important;height:auto}
 .case-page .d2-image-pattern-sl .gallery-picture{height:65svh}
 .case-page .feature-film{aspect-ratio:16/9!important}
}

.hero-light-artwork .foundation-backdrop::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.12),rgba(0,0,0,.38));pointer-events:none}


/* Keep small study pairs on the same content columns as surrounding artwork. */
.case-page :is(.gallery-half-left,.gallery-half-right) .type-gallery{grid-column:2/-2!important;min-width:0}
@media(min-width:768px){
 .case-page .gallery-half-left .type-gallery{grid-column:2/14!important}
 .case-page .gallery-half-right .type-gallery{grid-column:14/26!important}
 .case-page .gallery-masonry .editorial-gallery{display:block;columns:3;column-gap:24px}
 .case-page .gallery-masonry .editorial-gallery figure{break-inside:avoid;margin:0 0 24px}
}

/* Portrait films retain their native frame and sit centrally in the page grid. */
.case-page .portrait-film .type-embed{grid-column:2/-2!important;grid-row:1!important;justify-self:center;width:min(100%,480px)}
.case-page .portrait-film .motion-study.feature-film{aspect-ratio:9/16!important;margin:0;background:#000}

/* Separate study groups share the content width and a consistent row gutter. */
.case-page .gallery-split-rows .foundation-grid{row-gap:24px!important;grid-template-rows:auto auto!important}
.case-page .gallery-split-rows .type-gallery{grid-column:2/-2!important;grid-row:1!important}
.case-page .gallery-split-rows .gallery-separated-pair{grid-row:2!important}
@media(min-width:768px){.case-page .gallery-half-right .editorial-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* These portrait exports include a white matte around the square artwork. */
.case-page .trim-video-matte .motion-study{overflow:hidden}
.case-page .trim-video-matte .motion-study iframe{width:117.65%;height:117.65%;inset:-8.825%}

/* Curated media rows: content determines height; gutters belong to boundaries. */
.foundation-section.curated-media{--media-gutter:24px;padding-top:0}
.foundation-section.curated-media .foundation-wrap{padding:calc(var(--media-space-before) * var(--media-gutter)) 0 calc(var(--media-space-after) * var(--media-gutter))}
.foundation-section.curated-media .foundation-grid{display:grid;grid-template-rows:auto!important;grid-auto-rows:auto;row-gap:0}
.curated-media .layout-block{grid-row:1!important;align-self:start}
.curated-media .type-spacer{display:none}
.curated-media .layout-block-content{justify-content:flex-start}
.curated-media .editorial-gallery{row-gap:min(var(--gallery-gap),var(--media-gutter))!important}
.curated-media .motion-study{margin-bottom:0}
.curated-media .type-image .block-inner{height:auto}
.curated-media .single-image{position:relative;inset:auto;aspect-ratio:var(--image-ratio);height:auto}
.curated-media .single-image img{position:absolute;inset:0}
.curated-media.media-width-content .layout-block{grid-column:2/-2!important}
.curated-media.media-width-bleed .layout-block{grid-column:1/-1!important}
.foundation-section.section-flush-top{border-top:0}
@media(max-width:767px){
 .foundation-section.curated-media{--media-gutter:12px}
}