/* Shared hierarchy pass. Keeps the original notebook surfaces and approved copy. */
:root { --case-type-display: clamp(36px, 5.2vw, 76px); --case-type-section: clamp(28px, 3.6vw, 48px); }
body.case-study-pilot #dc-root .site-header { height:76px; min-height:76px; padding-block:0!important; }
body.case-study-pilot #dc-root .site-header .wordmark { min-height:44px; display:flex; align-items:center; }
body.case-study-pilot #dc-root .site-nav a { font-size:13px!important; letter-spacing:.045em!important; }
body.case-study-pilot #dc-root h1 { font-size:clamp(36px,5.2vw,76px)!important; line-height:1.06!important; max-width:24ch!important; text-wrap:balance; }
body.case-study-pilot #dc-root h2 { font-size:clamp(28px,3.6vw,48px)!important; line-height:1.13!important; text-wrap:balance; }
body.case-study-pilot #dc-root .case-hero-lede { max-width:64ch!important; margin-top:26px!important; font-size:18px!important; line-height:1.55!important; }
body.case-study-collection #dc-root .case-collection-hero { min-height:0!important; padding-top:132px!important; padding-bottom:48px!important; }
body.case-study-collection #dc-root .case-collection-hero h1 { max-width:24ch!important; }
body.case-study-collection #dc-root .case-collection-studies { padding-top:12px!important; }
body.case-study-collection #dc-root .case-collection-gallery { padding-top:32px!important; }
body.case-study-collection #dc-root .case-mini-study { padding:clamp(24px,3vw,40px)!important; margin-bottom:64px!important; }
body.case-study-collection #dc-root .case-mini-study h2 { font-size:clamp(30px,3.1vw,44px)!important; }
body.case-study-collection #dc-root .brand-story-copy { max-width:64ch!important; margin:0 auto!important; line-height:1.55!important; }
body.case-study-pilot #dc-root .case-chapter { padding-block:64px!important; gap:28px!important; }
body.case-study-pilot #dc-root .case-responsibilities { padding-block:24px!important; }
body.case-study-pilot #dc-root .case-decision-grid { gap:24px!important; }
body.case-study-pilot #dc-root .case-decision-grid h3 { font-size:22px!important; line-height:1.2!important; }
body.case-study-collection #dc-root .case-campaign-grid { columns:3!important; column-gap:24px!important; }
body.case-study-pilot #dc-root > div > div[style*="max-width:1400px"] { max-width:1280px!important; }
.notebook-panel h3 .blur-highlight { margin-inline:.08em; }
.site-nav a { letter-spacing:.045em; }
.hero-work-link { position:absolute;z-index:31;top:calc(var(--header-height) + 52px);left:var(--page);display:inline-flex;align-items:center;min-height:44px;font:500 14px/1.4 var(--font-body);text-decoration:underline;text-underline-offset:5px;color:var(--hero-cream); }
.case-media-compare { display:grid;grid-template-columns:1fr 1fr;gap:20px;flex:1 1 100%; }
.case-media-compare figure { margin:0;min-width:0; }
.case-media-compare image-slot { display:block;width:100%;aspect-ratio:4/3; }
.case-media-compare figcaption { margin-top:12px;font:400 15px/1.5 var(--case-body);color:var(--case-cream);text-align:center; }
/* The viewer uses native dialog focus containment and Escape dismissal. */
.art-viewer { width:min(96vw,1440px);max-width:none;max-height:94dvh;padding:60px 20px 20px;background:#10100f;color:#f3efe6;border:1px solid #777; }
.art-viewer::backdrop { background:rgba(0,0,0,.88); }
.art-viewer img { display:block;width:auto;max-width:100%;height:auto;max-height:75dvh;margin:auto;object-fit:contain; }
.art-viewer p { text-align:center;font:16px/1.5 'Helvetica Neue',Arial,sans-serif; }
.art-viewer button { position:absolute;top:8px;right:12px;min-width:80px;min-height:44px;background:#f3efe6;color:#10100f;border:0;font:600 15px/1.3 'Helvetica Neue',Arial,sans-serif;cursor:pointer; }
.art-viewer button:focus-visible { outline:3px solid #ee6422;outline-offset:3px; }
#dc-root #closing-the-gap #pitch-gap-stage { padding-block:48px!important; }
.pitch-gap-motion #pitch-gap-stage { padding-top:88px!important; }
.pitch-gap-diagram { margin-top:38px; }
@media(max-width:1199px) { body.case-study-collection #dc-root .case-campaign-grid { columns:2!important; } }
@media(max-width:820px) {
 body.case-study-pilot #dc-root .site-header { height:68px;min-height:68px; }
 body.case-study-pilot #dc-root .site-nav a { font-size:22px!important; }
 body.case-study-collection #dc-root .case-collection-hero { padding-top:108px!important;padding-bottom:36px!important; }
 body.case-study-pilot #dc-root .case-hero-lede { font-size:17px!important; }
 body.case-study-pilot #dc-root .case-chapter { padding-block:44px!important; }
 .hero-work-link { top:calc(var(--header-height) + 44px);left:50%;transform:translateX(-50%); }
}
@media(max-width:599px) {
 body.case-study-pilot #dc-root h1 { font-size:clamp(32px,9.2vw,40px)!important; }
 body.case-study-pilot #dc-root h2 { font-size:28px!important; }
 body.case-study-collection #dc-root .case-mini-study h2 { font-size:30px!important; }
 body.case-study-collection #dc-root .case-collection-studies { width:calc(100% - 40px)!important;margin-inline:auto!important;padding-inline:0!important; }
 body.case-study-collection #dc-root .case-mini-study { padding:28px 10px!important;margin-bottom:44px!important; }
 body.case-study-collection #dc-root .brand-story-copy { font-size:17px!important; }
 body.case-study-collection #dc-root .case-campaign-grid { columns:1!important; }
 .case-media-compare { grid-template-columns:1fr; }
 .pitch-gap-track { stroke-width:2.5; }
 .pitch-gap-start { r:7px; }
 .mari-award-sticker { pointer-events:none; }
}
@media(max-height:599px) {
 #dc-root #closing-the-gap #pitch-gap-stage { position:static!important;min-height:0!important;padding-block:28px!important; }
 #dc-root #closing-the-gap { height:auto!important;min-height:0!important; }
 .pitch-gap-diagram { margin-top:28px;max-width:540px; }
 .hero-work-link { top:calc(var(--header-height) + 36px); }
}
@media(min-width:821px) and (max-height:520px) {
 body.case-study-pilot #dc-root .site-header { height:56px;min-height:56px; }
}
/* Match the template's higher-specificity heading and section selectors. */
body.case-study-collection #dc-root .case-mini-study > div:first-child > div.brand-mini-study-heading h2,
body.case-study-collection #dc-root .case-mini-study > div.pitch-mini-study-lead > div:first-child > h2 { font-size:clamp(30px,3.1vw,44px)!important; }
body.case-study-collection #dc-root .case-mini-study > div:first-child > div.brand-mini-study-heading h2 > span.sc-interp,
body.case-study-collection #dc-root .case-mini-study > div.pitch-mini-study-lead > div:first-child > h2 > span.sc-interp { font:inherit!important; }
.art-viewer { box-sizing:border-box; }
.art-viewer .art-viewer-zoom { right:108px; }
.art-viewer-stage { overflow:auto;max-height:75dvh; }
.art-viewer[data-zoomed] img { max-width:none;max-height:none; }
@media(max-width:599px) {
 body.case-study-collection #dc-root section.case-collection-studies[data-screen-label] { padding-left:0!important;padding-right:0!important; }
 body.case-study-collection #dc-root .case-mini-study > div:first-child > div.brand-mini-study-heading h2,
 body.case-study-collection #dc-root .case-mini-study > div.pitch-mini-study-lead > div:first-child > h2 { font-size:30px!important; }
}
#dc-root .pitch-gap-diagram { margin-inline:auto!important; }
@media(max-height:599px) {
 #dc-root #closing-the-gap #pitch-gap-stage { padding-block:16px!important; }
 #dc-root #closing-the-gap h2 { margin-top:8px!important;font-size:28px!important; }
 #dc-root #closing-the-gap .pitch-gap-intro { margin-top:10px!important;font-size:16px!important; }
 #dc-root .pitch-gap-diagram { max-width:400px;padding-top:22px;padding-bottom:8px;margin-top:22px!important; }
 .pitch-gap-label { font-size:23px; }
}
@media(max-width:599px) {
 body.case-study-collection #dc-root section[data-screen-label="Next project"] { width:calc(100% - 48px)!important;margin-inline:auto!important;padding-inline:0!important; }
 body.case-study-pilot #dc-root section[data-screen-label="Next project"] > div { min-width:0!important; }
 body.case-study-pilot #dc-root section[data-screen-label="Next project"] > div[style*="grid"] { grid-template-columns:minmax(0,1fr)!important; }
 body.case-study-pilot #dc-root section[data-screen-label="Next project"] a { min-width:0!important;max-width:100%!important; }
}
body.case-study-pilot #dc-root section[data-screen-label="Results"] > div:has(> [data-stat]:nth-child(4)) { display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:28px!important; }
body.case-study-pilot #dc-root section[data-screen-label="Results"] > div:has(> [data-stat]:nth-child(4)) [data-count] { font-size:clamp(44px,5vw,72px)!important; }
@media(max-width:1000px) { body.case-study-pilot #dc-root section[data-screen-label="Results"] > div:has(> [data-stat]:nth-child(4)) { grid-template-columns:repeat(2,minmax(0,1fr))!important; } }
@media(max-width:599px) { body.case-study-pilot #dc-root section[data-screen-label="Results"] > div:has(> [data-stat]:nth-child(4)) { grid-template-columns:minmax(0,1fr)!important; } }