/* Scoped to service pages. Approved Home presentation is untouched. */
.page-service{--svc-line:#bdc0b5;--svc-soft:#e6e5dc;--svc-accent:#655e42}
.page-service main{padding-top:96px}.page-service main section{padding:76px var(--ex-gutter);border-top:1px solid var(--svc-line)}
.page-service h1{font-size:clamp(32px,4vw,58px);line-height:1.08}.page-service h2{font-size:var(--fs-h2-sub,40px);line-height:1.2;max-width:780px}.page-service h3{font-size:clamp(19px,2vw,25px);line-height:1.3}
.page-service p,.page-service li{font-size:var(--fs-body,14px);line-height:1.9}.page-service .section-label{font-size:var(--fs-label-section,11px);margin-bottom:26px}.page-service .svc-hook{font-size:clamp(28px,3.3vw,46px);margin:24px 0}.page-service .svc-intro{max-width:650px;color:#52584d;margin-top:25px}.page-service figure{margin:0;overflow:hidden}.page-service figure img{width:100%;height:100%;object-fit:cover}.page-service figcaption{font-size:var(--fs-figcaption,12.5px);padding:9px 12px;background:#efeee6;color:#4e5648;line-height:1.5}.page-service button{font:inherit;cursor:pointer}.page-service button:focus-visible{outline:2px solid currentColor;outline-offset:5px}
.page-service .svc-hero{position:relative;min-height:620px;border:0;padding-top:65px}.page-service .svc-hero-art{max-width:660px;aspect-ratio:1.3}.page-service .svc-overview{display:grid;grid-template-columns:.65fr 1.25fr 1fr;gap:45px}.page-service .svc-overview>p:last-child{max-width:620px;color:#555c50}.page-service .svc-index{font-size:11px;letter-spacing:.14em;color:#6c715f}.page-service .svc-streams{list-style:none;margin:35px 0 0;padding:0}.page-service .svc-streams li{padding:25px 0;border-top:1px solid var(--svc-line);display:grid;grid-template-columns:45px minmax(160px,.7fr) 1.3fr;gap:20px}.page-service .svc-streams p{color:#555c50;max-width:640px}.page-service .svc-deliverables{display:grid;grid-template-columns:1fr 1fr;gap:12%;background:#242b25;color:#eeeede}.page-service .svc-deliverables h2{max-width:480px}.page-service .svc-deliverables ul{list-style:none;padding:0;counter-reset:delivery}.page-service .svc-deliverables li{padding:24px 0;border-bottom:1px solid #5b6458;counter-increment:delivery;display:flex;gap:30px}.page-service .svc-deliverables li:before{content:counter(delivery,decimal-leading-zero);color:#b7bdab;font-size:11px}
.page-service .svc-method>ol{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin:45px 0;padding:0;list-style:none}.page-service .svc-method li{border-top:1px solid var(--svc-line);padding-top:22px}.page-service .svc-method li>span{font-size:11px}.page-service .svc-method h3{margin:25px 0 15px}.page-service .svc-fit{display:grid;grid-template-columns:1fr 2fr;gap:8%;border-top:1px solid var(--svc-line);padding-top:25px}.page-service .svc-fit h3{margin:0}.page-service .svc-related{display:grid;grid-template-columns:1fr 1.1fr;gap:10%}.page-service .svc-related>div>p{margin:24px 0}.page-service .svc-related-links{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.page-service .svc-related-links>a{padding:21px 0;border-top:1px solid var(--svc-line);position:relative}.page-service .svc-related-links h3{font-size:17px;letter-spacing:-.025em}.page-service .svc-related-links p{font-size:12px;margin:12px 22px 0 0;color:#68705f}.page-service .svc-related-links a>span{position:absolute;right:0;top:22px;transition:transform .3s}.page-service .svc-related-links a:hover>span{transform:translate(3px,-3px)}.page-service .related-study{width:210px;max-width:100%;margin-top:25px}.page-service .related-study img{aspect-ratio:1.4}.page-service .related-study figcaption{font-size:10px}.page-service .demo-note{font-size:11px;line-height:1.7;color:#6c715f}.page-service .contact-section{border-top:1px solid var(--svc-line)}
/* 01: editorial strategy sheet with a compact decision compass and ruled spine. */
.service-strategy .svc-hero{display:grid;grid-template-columns:1.3fr .7fr;gap:8%;background:linear-gradient(90deg,transparent 49.95%,#bdc0b54d 50%,transparent 50.05%),#f1efe7}.service-strategy .strategy-title{max-width:670px}.service-strategy .strategy-compass{position:relative;display:grid;place-items:center;align-content:space-around;aspect-ratio:1;border:1px solid #a9af9f;border-radius:50%;margin:35px 0 0;max-width:320px}.strategy-compass:before,.strategy-compass:after{content:'';position:absolute;background:#a9af9f}.strategy-compass:before{width:1px;height:110%}.strategy-compass:after{height:1px;width:110%}.strategy-compass b,.strategy-compass span{background:#f1efe7;z-index:1;padding:8px;font-size:12px;letter-spacing:.12em}.strategy-compass b{font-size:20px}.service-strategy .svc-hero-art{width:190px;position:absolute;right:var(--ex-gutter);bottom:25px;opacity:.8}.strategy-spine{display:flex;justify-content:space-between;border-top:1px solid var(--svc-line);padding-top:14px;margin-bottom:55px;font-size:11px;letter-spacing:.16em}.service-strategy .svc-method>ol{grid-template-columns:1fr}.service-strategy .svc-method li{display:grid;grid-template-columns:50px 1fr 1.4fr;gap:20px;align-items:start}.service-strategy .svc-method h3{margin:0}
/* 02: living type specimen / visual applications, rather than a strategy sheet. */
.service-identity .svc-hero{background:#20271f;color:#f2f0e6;min-height:870px}.service-identity .svc-hero h1{font-size:clamp(32px,5vw,68px)}.service-identity .identity-stage{position:relative;min-height:340px;margin:30px 0;display:flex;align-items:center;justify-content:center}.identity-specimen{font-size:clamp(130px,23vw,320px);line-height:1;letter-spacing:-.12em;z-index:1;color:#dedfcc;pointer-events:none;transition:color .3s}.identity-stage[data-type=serif] .identity-specimen{font-family:Georgia,serif;font-style:italic}.identity-stage[data-type=mono] .identity-specimen{font-family:monospace;letter-spacing:-.08em}.service-identity .svc-hero-art{width:330px;transform:rotate(9deg);position:absolute;right:5%;top:0;opacity:.65}.service-identity .svc-hook{max-width:780px}.service-identity .svc-intro{color:#c2c9b8;max-width:780px}.identity-controls{display:flex;gap:14px;margin-top:30px}.identity-controls button{background:none;color:inherit;border:1px solid #737e67;padding:11px 22px}.identity-controls button[aria-pressed=true]{background:#e4e6d6;color:#20271f}.identity-grid{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:start}.identity-grid>figure{position:sticky;top:120px;aspect-ratio:1}.service-identity .svc-streams li{display:block}.service-identity .svc-streams h3{margin:12px 0}.service-identity .svc-overview{background:#d9dbcd}.service-identity .svc-method>ol{gap:20px}.service-identity .svc-method li:nth-child(2){margin-top:35px}.service-identity .svc-method li:nth-child(3){margin-top:70px}
/* 03: responsive browser / interface workspace. */
.service-digital .svc-hero{display:grid;grid-template-columns:.9fr 1.1fr;gap:7%;background:#e5e8e4;align-items:center}.digital-browser{background:#fcfcf7;border:1px solid #aeb8b0;box-shadow:18px 25px 0 #cbd1ca;max-width:100%;width:100%;transition:width .45s;justify-self:center;overflow:hidden;position:relative}.browser-bar{padding:12px;display:flex;gap:5px;align-items:center;border-bottom:1px solid #b7c1b6}.browser-bar i{width:5px;height:5px;border:1px solid #8d988c;border-radius:50%}.browser-bar span{margin-left:10px;font-size:9px}.service-digital .svc-hero-art{height:230px;opacity:.42}.service-digital .svc-hero-art figcaption{display:none}.demo-interface{padding:25px}.demo-interface span{font-size:9px;letter-spacing:.16em}.demo-interface strong{font-size:clamp(24px,3vw,36px);display:block;line-height:1.2;margin:18px 0}.demo-interface p{font-size:12px}.digital-browser[data-device=medium]{width:80%}.digital-browser[data-device=compact]{width:60%}.device-controls{grid-column:2;display:flex;justify-content:center;gap:12px}.device-controls button{border:0;border-bottom:1px solid #a2afa0;background:transparent;padding:10px 6px;font-size:12px}.device-controls button[aria-pressed=true]{border-bottom-color:#18211b;font-weight:600}.digital-principles .svc-streams{display:grid;grid-template-columns:1fr 1fr;gap:30px}.digital-principles .svc-streams li{display:block;min-width:0;border:1px solid #b3bcb0;padding:28px}.digital-principles h3{margin:20px 0 15px}.service-digital .svc-scope{background-image:linear-gradient(#cbd3c340 1px,transparent 1px),linear-gradient(90deg,#cbd3c340 1px,transparent 1px);background-size:40px 40px}
/* 04: campaign wall and a matrix that assigns, rather than invents, channel results. */
.service-marketing .svc-hero{display:grid;grid-template-columns:1fr 1fr;gap:9%;background:#dbd8cb;align-items:center}.campaign-wall{position:relative;min-height:460px}.campaign-poster{background:#28372e;color:#f1efdf;padding:35px;position:absolute;top:0;left:0;right:20%;bottom:18%;transform:rotate(-5deg);z-index:2;display:flex;flex-direction:column;justify-content:space-between}.campaign-poster strong{font-size:clamp(30px,3vw,44px);line-height:1.2;max-width:300px}.campaign-poster>span{font-size:11px;letter-spacing:.1em}.service-marketing .svc-hero-art{position:absolute;right:0;bottom:0;width:65%;transform:rotate(7deg)}.campaign-ticket{position:absolute;bottom:0;left:0;z-index:3;font-size:9px;letter-spacing:.12em;background:#f6f2df;padding:20px;max-width:80%}.channel-tabs{display:flex;flex-wrap:wrap;gap:12px;margin:35px 0}.channel-tabs button{border:1px solid #a9b09f;padding:12px 22px;background:none}.channel-tabs button[aria-pressed=true]{background:#25352a;color:#eeefe3}.service-marketing .svc-streams{display:grid;grid-template-columns:1fr 1fr;gap:0 50px}.service-marketing .svc-streams li{display:block;padding:25px 20px;transition:background .3s}.service-marketing .svc-streams li.is-channel{background:#dfdfd0}.service-marketing .svc-streams h3{margin:12px 0}.service-marketing .svc-deliverables{background:#e0ddce;color:#202820}.service-marketing .svc-deliverables li{border-color:#b2b59e}.service-marketing .svc-deliverables li:before{color:#666e59}
/* 05: information architecture, no fake chart or search ranking. */
.service-search .svc-hero{display:grid;grid-template-columns:1fr 1fr;gap:8%;background:#edf0eb}.search-console{border:1px solid #aebbae;background:#f8faf4;padding:24px;position:relative}.search-query{display:flex;align-items:center;gap:15px;padding:14px;border:1px solid #b1bfac;font-size:13px}.search-query>span{font-size:25px}.entity-network{position:relative;min-height:270px;display:grid;grid-template-columns:1fr 1fr;gap:70px 50px;padding:20px;align-items:center}.entity-network:before,.entity-network:after{content:'';height:1px;background:#91a68c;position:absolute;top:50%;left:10%;width:80%;transform:rotate(30deg)}.entity-network:after{transform:rotate(-30deg)}.entity-network>span,.entity-network>strong{background:#e3ebdd;padding:13px;text-align:center;font-size:10px;z-index:1}.entity-network>strong{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:13px;background:#233b2c;color:#f1f2e8}.service-search .svc-hero-art{display:none}.search-map{display:grid;grid-template-columns:.6fr 1.4fr;gap:10%}.search-map aside{display:flex;flex-direction:column;align-items:center;justify-content:space-around;background:#dce4d7;padding:35px;font-size:11px;letter-spacing:.12em;min-height:450px}.search-map aside i{font-style:normal;font-size:25px}.service-search .svc-streams li{display:block}.service-search .svc-streams h3{margin:10px 0}.service-search .svc-overview{background:#26372c;color:#edf0e5}.service-search .svc-overview>p:last-child{color:#c2cdb8}
/* 06: visible journey and iterative review loop, no fabricated performance data. */
.service-growth .svc-hero{background:#dedfd2;min-height:690px}.growth-intro{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:start}.growth-intro .svc-intro{margin-top:30px}.journey-track{display:grid;grid-template-columns:repeat(4,1fr);list-style:none;padding:0;margin:60px 0 0;gap:20px;position:relative;z-index:1}.journey-track li{background:#f5f4e8;padding:28px 20px;border-top:2px solid #46563a;position:relative;min-height:125px}.journey-track strong{display:block;font-size:20px;margin-top:15px}.journey-track span{font-size:11px}.journey-track i{position:absolute;right:-16px;top:50%;font-size:24px;font-style:normal;z-index:2}.journey-track li:last-child i{display:none}.service-growth .svc-hero-art{width:160px;position:absolute;right:var(--ex-gutter);top:35px;opacity:.35}.growth-workspace .svc-streams{display:flex;flex-direction:column;gap:12px}.growth-workspace .svc-streams li{background:#e5e8da;padding:28px;grid-template-columns:45px 1fr 1.4fr}.growth-workspace .svc-streams li:nth-child(2){margin-left:4%}.growth-workspace .svc-streams li:nth-child(3){margin-left:8%}.growth-workspace .svc-streams li:nth-child(4){margin-left:12%}.service-growth .svc-method>ol{display:flex;flex-direction:column;max-width:900px;margin-inline:auto}.service-growth .svc-method li{border-left:2px solid #89977c;border-top:0;padding:10px 0 10px 35px}.service-growth .svc-method h3{margin:10px 0}.service-growth .svc-fit{background:#ecebdc;padding:30px}
@media(max-width:1100px){.page-service .svc-overview{grid-template-columns:1fr 1.3fr;gap:25px}.svc-overview>.section-label{grid-column:1/-1}.page-service .svc-streams li{grid-template-columns:35px 1fr}.page-service .svc-streams li>p{grid-column:2}.page-service .svc-method>ol{gap:24px}.page-service .svc-related{gap:5%}.service-strategy .svc-hero-art{width:120px}.service-identity .identity-stage{min-height:260px}.service-identity .svc-hero{min-height:760px}.service-digital .svc-hero,.service-marketing .svc-hero,.service-search .svc-hero{gap:5%}.service-digital .svc-hero{grid-template-columns:1fr}.digital-browser{max-width:620px;margin-top:25px}.device-controls{grid-column:1}.service-marketing .campaign-wall{min-height:400px}.service-marketing .campaign-poster{padding:22px}.search-map{gap:5%;grid-template-columns:.5fr 1.5fr}.growth-intro{gap:5%}.journey-track{gap:12px}.journey-track strong{font-size:16px}.page-service h2{font-size:clamp(28px,4vw,var(--fs-h2-sub,40px))}}
@media(max-width:620px){.page-service main section{padding:48px 22px}.page-service main{padding-top:90px}.page-service .svc-hero{padding-top:35px;min-height:0}.page-service .svc-overview,.page-service .svc-related,.page-service .svc-deliverables,.page-service .svc-fit{grid-template-columns:1fr;gap:25px}.page-service .svc-streams li{display:block;padding:22px 0}.page-service .svc-streams h3{margin:12px 0}.page-service .svc-method>ol{grid-template-columns:1fr;gap:25px;margin:30px 0}.page-service .svc-method h3{margin:15px 0}.page-service .svc-related-links{grid-template-columns:1fr}.page-service .related-study{display:none}.page-service .svc-hook{font-size:31px}.page-service .svc-intro{font-size:14px}.page-service .section-label{margin-bottom:20px}.service-strategy .svc-hero{grid-template-columns:1fr}.service-strategy .strategy-compass{width:210px;margin:20px auto}.service-strategy .svc-hero-art{width:80px;bottom:35px;right:22px}.service-strategy .svc-method li{display:block}.strategy-spine{font-size:8px;letter-spacing:.08em;gap:12px;margin-bottom:30px}.service-identity .identity-stage{min-height:220px;margin:35px 0}.service-identity .svc-hero-art{width:180px;right:0}.identity-specimen{font-size:170px}.identity-controls{gap:10px}.identity-controls button{padding:9px 17px}.identity-grid{grid-template-columns:1fr;gap:35px}.identity-grid>figure{position:static;max-height:330px;aspect-ratio:1.2}.service-identity .svc-method li:nth-child(n){margin-top:0}.service-digital .digital-principles .svc-streams{grid-template-columns:1fr}.digital-principles .svc-streams li{padding:23px}.service-digital .svc-hero-art{height:170px}.browser-bar{padding:9px}.browser-bar span{font-size:8px}.demo-interface{padding:18px}.demo-interface strong{font-size:23px}.service-marketing .svc-hero,.service-search .svc-hero{grid-template-columns:1fr}.campaign-wall{margin-top:30px;min-height:370px}.service-marketing .svc-streams{grid-template-columns:1fr}.service-marketing .svc-streams li{padding:22px 15px}.channel-tabs{gap:8px}.channel-tabs button{padding:9px 13px;font-size:12px}.search-console{margin-top:25px;padding:14px}.search-query p{font-size:12px}.entity-network{gap:60px 20px;padding:15px}.entity-network>span{font-size:9px;padding:10px}.search-map{grid-template-columns:1fr}.search-map aside{min-height:0;flex-direction:row;padding:22px 12px;font-size:8px;letter-spacing:0}.search-map aside i{transform:rotate(-90deg);font-size:18px}.growth-intro{grid-template-columns:1fr;gap:0}.growth-intro .svc-intro{margin-top:0}.service-growth .svc-hero-art{width:85px;top:25px;opacity:.2}.journey-track{grid-template-columns:1fr 1fr;gap:16px;margin-top:35px}.journey-track li{padding:20px 15px;min-height:110px}.journey-track li:nth-child(2) i{display:none}.growth-workspace .svc-streams li:nth-child(n){margin-left:0;padding:23px}.service-growth .svc-fit{padding:22px}.page-service .svc-hero-art figcaption{font-size:10px}}
@media(prefers-reduced-motion:reduce){.page-service *{scroll-behavior:auto}.digital-browser,.identity-specimen{transition:none}}
.dg-csm-preview .identity-grid>figure{position:static}

.service-digital .svc-hero-art{width:100%;max-width:none;aspect-ratio:auto}.page-service .demo-statement{margin:0}.service-search .search-map aside span{max-width:100%;text-align:center}

.dg-csm-preview .service-search .svc-hero-art{display:block;width:100%;max-width:480px;aspect-ratio:1.5;margin-top:20px}.dg-csm-preview .page-service .related-study{display:block}

/* Distinct optional interactions share a tiny controller; vertical browsing is native. */
.service-strategy .svc-streams li{transition:border-color .35s,background .35s}.service-strategy .svc-streams li.is-thinking{border-top-color:#334c32;background:#e7e9dd}.strategy-spine .is-thinking{color:#1c3b21;font-weight:700}
.search-modes{display:flex;flex-direction:column;gap:6px;margin-top:18px}.search-modes button{text-align:left;font-size:11px;line-height:1.6;background:none;padding:6px 0;border:0;border-bottom:1px solid #d0d8ca;color:#5b6853}.search-modes button[aria-pressed=true]{color:#213d24;font-weight:600}.search-console[data-mode=intent] .entity-network>span:first-child,.search-console[data-mode=content] .entity-network>span:nth-child(2),.search-console[data-mode=technical] .entity-network>span:nth-child(3){background:#c7d7bb;outline:1px solid #657e56}
.journey-track button{color:inherit;background:none;border:0;text-align:left;padding:0;width:100%;height:100%;font:inherit}.journey-track li.is-journey{background:#e7efd9}.growth-workspace .svc-streams li.is-journey{outline:1px solid #657c53;background:#d6e2c8}.growth-workspace .svc-streams li{transition:background .3s}.dg-csm-preview .page-service .svc-streams li{transition:none}
@media(prefers-reduced-motion:reduce){.service-strategy .svc-streams li,.growth-workspace .svc-streams li{transition:none}}
