/* Case index study: preserve real screenshot frames and existing filtering. */
[data-vetra-page="cases"] .page-hero { text-align:center; padding:144px 0 74px; border-bottom:1px solid var(--line); background:radial-gradient(ellipse at 50% 110%,color-mix(in srgb,var(--brand-ribbon) 16%,transparent),transparent 68%),var(--dark-deep); }
[data-vetra-page="cases"] .page-hero>.container { max-width:1000px; }
[data-vetra-page="cases"] .page-hero .eyebrow { display:inline-flex; padding:7px 14px; border:1px solid var(--line-strong); border-radius:99px; font-size:10px; color:var(--muted); background:var(--vetra-panel); }
[data-vetra-page="cases"] .page-hero h1 { position:relative; left:.5em; font-size:clamp(35px,4vw,56px); line-height:1.45; font-weight:500; letter-spacing:-.025em; margin:25px 0 22px; }
[data-vetra-page="cases"] .page-hero h1 em { background:linear-gradient(120deg,var(--on-dark),var(--brand-light) 65%,var(--brand-dodger)); background-clip:text; -webkit-background-clip:text; color:transparent; }
[data-vetra-page="cases"] .page-hero .lead { font-size:15px; line-height:2; margin-inline:auto; }
[data-vetra-page="cases"] .first-section { padding-block:64px 72px; }
[data-vetra-page="cases"] .case-kind-filters { gap:30px; }
[data-vetra-page="cases"] .case-kind-filters button { color:var(--muted); font-size:14px; padding-block:15px; white-space:nowrap; }
[data-vetra-page="cases"] .case-kind-filters button.active { color:var(--on-dark); font-weight:500; }
[data-vetra-page="cases"] .case-kind-filters span { background:var(--dark-raised); color:var(--muted); }
[data-vetra-page="cases"] .case-kind-filters button.active:after { background:var(--brand-light); height:2px; }
[data-vetra-page="cases"] .case-filters { gap:7px; }
[data-vetra-page="cases"] .case-filters>button { font-size:11px; padding:7px 12px; }
[data-vetra-page="cases"] .case-filters>button.active { color:var(--on-dark); background:var(--dark-raised); border-color:var(--line-strong); }
[data-vetra-page="cases"] .case-filters>button:hover { background:var(--dark-raised); }
[data-vetra-page="cases"] .case-search { background:var(--vetra-panel); border-radius:10px; min-height:42px; }
[data-vetra-page="cases"] .case-search input,[data-vetra-page="cases"] .case-media { color:var(--on-dark); }
[data-vetra-page="cases"] .case-media { background:var(--vetra-panel); min-height:42px; }
[data-vetra-page="cases"] .filter-count { font-size:12px; margin-block:22px; }
[data-vetra-page="cases"] .case-grid { gap:26px; align-items:stretch; }
[data-vetra-page="cases"] .case-card,[data-vetra-page="cases"] .content-work-card { display:flex; flex-direction:column; border-radius:19px; background:var(--vetra-panel); }
[data-vetra-page="cases"] .case-card:hover,[data-vetra-page="cases"] .content-work-card:hover { border-color:var(--line-strong); }
[data-vetra-page="cases"] .case-card[hidden],[data-vetra-page="cases"] .content-work-card[hidden] { display:none; }
[data-vetra-page="cases"] .case-card .case-image:not(.concept-image) { background:var(--on-dark); }
[data-vetra-page="cases"] .case-card-copy { padding:27px; display:flex; flex:1; flex-direction:column; }
[data-vetra-page="cases"] .case-meta { min-height:28px; }
[data-vetra-page="cases"] .case-card .case-meta>span:first-child { color:var(--brand-light); background:var(--dark-raised); }
[data-vetra-page="cases"] .case-card h3 { font-size:23px; font-weight:500; line-height:1.55; min-height:3.1em; }
[data-vetra-page="cases"] .case-card-copy>p { font-size:13px; line-height:1.95; min-height:3.9em; }
[data-vetra-page="cases"] .case-card-outcome { margin-top:auto; min-height:78px; }
[data-vetra-page="cases"] .case-card-outcome strong { color:var(--brand-light); font-size:27px; }
[data-vetra-page="cases"] .case-card-copy>.text-link { display:flex; align-items:center; justify-content:space-between; line-height:1.5; min-height:30px; }
[data-vetra-page="cases"] .case-card-copy>.text-link>.icon { flex:0 0 16px; }
[data-vetra-page="cases"] .case-card-copy .tags>span { background:var(--dark-raised); color:var(--muted); }
[data-vetra-page="cases"] .case-concept-art { background:radial-gradient(ellipse at 80% 0,color-mix(in srgb,var(--brand-ribbon) 15%,var(--dark-raised)),var(--dark-deep)); color:var(--on-dark); }
[data-vetra-page="cases"] .concept-art-metric strong { color:var(--on-dark); }
[data-vetra-page="cases"] .concept-art-top .icon,[data-vetra-page="cases"] .concept-art-flow i { color:var(--brand-light); }
[data-vetra-page="cases"] .concept-art-flow>span { background:var(--vetra-panel); }
[data-vetra-page="cases"] .content-work-copy h3 { color:var(--on-dark); font-size:23px; font-weight:500; line-height:1.55; }
[data-vetra-page="cases"] .content-work-copy { padding:27px; }
[data-vetra-page="cases"] .content-work-copy>p { font-size:13px; line-height:1.95; }
[data-vetra-page="cases"] .work-badge,[data-vetra-page="cases"] .work-open { color:var(--on-dark); background:var(--dark-raised); }
[data-vetra-page="cases"] .work-formats a { color:var(--brand-light); }
[data-vetra-page="cases"] .seo-related { background:var(--vetra-panel); border-color:var(--line); border-radius:15px; }
[data-vetra-page="cases"] .seo-related a { color:var(--brand-light); }
@media(max-width:700px) {
 [data-vetra-page="cases"] .page-hero { padding:116px 0 52px; }
 [data-vetra-page="cases"] .page-hero h1 { font-size:clamp(29px,7.8vw,38px); }
 [data-vetra-page="cases"] .page-hero .lead { font-size:13px; }
 [data-vetra-page="cases"] .first-section { padding-block:42px; }
 [data-vetra-page="cases"] .case-kind-filters { gap:18px; overflow-x:auto; scrollbar-width:none; }
 [data-vetra-page="cases"] .case-kind-filters button { flex-shrink:0; font-size:12px; }
 [data-vetra-page="cases"] .case-kind-filters span { font-size:10px; margin-left:4px; padding-inline:5px; }
 [data-vetra-page="cases"] .case-card-copy,[data-vetra-page="cases"] .content-work-copy { padding:24px; }
 [data-vetra-page="cases"] .case-card h3,[data-vetra-page="cases"] .content-work-copy h3 { font-size:22px; }
}
@media(max-width:360px) { [data-vetra-page="cases"] .case-kind-filters { gap:12px; } }
[data-vetra-page="cases"] .concept-art-top>span { color:var(--on-dark); }

/* Local dark dropdown, independent of the operating system select popup. */
[data-vetra-page="cases"] .case-media[hidden] { display:none; }
[data-vetra-page="cases"] .vetra-media-select { position:relative; flex:none; }
[data-vetra-page="cases"] .vetra-media-trigger { display:flex; align-items:center; justify-content:space-between; gap:18px; min-height:42px; padding:10px 13px; border:1px solid var(--line); border-radius:10px; background:var(--vetra-panel); color:var(--on-dark); font:inherit; cursor:pointer; }
[data-vetra-page="cases"] .vetra-media-trigger:after { content:""; width:8px; height:8px; border-right:1.5px solid currentColor; border-bottom:1.5px solid currentColor; transform:translateY(-2px) rotate(45deg); }
[data-vetra-page="cases"] .vetra-media-trigger:focus { outline:none; box-shadow:none; border-color:var(--line); }
[data-vetra-page="cases"] .vetra-media-trigger:focus-visible { border-color:var(--muted); }
[data-vetra-page="cases"] .vetra-media-options { position:absolute; z-index:40; top:calc(100% + 8px); right:0; min-width:100%; padding:5px; border:1px solid var(--line); border-radius:12px; background:#101216; box-shadow:0 12px 30px #0008; }
[data-vetra-page="cases"] .vetra-media-options[hidden] { display:none; }
[data-vetra-page="cases"] .vetra-media-options button { display:flex; align-items:center; justify-content:space-between; gap:16px; width:100%; min-height:38px; padding:8px 10px; border:0; border-radius:7px; background:transparent; color:var(--muted); font:inherit; white-space:nowrap; text-align:left; cursor:pointer; }
[data-vetra-page="cases"] .vetra-media-options button:is(:hover,:focus) { background:#ffffff0d; color:var(--on-dark); outline:none; box-shadow:none; }
[data-vetra-page="cases"] .vetra-media-options button[aria-selected="true"] { color:var(--on-dark); }
[data-vetra-page="cases"] .vetra-media-options button:after { content:""; width:10px; flex:none; }
[data-vetra-page="cases"] .vetra-media-options button[aria-selected="true"]:after { content:"✓"; font-size:11px; }

[data-vetra-page="cases"] .vetra-media-options { transform-origin:top center; }
[data-vetra-page="cases"] .vetra-media-trigger:after { transition:transform 200ms ease; }
[data-vetra-page="cases"] .vetra-media-trigger[aria-expanded="true"]:after { transform:translateY(2px) rotate(225deg); }
@media(prefers-reduced-motion:reduce) { [data-vetra-page="cases"] .vetra-media-trigger:after { transition:none; } }