/* V5.42 visual system: retain Dreamwork's existing personality; clarify hierarchy. */
:root{--paper:#ffffff;--ink:#252622;--muted:#686A63;--line:#e7e5de;--accent:#e28f72}
body{color:var(--ink);background:#ffffff}
.hero .eyebrow{color:#b66f58;font-family:Manrope, sans-serif;letter-spacing:.14em;font-weight:800;font-size:12px}
.hero .indicator{background:#e28f72}
.hero h1{font-family:Manrope,sans-serif;letter-spacing:-.075em;font-weight:800;font-size:clamp(68px,8vw,112px);line-height:1.045}
.hero h1 em{font-weight:400}
.hero .hero-sub{max-width:720px;font-size:18px;line-height:1.68;color:var(--muted)}
.hero .button{min-height:53px}
.section-label,.tiny-label{font-family:Manrope,sans-serif;font-size:12px;letter-spacing:.12em}
.section-heading h2,.approach h2,.manifesto h2{font-family:Manrope,sans-serif;letter-spacing:-.072em;font-size:clamp(48px,5.2vw,78px)}
.section-heading>p,.approach-head>p{font-size:17px;line-height:1.7}
.service-card h3{font-family:Manrope,sans-serif}
/* Unify CTA emphasis without redesigning the already approved illustrations. */
a.button:hover{transition:background .18s ease, transform .18s ease}
/* Case study section now appears ahead of toolkits in the narrative. */
#work{background:#ffffff}
#tools{background:#ffffff}
@media(max-width:700px){
 .hero .eyebrow{font-size:10px;letter-spacing:.08em;line-height:1.5}
 .hero h1{font-size:clamp(52px,12vw,78px)}
 .hero .hero-sub{font-size:15px;max-width:95%}
 .section-heading h2,.approach h2,.manifesto h2{font-size:clamp(42px,9.5vw,64px)}
 .section-heading>p,.approach-head>p{font-size:15px}
}