.experience-timeline{--timeline-active:#b9472e;position:relative;container:experience-timeline/inline-size}.timeline-canvas{--axis-x:var(--axis-mobile);isolation:isolate}.timeline-axis{background:var(--border);transform-origin:top;width:1px;position:absolute;inset-block:0 4rem;inset-inline-start:var(--axis-x);translate:-50%}.timeline-row{pointer-events:none;padding-inline-start:calc(var(--axis-x) + 1.75rem);transition:opacity .5s,transform .5s;position:absolute;inset-inline:0}.is-ready .timeline-row:not(.is-visible){opacity:0;transform:translateY(12px)}.timeline-marker{border:4px solid var(--background);background:var(--foreground);box-sizing:border-box;z-index:4;border-radius:999px;width:1.25rem;height:1.25rem;position:absolute;inset-block-start:0;inset-inline-start:var(--axis-x);translate:-50%}.timeline-card{z-index:4;pointer-events:auto;position:relative}.timeline-piece,.timeline-card{transition:color .18s,opacity .18s,transform .18s}.experience-tag-picker{z-index:6;width:calc(var(--category-bus-desktop) + 8rem);pointer-events:none;display:none;position:absolute;inset-block:0;inset-inline-start:0}.experience-tag-picker-cluster{width:calc(var(--category-bus-desktop) + 8rem);pointer-events:none;height:19rem;position:sticky;top:max(4.5rem,50svh - 9.5rem)}.experience-tag-option{width:max-content;min-width:4.8rem;max-width:7rem;min-height:2rem;color:var(--muted-foreground);white-space:nowrap;pointer-events:auto;font-size:.7rem;font-weight:600;line-height:1.1;text-decoration:none;transition:color .18s,opacity .18s;display:block;position:absolute;inset-block-start:var(--tag-top);inset-inline-start:var(--category-bus-desktop)}.experience-tag-option>span{background:var(--background);min-height:2rem;box-shadow:0 .25rem .9rem color-mix(in srgb, var(--foreground) 8%, transparent);rotate:var(--tag-rotation);border:2px solid;justify-content:center;align-items:center;padding:.4rem .72rem;transition:background-color .18s,box-shadow .18s,scale .18s;display:flex}.experience-tag-option:nth-child(3n+1)>span{border-radius:48% 52% 43% 57%/57% 44% 56% 43%}.experience-tag-option:nth-child(3n+2)>span{border-radius:56% 44% 54% 46%/43% 58% 42% 57%}.experience-tag-option:nth-child(3n)>span{border-radius:44% 56% 48% 52%/60% 42% 58% 40%}.experience-tag-option.is-left{translate:calc(-100% - 1rem)}.experience-tag-option.is-right{translate:1rem}.experience-tag-option:after{content:"";opacity:.7;border-block-start:2px solid;width:1rem;position:absolute;inset-block-start:50%;translate:0 -50%}.experience-tag-option.is-left:after{inset-inline-end:-1rem}.experience-tag-option.is-right:after{inset-inline-start:-1rem}.experience-tag-option:hover,.experience-tag-option:focus-visible,.experience-tag-option.is-active{color:var(--timeline-active)}.experience-tag-option:hover>span,.experience-tag-option:focus-visible>span,.experience-tag-option.is-active>span{background:var(--muted);box-shadow:0 .35rem 1.25rem color-mix(in srgb, var(--timeline-active) 18%, transparent);scale:1.035}.experience-category-track{--category-bus-x:var(--category-bus-desktop);z-index:1;width:.8rem;color:var(--muted-foreground);opacity:0;pointer-events:none;transition:color .18s,opacity .18s;display:none;position:absolute;inset-inline-start:var(--category-bus-x);translate:-50%}.is-layout-ready .experience-category-bus.has-range{opacity:.38}.experience-category-stroke{transform-origin:top;border-inline-start:2px solid;position:absolute;inset-block:0;inset-inline-start:50%;translate:-50%}.experience-category-arm{width:calc(var(--axis-x) - var(--category-bus-x));height:.75rem;position:absolute;inset-inline-start:50%;translate:0 -50%}.experience-category-arm:before{content:"";transform-origin:0;border-block-start:2px solid;position:absolute;inset-block-start:50%;inset-inline:0}.experience-category-highlight.is-active{color:var(--timeline-active);opacity:1;z-index:3}.timeline-rail{--rail-x:var(--rail-mobile);--arm-width:var(--arm-mobile);z-index:2;width:.8rem;color:var(--border);opacity:0;visibility:hidden;position:absolute;inset-inline-start:var(--rail-x);translate:-50%}.is-layout-ready .timeline-rail{opacity:1;visibility:visible}.rail-stroke{transform-origin:top;border-inline-start:2px solid;position:absolute;inset-block:0;inset-inline-start:50%;translate:-50%}.rail-arm{width:var(--arm-width);border-block-start:2px solid;position:absolute;inset-inline-start:50%}.rail-arm-top{inset-block-start:0}.rail-arm-bottom{inset-block-end:0}.has-active [data-experience]:not(.is-active){opacity:.28}.has-active .open-status-rail:not(.is-active){opacity:.2}.has-active .experience-category-bus{opacity:.16}.has-active .experience-tag-option:not(.is-active){opacity:.48}.timeline-piece.is-active,.timeline-card.is-active{color:var(--timeline-active)}.timeline-card.is-active{transform:translate(.2rem)}.timeline-card.is-active .role-label{color:currentColor}.timeline-card.is-active .active-stroke{display:block}.open-phase-item{width:calc(100% - 1rem);max-width:calc(100% - 1rem);margin-inline-start:1rem}.open-phase-card{width:100%;color:var(--foreground)}.endpoint-title{overflow-wrap:anywhere;min-width:0}.open-ray{flex:2.5rem;min-width:1.5rem;height:.65rem;position:relative}.open-ray:before{content:"";opacity:.6;border-block-start:1px dashed;position:absolute;inset-block-start:50%;inset-inline:.1rem 0}.open-ray:after{content:"";background:var(--background);border:1px solid;border-radius:999px;width:.44rem;height:.44rem;position:absolute;inset-block-start:calc(50% - .22rem);inset-inline-end:-.22rem}.open-status-rail{z-index:5;width:1rem;color:var(--border);opacity:0;transition:color .18s,opacity .18s,transform .18s;position:absolute;inset-inline-end:0}.is-layout-ready .open-status-rail.has-range{opacity:1}.open-status-stroke{transform-origin:top;border-inline-start:1px dashed;position:absolute;inset-block:0;inset-inline-start:50%;translate:-50%}.open-status-label{background:var(--background);color:var(--muted-foreground);white-space:nowrap;border:1px solid;border-radius:.2rem;padding:.15rem .35rem;font-size:.7rem;line-height:1.2;position:absolute;inset-block-start:-1.8rem;inset-inline-end:.25rem}.open-status-rail.is-active{color:var(--timeline-active);opacity:1}.open-status-rail.is-active .open-status-label{color:currentColor}.open-status-rail:focus-visible{outline:none}.open-status-rail:focus-visible .open-status-label{outline:2px solid var(--accent);outline-offset:2px}.is-ready .timeline-axis{animation:.85s cubic-bezier(.22,1,.36,1) both draw-axis}.is-ready.is-layout-ready .rail-stroke{animation:.7s cubic-bezier(.22,1,.36,1) .18s both draw-axis}.is-ready.is-layout-ready .experience-category-bus .experience-category-stroke{animation:.7s cubic-bezier(.22,1,.36,1) .1s both draw-axis}.is-ready.is-layout-ready .experience-category-bus .experience-category-arm:before{animation:.62s cubic-bezier(.22,1,.36,1) .18s both draw-arm}.is-ready.is-layout-ready .open-status-stroke{animation:.7s cubic-bezier(.22,1,.36,1) .26s both draw-axis}@keyframes draw-axis{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes draw-arm{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@container experience-timeline (width>=56rem){.timeline-canvas{--axis-x:var(--axis-desktop)}.experience-tag-legend{display:none}.timeline-rail{--rail-x:var(--rail-desktop);--arm-width:var(--arm-desktop)}.experience-tag-picker,.experience-category-track{display:block}}.is-compact .timeline-card{padding-block:.125rem}.is-compact .timeline-row>ul{gap:.25rem;margin-block-start:.35rem}@media (prefers-reduced-motion:reduce){.timeline-axis,.rail-stroke,.experience-category-stroke,.experience-category-arm:before,.experience-category-track,.open-status-stroke,.open-status-rail,.timeline-row,.timeline-piece,.timeline-card{transition:none!important;animation:none!important;transform:none!important}.experience-tag-option,.experience-tag-option>span{transition:none!important;animation:none!important}.timeline-row{opacity:1!important}}