.supply-principles{--principle-play-state: paused;gap:32px;padding-block:12px 38px;background:transparent;border:0}.supply-principles[data-principle-motion=running]{--principle-play-state: running}.supply-principle{min-width:0;text-align:center}.supply-principles h2{margin:16px 0 12px;min-height:2.5em;font-size:26px;line-height:1.25;font-weight:500;letter-spacing:-.02em;color:#fff}.supply-principles p{max-width:30ch;margin:0 auto;font-size:18px;line-height:1.7;color:#d7e5f7}.principle-icon{display:grid;place-items:center;width:60px;height:60px;margin-inline:auto;color:#c5e2ff}.principle-illustration{display:block;width:52px;height:52px;overflow:visible}.principle-illustration__body{transform-box:view-box;transform-origin:50% 50%}.supply-principles[data-principle-entered] .principle-illustration__body{animation:principle-arrive 12s cubic-bezier(.22,1,.36,1) infinite both;animation-play-state:var(--principle-play-state);animation-delay:var(--principle-delay, 0ms)}.supply-principle:nth-child(2){--principle-delay: .12s}.supply-principle:nth-child(3){--principle-delay: .24s}.supply-principle:nth-child(4){--principle-delay: .36s}@keyframes principle-arrive{0%,to{opacity:0;transform:translateY(12px) scale(.94)}6%,92%{opacity:1;transform:translateY(0) scale(1)}97%{opacity:0;transform:translateY(0) scale(1)}}@media(max-width:1100px){.supply-principles{gap:24px}.supply-principles h2{font-size:23px}.supply-principles p{font-size:17px}}@media(max-width:1000px){.supply-principles{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.supply-principles h2{min-height:0;font-size:25px}}@media(max-width:599px){.supply-principles{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 20px;padding-block:10px 32px}.principle-icon{width:50px;height:50px}.principle-illustration{width:44px;height:44px}.supply-principles h2{min-height:2.5em;font-size:20px;margin-block:12px 10px}.supply-principles p{font-size:15px;line-height:1.65}}@media(max-width:359px){.supply-principles h2{font-size:18px}}@media(prefers-reduced-motion:reduce){.principle-icon *{animation:none}}@media(forced-colors:active){.principle-icon,.supply-principles h2,.supply-principles p{color:CanvasText}}