/* Scroll-responsive principles, in the ANIDAM palette. */
.about-page .abx-white-chapter { padding: clamp(72px,8vw,128px) 0; background: #f7f7f4; }
.about-page .abx-white-chapter > .abx-shell { width: calc(100% - 64px); max-width: 1400px; margin: auto; }
.about-page .abx-white-heading { display: block; }
.about-page .abx-white-heading > p { margin: 0 0 24px; color: #ff2900; font-size: 11px; letter-spacing: .14em; }
.about-page .abx-white-heading h2 { max-width: none; margin: 0; padding: 0; font: 450 clamp(34px,4.8vw,72px)/1.07 var(--font-main); letter-spacing: -.055em; }
.about-page .abx-white-heading h2 em { font-weight: 600; color: #ff2900; }
.about-page .abx-white-services { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; margin-top: 48px; border: 0; }
.about-page .abx-principle-slot { min-width: 0; }
.about-page .abx-white-services article { position: relative; display: flex; flex-direction: column; height: 100%; box-sizing: border-box; gap: 0; padding: clamp(24px,2.7vw,40px); border: 1px solid #e4e5df; border-radius: 24px; background: #fff; overflow: hidden; transform: translateY(var(--principle-y,0px)); }
.about-page .abx-white-services article > span { display: block; margin: 0; color: #ff2900; font: 500 46px/1 var(--font-main); text-decoration: none; letter-spacing: -.06em; }
.about-page .abx-white-services article > div { display: block; margin-top: auto; }
.about-page .abx-white-services h3 { margin: 0 0 16px; font: 550 clamp(24px,2.1vw,32px)/1.08 var(--font-main); letter-spacing: -.04em; }
.about-page .abx-white-services p { font: 400 15px/1.65 var(--font-main); color: #69716d; }
.about-page .abx-principle-art { display: grid; place-items: center; width: 100%; height: 200px; margin: 20px 0 30px; color: #ff2900; }
.about-page .abx-principle-art svg { width: 160px; height: 160px; transform: rotate(var(--principle-spin,0deg)) scale(var(--principle-scale,1)); }
.about-page .abx-principle-slot:nth-child(2) article { background: #ff2900; border-color: #ff2900; }
.about-page .abx-principle-slot:nth-child(2) article > span,
.about-page .abx-principle-slot:nth-child(2) h3,
.about-page .abx-principle-slot:nth-child(2) .abx-principle-art { color: #fff; }
.about-page .abx-principle-slot:nth-child(2) p { color: #fff; }
.about-page .abx-principle-slot:nth-child(3) article { background: #111719; border-color: #111719; }
.about-page .abx-principle-slot:nth-child(3) h3 { color: #fff; }
.about-page .abx-principle-slot:nth-child(3) p { color: #c2c7c4; }
.about-page .abx-white-link { margin: 32px 0 0; padding: 16px 22px; background: #111719; color: #fff; border: 0; border-radius: 99px; text-decoration: none; }
@media(max-width:800px) {
 .about-page .abx-white-chapter > .abx-shell { width: calc(100% - 32px); }
 .about-page .abx-white-services { grid-template-columns: 1fr; gap: 16px; margin-top: 32px; }
 .about-page .abx-white-services article { padding: 28px; }
 .about-page .abx-principle-art { height: 150px; margin: 0 0 24px; }
 .about-page .abx-principle-art svg { width: 130px; height: 130px; }
}
@media(prefers-reduced-motion:reduce) { .about-page .abx-white-services article, .about-page .abx-principle-art svg { transform: none; } }