.vitals-steps{grid-template-columns:1fr;gap:2rem;width:100%;padding-block:1.5rem;display:grid;container:vitals-steps/inline-size}@media (min-width:888px){.vitals-steps{grid-template-columns:repeat(3,1fr)}}.vitals-steps li{z-index:0;text-wrap:balance;counter-increment:list-item;grid-template-rows:repeat(3,auto);grid-template-columns:1fr;grid-template-areas:"number""headline""caption";row-gap:.25em;min-height:100px;font-size:1.25rem;display:grid;position:relative}@media (min-width:460px){.vitals-steps li{grid-template:"number headline"minmax(4.5rem,auto)"number caption"1fr/minmax(2vw,4.5rem) 1fr;align-items:center}}@media (min-width:640px){.vitals-steps li{font-size:1.5rem}}.vitals-steps li h3{text-wrap:balance;font-variation-settings:"opsz" 12;grid-area:headline;max-width:15ch;font-size:1.5em;font-weight:600;line-height:.9}.vitals-steps li p{color:color-mix(in oklch,currentColor 72%,transparent);font-variation-settings:"opsz" 8;grid-area:caption;line-height:1.3}.vitals-steps li:before{color:#0000;content:counter(list-item);text-align:center;vertical-align:middle;background-image:var(--gradient-1);-webkit-background-clip:text;background-clip:text;grid-area:number;align-self:start;width:.75em;height:.8em;font-size:clamp(30px,4em + 3.5vw,90px);font-weight:700;line-height:.7;display:inline-block;transform:translate(-.1em,-2px)}.vitals-steps li:nth-child(2):before{background-image:var(--gradient-2)}.vitals-steps li:nth-child(3):before{background-image:var(--gradient-3)}