.principles-loop{display:flex;position:relative;align-items:stretch;overflow:hidden}
.principles-window{flex:1;min-width:0;overflow:hidden}
.principles-track{display:flex;width:max-content;animation:principles-drift 34s linear infinite}
.principles-group{flex:0 0 auto;display:flex;align-items:center;justify-content:space-around;gap:60px;width:max(1150px,calc(100vw - 44px));padding:26px 40px}
.principles-group span{white-space:nowrap;font-size:.875rem;font-weight:700}
.principles-pause{flex:0 0 44px;border:0;border-left:1px solid var(--line);background:#fff;color:var(--navy);cursor:pointer;font-size:1rem}
.principles-pause:hover{background:#f4f4f4}
.principles-pause:focus-visible{outline-offset:-5px}
.principles-pause span{display:block}
.principles-pause span:before{display:none}
.principles-loop[data-paused="true"] .principles-track{animation-play-state:paused}
@media(hover:hover){.principles-window:hover .principles-track{animation-play-state:paused}}
@keyframes principles-drift{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(max-width:760px){.principles-group{padding-top:22px;padding-bottom:22px}}
@media(prefers-reduced-motion:reduce){.principles-track{animation:none;width:100%}.principles-group{width:100%;min-width:0;flex-wrap:wrap;justify-content:center;gap:16px 24px;padding:22px 20px}.principles-copy,.principles-pause{display:none}}