.case-timeline{--section-py:clamp(2rem, 1.9rem + .5vw, 2.5rem)}.case-timeline__cards{--columns:1;--gap:clamp(1.5rem, 1.45rem + .25vw, 1.75rem);gap:var(--gap);flex-wrap:wrap;display:flex}.case-timeline__cards>li{flex:1 0 calc((100% - (var(--columns) - 1) * var(--gap)) / var(--columns))}.case-timeline__cards:not(:last-child){margin-bottom:clamp(2rem,1.7rem + 1.5vw,3.5rem)}.case-timeline__chart{--track-height:clamp(2.25rem, 1.9rem + 1.75vw, 4rem);--item-offset:.25rem;flex-direction:column;row-gap:clamp(.5rem,.4rem + .5vw,1rem)}.case-timeline__chart.pc-only{display:flex}.case-timeline__track{height:var(--track-height);background-color:var(--color-basic-white-5);border-radius:clamp(.5rem,.35rem + .75vw,1.25rem);position:relative;overflow:hidden}.case-timeline__item{left:calc(var(--start,0%) + var(--item-offset));top:var(--item-offset);bottom:var(--item-offset);width:calc(var(--span,100%) - var(--item-offset) * 2);border:.0625rem solid var(--color-basic-white-10);background:linear-gradient(90deg, transparent 0%, var(--color-basic-white-5) 100%), var(--color-basic-white-5);border-radius:clamp(.375rem,.225rem + .75vw,1.125rem);padding:clamp(.25rem,.125rem + .625vw,.875rem) clamp(.25rem,.1125rem + .6875vw,.9375rem);position:absolute;overflow:hidden}.case-timeline__name{min-width:0;font-size:var(--text-lg-font-size);white-space:nowrap;text-overflow:ellipsis;flex:auto;font-weight:400;overflow:hidden}.case-timeline__icon{flex:none}.case-timeline__icon img{object-fit:contain;width:clamp(1rem,.85rem + .75vw,1.75rem);height:clamp(1rem,.85rem + .75vw,1.75rem);display:block}@media (width>=48rem){.case-timeline__cards{--columns:2}}@media (width>=62rem){.case-timeline__cards{--columns:3}}