/* Earlier UX Work preview: shared case-study surface, original slides preserved. */



body.earlier-open-layout .vectra-slideshow{padding:0;background:none;box-shadow:none;border-radius:0;color:#39474f}
body.earlier-open-layout .vectra-slide-heading{color:#39474f}
body.earlier-open-layout .vectra-slide-dots span{border-color:#7a9198;background:transparent}
body.earlier-open-layout .vectra-slide-dots button[aria-pressed=true] span{background:#347d83;border-color:#347d83}
body.earlier-open-layout .vectra-slide-dots button:hover{background:#347d8310}
body.earlier-open-layout .vectra-slide-dots button:focus-visible{outline-color:#347d83}
body.earlier-open-layout .case-hero h1 em{color:#579fa5}
body.earlier-open-layout .early-heading h3{font-size:19px}
@media(max-width:750px){
 
 body.earlier-open-layout .early-heading h3{font-size:18px}
 body.earlier-open-layout .case-hero h1{font-size:clamp(24px,7.4vw,54px)}
}

/* Keep complete original pages within the shared text margins. */
@media(max-width:750px){
 body.earlier-open-layout .vectra-slideshow{max-width:100%;width:100%;margin-inline:0}
 body.earlier-open-layout .vectra-slide-heading{padding-inline:0}
 body.earlier-open-layout .vectra-slide-dots{padding-inline:0}
 body.earlier-open-layout .vectra-slides{aspect-ratio:var(--full-width-slide-ratio,888 / 517)!important;transition:aspect-ratio .65s ease}
 body.earlier-open-layout .project-slide-frame{align-items:flex-start}
 body.earlier-open-layout .project-slide-art{width:100%;max-width:none}
}
@media(prefers-reduced-motion:reduce){body.earlier-open-layout .vectra-slides{transition:none}}
/* Inactive full-page slides remain inside their stage and cannot cover the pill controls. */
body.earlier-open-layout .vectra-slides{overflow:hidden}
body.earlier-open-layout .vectra-slides>:is(img,[data-vectra-frame]){pointer-events:none}

/* Keep the photographic surface behind the complete hero, including its bottom spacing. */
body.earlier-open-layout .case-intro-surface{display:flow-root}
body.earlier-open-layout .case-hero{display:flow-root;padding-bottom:32px}
body.earlier-open-layout .case-hero .hero-intro{margin-bottom:0}

/* Match Vectra’s desktop artwork width while reserving a stable stage for pagination. */
@media(min-width:751px){
 body.earlier-open-layout :is(#mohegan-sun,#afinitor,#samsung,#strategic-documentation) .vectra-slides{aspect-ratio:1080/835}
 body.earlier-open-layout :is(#vectra,#mohegan-sun,#afinitor,#samsung,#strategic-documentation) .vectra-slide-heading{min-height:40px;align-items:flex-start}
}

/* Strategic documentation keeps the first frame’s mobile stage for all twelve slides. */
@media(max-width:750px){
 body.earlier-open-layout #strategic-documentation .vectra-slides{aspect-ratio:1080/835!important;transition:none}
 body.earlier-open-layout #strategic-documentation .project-slide-frame{align-items:center}
 body.earlier-open-layout #strategic-documentation .project-slide-art{width:min(100cqw,calc(100cqh * var(--art-ratio)))}
}

/* Tighten caption-to-artwork spacing by 40% across the collection. */
body.earlier-open-layout .vectra-slide-heading{margin-bottom:10.8px}
@media(min-width:751px){body.earlier-open-layout :is(#vectra,#mohegan-sun,#afinitor,#samsung,#strategic-documentation) .vectra-slide-heading{min-height:24px}}
body.earlier-open-layout .fresenius-slideshow .vectra-slide-heading>p{min-height:24px}