.philosophy-page .principle-grid article{position:relative;border-top:0;transition:transform .35s ease}
.philosophy-page .principle-grid article::before{content:'';position:absolute;left:0;right:0;top:0;height:2px;background:#171717;transform-origin:left;transition:transform .95s cubic-bezier(.22,1,.36,1)}
.philosophy-page .principle-number{color:#073578;font-size:56px;line-height:1;letter-spacing:-2px;font-weight:650}
.philosophy-page .principle-grid .small-label{letter-spacing:1.5px}
.philosophy-page .philosophy-close{font-size:clamp(29px,4vw,52px);letter-spacing:-1.3px;line-height:1.4}
.philosophy-motion .philosophy-reveal{opacity:0;transform:translateY(32px)}
.philosophy-motion .philosophy-reveal.is-visible{animation:philosophy-enter .9s cubic-bezier(.22,1,.36,1) both;animation-delay:var(--reveal-delay,0ms)}
.philosophy-motion .principle-grid article:not(.is-visible)::before{transform:scaleX(0)}
.philosophy-motion .principle-grid article.is-visible::before{transition-delay:var(--reveal-delay,0ms)}
@keyframes philosophy-enter{from{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}
@media(hover:hover) and (pointer:fine){.philosophy-page .principle-grid article:hover{translate:0 -6px}.philosophy-page .principle-grid article{transition:translate .35s ease}}
@media(max-width:600px){.philosophy-page .principle-number{font-size:48px}}
@media(prefers-reduced-motion:reduce){.philosophy-motion .philosophy-reveal{opacity:1;transform:none;animation:none!important}.philosophy-page .principle-grid article{translate:none!important}.philosophy-page .principle-grid article::before{transform:none!important}}