.noonce-timeline{--timeline-rail-width:2px;--timeline-marker-size:3rem;--timeline-gap:2rem;width:100%}.noonce-timeline__list{display:flex;flex-direction:column;gap:var(--timeline-gap);margin:0;padding:0;list-style:none}.noonce-timeline__item{position:relative;display:grid;grid-template-columns:var(--timeline-marker-size) minmax(0,1fr);grid-gap:1.5rem;gap:1.5rem;margin:0;padding:0;list-style:none}.noonce-timeline__rail{position:relative;display:flex;justify-content:center}.noonce-timeline__rail:after{content:"";position:absolute;inset-block-start:var(--timeline-marker-size);inset-block-end:calc(var(--timeline-gap) * -1);inset-inline-start:50%;width:var(--timeline-rail-width);background:linear-gradient(180deg,rgb(255 255 255/40%),rgb(255 255 255/8%));transform:translateX(-50%)}.noonce-timeline__item:last-child .noonce-timeline__rail:after{display:none}.noonce-timeline__marker{position:relative;z-index:1;display:grid;place-items:center;width:var(--timeline-marker-size);height:var(--timeline-marker-size);border:1px solid rgb(255 255 255/25%);border-radius:50%;background:#0a0a0a;color:rgb(255 255 255/75%);font-size:.8rem;font-weight:700;letter-spacing:.08em}.noonce-timeline__content{min-width:0;padding:1.75rem;border:1px solid rgb(255 255 255/10%);border-radius:.75rem;background:linear-gradient(135deg,rgb(255 255 255/5%),rgb(255 255 255/1%))}.noonce-timeline__header{display:flex;flex-direction:column;gap:.75rem}.noonce-timeline__metadata{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.noonce-timeline__category,.noonce-timeline__status{display:inline-flex;align-items:center;width:-moz-fit-content;width:fit-content;min-height:1.75rem;padding-inline:.65rem;border:1px solid rgb(255 255 255/12%);border-radius:999px;font-size:.75rem;line-height:1}.noonce-timeline__category{color:rgb(255 255 255/65%);text-transform:uppercase;letter-spacing:.08em}.noonce-timeline__status{color:rgb(255 255 255/85%)}.noonce-timeline__title{margin:0;font-size:clamp(1.35rem,3vw,2rem);line-height:1.15}.noonce-timeline__summary{margin-block:1rem 0;color:rgb(255 255 255/80%);line-height:1.65}.noonce-timeline__career-message{margin-block:1rem 0;-webkit-padding-start:1rem;padding-inline-start:1rem;-webkit-border-start:2px solid rgb(255 255 255/35%);border-inline-start:2px solid rgb(255 255 255/35%);color:rgb(255 255 255/65%);font-style:italic;line-height:1.6}.noonce-timeline__technologies{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.25rem 0 0;padding:0;list-style:none}.noonce-timeline__technology{margin:0;padding:.4rem .7rem;border-radius:.35rem;background:rgb(255 255 255/8%);color:rgb(255 255 255/78%);font-family:monospace;font-size:.8rem}.noonce-timeline__details{-webkit-margin-before:1.5rem;margin-block-start:1.5rem;-webkit-padding-before:1.25rem;padding-block-start:1.25rem;-webkit-border-before:1px solid rgb(255 255 255/10%);border-block-start:1px solid rgb(255 255 255/10%)}.noonce-timeline__details-summary{display:flex;align-items:center;gap:.65rem;width:-moz-fit-content;width:fit-content;color:rgb(255 255 255/80%);font-weight:600;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.noonce-timeline__details-summary:before{content:"+";display:grid;place-items:center;width:1.5rem;height:1.5rem;border:1px solid rgb(255 255 255/20%);border-radius:50%;font-size:1rem;line-height:1}.noonce-timeline__details[open]>.noonce-timeline__details-summary:before{content:"−"}.noonce-timeline__details-summary::marker{content:""}.noonce-timeline__details-summary::-webkit-details-marker{display:none}.noonce-timeline__details-summary:hover{color:#ffffff}.noonce-timeline__details-summary:focus-visible{outline:2px solid currentColor;outline-offset:.4rem;border-radius:.2rem}.noonce-timeline__steps{display:flex;flex-direction:column;gap:1rem;margin:1.5rem 0 0;padding:0;list-style:none}.noonce-timeline__step{margin:0;padding:1rem;border:1px solid rgb(255 255 255/8%);border-radius:.5rem;background:rgb(0 0 0/18%)}.noonce-timeline__step-title{margin:0;font-size:1rem}.noonce-timeline__step-description{margin-block:.5rem 0;color:rgb(255 255 255/68%);line-height:1.55}.noonce-timeline__deliverables{display:flex;flex-wrap:wrap;gap:.4rem;margin:.85rem 0 0;padding:0;list-style:none}.noonce-timeline__deliverable{padding:.3rem .55rem;border:1px solid rgb(255 255 255/10%);border-radius:.25rem;color:rgb(255 255 255/60%);font-family:monospace;font-size:.75rem}.noonce-timeline__item--completed .noonce-timeline__marker{border-color:rgb(255 255 255/65%);color:#ffffff}.noonce-timeline__item--validated .noonce-timeline__marker{border-style:double}.noonce-timeline__item--in_progress .noonce-timeline__marker{border-style:dashed}.noonce-timeline__item--planned{opacity:.65}@media (hover:hover){.noonce-timeline__content{transition:border-color .18s ease,transform .18s ease,background-color .18s ease}.noonce-timeline__item:hover .noonce-timeline__content{border-color:rgb(255 255 255/25%);transform:translateY(-2px)}}@media (max-width:40rem){.noonce-timeline{--timeline-marker-size:2.5rem;--timeline-gap:1.25rem}.noonce-timeline__item{gap:.85rem}.noonce-timeline__content{padding:1.25rem}.noonce-timeline__title{font-size:1.3rem}.noonce-timeline__career-message{-webkit-padding-start:.75rem;padding-inline-start:.75rem}}@media (prefers-reduced-motion:reduce){.noonce-timeline__content{transition:none}.noonce-timeline__item:hover .noonce-timeline__content{transform:none}}