/* Shared editorial language, extending the approved Clarity in Motion home. */
:root{--accent:#2366f6;--ink:#303234;--muted:#626970;--border:#e2e5e8}
html{scroll-behavior:smooth}body{background:#fff}h1,h2,h3,p{word-break:keep-all;overflow-wrap:break-word}
.desktop-nav .nav-contact[aria-current="page"],#mobile-nav .nav-contact[aria-current="page"]{color:#fff;background:#303234}
.desktop-nav a[aria-current="page"]{color:#2459bd}.button.primary{color:white;background:#303234}
.button.primary:hover{background:#17191b}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #2669f7;outline-offset:5px}
.case-opening{padding-top:64px;padding-bottom:45px;max-width:1200px}.case-opening>.text-link{font-size:14px}
.case-kicker{font-size:12px;letter-spacing:.12em;color:#607080;margin-top:60px;text-transform:uppercase}
.case-opening h1{font-size:clamp(42px,5.5vw,82px);line-height:1.15;letter-spacing:-.065em;max-width:1000px;margin:22px 0 30px}
.case-opening>p{font-size:21px;line-height:1.85;max-width:800px;color:#63696f}
.case-facts{display:grid;grid-template-columns:1fr 1fr;gap:50px;border-top:1px solid var(--border);padding-top:25px;margin-top:48px}
.case-facts dt{font-size:12px;color:#737b83;margin-bottom:9px}.case-facts dd{font-size:15px;line-height:1.7}
.case-art{position:relative;aspect-ratio:1.32;overflow:hidden;border-radius:3px;background:#eef3f9;isolation:isolate;perspective:1200px}
.art-caption{position:absolute;left:7%;top:7%;font-size:clamp(14px,1.4vw,21px);font-weight:650;letter-spacing:-.035em;z-index:2}
.art-role{position:absolute;left:7%;right:7%;bottom:6%;font-size:11px;letter-spacing:.025em;line-height:1.6;z-index:2;color:inherit;opacity:.75}
.art-screens{position:absolute;inset:20% 7% 16%;display:flex;align-items:center;justify-content:center;gap:5%;transform:rotateX(7deg) rotateY(-6deg);transition:transform .8s cubic-bezier(.22,1,.36,1)}
a:hover .art-screens{transform:rotateX(0deg) rotateY(0deg) translateY(-5px)}
.art-screen{min-width:0;max-height:100%;border-radius:5px;overflow:hidden;box-shadow:0 16px 34px #1a2f4320;background:white}
.art-screen img{width:100%;height:auto;display:block}.art-screen.screen-1{transform:translateY(12px)}
.art-energy{background:#173747;color:#fff}.art-energy .art-screens{display:block;inset:22% 7% 14%}.art-energy .art-screen{position:absolute;width:95%;max-height:none}
.art-energy .screen-0{top:0;left:0;transform:rotate(-1deg)}.art-energy .screen-1{width:82%;bottom:0;right:0;transform:rotate(1deg)}
.art-crm{background:#eeedfc;color:#40357b}.art-crm .art-screen{position:relative;width:44%;aspect-ratio:512/492;border-radius:12px}
.art-crm .screen-0 img{position:absolute;width:173.25%;max-width:none;left:-30.08%;top:-20.33%}
.art-crm .screen-1{aspect-ratio:448/506}.art-crm .screen-1 img{position:absolute;width:227.9%;max-width:none;left:-43.97%;top:-13.05%}
.art-sleep{background:#eff4f1;color:#284438}.art-sleep .art-screens{inset:18% 9% 12%;gap:9%;transform:none}
.art-sleep .art-screen{height:100%;background:transparent;box-shadow:none;border-radius:0;overflow:visible}.art-sleep .art-screen img{width:auto;height:100%;object-fit:contain;filter:drop-shadow(0 16px 16px #1c3a2e16)}
.art-sleep .screen-1{height:91%;transform:rotate(7deg) translateY(9px)}
.art-translation{background:#e7edfa;color:#234a90}.art-translation .art-screen{width:100%}.art-translation .art-screens{inset:21% 7% 16%}
.art-draft{background:#f1f0e8;color:#43472e}.art-draft .art-screen{width:100%}.art-draft .art-screens{inset:22% 6% 15%;transform:rotate(-2deg)}
.case-hero-art .case-art{aspect-ratio:1.9}.case-hero-art .art-caption{font-size:24px}.case-hero-art .art-role{font-size:13px}
.case-hero-art .art-energy .art-screens{display:flex;flex-direction:row;align-items:center;gap:4%;inset:23% 6% 18%}
.case-hero-art .art-energy .art-screen{position:static;width:56%;max-height:none}.case-hero-art .art-energy .screen-1{width:42%;align-self:center;transform:translateY(40px)}
.case-hero-art .art-crm .art-screens{inset:18% 20% 13%}.case-hero-art .art-crm .art-screen{max-width:38%}
.case-hero-art .art-sleep .art-screens{inset:11% 12% 10%;gap:8%}.case-hero-art .art-translation .art-screens,.case-hero-art .art-draft .art-screens{inset:18% 15% 12%}
.case-context{display:grid;grid-template-columns:.8fr 1fr;gap:12%;padding-block:105px}.case-context h2,.case-outcome h2{font-size:40px;letter-spacing:-.05em;margin-top:18px}
.case-context>p,.case-outcome>p{font-size:21px;line-height:1.95;color:#60676e}.case-scenes{background:#f7f8fa;padding-block:20px}
.case-scene{display:grid;grid-template-columns:.7fr 1.3fr;align-items:center;gap:8%;padding-block:85px;border-bottom:1px solid #dde3e8}
.case-scene:last-child{border:0}.scene-copy h2{font-size:clamp(28px,2.9vw,42px);letter-spacing:-.05em;line-height:1.35;margin:22px 0}
.scene-copy p{font-size:17px;line-height:1.9;color:#687078}.scene-media{margin:0;min-width:0}.scene-media img{width:100%;height:auto;border-radius:4px;box-shadow:0 16px 40px #1834510d}
.scene-media a{display:block}.scene-media.scene-phone>a{display:flex;justify-content:center}.scene-phone img{max-height:560px;width:auto;max-width:90%;box-shadow:none;object-fit:contain}
.scene-media figcaption{display:flex;justify-content:space-between;gap:15px;color:#6c737b;font-size:12px;margin-top:18px}.scene-media figcaption a{text-decoration:underline;text-underline-offset:4px}
.case-outcome{padding-block:100px;max-width:960px}.case-outcome>p{margin-top:28px}.case-source-note{margin-top:35px;border-top:1px solid var(--border);padding-top:20px;font-size:14px;color:#65707a}.case-source-note summary{cursor:pointer}.case-source-note p{line-height:1.9;margin-top:16px}
.case-next{padding-bottom:100px}.case-next-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.case-next h3{font-size:20px;margin-top:20px}
.case-next .art-caption{font-size:13px}.case-next .art-role{font-size:9px}.case-attribution{font-size:11px;padding:5px 8px;border-radius:3px;background:#f0f3f6;color:#53616d;margin-left:auto}
.portfolio-card-arrow{margin-left:6px}.portfolio-card-meta{gap:10px}.portfolio-card h2{font-size:28px;letter-spacing:-.04em}.portfolio-card-scope{line-height:1.7}.portfolio-grid{gap:70px 32px}
.portfolio-cover{aspect-ratio:1.32;border-radius:3px}.portfolio-card .case-art{width:100%;height:100%}.portfolio-card .project-visual{border-radius:3px;padding:5%;aspect-ratio:1.32;background:#f0f3f7}.portfolio-card:nth-child(3n) .project-visual{background:#f3eee7}.portfolio-card:nth-child(5n) .project-visual{background:#e9f0ef}
.portfolio-card .project-visual img{box-shadow:0 15px 28px #23354619;border:0}.work-tile .case-art,.family-example .case-art{aspect-ratio:1.5}.work-tile .art-caption{font-size:17px}
.service-art .case-art{aspect-ratio:1.35}.service-art .art-caption{font-size:17px}.service-art .art-role{font-size:10px}
@view-transition{navigation:auto}::view-transition-old(project-image),::view-transition-new(project-image){animation-duration:.55s;animation-timing-function:cubic-bezier(.2,.8,.2,1)}
@media(max-width:900px){.case-opening h1{font-size:55px}.case-context{gap:6%}.case-context>p{font-size:18px}.case-scene{gap:5%}.case-next-grid{gap:16px}.art-caption{font-size:15px}}
@media(max-width:700px){
 .case-opening{padding-top:28px;padding-bottom:30px}.case-kicker{margin-top:35px;font-size:10px}.case-opening h1{font-size:40px;line-height:1.2;margin:20px 0}.case-opening>p{font-size:17px;line-height:1.8}
 .case-facts{grid-template-columns:1fr;gap:20px;margin-top:28px;padding-top:20px}.case-facts dd{font-size:14px}.case-hero-art .case-art{aspect-ratio:1.16}
 .case-hero-art .art-caption{font-size:17px}.case-hero-art .art-role{font-size:10px}.case-hero-art .art-energy .art-screens{display:block;inset:23% 7% 16%}.case-hero-art .art-energy .art-screen{position:absolute;width:95%;max-height:none}.case-hero-art .art-energy .screen-1{width:82%;transform:rotate(1deg)}
 .case-hero-art .art-crm .art-screens{inset:21% 6% 15%}.case-hero-art .art-crm .art-screen{max-width:none;width:46%}.case-hero-art .art-sleep .art-screens{inset:21% 9% 15%}.case-hero-art .art-translation .art-screens,.case-hero-art .art-draft .art-screens{inset:23% 5% 18%}
 .case-context{grid-template-columns:1fr;gap:25px;padding-block:55px}.case-context h2,.case-outcome h2{font-size:31px}.case-context>p,.case-outcome>p{font-size:17px;line-height:1.85}
 .case-scene{grid-template-columns:1fr;gap:28px;padding-block:45px}.scene-copy h2{font-size:29px;margin:15px 0}.scene-copy p{font-size:16px}.scene-phone img{max-height:470px}.scene-media figcaption{font-size:11px}
 .case-outcome{padding-block:55px}.case-next{padding-bottom:55px}.case-next-grid{grid-template-columns:1fr}.case-next-grid .case-art{aspect-ratio:1.6}.case-next h3{margin:13px 0 15px}
 .case-art .art-caption{font-size:16px}.case-art .art-role{font-size:10px}.portfolio-grid{gap:36px}.portfolio-card h2{font-size:26px}.portfolio-card-meta{gap:6px}.case-attribution{font-size:10px;padding:4px 6px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}::view-transition-group(*){animation:none!important}}

.positioning-intro{padding-block:80px 65px}.positioning-intro h1{font-size:clamp(42px,5.3vw,78px);line-height:1.2;letter-spacing:-.06em;margin:27px 0}.positioning-intro p{font-size:21px;color:#69747e}
.positioning-service{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:10%;padding-block:70px;border-top:1px solid #dfe5eb}.positioning-service h2{font-size:clamp(32px,3.8vw,55px);line-height:1.24;letter-spacing:-.055em;margin-top:22px}.positioning-service p{font-size:18px;line-height:1.95;color:#67737d;max-width:450px;margin-top:28px}.service-scope-line{font-size:12px;line-height:1.9;color:#708293;border-top:1px solid #e1e7eb;padding-top:19px;margin-top:24px}.positioning-service .text-link{margin-top:26px}.service-proof .case-art{aspect-ratio:1.1}.service-proof>span{display:block;font-size:12px;margin-top:16px;color:#65727d}
.service-directory{padding-block:75px 90px;max-width:1050px}.service-directory h2{font-size:37px;letter-spacing:-.05em;margin:21px 0 35px}.service-directory details{border-top:1px solid #dce3e9;padding:25px 0}.service-directory summary{font-size:24px;cursor:pointer;list-style-position:inside}.service-directory summary small{float:right;font-size:12px;color:#74818d;padding-top:8px}.directory-links{display:grid;grid-template-columns:1fr 1fr;gap:0 35px;padding-top:18px}.directory-links a{padding:15px 0;border-bottom:1px solid #edf0f3;color:#566779;font-size:15px}
.people-section{padding-block:80px}.people-section .section-title{align-items:start;gap:60px}.people-section .section-title h2{font-size:38px;margin-top:22px;letter-spacing:-.045em}.people-section .section-title p{font-size:15px;max-width:340px;line-height:1.9}.person-profile{display:grid;grid-template-columns:.7fr 1.3fr;border-top:1px solid #dee5eb;gap:10%;padding:60px 0}.person-role>span{font-size:70px;font-weight:300;color:#dce5ec;letter-spacing:-.07em}.person-role h3{font-size:20px;margin-top:18px;line-height:1.7}.person-story h4{font-size:37px;line-height:1.3;letter-spacing:-.045em;font-weight:550}.person-story>p{font-size:17px;line-height:1.95;color:#68737d;margin-top:24px}.person-timeline{margin-top:32px;border-left:2px solid #d7e3ef;padding-left:24px}.person-timeline>div+div{margin-top:23px}.person-timeline dt{font-size:12px;color:#3773b4;letter-spacing:.04em}.person-timeline dd{font-size:15px;line-height:1.8;margin-top:8px}.person-responsibility{margin-top:32px;padding:21px 24px;background:#f2f5f8}.person-responsibility>span{font-size:11px;color:#7a8794}.person-responsibility p{font-size:14px;line-height:1.8;margin-top:9px}.people-note{font-size:13px;line-height:1.9;color:#78818b;max-width:750px}
.knowledge-tabs{display:flex;gap:8px;padding:19px 23px 0}.knowledge-tabs button{font:inherit;font-size:11px;border:1px solid #d7e2ef;border-radius:20px;padding:9px 13px;background:white;cursor:pointer;color:#5a6f86}.knowledge-tabs button[aria-pressed=true]{background:#e6effc;color:#285fa2;border-color:#b9d0f1}.knowledge-panel{padding:23px}.knowledge-panel[hidden]{display:none}.knowledge-panel .example-question{font-size:17px;font-weight:550;line-height:1.7}.knowledge-panel .example-answer{margin:22px 0 0;padding:24px;background:#f4f7fc}.knowledge-panel .example-answer p{font-size:15px;line-height:1.85}.knowledge-source{margin-top:20px;border-top:1px solid #d9e3ef;padding-top:15px}.knowledge-source summary{font-size:12px;color:#456b98;cursor:pointer}.knowledge-source blockquote{font-size:12px;line-height:1.9;margin:14px 0 0;color:#6f7f8f;border-left:2px solid #b8cee7;padding-left:13px}.knowledge-next{display:flex;flex-direction:column;gap:10px;padding:20px 0 0}.knowledge-next>span{font-size:10px;color:#8593a2}.knowledge-next strong{font-size:14px;color:#345e8e;font-weight:550}.knowledge-example .example-toolbar small{font-size:10px;color:#7c8c9f}
.request-layout{display:grid;grid-template-columns:.55fr 1.45fr;gap:9%;padding-top:10px}.request-guide h2{font-size:21px;line-height:1.6}.request-guide>p{font-size:14px;line-height:1.9;margin-top:16px;color:#74808d}.request-guide .aside-links{margin-top:25px}.request-guide a{font-size:13px}.request-layout #request-app{min-width:0}.request-guide .direct-mail{display:block;color:#325f99;text-decoration:underline;text-underline-offset:5px;overflow-wrap:anywhere;margin-top:25px}
@media(max-width:700px){
 .positioning-intro{padding-block:43px 35px}.positioning-intro h1{font-size:38px;line-height:1.26}.positioning-intro p{font-size:17px;line-height:1.8}.positioning-service{grid-template-columns:1fr;gap:30px;padding-block:42px}.positioning-service h2{font-size:33px;margin-top:18px}.positioning-service p{font-size:16px;margin-top:20px}.service-scope-line{font-size:12px}.service-proof .case-art{aspect-ratio:1.4}.service-directory{padding-block:40px 55px}.service-directory h2{font-size:29px;line-height:1.4}.service-directory summary{font-size:20px}.service-directory summary small{font-size:10px}.directory-links{grid-template-columns:1fr}.directory-links a{font-size:14px;padding:15px 0}
 .people-section{padding-block:45px}.people-section .section-title h2{font-size:30px}.people-section .section-title p{font-size:14px}.person-profile{display:block;padding:35px 0}.person-role{display:flex;align-items:center;gap:20px}.person-role>span{font-size:44px}.person-role h3{margin:0;font-size:18px}.person-story{margin-top:25px}.person-story h4{font-size:29px}.person-story>p{font-size:16px;line-height:1.8}.person-timeline{padding-left:18px}.person-timeline dd{font-size:14px}.person-responsibility{padding:19px}.person-responsibility p{font-size:13px}.people-note{font-size:12px}
 .knowledge-panel{padding:20px 16px}.knowledge-tabs{padding:16px 16px 0}.knowledge-panel .example-question{font-size:15px}.knowledge-panel .example-answer{padding:18px}.knowledge-panel .example-answer p{font-size:14px}.knowledge-example .example-toolbar{gap:10px}.knowledge-example .example-toolbar>span{font-size:12px}.knowledge-example .example-toolbar small{font-size:9px}
 .request-layout{display:flex;flex-direction:column;gap:35px;padding-top:0}.request-layout #request-app{order:0}.request-layout .request-guide{order:1;padding:25px 0;border-top:1px solid #e0e6ec}.request-guide h2{font-size:20px}.request-guide>p{font-size:14px}.request-page-hero{padding-top:35px;padding-bottom:25px}.request-page-hero h1{font-size:34px;margin-top:16px}.request-page-hero>p{font-size:16px;line-height:1.75;margin-top:14px}.request-page-hero>p br{display:none}
}
