/* A compact impact section with a clear hierarchy. */
.about-page .abx-results { padding: clamp(64px,7vw,104px) 0; background: #fff; }
.about-page .abx-results > .abx-shell { width: calc(100% - 64px); max-width: 1320px; margin: auto; }
.about-page .abx-results-head { min-height: 0; display: grid; grid-template-columns: 1fr 1fr; gap: clamp(32px,6vw,88px); align-items: center; }
.about-page .abx-results-intro > span { display: block; color: #ff2900; font-size: 11px; font-weight: 650; letter-spacing: .14em; margin-bottom: 22px; }
.about-page .abx-results-head h2 { margin: 0; font: 500 clamp(38px,4.3vw,64px)/1.06 var(--font-main); letter-spacing: -.055em; }
.about-page .abx-results-head h2 em { font-style: normal; color: #ff2900; }
.about-page .abx-results-intro > p { max-width: 440px; margin: 24px 0 0; font-size: 16px; line-height: 1.65; color: #606865; }
.about-page .abx-results-meta { display: block; width: 100%; padding: 0; }
.about-page .abx-results-meta > p { margin: 0 0 20px; color: #616965; font-size: 12px; font-weight: 500; }
.about-page .abx-results-meta ul { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px 32px; }
.about-page .abx-results-meta li { border-top: 1px solid #dedfdc; padding: 18px 0 0; color: #525b56; font-size: 13px; line-height: 1.5; }
.about-page .abx-results-meta strong { display: block; margin-bottom: 6px; color: #111719; font: 550 clamp(34px,3.5vw,52px)/1.1 var(--font-main); letter-spacing: -.05em; }

/* Three self-contained capability cards. */
.about-page .abx-results-cards { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); align-items: stretch; gap: 18px; margin-top: 48px; border: 0; }
.about-page .abx-results-cards article,
.about-page .abx-results-cards article:nth-child(2),
.about-page .abx-results-cards article:nth-child(3) {
  display: flex; flex-direction: column; position: relative; min-height: 300px;
  margin: 0; padding: 30px; overflow: hidden; border: 1px solid #d9ddda;
  border-radius: 14px; background: #f1f2ee; color: #111719;
}
.about-page .abx-results-cards article:nth-child(2) { background: #111719; border-color: #111719; color: #fff; }
.about-page .abx-results-cards article:nth-child(3) { background: #ff2900; border-color: #ff2900; color: #111719; }
.about-page .abx-results-cards article > span {
  display: block; margin: 0 0 44px; padding: 0 0 16px; border-bottom: 1px solid currentColor;
  opacity: .7; color: inherit; font: 500 13px/1 var(--font-main); text-decoration: none;
}
.about-page .abx-results-cards h3 { max-width: 12ch; margin: 0 0 20px; color: inherit; font: 550 clamp(28px,2.7vw,38px)/1.05 var(--font-main); letter-spacing: -.045em; }
.about-page .abx-results-cards p,
.about-page .abx-results-cards article:nth-child(2) p,
.about-page .abx-results-cards article:nth-child(3) p { max-width: 36ch; margin: auto 0 0; color: inherit; font-size: 15px; line-height: 1.6; }
.about-page .abx-results-cards article:nth-child(2) p { color: #d6dcd8; }
@media(max-width:800px) {
 .about-page .abx-results > .abx-shell { width: calc(100% - 40px); }
 .about-page .abx-results-head { grid-template-columns: 1fr; gap: 32px; }
 .about-page .abx-results-cards { grid-template-columns: 1fr; gap: 14px; margin-top: 32px; }
 .about-page .abx-results-cards article,
 .about-page .abx-results-cards article:nth-child(2),
 .about-page .abx-results-cards article:nth-child(3) { min-height: 260px; padding: 26px; }
 .about-page .abx-results-cards article > span { margin-bottom: 28px; }
}

/* Each capability has a purpose-built graphic, rather than a generic icon. */
.about-page .abx-results-cards article,
.about-page .abx-results-cards article:nth-child(2),
.about-page .abx-results-cards article:nth-child(3) { padding: 26px 28px 30px; min-height: 420px; }
.about-page .abx-results-cards article > span { border: 0; margin: 0; padding: 0; opacity: .65; font-size: 11px; letter-spacing: .1em; }
.about-page .result-art { display: block; margin: 10px -8px 24px; height: 170px; }
.about-page .result-art svg { display: block; width: 100%; height: 100%; overflow: visible; }
.about-page .abx-results-cards h3 { font-size: clamp(27px,2.5vw,35px); max-width: none; margin: 0 0 18px; }
.about-page .abx-results-cards p { font-size: 14px; }
.about-page .result-art-detail { transform-box: fill-box; transform-origin: center; transition: transform .45s cubic-bezier(.2,.7,.2,1); }
@media(hover:hover) and (pointer:fine) {
 .about-page .abx-results-cards article:hover .result-art-brand .result-art-detail { transform: translate(4px,-8px) rotate(-7deg); }
 .about-page .abx-results-cards article:hover .result-art-web .result-art-detail { transform: translate(-16px,-12px); }
 .about-page .abx-results-cards article:hover .result-art-growth .result-art-detail { transform: translate(0,-5px); }
}
@media(max-width:800px) {
 .about-page .abx-results-cards article,
 .about-page .abx-results-cards article:nth-child(2),
 .about-page .abx-results-cards article:nth-child(3) { min-height: 0; padding: 24px; }
 .about-page .result-art { height: 160px; margin-bottom: 22px; }
}
@media(prefers-reduced-motion:reduce) { .about-page .abx-results-cards article .result-art-detail { transition: none; transform: none; } }


/* Liquid glass: warm light behind a translucent, sharply edged surface. */
.about-page .abx-results-cards { position: relative; isolation: isolate; padding: 12px 0 20px; gap: 22px; }
.about-page .abx-results-cards::before {
 content: ''; position: absolute; inset: 20px -20px 0; z-index: -1; pointer-events: none;
 background: radial-gradient(ellipse at 12% 18%,#ff290047,transparent 32%),radial-gradient(ellipse at 54% 8%,#a7adb750,transparent 36%),radial-gradient(ellipse at 94% 35%,#ff673c40,transparent 30%);
 filter: blur(22px);
}
.about-page .abx-results-cards article,
.about-page .abx-results-cards article:nth-child(2),
.about-page .abx-results-cards article:nth-child(3) {
 isolation: isolate; background: linear-gradient(145deg,#ffffffb8,#ffffff52 42%,#ffffffd9 76%);
 border: 1px solid #ffffffed; border-radius: 26px; color: #171b19;
 backdrop-filter: blur(22px) saturate(1.15); -webkit-backdrop-filter: blur(22px) saturate(1.15);
 box-shadow: inset 0 1px 0 #fff,inset 1px 0 0 #fff9,inset 0 -2px 3px #adb4bd30,0 12px 32px #252b3410,0 0 0 1px #b6bdc52e;
}
.about-page .abx-results-cards article::before {
 content: ''; position: absolute; inset: 0; z-index: -1; pointer-events: none; border-radius: inherit;
 background: radial-gradient(ellipse at var(--glass-x,25%) var(--glass-y,15%),#fff 0%,#ffffff70 16%,transparent 52%);
 opacity: .65;
}
.about-page .abx-results-cards article::after {
 content: ''; position: absolute; width: 100%; height: 70%; top: -30%; left: -45%; z-index: -1; pointer-events: none;
 background: linear-gradient(120deg,transparent 25%,#ffffffa6 48%,transparent 70%);
 transform: rotate(-20deg); animation: result-glass-flow 9s ease-in-out infinite alternate; animation-play-state: paused;
}
.about-page .abx-results-cards.is-glass-visible article::after { animation-play-state: running; }
.about-page .abx-results-cards article:nth-child(2)::after { animation-delay: -3s; }
.about-page .abx-results-cards article:nth-child(3)::after { animation-delay: -6s; }
.about-page .abx-results-cards article p,
.about-page .abx-results-cards article:nth-child(2) p,
.about-page .abx-results-cards article:nth-child(3) p { color: #404a45; }
.about-page .abx-results-cards article > span { color: #626b65; opacity: 1; }
.about-page .result-art svg { filter: drop-shadow(0 10px 8px #323a431c); }
.about-page .result-art-growth svg > path { stroke: #ff2900; }
@keyframes result-glass-flow { to { transform: translate(100%,65%) rotate(-20deg); } }
@media(max-width:800px) { .about-page .abx-results-cards { gap: 20px; } }
@media(prefers-reduced-motion:reduce) { .about-page .abx-results-cards article::after { animation: none; } }