/* Make Creati's distinct workspace case-study hero. */
body.case-reference .mc-case__hero{background:#fff;color:#080d10;padding:clamp(160px,14.2vw,204px) 0 100px}
body.case-reference .mc-case__hero .mc-case__inner{display:flex;flex-direction:column;align-items:flex-start;gap:0;width:calc(100% - 2 * clamp(16px,2.22vw,32px));max-width:none}
body.case-reference .mc-case__hero .mc-case__eyebrow{display:inline-block;margin:0;background:#f3f4f4;color:#080d10;padding:9px 10px;font-size:10px;font-weight:700;line-height:1.1;letter-spacing:.08em}
body.case-reference .mc-case__hero h1,body.case-reference .mc-case__hero h1 span{color:#080d10}
body.case-reference .mc-case__hero h1{max-width:1250px;margin:24px 0 0;font-size:clamp(40px,5.55vw,80px);line-height:1.1;font-weight:500}
body.case-reference .mc-case__hero .mc-case__visual{width:100%;margin:60px 0 0;border-radius:12px}
body.case-reference .mc-case__hero .mc-case__lead{max-width:760px;color:#4c5356;margin:clamp(64px,8vw,120px) 0 0}
body.case-reference .mc-case__hero .mc-case__facts{color:#4c5356}
body.case-reference .mc-case__hero .mc-case__facts li{border-color:#daddde}
@media(max-width:760px){body.case-reference .mc-case__hero{padding-top:130px;padding-bottom:70px}body.case-reference .mc-case__hero h1{font-size:40px;margin-top:16px}body.case-reference .mc-case__hero .mc-case__visual{margin-top:32px}}

/* Standalone dashboard case: dark workspace band and retained related project. */
body.case-reference .mc-case__section.mc-case__band{padding:clamp(100px,10.4167vw,150px) 0;background:#080d10!important;border-radius:80px;color:#fff}
body.case-reference:not(.home-ambient):not(.cs-ground) .mc-case__section.mc-case__band .mc-case__eyebrow{color:#aab2b5}
body.case-reference:not(.home-ambient):not(.cs-ground) .mc-case__section.mc-case__band h2{max-width:72.2222vw;color:#fff;font:440 4.7222vw/1.2 'Bricolage Menu',Arial,sans-serif;letter-spacing:-.025em}
body.case-reference .mc-case__section.mc-case__band .mc-case__panels{gap:12px}
body.case-reference .mc-case__section.mc-case__band .mc-case__panel{padding:32px;border:0;border-radius:12px;background:#101619}
body.case-reference .mc-case__section.mc-case__band .mc-case__panel > small{color:#aab2b5}
body.case-reference:not(.home-ambient):not(.cs-ground) .mc-case__section.mc-case__band .mc-case__panel > h3{margin:20px 0 12px;color:#fff}
body.case-reference:not(.home-ambient):not(.cs-ground) .mc-case__section.mc-case__band .mc-case__panel > p{color:#c2c9cb}
body.case-reference .mc-case__section.mc-case__band .mc-case__related{border-color:#ffffff33;color:#fff}
body.case-reference .mc-case__section.mc-case__band .mc-case__related small{color:#b6bec1}
body.case-reference .mc-case__section.mc-case__band .mc-case__related:focus-visible{outline:2px solid #fff;outline-offset:4px}
@media(max-width:1180px){body.case-reference:not(.home-ambient):not(.cs-ground) .mc-case__section.mc-case__band h2{max-width:1040px;font-size:40px}}
@media(max-width:992px){body.case-reference .mc-case__section.mc-case__band{border-radius:32px}body.case-reference .mc-case__section.mc-case__band .mc-case__panel{padding:24px}}
@media(max-width:992px){body.case-reference .mc-case__section.mc-case__band .mc-case__panels{grid-template-columns:1fr}}