.quote-process-page {
  background: var(--color-obsidian);
}

.quote-process-page__hero-grid,
.quote-process-page__steps-grid,
.quote-process-page__translation-grid {
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  gap: var(--grid-gap);
  align-items: center;
}

.quote-process-page__hero-copy,
.quote-process-page__hero-media,
.quote-process-page__steps-intro,
.quote-process-page__steps-list,
.quote-process-page__translation-copy,
.quote-process-page__translation-media {
  min-width: 0;
  width: 100%;
}

.quote-process-page__hero-copy {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
}

.quote-process-page__hero-copy > * { margin: 0; }
.quote-process-page__hero-copy h1 { max-width: 22ch; }
.quote-process-page__hero-copy .lead { max-width: 58ch; }
.quote-process-page__hero-copy > p:not(.eyebrow):not(.lead) { max-width: 60ch; }

.quote-process-page__hero-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-3);
  width: 100%;
}

.quote-process-page__hero-actions > * { min-width: 0; }

.quote-process-page__hero-media,
.quote-process-page__translation-media,
.quote-process-page__final-media {
  position: relative;
  overflow: hidden;
  margin: 0;
  border: var(--border-default);
  border-radius: var(--radius-feature);
  background: var(--color-slate-panel);
}

.quote-process-page__hero-media { min-height: 31rem; }
.quote-process-page__hero-media::after {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(9,9,11,.08), rgba(9,9,11,.58));
  content: "";
  pointer-events: none;
}

.quote-process-page__hero-media img,
.quote-process-page__translation-media img,
.quote-process-page__final-media img {
  width: 100%;
  height: 100%;
  max-width: 100%;
  object-fit: cover;
}

.quote-process-page__hero-media img { position: absolute; inset: 0; object-position: right center; }

.quote-process-page__section-intro,
.quote-process-page__checklist-intro,
.quote-process-page__examples-intro {
  max-width: 62ch;
}

.quote-process-page__certainty-grid,
.quote-process-page__roles-grid,
.quote-process-page__proposal-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--grid-gap);
  margin-top: var(--group-space);
}

.quote-process-page__certainty-card,
.quote-process-page__proposal-card,
.quote-process-page__example-card {
  min-width: 0;
  padding: var(--panel-padding);
  border: var(--border-default);
  border-radius: var(--radius-control);
  background: var(--color-slate-panel);
}

.quote-process-page__certainty-card { transition: border-color var(--transition-base); }
.quote-process-page__certainty-card:hover { border-color: var(--color-metal-line); }
.quote-process-page__number,
.quote-process-page__step-number { margin: 0; color: var(--color-amber); font-size: var(--text-sm); font-weight: 700; letter-spacing: .12em; }

.quote-process-page__steps-grid { align-items: start; }
.quote-process-page__steps-intro { max-width: 42ch; }
.quote-process-page__steps-list { display: flex; flex-direction: column; gap: var(--space-4); }
.quote-process-page__step {
  display: grid;
  grid-template-columns: minmax(3.5rem, 1fr) minmax(0, 7fr);
  gap: var(--space-5);
  min-width: 0;
  padding: var(--panel-padding);
  border: var(--border-default);
  border-left: 2px solid var(--color-zinc-grid);
  background: var(--color-slate-panel);
  cursor: pointer;
  transition: border-color var(--transition-base), transform var(--transition-base);
}
.quote-process-page__step:hover,
.quote-process-page__step.is-selected { border-color: var(--color-metal-line); border-left-color: var(--color-amber); transform: translateY(-2px); }
.quote-process-page__step-content { min-width: 0; max-width: 58ch; }
.quote-process-page__mini-list,
.quote-process-page__role-card ul { display: grid; gap: var(--space-2); margin-bottom: 0; padding: 0; }
.quote-process-page__meta-grid,
.quote-process-page__service-tags { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-2); margin-top: var(--space-4); }
.quote-process-page__meta-grid span,
.quote-process-page__service-tags span { min-width: 0; padding: var(--space-2); border: var(--border-default); color: var(--color-mist); font-size: var(--text-xs); letter-spacing: .08em; text-transform: uppercase; }
.quote-process-page__service-tags span { color: var(--color-amber); }
.quote-process-page__step--final { border-bottom-color: var(--color-felt-green); }
.quote-process-page__implementation-note { padding: var(--space-3); border-left: 2px solid var(--color-felt-green); background: var(--color-green-wash); }

.quote-process-page__checklist-intro { max-width: 64ch; }
.quote-process-page__checklist-layout { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: var(--grid-gap); margin-top: var(--group-space); align-items: start; }
.quote-process-page__checklist-panel { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-3); }
.quote-process-page__checklist-panel details { min-width: 0; border: var(--border-default); background: var(--color-obsidian); }
.quote-process-page__checklist-panel summary { min-height: 2.75rem; padding: var(--space-3); color: var(--color-paper); cursor: pointer; font-size: var(--text-xs); font-weight: 700; letter-spacing: .12em; line-height: var(--leading-label); text-transform: uppercase; }
.quote-process-page__checklist-panel details p { margin: 0; padding: 0 var(--space-3) var(--space-3); }
.quote-process-page__open-note { display: flex; flex-direction: column; gap: var(--space-4); }
.quote-process-page__open-note > * { margin: 0; }

.quote-process-page__roles-intro,
.quote-process-page__proposal-intro { max-width: 62ch; margin-inline: auto; }
.quote-process-page__roles-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.quote-process-page__role-card { min-width: 0; }
.quote-process-page__role-card--service { border-top: 2px solid var(--color-felt-green); }

.quote-process-page__translation-copy { max-width: 56ch; }
.quote-process-page__translation-media { aspect-ratio: 4 / 3; }
.quote-process-page__translation-media figcaption,
.quote-process-page__final-media figcaption { position: absolute; right: 0; bottom: 0; left: 0; margin: 0; padding: var(--space-3) var(--space-4); background: rgba(9,9,11,.82); color: var(--color-mist); font-size: var(--text-xs); }
.quote-process-page__translation-media figcaption span,
.quote-process-page__final-media figcaption span { display: block; margin-bottom: var(--space-1); color: var(--color-amber); font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }

.quote-process-page__examples-grid { display: grid; grid-template-columns: minmax(0, 6fr) minmax(0, 3fr) minmax(0, 3fr); gap: var(--grid-gap); margin-top: var(--group-space); }
.quote-process-page__example-card { display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-4); }
.quote-process-page__example-card > * { margin: 0; }
.quote-process-page__example-card a { margin-top: auto; color: var(--color-amber); }
.quote-process-page__example-card--poker { border-color: var(--color-felt-green); background: var(--color-green-wash); }
.quote-process-page__example-card--poker .eyebrow { color: var(--color-felt-green); }

.quote-process-page__proposal-intro { max-width: 60ch; }
.quote-process-page__proposal-card { border-bottom-color: var(--color-metal-line); }

.quote-process-page__final-panel { display: grid; grid-template-columns: repeat(10, minmax(0, 1fr)); gap: var(--grid-gap); width: min(100%, 68.75rem); margin-inline: auto; align-items: center; }
.quote-process-page__final-copy { display: flex; grid-column: span 5; min-width: 0; flex-direction: column; align-items: flex-start; gap: var(--space-4); max-width: 58ch; }
.quote-process-page__final-copy > * { margin: 0; }
.quote-process-page__final-copy h2 { max-width: 22ch; }
.quote-process-page__final-media { grid-column: span 5; min-width: 0; aspect-ratio: 3 / 2; }

@media (max-width: 68.75rem) {
  .quote-process-page__examples-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .quote-process-page__example-card--wide { grid-column: 1 / -1; }
}

@media (max-width: 64rem) {
  .quote-process-page__hero-grid,
  .quote-process-page__translation-grid { grid-template-columns: minmax(0, 1fr); }
  .quote-process-page__hero-copy,
  .quote-process-page__translation-copy { max-width: none; }
  .quote-process-page__hero-media { min-height: 28rem; }
  .quote-process-page__final-panel { grid-template-columns: minmax(0, 1fr); }
  .quote-process-page__final-copy,
  .quote-process-page__final-media { grid-column: 1; }
}

@media (max-width: 60rem) {
  .quote-process-page__steps-grid { grid-template-columns: minmax(0, 1fr); }
  .quote-process-page__steps-intro { max-width: 62ch; }
}

@media (max-width: 56.25rem) {
  .quote-process-page__certainty-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .quote-process-page__certainty-card:last-child { grid-column: 1 / -1; }
  .quote-process-page__checklist-layout { grid-template-columns: minmax(0, 1fr); }
  .quote-process-page__roles-grid { grid-template-columns: minmax(0, 1fr); }
  .quote-process-page__proposal-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .quote-process-page__proposal-card:last-child { grid-column: 1 / -1; }
}

@media (max-width: 47.9375rem) {
  .quote-process-page__hero-copy h1 { max-width: 12ch; }
  .quote-process-page__hero-actions { flex-direction: column; align-items: stretch; }
  .quote-process-page__hero-actions .button { width: 100%; }
  .quote-process-page__hero-media { min-height: 0; aspect-ratio: 4 / 3; margin-top: var(--space-2); }
  .quote-process-page__hero-copy .lead,
  .quote-process-page__hero-copy > p:not(.eyebrow):not(.lead) { max-width: none; }
  .quote-process-page__certainty-grid,
  .quote-process-page__examples-grid,
  .quote-process-page__proposal-grid { grid-template-columns: minmax(0, 1fr); gap: var(--space-4); }
  .quote-process-page__certainty-card:last-child,
  .quote-process-page__proposal-card:last-child,
  .quote-process-page__example-card--wide { grid-column: 1; }
  .quote-process-page__step { grid-template-columns: minmax(0, 1fr); gap: var(--space-3); padding: var(--panel-padding); }
  .quote-process-page__step-content { max-width: none; }
  .quote-process-page__meta-grid,
  .quote-process-page__service-tags,
  .quote-process-page__checklist-panel { grid-template-columns: minmax(0, 1fr); }
  .quote-process-page__checklist-layout { gap: var(--space-4); }
  .quote-process-page__final-copy h2 { max-width: none; }
  .quote-process-page__final-media { aspect-ratio: 4 / 3; }
}

ul { list-style: none !important; }
.nav-toggle { flex-direction: column; }