body{--page-hero:url('../images/banners/process-hero.v1.webp');--page-cta:url('../images/banners/process-final-cta.v1.webp')}.process-hero{--hero:url('../images/banners/process-hero.v1.webp')}.strategy-strip{display:grid;grid-template-columns:.85fr 1.15fr;gap:56px}.strategy-strip h2{font-family:var(--serif);font-weight:400;font-size:2.5rem;margin:0}.rhythm-wrap{overflow-x:auto}.rhythm-table{width:100%;border-collapse:collapse;min-width:920px}.rhythm-table th{text-align:left;color:var(--gold-2);text-transform:uppercase;letter-spacing:.1em;font-size:.65rem;padding:16px 14px;border-bottom:1px solid var(--line)}.rhythm-table td{padding:18px 14px;border-bottom:1px solid var(--line);vertical-align:top;font-size:.74rem;color:var(--muted)}.rhythm-table td:first-child{color:#fff;font-family:var(--serif);font-size:1rem}.rhythm-table .stage-no{color:var(--gold-2);display:inline-block;width:28px}.after-launch{display:grid;grid-template-columns:1.1fr .9fr;gap:54px;align-items:center}.after-launch img{height:430px;object-fit:cover}.after-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:30px}.after-columns h3{font-family:var(--serif);font-weight:400}.after-columns p{font-size:.78rem;color:var(--paper-muted)}@media(max-width:800px){.strategy-strip,.after-launch{grid-template-columns:1fr}.after-columns{grid-template-columns:1fr}.after-launch img{height:300px}}
/* Step 8 mobile rhythm: convert the wide operating table into labelled stage cards instead of forcing horizontal scrolling. */
@media(max-width:800px){
  .rhythm-wrap{overflow:visible}
  .rhythm-table{display:block;width:100%;min-width:0}
  .rhythm-table thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
  .rhythm-table tbody{display:grid;gap:18px}
  .rhythm-table tr{display:grid;padding:6px 18px;border:1px solid var(--line);background:rgba(255,255,255,.02)}
  .rhythm-table td{display:grid;grid-template-columns:82px minmax(0,1fr);gap:14px;padding:13px 0;border-bottom:1px solid var(--line);font-size:.8rem}
  .rhythm-table td:last-child{border-bottom:0}
  .rhythm-table td::before{color:var(--gold-2);font-size:.62rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
  .rhythm-table td:nth-child(1)::before{content:'Stage'}
  .rhythm-table td:nth-child(2)::before{content:'What happens'}
  .rhythm-table td:nth-child(3)::before{content:'You provide'}
  .rhythm-table td:nth-child(4)::before{content:'We handle'}
  .rhythm-table td:nth-child(5)::before{content:'Output'}
  .rhythm-table td:first-child{font-size:1.05rem}
}

/* Step 9 accessibility: Chromium exposes the horizontal table wrapper as a keyboard-focusable scroll region. */
.rhythm-wrap:focus-visible{outline:3px solid var(--focus-dark);outline-offset:3px}