/* Owner-requested proof placement, 29 October 2026. Scoped to linked case pages. */
html body.clear-case.case-components .page-main:has(.cs-story--lead) .cs-hero{padding-bottom:0}
html body.clear-case.case-components .page-main .cs-story--lead{padding-block:24px 56px;scroll-margin-top:100px}
html body.clear-case.case-components .cs-story--lead .cs-story__panel{display:flex;flex-direction:column;gap:28px;padding:0;background:transparent;border-radius:0;align-items:stretch}
html body.clear-case.case-components .cs-story--lead .cs-story__copy{order:-1;display:flex;flex-direction:column;align-items:center;gap:14px;width:100%;max-width:760px;margin-inline:auto;text-align:center}
html body.clear-case.case-components .cs-story--lead .cs-story__copy .cs-eyebrow{margin:0;text-align:center}
html body.clear-case.case-components .cs-story--lead .cs-story__copy h2{font-size:clamp(26px,3vw,40px);margin:0;max-width:30ch;text-align:center;text-wrap:balance}
html body.clear-case.case-components .cs-story--lead .cs-story__copy>p:not(.cs-eyebrow){max-width:64ch;text-align:center;font-size:clamp(18px,1.6vw,22px);font-weight:500;line-height:1.45;color:var(--cs-ink)}
html body.clear-case.case-components .cs-story--lead .cs-story__copy small{margin:0;max-width:64ch;font-size:13px}
html body.clear-case.case-components .cs-story--lead .cs-story__media{width:min(100%,1000px,max(390px,calc((100svh - 320px) * 1.7777778)));max-height:none;aspect-ratio:16/9;border-radius:18px;align-self:center;background:#171b1a}
html body.clear-case.case-components .cs-story--lead .cs-story__play img{object-fit:contain}
html body.clear-case.case-components .cs-story--lead .cs-story__media .portfolio-player,html body.clear-case.case-components .cs-story--lead .cs-story__media video{width:100%;height:100%;display:block;object-fit:contain;background:#171b1a}
html body.clear-case.case-components .client-signal__inner{grid-template-columns:minmax(130px,.42fr) minmax(0,1.87fr);align-items:start}
html body.clear-case.case-components .client-signal blockquote .client-signal__link{display:inline-flex;align-items:center;justify-content:center;gap:24px;width:auto;max-width:100%;min-height:52px;box-sizing:border-box;padding:14px 24px;margin-top:28px;border:1px solid var(--cs-ink);border-radius:999px;background:var(--cs-ink);color:var(--cs-paper,#fff);font:500 16px/1.4 var(--font-ui),sans-serif;text-decoration:none;letter-spacing:0;transition:background .3s cubic-bezier(.55,.055,.675,.19),color .3s cubic-bezier(.55,.055,.675,.19),transform .4s cubic-bezier(.16,1,.3,1)}
html body.clear-case.case-components .client-signal blockquote .client-signal__link span{display:inline-block;transition:transform .4s cubic-bezier(.16,1,.3,1)}
html body.clear-case.case-components .client-signal blockquote .client-signal__link:is(:hover,:focus-visible){background:transparent;color:var(--cs-ink);transform:translateY(-2px)}
html body.clear-case.case-components .client-signal blockquote .client-signal__link:is(:hover,:focus-visible) span{transform:translate(2px,-2px)}
html body.clear-case.case-components .client-signal blockquote .client-signal__link:focus-visible{outline:2px solid var(--cs-ink);outline-offset:5px}
@media(max-width:680px){html body.clear-case.case-components .client-signal__inner{grid-template-columns:1fr;gap:24px}html body.clear-case.case-components .cs-story--lead .cs-story__media{border-radius:12px}}
@media(prefers-reduced-motion:reduce){html body.clear-case.case-components .client-signal blockquote .client-signal__link,html body.clear-case.case-components .client-signal blockquote .client-signal__link span{transition:none;transform:none!important}}
/* The relocated Ecomverse cover retains the same content gutters as its former hero. */
html body.clear-case.case-components .page-main>#client-story + .cs-artwork{width:calc(100% - var(--gutter)*2);max-width:calc(var(--wrap) - var(--gutter)*2);margin-inline:auto}