.case-flow{--case-gap:clamp(1.5rem,4vw,4rem);display:flex;flex-direction:column;gap:4rem}
.vimeo-shell{min-width:0;width:100%}.vimeo-stage{width:100%;aspect-ratio:16/9;background:#151916;position:relative;overflow:hidden}.vimeo-stage>iframe{position:absolute;inset:0;display:block;width:100%;height:100%;border:0}.vimeo-load{position:absolute;inset:0;width:100%;height:100%;border:0;background:#151916;color:#f2f0e9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;cursor:pointer;overflow:hidden}.vimeo-load>img{position:absolute;inset:0;width:100%;height:100%!important;object-fit:cover;opacity:1}.vimeo-play{position:relative;display:grid;place-items:center;width:64px;height:64px;border:1px solid #f2f0e988;border-radius:50%;background:#15191677;font-size:35px;line-height:1}.case-shape-square .vimeo-stage{aspect-ratio:1}.case-shape-portrait .vimeo-stage{aspect-ratio:3/4}.vimeo-load:focus-visible{outline:3px solid #d5382d;outline-offset:-5px}
.case-flow .case-row{display:grid;gap:var(--case-gap);align-items:center;min-width:0}
.case-flow .case-layout-left,.case-flow .case-layout-right{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.case-flow .case-layout-right>.case-media-strip{order:2}
.case-flow .case-layout-right>.case-cell-copy{order:1}
.case-flow .case-media-strip{display:grid;gap:var(--case-gap);min-width:0;align-items:start}
.case-flow .case-layout-pair>.case-media-strip{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.case-flow .case-layout-wide-left>.case-media-strip{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:center}
.case-flow .case-layout-wide-right>.case-media-strip{grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);align-items:center}
.case-flow .case-layout-text>.case-cell-copy{max-width:760px;width:100%;margin-inline:auto}
.case-flow .case-layout-full>.case-cell-copy,.case-flow .case-layout-pair>.case-cell-copy,.case-flow .case-layout-wide-left>.case-cell-copy,.case-flow .case-layout-wide-right>.case-cell-copy{max-width:760px}
.case-flow .case-asset{min-width:0;margin:0}
.case-flow .case-asset img,.case-flow .case-asset video{display:block;width:100%;height:auto;background:#17231d;max-width:100%}
.case-flow .case-shape-landscape .case-asset img,.case-flow .case-shape-landscape .case-asset video{aspect-ratio:16/9;object-fit:cover}
.case-flow .case-shape-square .case-asset img,.case-flow .case-shape-square .case-asset video{aspect-ratio:1;object-fit:cover}
.case-flow .case-shape-portrait .case-asset img,.case-flow .case-shape-portrait .case-asset video{aspect-ratio:3/4;object-fit:cover}
.case-flow .case-asset video{object-fit:contain!important}
.case-flow .case-cell-copy{min-width:0;overflow-wrap:anywhere}
.case-flow .case-cell-copy h3{font-size:clamp(1.3rem,2.4vw,2rem);line-height:1.25;margin:0 0 1rem}
.case-flow .case-cell-copy p{font-size:1rem;line-height:1.85;margin:0;color:#64675f}
.case-flow .case-asset figcaption{font-size:.85rem;line-height:1.6;color:#64675f;display:block;padding-top:.85rem;overflow-wrap:anywhere}
@media(max-width:700px){.case-flow{gap:2.5rem}.case-flow .case-row,.case-flow .case-row>.case-media-strip{grid-template-columns:minmax(0,1fr);gap:1.5rem}.case-flow .case-layout-right>.case-media-strip{order:0}.case-flow .case-layout-right>.case-cell-copy{order:1}}

.case-flow .case-layout-pair>.case-media-strip>.case-asset[data-case-slot="1"],.case-flow .case-layout-wide-left>.case-media-strip>.case-asset[data-case-slot="1"],.case-flow .case-layout-wide-right>.case-media-strip>.case-asset[data-case-slot="1"]{grid-column:2}
@media(max-width:700px){.case-flow .case-row>.case-media-strip>.case-asset[data-case-slot="1"]{grid-column:auto}}
.case-flow .case-layout-left>.case-media-strip{grid-column:1}.case-flow .case-layout-left>.case-cell-copy{grid-column:2}
.case-flow .case-layout-right>.case-media-strip{grid-column:2}.case-flow .case-layout-right>.case-cell-copy{grid-column:1;grid-row:1}
@media(max-width:700px){.case-flow .case-row>.case-media-strip,.case-flow .case-row>.case-cell-copy{grid-column:auto;grid-row:auto}}

.vimeo-play{box-shadow:0 2px 20px #0003;transition:background .2s,transform .2s}
.vimeo-play svg{display:block;margin-left:2px}
@media(hover:hover){.vimeo-load:hover .vimeo-play{background:#151916b3;transform:scale(1.07)}}
@media(prefers-reduced-motion:reduce){.vimeo-play{transition:none}}
