/* Explanatory artwork in the existing editorial palette. */
.service-job-layout{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:clamp(32px,5vw,76px);align-items:center}
.service-job-layout .service-contrast{grid-template-columns:1fr;gap:24px;margin-top:0}
.service-job-layout .service-contrast p{font-size:clamp(1.1rem,1.6vw,1.4rem)}
.service-job-layout .service-contrast>div:first-child p{color:#abb9cd}
.service-job-layout .service-contrast>div:last-child{border-color:#d6bc8480}
.service-visual{margin:0;min-width:0;padding:26px 28px 20px;background:#152238;border:1px solid #7c8aa63b;border-radius:12px}
.service-visual-heading{display:flex;justify-content:space-between;align-items:center;color:#d6bc84;font-size:11px;letter-spacing:.12em;gap:20px}
.service-visual-heading>span:last-child{font-size:21px}.service-visual .service-visual-title{font-family:var(--heading);font-size:clamp(19px,2vw,25px);line-height:1.4;letter-spacing:-.025em;margin:13px 0 8px;color:#f4f1e9}
.service-diagram{display:block;width:100%;height:auto;margin:8px 0 18px;overflow:visible;font-family:var(--font);color:#ecedf0}
.diagram-paper{fill:#101a2f;stroke:#63728b;stroke-width:1.3}.diagram-surface{fill:#1b2c44;stroke:#596a83;stroke-width:1}
.diagram-rule{fill:none;stroke:#abbbd0;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.diagram-fine{fill:none;stroke:#76869f;stroke-width:1.5}
.diagram-ribbon{fill:none;stroke:#bca573;stroke-width:2}.diagram-dot{fill:#76869f}.diagram-node{fill:#d6bc84}
.diagram-seal{fill:#1e3048;stroke:#ad9664;stroke-width:1.3}.diagram-callout{fill:#142036;stroke:#d6bc84;stroke-width:1.5}
.diagram-callout-text{text-anchor:middle;fill:#e1c47c;font-size:18px;font-weight:700}.diagram-title{fill:#f5f3ee;font-family:var(--heading);font-size:25px;font-weight:500;letter-spacing:-.7px}
.diagram-title-small{font-size:24px}.diagram-small{fill:#c7d2e2;font-size:22px}.diagram-micro{fill:#bfcada;font-size:12px;letter-spacing:1px}.diagram-tiny{fill:#e2cca0;font-size:11px;letter-spacing:.5px}
.service-page[data-service="social-media"] .diagram-title{font-size:21px}
.service-page[data-service="seo-aeo"] [data-diagram-focus="1"] .diagram-title{font-size:22px}
.diagram-gold{fill:#e1c47c}.diagram-button-text{fill:#101630;font-size:23px;font-weight:700;letter-spacing:-.4px}.diagram-ink-line{stroke:#101630;stroke-width:2;fill:none}
.diagram-bracket{fill:none;stroke:#8997ac;stroke-width:2}.diagram-route{fill:none;stroke:#d6bc84;stroke-width:2;stroke-dasharray:4 9;opacity:.45}
.diagram-group{opacity:.72;transition:opacity .35s}.diagram-group.is-current{opacity:1}.diagram-accent{transition:stroke .35s,stroke-width .35s}.is-current .diagram-accent{stroke:#e1c47c;stroke-width:2.4}
.service-visual-controls:not([hidden]){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;border-top:1px solid #7c8aa64a;padding-top:17px}
.service-visual-controls button{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:5px 8px;min-height:48px;padding:10px 8px;background:transparent;border:1px solid #7c8aa657;border-radius:6px;color:#d0d9e7;font:inherit;font-size:13px;cursor:pointer;transition:background .2s,color .2s}
.service-visual-controls button>span{font-size:10px;letter-spacing:.04em}.service-visual-controls button:hover{border-color:#d6bc84}.service-visual-controls button[aria-pressed=true]{color:#101630;background:#e1c47c;border-color:#e1c47c;font-weight:700}
.service-visual-controls button:focus-visible{outline:2px solid #e1c47c;outline-offset:4px}
.service-visual-caption{padding-top:18px;min-height:112px}.service-visual-caption strong{display:block;color:#f4f1e9;font-size:16px;font-weight:500;line-height:1.4}.service-visual .service-visual-caption p{font-size:14px;color:#bfcada;line-height:1.65;margin:7px 0 0;max-width:52ch}
.service-visual .service-visual-note{font-size:11px;line-height:1.5;color:#a6b4c8;margin:10px 0 0}
@media(max-width:1050px){.service-job-layout{grid-template-columns:1fr}.service-job-layout .service-contrast{grid-template-columns:1fr 1fr}.service-visual{width:100%;max-width:740px;margin-inline:auto}}
@media(max-width:600px){.service-job-layout .service-contrast{grid-template-columns:1fr}.service-visual{padding:21px 16px 18px}.service-visual-controls button{font-size:12px;min-height:48px}.service-visual-caption{min-height:136px}.service-visual-heading{font-size:10px}.service-diagram{margin-inline:-9px;width:calc(100% + 18px)}}
@media(prefers-reduced-motion:reduce){.diagram-group,.diagram-accent,.service-visual-controls button{transition:none}}

/* The first section after each hero: relevant, attributable client proof. */
.service-proof-heading{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.6fr);gap:40px;align-items:center}
.service-proof-heading h2{font-size:clamp(30px,3.5vw,49px);line-height:1.16;letter-spacing:-.035em;max-width:25ch;margin:14px 0 15px}
.service-proof-heading>div>p:last-child{max-width:650px;font-size:16px}
.service-proof-heading .proof-attribution{margin:0;max-width:340px}
.service-proof .case-card-grid{margin-top:30px}
.service-proof .case-result-card{background:#fffdfa;box-shadow:none;padding:28px 32px}
.service-proof .case-card-number{margin-top:15px;font-size:clamp(45px,5vw,68px)}
.service-proof .case-result-card h3{font-size:21px;line-height:1.4;letter-spacing:-.02em;margin:14px 0 0;max-width:28ch}
.service-proof-facts{padding-left:19px;color:#4b5968;font-size:14px;line-height:1.7;margin:17px 0 24px}
.service-proof-facts li{padding-left:3px;margin-bottom:5px}.service-proof-facts li::marker{color:#806331}
.service-proof .service-proof-note{font-size:12px;line-height:1.6;margin-top:22px;max-width:850px}
.service-page .service-problems{background:#fff;border-block:1px solid #17253c1b}
@media(max-width:800px){.service-proof-heading{grid-template-columns:1fr;gap:22px}.service-proof .case-result-card{padding:25px}.service-proof .case-card-grid{grid-template-columns:1fr}}