/* Editorial case studies, full-width fee content, and non-overlapping chart annotations. */
.clarity-site .cost-note.consultation-cost { display:block; padding:clamp(22px,4vw,48px); width:100%; min-width:0; }
.consultation-cost > * { min-width:0; max-width:100%; }
.consultation-cost > h3,.monthly-support > h3 { max-width:24em; }
.clarity-site .consultation-cost p { font-size:18px; line-height:1.85; }
.clarity-site .consultation-cost .cost-options strong { font-size:28px; }
.clarity-site .consultation-cost h3 { font-size:clamp(27px,3vw,36px); line-height:1.55; }
.experience-editorial { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr); gap:clamp(24px,4vw,52px); align-items:start; margin:32px 0; }
.experience-editorial article { min-width:0; }
.experience-editorial figure { margin:0 0 22px; }
.experience-editorial figure img { width:100%; display:block; object-fit:cover; aspect-ratio:3/2; }
.experience-editorial figcaption { font-size:14px; line-height:1.7; margin-top:8px; color:#54616a; }
.experience-editorial .studio-feature figure { background:#edf3f7; padding:16px; }
.experience-editorial .studio-feature figure img { object-fit:contain; height:300px; aspect-ratio:auto; }
.experience-editorial .strength-source { color:#244963; font-size:17px; font-weight:700; margin-top:20px; }
.experience-editorial h3 { font-size:clamp(25px,3vw,34px); line-height:1.55; margin:12px 0 20px; }
.experience-editorial p { font-size:18px; line-height:1.9; margin:16px 0; }
.experience-editorial .source-note { font-size:15px; color:#596974; }
.experience-editorial .story-link { display:block; margin-top:18px; font-size:17px; }
.studio-time-proof { border-block:1px solid #c5d2da; padding:22px 0; }
.studio-time-proof span { display:block; font-size:16px; }
.studio-time-proof strong { display:block; font-size:32px; margin-top:8px; }
.studio-time-proof b { font-size:24px; color:#768893; }
.evidence-intro { padding-top:30px; padding-bottom:40px; }
.evidence-intro > h2 { font-size:clamp(28px,4vw,40px); line-height:1.6; }
.deliverable-labels { border-block:1px solid #cad6df; padding:18px 0; margin:20px 0; }
.deliverable-labels > span { font-size:15px; color:#536979; }
.deliverable-labels > p { font-size:20px; line-height:1.8; margin:6px 0 0; font-weight:700; }
.service-context-photo { margin:22px 0; }
.service-context-photo img { width:100%; height:240px; object-fit:cover; }
.service-context-photo figcaption { font-size:15px; margin-top:8px; }
.visual-secondary article > p { font-size:18px; line-height:1.8; }
.sales-chart-clear { width:100%; max-width:360px; height:auto; display:block; margin:auto; color:#276178; overflow:visible; }
.sales-chart-clear .ratio-text { font-size:29px; font-weight:700; fill:currentColor; }
.sales-chart-clear .chart-caption { font-size:21px; font-weight:700; fill:#243c4d; }
.outcome-panel:nth-child(2) .sales-chart-clear { color:#244963; }
.support-examples { display:block; }
.support-examples > article { display:grid; grid-template-columns:minmax(230px,.7fr) minmax(0,1.3fr); column-gap:30px; padding:28px; margin:24px 0; align-items:start; }
.support-examples .support-picture { grid-column:1; grid-row:1 / span 6; margin:0; width:100%; }
.support-examples .support-picture img { width:100%; height:300px; object-fit:contain; background:#eef3f6; }
.support-examples .support-picture span { display:block; padding:12px; font-size:15px; }
.support-examples article > :not(.support-picture) { grid-column:2; }
.support-examples h4 { font-size:26px; line-height:1.6; text-wrap:initial; margin:8px 0 12px; }
.support-examples .support-label { font-size:16px; margin:0; }
.support-examples article > p { margin:8px 0 16px; }
.value-takeaway { background:#edf3f7; padding:18px; margin:8px 0; }
.value-takeaway span { display:block; font-size:15px; color:#526674; margin-bottom:8px; }
.clarity-site .value-takeaway strong { font-size:20px; line-height:1.7; display:block; }
.value-return { padding:42px 0 20px; margin-top:36px; border-top:2px solid #244963; }
.capacity-chart { margin:28px 0; padding:26px; background:white; }
.capacity-chart figcaption { font-size:20px; font-weight:700; line-height:1.7; margin-bottom:28px; }
.capacity-chart figcaption span { display:block; font-size:15px; font-weight:400; }
.capacity-row { display:grid; grid-template-columns:80px 1fr; gap:16px; align-items:center; margin:20px 0; }
.capacity-row > strong { font-size:18px!important; }
.capacity-bar { display:flex; min-width:0; min-height:100px; }
.capacity-bar > span { display:flex; flex-direction:column; justify-content:center; text-align:center; min-width:0; padding:14px 4px; font-size:17px; line-height:1.6; }
.capacity-bar b { font-size:24px; }
.capacity-bar .routine { background:#e3e9ed; color:#354d5f; }
.capacity-bar .core { background:#244963; color:#fff; }
.capacity-gain { display:flex; align-items:center; gap:24px; padding-top:24px; border-top:1px solid #cad6df; }
.clarity-site .capacity-gain strong { font-size:38px; white-space:nowrap; color:#244963; }
.capacity-gain span { font-size:18px; line-height:1.8; }
.value-math { display:grid; grid-template-columns:1fr 1fr; gap:20px; margin:25px 0; }
.value-math > div { background:#fff; padding:24px; border-top:4px solid #244963; }
.value-math > div:last-child { border-color:#b18034; background:#fff8e9; }
.value-math span { font-size:17px; }
.clarity-site .value-math strong { font-size:clamp(24px,3vw,32px); display:block; margin:10px 0; }
.clarity-site .value-math p,.clarity-site .value-caption { font-size:16px; line-height:1.8; }
.value-benefits { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; margin:32px 0; }
.value-benefits h4 { font-size:23px; border-bottom:2px solid #cad6df; padding-bottom:12px; margin-bottom:12px; }
.clarity-site .value-benefits p { font-size:18px; line-height:1.8; }
.home-value-note { margin:28px 0; border-left:4px solid #244963; padding:6px 0 6px 24px; }
.home-value-note h3 { font-size:26px; margin:0 0 12px; }
.home-value-note p { font-size:18px; line-height:1.8; max-width:44em; }
.mvv-values { grid-template-columns:1fr 1fr; }
.mvv-values > li { border:0; border-top:1px solid #b7c9c0; background:transparent; padding:24px 0; }
.mvv-values h4 { text-wrap:initial; }
.clarity-site h2,.clarity-site h3,.clarity-site h4 { overflow-wrap:normal; word-break:normal; }
@media(max-width:900px) {
 .experience-editorial { grid-template-columns:1fr; }
 .experience-editorial .studio-feature { border-top:1px solid #c5d2da; padding-top:30px; }
 .support-examples > article { grid-template-columns:1fr; padding:22px; }
 .support-examples .support-picture { grid-column:1; grid-row:auto; margin-bottom:24px; }
 .support-examples article > :not(.support-picture) { grid-column:1; }
 .value-benefits { grid-template-columns:1fr; gap:18px; }
}
@media(max-width:600px) {
 .clarity-site .cost-note.consultation-cost { padding:24px 18px; }
 .experience-editorial h3 br,.consultation-cost h3 br,.contact-copy h2 br,.evidence-intro h2 br,.mvv-overview h3 br { display:none; }
 .experience-editorial p { font-size:17px; }
 .support-examples > article { padding:18px; }
 .support-examples h4 { font-size:24px; }
 .capacity-chart { padding:18px 12px; margin-inline:-6px; }
 .capacity-row { grid-template-columns:1fr; gap:8px; }
 .capacity-bar > span { font-size:14px; padding-inline:2px; }
 .capacity-bar b { font-size:20px; }
 .capacity-gain { display:block; }
 .capacity-gain span { display:block; margin-top:8px; }
 .value-math { grid-template-columns:1fr; }
 .value-math > div { padding:22px 18px; }
 .mvv-values { grid-template-columns:1fr; }
 .clarity-site .contact-copy h2 { font-size:28px; line-height:1.6; }
 .home-value-note { padding-left:16px; }
}

@media(max-width:600px){.capacity-bar .routine b{font-size:16px;white-space:nowrap;letter-spacing:-.03em;}}

/* Small comparison captions stay on one line, with type sized to their actual image width. */
.case-photo-captions { gap:0; }
.case-photo-captions span { font-size:clamp(12px,3.35vw,15px); line-height:1.5; letter-spacing:0; white-space:nowrap; padding:10px 3px 6px; font-weight:600; }
.case-photo-note { font-size:14px; line-height:1.65; padding:4px 8px 12px; }
.work-flow h3 { font-size:clamp(18px,1.7vw,22px); margin:14px 0 10px; text-wrap:initial; }
.visual-steps > li { padding:18px 14px; }
.visual-steps strong { font-size:20px; }
.profile-grid .mini-steps > li,.vertical-steps > li { display:block; }
.work-flow .flow-owner { font-size:15px; }
@media(max-width:700px) {
 .work-flow > li { display:block; padding:18px 20px; }
 .work-flow h3 { font-size:21px; margin:8px 0; }
 .work-flow p { font-size:16px; }
 .visual-steps:not(.mini-steps) > li,.mini-steps > li,.vertical-steps > li { display:block; padding:16px 18px; }
 .visual-steps:not(.mini-steps) strong,.visual-steps:not(.mini-steps) span,.mini-steps strong,.mini-steps span { grid-column:auto; }
 .visual-steps strong { font-size:20px; }
 .role-legend span { font-size:14px; }
 .case-photo-note { font-size:13px; }
 .home-site-sample > span { font-size:15px; line-height:1.7; }
 .additional-support,.story-site .additional-support { font-size:17px; line-height:1.85; }
 .additional-support .story-link { font-size:17px; line-height:1.7; }
}
@media(max-width:360px) { .case-photo-captions span { font-size:11px; padding-inline:2px; } }

.additional-support .story-link { display:block; width:fit-content; max-width:100%; margin-top:14px; }