@layer components{@media (width>=50em){.principles-title{letter-spacing:-.1em;line-height:1}}@media (width>=50em){.principles-title__left,.principles-title__right{font-size:150%}}@media (width>=50em){.principles-title__left{position:relative;left:-.1em}}.principles-title-loop{--line-weight:var(--line-weight-lg);border-radius:.5em;width:99%;height:50%;position:absolute;top:20%}.principles-title-loop .arrow{clip-path:polygon(0 0,100% 50%,0 100%);width:2rem;height:2rem}.principles-title-loop__right{--button-text:var(--color-accent);position:absolute;top:-.9rem;right:5%}.principles-title-loop__left{--button-text:var(--color-accent);position:absolute;bottom:-.9rem;left:5%}.principles-title-loop__left>div{transform:rotate(-180deg)}.loop{width:99%;height:50%;position:absolute;top:25%;overflow:visible}@media (prefers-reduced-motion:no-preference){.loop__fill{animation:6s linear infinite forwards draw-stroke}}.principles{counter-reset:my-awesome-counter;margin-top:var(--space-xl);margin-bottom:0;list-style:none}@media (width>=50em){.principles__item{column-gap:var(--space-xl);grid-template-columns:minmax(10vw,36rem) auto;display:grid}}.principles__item{counter-increment:my-awesome-counter;padding-top:var(--space-xl);padding-bottom:var(--space-xl)}.principles__item:not(:first-child){border-top:var(--line-weight)solid hsl(var(--color-text))}.principles__body{max-width:56ch}.principles__title{margin-top:calc(var(--space-lg)*-1);margin-bottom:calc(var(--space-sm)*-1);font-size:var(--type-xxl);z-index:var(--layer-5);position:relative}@media (width>=50em){.principles__title{margin-top:var(--space-sm)}}.principles__title a:before{--font-weight:700;content:"0" counter(my-awesome-counter)":";opacity:.5;margin-right:var(--space-sm);display:inline-block}.principles__img{border-radius:var(--space-sm);width:100%;display:block}}