/* The stage remains sticky through story.css. Only its scroll runway changes. */
.hero-story[data-workflow-stage]{height:3600vh;height:3600svh}
.workflow-caption{position:absolute;inset:auto 0 0;z-index:6;display:none;margin:0;padding:14px max(24px,4.4vw) max(18px,env(safe-area-inset-bottom));background:linear-gradient(to top,#ffffff 0%,#ffffff 78%,#ffffffed 90%,#ffffff00 100%);color:#32373b;pointer-events:none}
.workflow-caption .workflow-caption-chapter{display:none;grid-template-columns:128px minmax(0,1fr);align-items:center;gap:24px;width:min(1120px,100%);margin-inline:auto}
.workflow-caption .workflow-caption-meta{display:flex;align-items:center;gap:14px;white-space:nowrap}
.workflow-caption .workflow-caption-number{font:500 13px/1.4 'DM Sans',sans-serif;color:#72797e;letter-spacing:.02em}
.workflow-caption .workflow-caption-tag{position:relative;display:block;padding-left:9px;color:#666e74;font-size:12px;font-weight:400;line-height:1.5;letter-spacing:0}
.workflow-caption .workflow-caption-tag::before{content:"";position:absolute;left:0;top:calc(50% - 1.5px);width:3px;height:3px;background:#ddeb37}
.workflow-caption .workflow-caption-body{min-width:0}
.workflow-caption .workflow-caption-phase{display:none}
.workflow-caption .workflow-caption-title{margin:0;color:#32373b;font-size:16px;font-weight:600;line-height:1.5;letter-spacing:-.015em;text-wrap:pretty}
.workflow-caption .workflow-caption-detail{margin:3px 0 0;color:#636c73;font-size:13px;font-weight:400;line-height:1.55;letter-spacing:0;text-wrap:pretty}
.workflow-caption .workflow-caption-copy--mobile{display:none;margin:0;font-size:14px;font-weight:500;line-height:1.55;letter-spacing:0;line-break:strict;text-wrap:pretty}
.workflow-caption .workflow-caption-still{display:none;margin:0;font-size:14px;font-weight:500;line-height:1.55;letter-spacing:0;line-break:strict;text-wrap:pretty}
.workflow-caption .workflow-order-caption{display:none}
.hero-story[data-workflow-stage="counter"][data-workflow-beat="order"] .workflow-caption .workflow-caption-phase{display:none!important}
.hero-story[data-workflow-stage="counter"][data-workflow-beat="order"] .workflow-caption .workflow-order-caption{display:block}
.hero-story[data-workflow-stage]:is([data-workflow-stage="clinic"],[data-workflow-stage="telehealth"],[data-workflow-stage="counter"],[data-workflow-stage="estimate"],[data-workflow-stage="fridge"],[data-workflow-stage="delivery"]) .workflow-caption{display:block}
.hero-story[data-workflow-stage="clinic"] .workflow-caption [data-workflow-caption="clinic"],
.hero-story[data-workflow-stage="telehealth"] .workflow-caption [data-workflow-caption="telehealth"],
.hero-story[data-workflow-stage="counter"] .workflow-caption [data-workflow-caption="counter"],
.hero-story[data-workflow-stage="estimate"] .workflow-caption [data-workflow-caption="estimate"],
.hero-story[data-workflow-stage="fridge"] .workflow-caption [data-workflow-caption="fridge"],
.hero-story[data-workflow-stage="delivery"] .workflow-caption [data-workflow-caption="delivery"]{display:grid}
.hero-story[data-workflow-stage][data-resolution-phase="problem"] .workflow-caption [data-workflow-phase="problem"],
.hero-story[data-workflow-stage][data-resolution-phase="process"] .workflow-caption [data-workflow-phase="process"],
.hero-story[data-workflow-stage][data-resolution-phase="outcome"] .workflow-caption [data-workflow-phase="outcome"]{display:block}
.hero-story[data-workflow-stage].story-unavailable .workflow-caption{display:none}
@media(orientation:portrait){
  .hero-story[data-workflow-stage]{height:4000vh;height:4000svh}
}
@media(max-width:760px){
  .workflow-caption{padding:12px max(20px,5vw) max(14px,env(safe-area-inset-bottom));background:linear-gradient(to top,#ffffff 0%,#ffffff 84%,#fffffff0 94%,#ffffff00 100%)}
  .workflow-caption .workflow-caption-chapter{grid-template-columns:minmax(0,1fr);gap:6px}
  .workflow-caption .workflow-caption-meta{gap:12px}
  .workflow-caption .workflow-caption-number{font-size:13px;line-height:1.4}
  .workflow-caption .workflow-caption-tag{font-size:13px;line-height:1.4}
  .workflow-caption .workflow-caption-copy--desktop{display:none}
  .workflow-caption .workflow-caption-copy--mobile{display:block}
}
@media(max-height:540px) and (orientation:landscape){
  .workflow-caption{padding-top:10px;padding-bottom:max(10px,env(safe-area-inset-bottom))}
  .workflow-caption .workflow-caption-chapter{grid-template-columns:128px minmax(0,1fr);gap:20px}
  .workflow-caption .workflow-caption-copy--desktop{display:none}
  .workflow-caption .workflow-caption-copy--mobile{display:block}
}
@media(prefers-reduced-motion:reduce){
  .workflow-caption .workflow-order-caption{display:none!important}
  .hero-story[data-workflow-stage][data-resolution-phase] .workflow-caption .workflow-caption-phase{display:none}
  .workflow-caption .workflow-caption-still{display:block}
}
@media(forced-colors:active){
  .workflow-caption{background:Canvas;color:CanvasText}
  .workflow-caption :is(.workflow-caption-number,.workflow-caption-tag,.workflow-caption-title,.workflow-caption-detail){color:CanvasText}
  .workflow-caption .workflow-caption-tag::before{background:Highlight}
}