@layer components{.c-timeline{--timeline-dot-size:calc(var(--spacing,.25rem)*6);position:relative;container:timeline/inline-size}.c-timeline_indicator{background-color:var(--color-gray-300);clip-path:inset(0);width:1px;height:100%;display:block;position:absolute;top:0}.c-timeline_indicator:before{content:"";background-color:var(--color-primary);width:100%;height:100vh;margin-top:-100vh;display:block;position:sticky;top:-50vh;left:0}@container (max-width:600px){.c-timeline_indicator{left:calc(.5*var(--timeline-dot-size) - .5*1px)}}@container not (max-width:600px){.c-timeline_indicator{left:calc(2/7*100% - 2/7*15% - .5*var(--timeline-dot-size) - .5*1px)}}.c-timeline_inner{gap:calc(var(--spacing,.25rem)*6);display:grid}.c-timeline_row{row-gap:var(--grid-gutter);display:grid;position:relative}@container (max-width:600px){.c-timeline_row{padding-left:calc(var(--spacing,.25rem)*12)}.c-timeline_row:last-child{background-color:var(--color-white)}}@container not (max-width:600px){.c-timeline_row{grid-template-columns:2fr 5fr}:is(.c-timeline_row:last-child,.c-timeline_row:first-child)>*{position:relative}:is(.c-timeline_row:last-child,.c-timeline_row:first-child):before{content:"";background-color:var(--color-white);width:100%;height:50%;display:block;position:absolute;left:0}.c-timeline_row:first-child:before{top:0}.c-timeline_row:last-child:before{bottom:0}}.c-timeline_year{justify-content:space-between;align-items:center;display:flex}.c-timeline_year:before{content:"";width:var(--timeline-dot-size);height:var(--timeline-dot-size);background-color:var(--color-red-700);border-radius:100%;display:block}@container (max-width:600px){.c-timeline_year{position:relative}.c-timeline_year:before{top:0;left:calc(var(--spacing,.25rem)*-12);position:absolute}}@container not (max-width:600px){.c-timeline_year{flex-direction:row-reverse;justify-content:space-between;align-items:center;padding-right:15%;display:flex}}}