/* Owdyflow brand philosophy — distinct from the Finance capability grid below. */
body.homepage .brand-principles{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,3vw,34px);margin-top:clamp(32px,3vw,44px)}
body.homepage .brand-principles article{min-width:0;border-top:2px solid #dce7f4;padding-top:14px}
body.homepage .brand-principles h3{margin:0;color:#173a7e;font-family:inherit;font-size:.77rem;font-weight:700;letter-spacing:.1em;line-height:1.35;text-transform:uppercase}
body.homepage .brand-principles p{margin:5px 0 0;color:#657391;font-size:.85rem;line-height:1.5}

/* These are principles, not a sequential flow. */
body.homepage .brand-philosophy.reveal-section .brand-principles:before{display:none}
body.homepage .brand-philosophy.reveal-section .brand-principles article{opacity:0;transform:translateY(14px);transition:opacity .52s var(--home-motion),transform .52s var(--home-motion)}
body.homepage .brand-philosophy.is-revealed .brand-principles article{opacity:1;transform:translateY(0)}
body.homepage .brand-principles article:nth-child(2){transition-delay:70ms}
body.homepage .brand-principles article:nth-child(3){transition-delay:140ms}

/* Keep the two sections distinct without their previous oversized handoff. */
body.homepage main>.section.brand-philosophy{padding-bottom:clamp(48px,5vw,64px)}
body.homepage main>.section.finance-flagship{padding-top:clamp(40px,4vw,48px)}

@media (max-width:640px){
  body.homepage .brand-principles{grid-template-columns:1fr;gap:16px;margin-top:28px}
  body.homepage .brand-principles article{padding-top:12px}
  body.homepage .brand-principles p{font-size:.86rem;line-height:1.5}
  body.homepage main>.section.brand-philosophy{padding-bottom:clamp(32px,10vw,40px)}
  body.homepage main>.section.finance-flagship{padding-top:clamp(28px,8vw,32px)}
}

@media (prefers-reduced-motion:reduce){
  body.homepage .brand-philosophy.reveal-section .brand-principles article{opacity:1!important;transform:none!important;transition:none!important}
}