.protocol-timeline{--tl-mint: #EEEEE9;--tl-teal: #37d6ac;--tl-teal-dark: #12676c;--tl-ink: #1c1c1c;--tl-muted: #6b6f70;--tl-border: #e4e4e2;padding:72px 0}.protocol-timeline__inner{width:80%;margin:0 auto}.protocol-timeline__intro{max-width:640px;margin:0 0 48px}.protocol-timeline__heading{font-size:clamp(28px,3vw,40px);line-height:1.15;font-weight:600;color:var(--tl-ink);margin:0 0 16px}.protocol-timeline__description{color:var(--tl-muted);font-size:16px;line-height:1.6}.protocol-timeline__description p{margin:0}.protocol-timeline__body{display:grid;grid-template-columns:minmax(280px,380px) minmax(0,1fr);gap:56px;align-items:start}.protocol-timeline__list{position:relative;display:flex;flex-direction:column;align-items:stretch;width:100%}.protocol-timeline__rail{position:absolute;width:2px;background:var(--tl-border);z-index:0}.protocol-timeline__item{position:relative;z-index:1;width:100%;align-self:stretch}.protocol-timeline__trigger{display:grid;grid-template-columns:16px minmax(0,1fr);column-gap:16px;align-items:start;width:100%;margin:0;padding:18px 12px;box-sizing:border-box;background:none;border:none;border-radius:10px;text-align:left;cursor:pointer;font-family:inherit;justify-content:start;justify-items:start;transition:background .15s ease}.protocol-timeline__trigger:hover,.protocol-timeline__item.is-active .protocol-timeline__trigger{background:var(--tl-mint)}.protocol-timeline__dot-track{width:16px;display:flex;justify-content:center;align-items:flex-start;padding-top:6px}.protocol-timeline__dot{width:12px;height:12px;border-radius:50%;background:var(--tl-border);flex-shrink:0;transition:background .2s ease,transform .2s ease;position:relative;z-index:1}.protocol-timeline__item.is-active .protocol-timeline__dot{background:var(--tl-teal);transform:scale(1.2)}.protocol-timeline__trigger-text{display:flex;flex-direction:column;align-items:flex-start;gap:4px;width:100%;padding-bottom:8px;text-align:left}.protocol-timeline__day{font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--tl-teal)}.protocol-timeline__item-heading{font-size:17px;font-weight:600;color:var(--tl-ink);transition:color .15s ease}.protocol-timeline__item:not(.is-active) .protocol-timeline__item-heading{color:var(--tl-muted)}.protocol-timeline__mobile-panel{display:none}.protocol-timeline__panels{position:relative}.protocol-timeline__panel{display:none;grid-template-columns:220px 1fr;gap:32px;background:var(--tl-mint);border-radius:16px;padding:32px;animation:protocol-timeline-fade .25s ease}.protocol-timeline__panel.is-active{display:grid}@keyframes protocol-timeline-fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.protocol-timeline__image-wrap{aspect-ratio:1 / 1;border-radius:12px;overflow:hidden;background:#dcebe9}.protocol-timeline__image-wrap img,.protocol-timeline__image-wrap svg{width:100%;height:100%;object-fit:cover;display:block;color:#b7d2cf}.protocol-timeline__panel-body{display:flex;flex-direction:column}.protocol-timeline__panel-day{font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--tl-teal);margin-bottom:8px}.protocol-timeline__panel-heading{font-size:24px;font-weight:600;color:var(--tl-ink);margin:0 0 12px}.protocol-timeline__body-text{font-size:15px;line-height:1.65;color:#3d3f3f;margin-bottom:18px}.protocol-timeline__body-text p{margin:0}.protocol-timeline__feeling{border-top:1px solid var(--tl-border);padding-top:16px}.protocol-timeline__feeling-label{display:block;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--tl-muted);margin-bottom:6px}.protocol-timeline__feeling p{margin:0;font-size:15px;color:var(--tl-ink);font-style:italic}@media(max-width:849px){.protocol-timeline__body{grid-template-columns:1fr;gap:0}.protocol-timeline__panels{display:none}.protocol-timeline__trigger{cursor:pointer}.protocol-timeline__mobile-panel{display:block;max-height:0;overflow:hidden;transition:max-height .3s ease;padding:0 12px}.protocol-timeline__mobile-panel .protocol-timeline__image-wrap{margin-bottom:16px;max-width:320px}.protocol-timeline__item.is-active .protocol-timeline__mobile-panel{max-height:800px;padding-bottom:20px}}@media(prefers-reduced-motion:reduce){.protocol-timeline__panel{animation:none}.protocol-timeline__mobile-panel{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-timeline.css.map */