.agency-profile{background:#181817;border-block:1px solid #ffffff16}.profile-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:center}.agency-profile h2{font-size:clamp(34px,4vw,52px);line-height:1.12;letter-spacing:-2px;margin:18px 0 26px}.agency-profile p{font-size:15px;line-height:1.9;color:#bfb6a7;max-width:620px;margin-top:18px}.profile-link{display:inline-flex;gap:25px;margin-top:25px;font-size:13px;color:#f5f2eb}.profile-link span{color:#ff7a00}.profile-card{background:#101010;border:1px solid #ffffff22;padding:30px;border-radius:8px}.profile-card>img{width:230px;max-width:100%;height:auto;display:block;margin-bottom:22px}.profile-card dl{margin:0}.profile-card dl>div{padding:17px 0;border-top:1px solid #ffffff20}.profile-card dt{font-size:11px;color:#aa9e8b;margin-bottom:8px}.profile-card dd{font-size:14px;line-height:1.7;margin:0;color:#ece3d3}
.responsibility-strip{display:grid;grid-template-columns:1fr 1fr;gap:35px;border-top:1px solid #cfc9bd;margin-top:36px;padding-top:28px}.responsibility-strip h3{font-size:17px;line-height:1.4;margin:0 0 12px;color:#29251f}.responsibility-strip p{font-size:13px;line-height:1.85;color:#625a4e;max-width:540px}.service-card h3{min-height:68px}.service-context{min-height:42px}
.engagement-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:#ffffff24;border:1px solid #ffffff24;border-radius:7px;overflow:hidden}.engagement-grid article{background:#191918;padding:28px 24px}.engagement-grid article>span{display:block;font-size:29px;font-weight:900;color:#ff7a00;margin-bottom:24px}.engagement-grid h3{font-size:21px;line-height:1.35;margin-bottom:17px;min-height:58px;letter-spacing:-.5px}.engagement-grid p{font-size:13px;line-height:1.9;color:#bfb4a1}
.engagement-info{background:#eeeae2;color:#171717}.engagement-info .section-label{color:#716658}.engagement-info .section-heading>p{color:#625a4e}.scope-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.scope-grid article{background:#faf8f3;border:1px solid #d7d0c3;padding:28px;border-radius:6px}.scope-grid h3{font-size:21px;margin:0 0 17px;line-height:1.3;letter-spacing:-.4px}.scope-grid p{font-size:14px;line-height:1.85;color:#5f574b}.scope-grid article>span{display:block;margin-top:22px;padding-top:18px;border-top:1px solid #d7d0c3;font-size:12px;line-height:1.8;color:#625848}.report-note{display:grid;grid-template-columns:190px 1fr;gap:30px;border-left:2px solid #c56100;padding-left:20px;margin-top:30px}.report-note strong{font-size:13px;line-height:1.8}.report-note p{font-size:13px;line-height:1.85;color:#5f574b;margin:0}
.case-work{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:24px 0 32px;padding:26px;border:1px solid #ffffff24;border-radius:6px;background:#10101050}.case-work h3{font-size:12px;line-height:1.7;color:#f2e4d0;margin:0 0 10px;font-weight:700}.case-work p{font-size:14px;line-height:1.85;color:#bfb4a1;margin:0}.portfolio-card h3{font-size:25px}
@media(max-width:1000px){.profile-layout{gap:35px}.engagement-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.engagement-grid h3{min-height:0}.service-card h3,.service-context{min-height:0}.scope-grid{grid-template-columns:1fr}.scope-grid article{padding:25px}.scope-grid article>span{margin-top:16px;padding-top:14px}.responsibility-strip{gap:25px}}
@media(max-width:760px){.profile-layout{grid-template-columns:1fr;gap:30px}.profile-card{padding:25px}.agency-profile h2{font-size:37px;letter-spacing:-1.4px}.agency-profile p{font-size:14px}.responsibility-strip{grid-template-columns:1fr;gap:24px}.engagement-grid{grid-template-columns:1fr}.engagement-grid article{padding:26px}.engagement-grid article>span{margin-bottom:16px}.engagement-grid h3{font-size:22px;margin-bottom:14px}.engagement-grid p{font-size:14px}.report-note{grid-template-columns:1fr;gap:10px}.case-work{grid-template-columns:1fr;gap:22px;padding:20px}.case-work p{font-size:13px}}

/* Legibility floor: labels and meta text never drop below 12px, at any breakpoint.
   Placed last so it outranks the size steps in style.css, refinement.css and portfolio.css. */
.eyebrow,.hero-kicker,.section-label,.art-top,.art-bottom,.art-top>span:last-child,.hero-foot,.hero-foot>a,.example-label,.process-output,.form-heading,.footer-bottom,.footer-bottom>a,.portfolio-card-top,.portfolio-preview>span,.step span small,.contact .section-label,.service-card-top .service-index,.portfolio-period,.portfolio-case-link,.case-evidence figcaption,.service-deliverables>p,.example-grid strong,.text-link,.contact .button{font-size:12px}
@media(max-width:520px){.eyebrow,.hero-kicker{letter-spacing:.4px}.art-top,.art-bottom{letter-spacing:.2px}.hero-foot{letter-spacing:.3px}.portfolio-card-top{letter-spacing:.4px}}
/* Contrast: every secondary tone clears 4.5:1 on its own surface. */
.portfolio-card-top>span:last-child{color:#9a9184}
.art-top>span:last-child{color:#a39d92}
.services .section-label{color:#615a50}
.faq .section-label,.service-note{color:#615a50}
/* Display tracking scales with the type instead of a fixed pixel pull. */
h1,.hero-grid h1{letter-spacing:-.04em}