.dp-expect-timeline{padding-top:var(--space-1);padding-bottom:0}.dp-expect-timeline__frame{position:relative;padding-bottom:var(--space-11);border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--forest-900) 0%,var(--forest-950) 100%);color:var(--text-inverse);overflow:hidden}.dp-expect-timeline__photo{position:relative;min-height:var(--dp-expect-photo-min);overflow:hidden}.dp-expect-timeline__photo--pictured{min-height:0}.dp-expect-timeline__picture{display:contents}.dp-expect-timeline__image{display:block;width:100%;height:auto}.dp-expect-timeline__over{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;padding:var(--space-10) var(--gutter) var(--space-8)}.dp-expect-timeline__photo:not(.dp-expect-timeline__photo--pictured) .dp-expect-timeline__over{position:relative;min-height:var(--dp-expect-photo-min)}.dp-expect-timeline__over:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,var(--dp-expect-scrim) 0%,transparent var(--dp-expect-scrim-depth));pointer-events:none}.dp-expect-timeline__head{position:relative;margin:0 0 var(--space-7)}.dp-expect-timeline .dp-expect-timeline__title{position:relative;margin:0;max-width:12ch;color:var(--dp-expect-heading);font-size:clamp(calc(var(--text-3xl) + 4px),5vw,var(--text-5xl));line-height:var(--leading-tight);letter-spacing:-.02em}.dp-expect-timeline__info{display:inline-block;margin-inline-start:var(--space-2);vertical-align:baseline}.dp-expect-timeline__info-button{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:var(--radius-pill);background:none;color:var(--dp-expect-info);cursor:pointer}.dp-expect-timeline__info-button:before{content:"";position:absolute;top:50%;left:50%;width:var(--control-md);height:var(--control-md);transform:translate(-50%,-50%)}.dp-expect-timeline__info-button:focus-visible{outline:none;box-shadow:var(--focus-ring)}.dp-expect-timeline__note{position:absolute;top:calc(100% + var(--space-2));left:0;right:0;z-index:2;margin:0;padding:var(--space-3) var(--space-4);border:1px solid var(--dp-expect-badge-line);border-radius:var(--radius-sm);background:var(--dp-expect-badge-surface);-webkit-backdrop-filter:blur(var(--dp-expect-badge-blur));backdrop-filter:blur(var(--dp-expect-badge-blur));color:var(--dp-expect-badge-title);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--weight-regular);line-height:var(--leading-normal);text-align:left}.dp-expect-timeline__note-lead{font-weight:var(--weight-medium)}.dp-expect-timeline__note[hidden]{display:none}.dp-expect-timeline__note:not([hidden]){animation:dp-note-in var(--duration-base) var(--ease-out)}.dp-expect-timeline__note[data-dp-closing]{animation:dp-note-out var(--duration-base) var(--ease-out) forwards}.dp-expect-timeline__steps{position:relative;display:grid;gap:var(--space-9);margin:0;padding:0;list-style:none}.dp-expect-timeline__steps--band{padding:var(--space-10) var(--gutter) 0}.dp-expect-timeline__steps--photo{flex:1;align-content:start}.dp-expect-timeline__steps--photo:before{content:"";position:absolute;top:calc(var(--dp-expect-pill) / 2);bottom:-100vh;left:calc((var(--dp-expect-dot) - var(--dp-expect-rail-width)) / 2);width:var(--dp-expect-rail-width);background:var(--dp-expect-rail)}.dp-expect-timeline__steps--band:before{content:"";position:absolute;top:calc(var(--space-10) * -1);left:calc(var(--gutter) + (var(--dp-expect-dot) - var(--dp-expect-rail-width)) / 2);width:var(--dp-expect-rail-width);height:calc(var(--space-10) * 2 + var(--dp-expect-pill) / 2);background:var(--dp-expect-rail)}.dp-expect-timeline__step{position:relative;display:grid;grid-template-columns:var(--dp-expect-dot) minmax(0,1fr);column-gap:var(--space-4);align-items:start}.dp-expect-timeline__dot{position:relative;z-index:1;width:var(--dp-expect-dot);height:var(--dp-expect-dot);margin-top:calc((var(--dp-expect-pill) - var(--dp-expect-dot)) / 2);border-radius:var(--radius-pill);background:var(--dp-expect-rail)}.dp-expect-timeline__step:before{content:"";position:absolute;top:calc(var(--dp-expect-pill) / 2);bottom:calc((var(--space-9) + var(--dp-expect-pill) / 2) * -1);left:calc((var(--dp-expect-dot) - var(--dp-expect-rail-width)) / 2);width:var(--dp-expect-rail-width);background:var(--dp-expect-rail)}.dp-expect-timeline__steps--photo .dp-expect-timeline__step:before{display:none}.dp-expect-timeline__steps--band .dp-expect-timeline__step:last-child:before{display:none}.dp-expect-timeline__steps--band .dp-expect-timeline__step:last-child .dp-expect-timeline__dot:after{content:"";position:absolute;top:calc(100% + var(--space-1));left:50%;width:var(--dp-expect-end-dot);height:var(--dp-expect-end-dot);transform:translate(-50%);border-radius:var(--radius-pill);background:var(--dp-expect-rail)}.dp-expect-timeline__pill{display:inline-flex;align-items:center;height:var(--dp-expect-pill);padding:0 var(--space-4);border-radius:var(--radius-pill);background:var(--dp-expect-pill-surface);color:var(--dp-expect-pill-ink);font-family:var(--dp-font-grotesk);font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:.02em;line-height:1;text-transform:uppercase;white-space:nowrap}.dp-expect-timeline__text{margin:var(--space-3) 0 0;font-size:var(--text-base);line-height:var(--leading-snug);color:var(--dp-expect-body)}.dp-expect-timeline__lead{color:var(--dp-expect-lead);font-weight:var(--weight-medium)}.dp-expect-timeline__badge{position:absolute;right:var(--space-2);bottom:var(--space-2);display:flex;align-items:center;gap:var(--space-4);margin:0;padding:var(--space-3) var(--space-4);border:1px solid var(--dp-expect-badge-line);border-radius:var(--radius-sm);background:var(--dp-expect-badge-surface);-webkit-backdrop-filter:blur(var(--dp-expect-badge-blur));backdrop-filter:blur(var(--dp-expect-badge-blur));color:var(--text-inverse)}.dp-expect-timeline__badge-figure{padding-inline-end:var(--space-4);border-inline-end:1px solid var(--dp-expect-badge-line);color:var(--dp-expect-badge-accent);font-family:var(--dp-font-grotesk);font-size:var(--text-2xl);font-weight:var(--weight-bold);line-height:1}.dp-expect-timeline__badge-text{display:flex;flex-direction:column;gap:var(--space-1);font-family:var(--dp-font-inter);font-size:var(--text-sm);font-weight:var(--weight-medium);letter-spacing:.02em;line-height:1.1;text-transform:uppercase}.dp-expect-timeline__badge-title{color:var(--dp-expect-badge-title)}.dp-expect-timeline__badge-sub{color:var(--dp-expect-badge-sub)}@media(max-width:900px){.dp-expect-timeline{padding-top:0}.dp-expect-timeline .dp-container{padding-inline:0}.dp-expect-timeline__frame{border-radius:0}}@media(min-width:901px){.dp-expect-timeline{padding-top:var(--section-y)}.dp-expect-timeline .dp-container{max-width:none;padding-inline:0}.dp-expect-timeline__frame{border-radius:0}.dp-expect-timeline__frame{display:grid;grid-template-columns:minmax(0,var(--dp-expect-copy-column)) minmax(0,var(--dp-expect-photo-column));grid-template-rows:auto auto 1fr;padding-bottom:0}.dp-expect-timeline__photo,.dp-expect-timeline__over{display:contents}.dp-expect-timeline__over:before{display:none}.dp-expect-timeline__image{grid-column:2;grid-row:1 / -1;align-self:stretch;width:100%;height:0;min-height:100%;object-fit:cover;object-position:var(--dp-expect-photo-focus)}.dp-expect-timeline__head{grid-column:1;grid-row:1;margin:0 0 var(--space-7);padding:var(--dp-expect-head-top) var(--space-9) 0 var(--space-12)}.dp-expect-timeline .dp-expect-timeline__title{max-width:none;font-size:var(--text-4xl)}.dp-expect-timeline__note{left:var(--space-12);right:var(--space-9)}.dp-expect-timeline__steps{gap:var(--space-7)}.dp-expect-timeline__step:before{bottom:calc((var(--space-7) + var(--dp-expect-pill) / 2) * -1)}.dp-expect-timeline__steps--photo{grid-column:1;grid-row:2;align-self:start;padding:0 var(--space-9) 0 var(--space-12)}.dp-expect-timeline__steps--band{grid-column:1;grid-row:3;align-self:start;margin-top:var(--space-7);padding:0 var(--space-9) var(--section-y-lg) var(--space-12)}.dp-expect-timeline__lead br{display:none}.dp-expect-timeline__text{max-width:var(--dp-expect-copy-max)}.dp-expect-timeline__steps--photo:before,.dp-expect-timeline__steps--band:before{display:none}.dp-expect-timeline__steps--photo .dp-expect-timeline__step:before{display:block}.dp-expect-timeline__badge{grid-column:2;grid-row:1 / -1;left:50%;right:auto;bottom:var(--dp-expect-badge-bottom);transform:translate(-50%);gap:calc(var(--space-4) * var(--dp-expect-badge-scale));padding:calc(var(--space-3) * var(--dp-expect-badge-scale)) calc(var(--space-4) * var(--dp-expect-badge-scale))}.dp-expect-timeline__badge-figure{padding-inline-end:calc(var(--space-4) * var(--dp-expect-badge-scale));font-size:calc(var(--text-2xl) * var(--dp-expect-badge-scale))}.dp-expect-timeline__badge-text{gap:calc(var(--space-1) * var(--dp-expect-badge-scale));font-size:calc(var(--text-sm) * var(--dp-expect-badge-scale))}}@media(prefers-reduced-motion:reduce){.dp-expect-timeline__note:not([hidden]),.dp-expect-timeline__note[data-dp-closing]{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/dp-expect-timeline.css.map */