@keyframes parallax{0%{transform:translateY(-25%)}to{transform:translateY(10%)}}@keyframes slide-in-to-right{0%{translate:-100%}to{translate:0}}@keyframes slide-in-to-left{0%{translate:100%}to{translate:0}}@keyframes slide-in-to-top{0%{translate:0 100%}to{translate:0 0}}@keyframes slide-out-to-right{0%{translate:0}to{translate:100%}}@keyframes slide-out-to-left{0%{translate:0}to{translate:-100%}}@keyframes slide-out-to-bottom{0%{translate:0 0}to{translate:0 100%}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in-to-right{0%{opacity:0;translate:-25%}40%{opacity:0}to{opacity:1;translate:0}}@keyframes fade-in-to-left{0%{opacity:0;translate:25%}40%{opacity:0}to{opacity:1;translate:0}}@keyframes fade-in-to-top{0%{opacity:0;transform:translateY(var(--vertical-animation-translate,100%))}to{opacity:1;transform:translateY(0)}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}:root{--list-title-color:#000}.list{container:list/inline-size;position:relative}.list__container{display:grid;gap:40px 0;grid-template-columns:auto 1fr}.list__item{display:grid;gap:1rem 10px;grid-column:1/span 2;grid-template-columns:subgrid;grid-template-rows:min-content 1fr}.list__item:has(.list__title){grid-template-areas:"number title"}.list__item:has(.list__title):has(.list__content){grid-template-areas:"number title" "number content"}.list__item:has(.list__content){grid-template-areas:"number content"}.list__number{color:var(--list-number-color);font-size:4rem;font-weight:700;grid-area:number;line-height:1;margin:0;text-align:center;translate:0 -5px}.list__title{color:var(--list-title-color);font-size:var(--heading-3-font-size);grid-area:title;margin:0}.list__title .starspan{font-weight:400}.list__content{grid-area:content}.list__content>:not(:last-child){margin-bottom:1rem}@media (prefers-reduced-motion:no-preference){.list__item{animation:fade-in-to-top .5s cubic-bezier(.25,.46,.45,.94) .25s forwards;animation-range:entry 0 entry 100%;animation-timeline:view(75% 0);opacity:0}}@container list (width >= 500px){.list__item{-moz-column-gap:20px;column-gap:20px}.list__number{font-size:6rem;translate:0 -8px}.list__title{font-size:var(--heading-2-font-size)}}@container list (width >= 750px){.list__item{gap:20px 30px}.list__number{font-size:8rem;translate:0 -14px}.list__content>:not(:last-child){margin-bottom:1.5rem}}