/* Readable spacing across agency pages and all demo identities. */
body{word-spacing:.015em}
body h1,body .hero h1,body .agency-hero h1,body .intro h1{letter-spacing:-.015em;word-spacing:.015em;line-height:1.1}
body h2,body .section-heading h2,body .story-copy h2,body .request-copy h2,body .project-guide h2,body .local-copy h2,body .agency-value h2,body .agency-showcase h2,body .agency-process h2,body .closing h2,body .gallery-head h2,body .split h2,body .quote h2,body .contact-grid h2,body .agency-faq h2,body .tile-body h2{letter-spacing:-.01em;word-spacing:.015em;line-height:1.18}
body h3,body .work-list h3,body .agency-demo h3,body .steps article h3{letter-spacing:0;word-spacing:.015em;line-height:1.3}
body p{letter-spacing:.005em;word-spacing:.015em;line-height:1.8}
body .identity{letter-spacing:-.005em;word-spacing:.02em;line-height:1.25}
body nav a,body button,body label,body input,body select,body textarea,body .action,body .button,body .secondary,body .quiet,body .text-link,body summary{word-spacing:.02em;letter-spacing:.005em}
body .hero-kicker,body .section-tag,body .form-note,body .eyebrow{word-spacing:.06em;line-height:1.8}
body.identity-12 h1,body.identity-12 h2,body.identity-12 h3,body.identity-12 .identity,body.identity-26 .identity{letter-spacing:0;word-spacing:normal}
body .hero-actions{column-gap:24px;row-gap:18px}
@media(max-width:700px){body .hero h1,body .agency-hero h1{line-height:1.12}body .hero-actions{column-gap:20px;row-gap:16px}}
body .hero-mast{letter-spacing:.02em;word-spacing:.05em;line-height:1.2}
/* Wider title measures prevent long industrial headlines from crowding their boxes. */
body.identity-04 .hero h1{max-width:12ch;font-size:clamp(74px,9vw,136px)}
body.identity-09 .hero h1{max-width:none;font-size:clamp(56px,6.3vw,96px)}
@media(max-width:700px){body.identity-04 .hero h1{font-size:74px}body.identity-09 .hero h1{font-size:56px}}
body.identity-04 .hero h1{max-width:none}
body.identity-04 .hero-copy{width:100%;max-width:760px}
@media(max-width:700px){body.identity-04:lang(es) .hero h1{font-size:64px}}
@media(min-width:701px) and (max-width:900px){body.identity-09:lang(es) .hero h1{font-size:clamp(44px,6vw,52px)}}
/* Let narrow service grids shrink before a long translated word widens the page. */
.work-list article>*,.guide-items article>*{min-width:0}
.work-list h3,.guide-items h3,.service-rail>span{overflow-wrap:anywhere}
@media(max-width:400px){.work-list h3{font-size:28px}.guide-items h3{font-size:22px}.guide-items article{grid-template-columns:24px minmax(0,1fr)}}
@media(min-width:701px) and (max-width:900px){.identity-09 .hero h1{font-size:clamp(48px,6.4vw,58px)}}