/* Creative services use the same practical, editorial hierarchy as the rest. */
.brand-illustration{display:grid;place-items:center;position:relative;background:#DDE0E3;min-height:290px;padding:28px;overflow:hidden}
.brand-type-sheet{width:100%;max-width:340px;background:#F4F4F0;color:#232528;padding:25px;box-shadow:12px 14px 0 #232528;transform:rotate(-4deg);border:1px solid #62697130}
.brand-type-sheet>span{font-size:8px;letter-spacing:.1em}
.brand-type-sheet>b{display:block;font-size:35px;font-weight:500;line-height:1.12;letter-spacing:-.04em;margin:32px 0}
.brand-type-sheet em{font-weight:400}
.brand-type-sheet em{display:block;font-size:clamp(23px,2vw,29px);line-height:1.2;letter-spacing:-.035em}
.ai-first .service-tags li{border-radius:4px}
.brand-swatches{display:grid;grid-template-columns:repeat(4,1fr);height:28px;border:1px solid #62697140}
.brand-swatches i:nth-child(1){background:#232528}.brand-swatches i:nth-child(2){background:#F4F4F0}.brand-swatches i:nth-child(3){background:var(--accent,#D2EB78)}.brand-swatches i:nth-child(4){background:#E9ECEF}
.brand-illustration>.illustration-caption{position:absolute;bottom:12px;font-size:7px;color:#232528;letter-spacing:.04em}
@media(max-width:760px){.brand-illustration{min-height:280px;padding:25px}.brand-type-sheet>b{font-size:32px}}
@media(prefers-reduced-motion:reduce){.work-reel [data-preview-manual] img{transition:none!important}}
html[data-motion=paused] .work-reel [data-preview-manual] img{transition:none!important}