/* Graphite for the studio; steel blue for primary actions. */
body.steel-studio{--accent:#55595e;--editorial-orange:#55595e;--blue:#55595e;--paper:#fff;background:#fff}
.steel-studio .folio-statement h1 span,.steel-studio .contact-a h2 span,.steel-studio .case-title-row h1,.steel-studio .offers-hero h1 span,.steel-studio .offers-hero h1 em,.steel-studio .offer-line-price,.steel-studio .offer-description .offer-price{color:#55595e}
.steel-studio .eyebrow,.steel-studio .folio-kicker,.steel-studio .steps article>span,.steel-studio .project-tags span,.steel-studio .mobile-stage-label{color:#616469}
.steel-studio .pill.dark,.steel-studio .button,.steel-studio .folio-statement .folio-link,.steel-studio .studio-container>.pill,.steel-studio .project-form .form-submit-row .pill,.simple-offers .header .contact-link{background:#456b8c;border-color:#456b8c;color:white}
.steel-studio .pill.dark:hover,.steel-studio .button:hover,.steel-studio .folio-statement .folio-link:hover,.steel-studio .studio-container>.pill:hover,.steel-studio .project-form .form-submit-row .pill:hover,.simple-offers .header .contact-link:hover{background:#34536f;border-color:#34536f}
.steel-studio .approach-a,.steel-studio .contact-a,.steel-studio .case-next,.steel-studio .case-design,.steel-studio .offer-notes{background:#f4f4f4}
.steel-studio .desktop-device{box-shadow:0 24px 50px -20px #11111130}.steel-studio .phone-device{box-shadow:0 15px 35px -10px #11111135}

/* Graphite shells and a steel rim, shared across project previews. */
.steel-studio .desktop-device,.steel-studio .phone-device{background:#646c75;border-color:#91a1ae;box-shadow:0 20px 42px -22px #39434f40,inset 0 0 0 1px #ffffff30}
.steel-studio .phone-device::after{background:#646c75}