/* The product story continues beyond the homepage: real-use context, not agency cards. */
.brand-site .brand-capabilities:has(.capability-stories){padding-block:88px 100px;background:#faf8f5;color:#29251f}
.capability-stories{max-width:1240px}
.capability-stories .capability-heading{max-width:810px;margin:0 auto 76px;text-align:center}
.capability-stories .capability-heading>.eyebrow{color:#6f6c61;font-size:10px;letter-spacing:.11em;margin:0 0 21px}
.capability-stories .capability-heading>h2{color:#29251f;font-size:clamp(37px,4.7vw,66px);font-weight:500;line-height:1.07;letter-spacing:-.055em;margin:0}
.capability-stories .capability-heading>h2>em{font-family:"Crimson Pro",Georgia,serif;font-weight:400;font-style:italic;color:#777858;letter-spacing:-.045em}
.capability-stories .capability-heading>p:not(.eyebrow){max-width:610px;margin:24px auto 0;color:#69665e;font-size:17px;line-height:1.75;text-wrap:pretty}
.capability-stories .capability-jump-links{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-block-start:27px}
.capability-stories .capability-jump-links>a{display:inline-flex;align-items:center;gap:30px;padding:11px 18px;border:1px solid #ddd9d0;border-radius:8px;background:#f3f0e9;color:#35322a;text-decoration:none;font-size:14px;line-height:1.4}
.capability-stories .capability-jump-links>a:nth-child(2){background:#edf0e4}
.capability-stories .capability-jump-links>a:nth-child(3){background:#eeebf3}
.capability-stories .capability-jump-links>a:hover{border-color:#8b8b73}
.capability-stories .capability-story{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);grid-template-areas:"copy visual";align-items:center;gap:clamp(32px,6vw,88px);padding-block:68px;border-block-start:1px solid #dedad1;scroll-margin-top:118px}
.capability-stories .capability-story--run{grid-template-areas:"visual copy";grid-template-columns:minmax(0,1.08fr) minmax(0,1fr)}
.capability-stories .capability-story-copy{grid-area:copy;min-width:0}
.capability-stories .capability-story-visual{grid-area:visual;min-width:0}
.capability-stories .capability-story-label{display:flex;align-items:center;gap:10px;width:max-content;padding:6px 10px;border-radius:6px;background:#f0ead8;color:#5f573d;font-size:12px;font-weight:500;line-height:1.4;margin:0 0 21px}
.capability-stories .capability-story-label>span{font-size:10px;opacity:.7}
.capability-stories .capability-story--run .capability-story-label{background:#e6eadc;color:#4f5d40}
.capability-stories .capability-story--extend .capability-story-label{background:#ece6f2;color:#675578}
.capability-stories .capability-story-copy>h3{max-width:500px;font-size:clamp(29px,3.2vw,44px);font-weight:500;color:#29251f;line-height:1.12;letter-spacing:-.045em;margin:0;text-wrap:balance}
.capability-stories .capability-story-description{font-size:16px;line-height:1.7;color:#69665e;margin:20px 0 29px;max-width:450px}
.capability-stories .capability-items{display:grid;gap:24px}
.capability-stories .capability-item{min-width:0;scroll-margin-top:120px;border-block-start:1px solid #dedad1;padding-block-start:22px}
.capability-stories .capability-item>h4{font-size:19px;font-weight:500;color:#29251f;letter-spacing:-.025em;line-height:1.4;margin:0 0 8px}
.capability-stories .capability-item-lead{font-size:14px;color:#48483e;font-weight:500;line-height:1.55;margin:0 0 9px}
.capability-stories .capability-item-description{font-size:14px;color:#69665e;line-height:1.7;margin:0 0 12px;text-wrap:pretty}
.capability-stories .capability-item-scope{font-size:11px;color:#69665e;line-height:1.7;margin:0 0 12px}
.capability-stories .capability-item>.brand-offer-link{display:inline-flex;justify-content:flex-start;align-items:center;gap:12px;padding:0;min-height:32px;margin:0;color:#29251f;font-size:13px;font-weight:550;line-height:1.5;text-decoration:none}
.capability-stories .capability-item>.brand-offer-link>span{display:inline;width:auto;height:auto;border:0;border-radius:0;font-size:18px}
.capability-stories .capability-item>.brand-offer-link:hover{text-decoration:underline;text-underline-offset:5px}
.capability-stories .capability-story-visual .mp-preview{min-height:540px;border-radius:26px}
.capability-stories .capability-story-visual .mp-interface{margin-block-start:165px;margin-block-end:28px;box-shadow:0 24px 68px #24291b2e}
.capability-stories .capability-story-visual .mp-disclosure{font-size:10px;background:#fffef9ed}
.capability-stories .capability-close{display:flex;align-items:center;justify-content:space-between;gap:30px;border-block-start:1px solid #dedad1;padding-block-start:43px;margin-block-start:18px}
.capability-stories .capability-close h3{font-size:25px;font-weight:500;line-height:1.2;color:#29251f;letter-spacing:-.035em;margin:0 0 11px}
.capability-stories .capability-close p{font-size:14px;line-height:1.65;color:#69665e;max-width:520px;margin:0}
.capability-stories .capability-close>a{display:inline-flex;align-items:center;justify-content:center;gap:18px;flex-shrink:0;padding:16px 22px;background:#2e2c27;color:#fff;border:1px solid #2e2c27;border-radius:8px;font-size:14px;line-height:1.5;font-weight:500;text-decoration:none}
.capability-stories .capability-close>a:hover{background:#48463c}
.capability-stories a:focus-visible{outline:2px solid #626b45;outline-offset:5px}
[dir="rtl"] .capability-stories .capability-heading>h2,[dir="rtl"] .capability-stories .capability-story-copy>h3{letter-spacing:-.025em}
[dir="rtl"] .capability-stories .capability-heading>h2>em{font-family:inherit;font-style:normal}
html.access-motion .capability-stories .mp-interface{transition:none}
html.access-contrast .capability-stories :is(.capability-story-label,.capability-jump-links>a,.capability-close>a){color:#000!important;background:#fff!important;border:1px solid #000}
html.access-contrast .capability-stories :is(.mp-preview,.mp-interface,.mp-metric,.mp-disclosure,.mp-ai-prompt,.mp-agent-step-icon,.mp-pill){color:#000!important;background:#fff!important;border-color:#000}
html.access-contrast .capability-stories :is(h2,h3,h4,p,em,strong,small,a,span){color:#000!important}
html.access-contrast .capability-stories .mp-chart-fill{background:#000!important}
@media(min-width:801px) and (max-width:1050px){
 .capability-stories .capability-story{gap:32px}
 .capability-stories .capability-story-visual .mp-interface{width:calc(100% - 28px);margin-inline:14px;padding:16px}
 .capability-stories .capability-story-visual .mp-panel-heading{flex-wrap:wrap}
}
@media(max-width:800px){
 .brand-site .brand-capabilities:has(.capability-stories){padding-block:54px 60px}
 .capability-stories .capability-heading{margin-block-end:45px}
 .capability-stories .capability-heading>p:not(.eyebrow){font-size:16px;max-width:530px}
 .capability-stories .capability-story,.capability-stories .capability-story--run{grid-template-columns:1fr;grid-template-areas:"copy" "visual";gap:30px;padding-block:38px 44px}
 .capability-stories .capability-story-copy>h3{max-width:560px;font-size:clamp(29px,5.5vw,40px)}
 .capability-stories .capability-story-description{max-width:550px}
 .capability-stories .capability-items{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}
 .capability-stories .capability-item{display:flex;flex-direction:column;align-items:flex-start}
 .capability-stories .capability-item>.brand-offer-link{margin-block-start:auto}
 .capability-stories .capability-story-visual{width:100%;max-width:600px;justify-self:center}
 .capability-stories .capability-story-visual .mp-preview{min-height:490px}
 .capability-stories .capability-story-visual .mp-interface{margin-block-start:130px}
 .capability-stories .capability-close{flex-direction:column;align-items:flex-start;gap:24px}
}
@media(max-width:500px){
 .capability-stories .capability-heading>h2{font-size:37px}
 .capability-stories .capability-heading>.eyebrow{font-size:9px}
 .capability-stories .capability-jump-links{gap:7px}
 .capability-stories .capability-jump-links>a{padding:10px 12px;gap:18px;font-size:12px}
 .capability-stories .capability-items{grid-template-columns:1fr;gap:23px}
 .capability-stories .capability-item-description{font-size:14px}
 .capability-stories .capability-story-visual .mp-preview{min-height:460px;border-radius:18px}
 .capability-stories .capability-story-visual .mp-interface{margin-block-start:112px;margin-block-end:20px}
 .capability-stories .capability-story-visual .mp-panel-heading{flex-wrap:wrap}
 .capability-stories .capability-close>a{width:100%;box-sizing:border-box}
}
@media(prefers-reduced-motion:reduce){.capability-stories .mp-interface{transition:none}}