.phase-title__tail{color:color-mix(in srgb, var(--color-ink) 40%, transparent)}.phase-rail{margin-top:calc(var(--spacing) * 12);position:relative}.phase-rail__track{inset-inline:0;background-color:color-mix(in srgb, var(--color-ink) 14%, transparent);height:2px;display:block;position:absolute;top:0}.phase-rail__fill{background-color:var(--color-accent);height:100%;transition:width .36s var(--ease-out);display:block}.phase-rail__steps{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.phase-step{cursor:pointer;text-align:left;padding-block:calc(var(--spacing) * 5) calc(var(--spacing) * 2);padding-inline:0 calc(var(--spacing) * 3);background:0 0;border:0;display:block;position:relative}.phase-step:before{content:"";width:2px;height:calc(var(--spacing) * 3);background-color:color-mix(in srgb, var(--color-ink) 14%, transparent);transition:background-color .24s var(--ease-out);position:absolute;top:0;left:0}.phase-step[data-state=current]:before,.phase-step[data-state=done]:before{background-color:var(--color-accent)}.phase-step:focus-visible{outline:2px solid var(--color-accent);outline-offset:calc(var(--spacing) * 1)}.phase-step__index{font-family:var(--font-display);letter-spacing:-.025em;font-weight:700;line-height:1;font-size:var(--text-2xl);color:color-mix(in srgb, var(--color-ink) 20%, transparent);transition:color .24s var(--ease-out);display:block}.phase-step[data-state=done] .phase-step__index{color:color-mix(in srgb, var(--color-ink) 45%, transparent)}.phase-step[data-state=current] .phase-step__index{color:var(--color-accent)}.phase-step__name{margin-top:calc(var(--spacing) * 3);font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.025em;font-weight:700;line-height:1;font-size:var(--text-sm);color:color-mix(in srgb, var(--color-ink) 45%, transparent);transition:color .24s var(--ease-out);display:block}.phase-step[data-state=current] .phase-step__name,.phase-step:hover .phase-step__name{color:var(--color-ink)}.phase-step__stage{margin-top:calc(var(--spacing) * 2);font-family:var(--font-sans);font-size:var(--text-xs);letter-spacing:.16em;text-transform:uppercase;color:color-mix(in srgb, var(--color-ink) 38%, transparent);transition:color .24s var(--ease-out);font-weight:700;line-height:1;display:block}.phase-step[data-state=current] .phase-step__stage{color:var(--color-accent)}@media (min-width:48rem){.phase-step{padding-block:calc(var(--spacing) * 6) calc(var(--spacing) * 2)}.phase-step:before{height:calc(var(--spacing) * 4)}.phase-step__index{font-size:var(--text-4xl)}.phase-step__name{font-size:var(--text-base)}}.phase-stage{margin-top:calc(var(--spacing) * 10);gap:calc(var(--spacing) * 8);display:grid}.phase-media{margin:0}.phase-media__frame{border-radius:var(--radius-cut-lg);aspect-ratio:4/3;display:block;position:relative;overflow:hidden}.phase-media__img{object-fit:cover}.phase-media__tag{font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.025em;font-weight:700;line-height:1;font-size:var(--text-sm);background-color:var(--color-accent);color:var(--color-on-accent);padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 2.5);position:absolute;bottom:0;left:0}.phase-media__caption{margin-top:calc(var(--spacing) * 3);font-size:var(--text-xs);color:color-mix(in srgb, var(--color-ink) 50%, transparent)}.phase-dossier{position:relative}.phase-dossier__head{border-top:2px solid var(--color-accent);padding-top:calc(var(--spacing) * 5)}.phase-dossier__label{color:color-mix(in srgb, var(--color-ink) 55%, transparent)}.phase-dossier__date{margin-top:calc(var(--spacing) * 3);font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.025em;font-weight:700;line-height:1;font-size:var(--text-4xl)}.phase-ghost{display:none}.phase-notes{margin:calc(var(--spacing) * 5) 0 0;gap:calc(var(--spacing) * 2);padding:0;list-style:none;display:grid}.phase-notes__item{padding-left:calc(var(--spacing) * 6);font-size:var(--text-sm);color:color-mix(in srgb, var(--color-ink) 70%, transparent);position:relative}.phase-notes__item:before{content:"";height:2px;width:calc(var(--spacing) * 3.5);background-color:var(--color-accent);position:absolute;top:.65em;left:0}.phase-metrics{margin:calc(var(--spacing) * 6) 0 0;gap:0;display:grid}.phase-metric{grid-template-columns:calc(var(--spacing) * 9) minmax(0, 1fr);align-items:start;column-gap:calc(var(--spacing) * 4);border-top:1px solid color-mix(in srgb, var(--color-ink) 14%, transparent);padding-block:calc(var(--spacing) * 4);display:grid}.phase-metric:last-child{border-bottom:1px solid color-mix(in srgb, var(--color-ink) 14%, transparent)}.phase-metric__icon{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6);margin-top:calc(var(--spacing) * 1);color:color-mix(in srgb, var(--color-ink) 45%, transparent);grid-area:1/1/span 2}.phase-metric__value{font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.025em;font-weight:700;line-height:1;font-size:var(--text-4xl);color:var(--color-accent);grid-area:1/2;margin:0}.phase-metric__unit{text-transform:none;margin-left:.15em;font-size:.5em}.phase-metric__label{margin-top:calc(var(--spacing) * 2);max-width:30ch;font-size:var(--text-sm);grid-area:2/2}@media (min-width:48rem){.phase-media__frame{aspect-ratio:16/10}.phase-dossier__date,.phase-metric__value{font-size:var(--text-5xl)}.phase-metric__label{font-size:var(--text-base)}}@media (min-width:64rem){.phase-stage{margin-top:calc(var(--spacing) * 10);column-gap:calc(var(--spacing) * 6);grid-template-columns:repeat(12,minmax(0,1fr));align-items:start}.phase-media{grid-area:1/1/auto/span 7}.phase-media__frame{aspect-ratio:auto;height:clamp(26rem,46vh,33rem)}.phase-media__tag{font-size:var(--text-base);padding-inline:calc(var(--spacing) * 6);padding-block:calc(var(--spacing) * 3)}.phase-dossier{z-index:1;background-color:var(--color-canvas);padding-left:calc(var(--spacing) * 8);grid-area:1/8/auto/-1;align-self:stretch}.phase-ghost{top:calc(var(--spacing) * 4);z-index:-1;font-family:var(--font-display);letter-spacing:-.04em;color:color-mix(in srgb, var(--color-ink) 8%, transparent);pointer-events:none;-webkit-user-select:none;user-select:none;margin-right:-.04em;font-size:clamp(5rem,8vw,8rem);font-weight:700;line-height:.8;display:block;position:absolute;right:0}}@media (prefers-reduced-motion:reduce){.phase-rail__fill,.phase-step:before,.phase-step__index,.phase-step__name,.phase-step__stage{transition:none}}