/* Featured work fits the browser viewport including its title and controls. */
#cases>.cases-section:not([data-layout-owner="shared"]){padding-top:24px}
#cases .cases-heading:not([data-layout-owner="shared"]){margin-bottom:12px}
#cases .cases-heading h1:not([data-layout-owner="shared"]){margin:0;font-size:32px}
#cases .cases-intro:not([data-layout-owner="shared"]){margin:0 0 20px;max-width:960px}
#hero .heroimage:not([data-layout-owner="shared"]){width:100%;height:var(--case-hero-height,clamp(160px,calc(100svh - 320px),560px));aspect-ratio:auto;min-height:0;overflow:hidden}
#hero .heroimage img:not([data-layout-owner="shared"]){width:100%;height:100%;object-fit:cover;object-position:var(--hero-focus,50% 50%)}
#hero .herotext:not([data-layout-owner="shared"]){align-items:center;gap:18px;padding:14px 0 20px}
#hero .hero-summary:not([data-layout-owner="shared"]){display:flex;align-items:baseline;gap:16px;min-width:0}
#heroCount:not([data-layout-owner="shared"]){flex:none;font-size:13px;font-variant-numeric:tabular-nums;color:#666}
#hero .herotext h3:not([data-layout-owner="shared"]){font-size:20px;line-height:1.5;margin:0;min-width:0;overflow-wrap:anywhere}
#hero .herotext h3 a:not([data-layout-owner="shared"]){text-decoration:none}
#hero .controls:not([data-layout-owner="shared"]){flex-wrap:nowrap;flex-shrink:0}
#hero .controls button:not([data-layout-owner="shared"]){min-width:44px;min-height:44px;padding:6px 12px}
.phone #cases .cases-heading h1:not([data-layout-owner="shared"]){font-size:27px}
.phone #cases>.cases-section:not([data-layout-owner="shared"]){padding-top:20px}
.phone #cases .cases-intro:not([data-layout-owner="shared"]){font-size:14px;line-height:1.7;margin-bottom:16px}
.phone #hero .herotext:not([data-layout-owner="shared"]){min-height:106px;flex-direction:row;align-items:center;gap:12px;padding:12px 0 18px}
.phone #hero .hero-summary:not([data-layout-owner="shared"]){display:block;min-width:0}
.phone #hero .herotext h3:not([data-layout-owner="shared"]){font-size:16px;line-height:1.5;margin-top:4px}
@media(max-width:360px){.phone #hero .herotext:not([data-layout-owner="shared"]){min-height:130px}}
@media(prefers-reduced-motion:reduce){#hero .heroimage:not([data-layout-owner="shared"]){transition:none}}