.breadcrumb{display:block}
.breadcrumb ol{display:flex;align-items:center;flex-wrap:wrap;gap:6px 0;list-style:none;margin:0;padding:0;line-height:1.8}
.breadcrumb li{display:flex;align-items:center;min-width:0}
.breadcrumb li+li:before{content:"/";color:#8b93a9;margin:0 12px}
.breadcrumb [aria-current=page]{color:var(--navy)}
.cx-architecture .layer-glyph{height:64px;color:#96b4ff;display:block}
.cx-architecture .layer-glyph svg{display:block;width:64px;height:64px}
.cx-layer:nth-child(2) .layer-glyph{color:var(--cyan)}
.cx-layer:nth-child(3) .layer-glyph{color:#bad6ff}
.cx-layer:nth-child(4) .layer-glyph{color:#ffaf75}
.cx-home-evidence .case-selector{grid-template-columns:repeat(7,minmax(0,1fr))}
.cx-home-evidence .case-metric strong{font-size:clamp(34px,3.4vw,54px);overflow-wrap:normal;white-space:nowrap}
.cx-home-evidence .case-metric{flex-wrap:wrap;gap:12px 22px}
.related-capability-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:30px}
.related-capability-grid .capability{padding:24px;grid-column:auto;grid-row:auto}
.related-capability-grid .cap-copy h3{font-size:clamp(26px,2.1vw,33px)}
.related-capability-grid .cap-copy p{font-size:12px;line-height:1.8}
.related-capability-grid .reference-art{height:145px}
/* Extend each related card's arrow link across the whole card, matching the homepage Framework. */
.related-capability-grid .cap-arrow:after{content:"";position:absolute;inset:0;z-index:2;cursor:pointer}
.related-capability-grid .capability:focus-within{outline:2px solid var(--blue);outline-offset:4px}
.related-capability-grid :is(.capability-0,.capability-2):focus-within{outline-color:var(--cyan)}
@media(max-width:1199px){.related-capability-grid{grid-template-columns:1fr 1fr}.related-capability-grid .reference-art{height:150px}.cx-home-evidence .case-selector{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:767px){.breadcrumb{font-size:10px}.breadcrumb li+li:before{margin-inline:8px}.cx-home-evidence .case-selector{grid-template-columns:repeat(3,minmax(0,1fr))}.related-capability-grid .capability{padding:23px}.cx-home-evidence .case-metric strong{font-size:40px}}
@media(max-width:559px){.related-capability-grid{grid-template-columns:1fr}.related-capability-grid .reference-art{height:160px}.related-capability-grid .cap-copy h3{font-size:32px}}
/* Delivery step numbers from the supplied delivery tables. */
.cx-delivery .delivery-step{display:block;margin-bottom:10px;font-size:11px;font-weight:600;letter-spacing:.12em;color:var(--blue)}
/* A single client story spans the full track; carousel controls are not needed. */
.evidence-slider .case-panels:has(>.case-panel:only-child){grid-auto-columns:100%}
.evidence-slider:has(.case-panel:only-child) .slider-controls{display:none}
/* Related capability cards follow the homepage Framework cards: the capability name is the highlighted heading,
   the arrow sits top right, and the tagline follows the artwork. */
.related-capability-grid .capability{display:flex;flex-direction:column;padding-top:26px}
.related-capability-grid .capability>h3{font-size:clamp(24px,1.9vw,32px);line-height:1.1;letter-spacing:-.035em;max-width:calc(100% - 54px);min-height:2.2em;margin:0 0 10px}
.related-capability-grid .capability-0>h3,.related-capability-grid .capability-2>h3{color:var(--accent-dark)}
.related-capability-grid .capability:not(.capability-0):not(.capability-2)>h3{color:var(--accent-light)}
.related-capability-grid .capability .cap-topline{position:absolute;top:22px;right:20px;min-height:44px}
.related-capability-grid .capability .reference-art,.related-capability-grid .capability.capability-0 .reference-art{flex:none;min-height:0;height:110px;margin:6px 0 18px}
.related-capability-grid .capability .reference-art>svg{max-width:200px}
.related-capability-grid .capability.capability-0 .orbit-art{width:110px}
.related-capability-grid .capability .cap-copy>.cap-tagline{font:500 clamp(17px,1.25vw,21px)/1.3 Outfit,sans-serif;max-width:none;margin:0}
.related-capability-grid .capability:not(.capability-0):not(.capability-2) .cap-copy>.cap-tagline{color:var(--navy)}
.related-capability-grid .capability-0 .cap-copy>.cap-tagline,.related-capability-grid .capability-2 .cap-copy>.cap-tagline{color:#fff}

/* Solution card symbols are inline SVG (tools/icons.py), so they match across devices. */
.cx-symbol .symbol-icon{display:block;width:60%;height:60%}