.milestone{gap:2rem;overflow:hidden}.milestone__text{max-width:27.125rem}.milestone__title{margin-bottom:2rem}.milestone__muted{color:var(--color-basic-white-30);margin-bottom:clamp(.75rem,.6rem + .75vw,1.5rem);display:block}@property --angle{syntax:"<angle>";inherits:true;initial-value:0turn}@keyframes milestone-border{to{--angle:1turn}}.milestone__card{background:linear-gradient(var(--color-basic-black-100), var(--color-basic-black-100)) padding-box, conic-gradient(from var(--angle), var(--color-primary) 0deg, var(--color-basic-white-5) 45deg, var(--color-basic-white-5) 90deg, var(--color-white) 135deg, var(--color-basic-white-5) 180deg, var(--color-basic-white-5) 220deg, var(--color-primary) 360deg) border-box;color:var(--color-basic-white-60);border:.0625rem solid #0000;border-radius:1.5rem;padding:clamp(1.5rem,1.4rem + .5vw,2rem);position:relative}@media (any-hover:hover){.milestone__card:hover{animation:1s linear alternate milestone-border}}.milestone__card-text{margin-bottom:1.5rem;font-size:clamp(1rem,.95rem + .25vw,1.25rem);font-weight:500;line-height:1.4}.milestone__figure{max-width:fit-content}.milestone__curve{width:100%;height:auto;margin-bottom:clamp(2rem,1.875rem + .625vw,2.625rem);display:block}.milestone__num{background:linear-gradient(180deg, var(--color-primary) 0%, var(--color-accent-yellow-15) 100%);max-width:fit-content;color:var(--body-bg-color);-webkit-text-stroke:.1875rem transparent;-webkit-background-clip:text;background-clip:text;margin-inline-start:auto;font-size:clamp(12.25rem,11.95rem + 1.5vw,13.75rem);font-weight:400;line-height:.8}@media (width<=61rem){.milestone__num{font-size:12.25rem;line-height:.85}}