/* About page delivery pass: preserve the existing visual system while making
   the first transition feel intentional and mobile reading immediately stable. */

@media (min-width: 769px) {
    html:not(.page-home) body.page-about .platform-principles {
        padding-top: clamp(104px, 8vw, 120px);
        padding-bottom: clamp(104px, 8vw, 120px);
    }
}

@media (max-width: 768px) {
    body.page-about .fade-up,
    body.page-about .fade-up:not(.visible) {
        opacity: 1 !important;
        filter: none !important;
        transform: none !important;
        transition: none !important;
        will-change: auto !important;
    }
}