.wp-block-studio-zed-our-process { margin: 0; max-width: none; width: 100%; }
.our-process { background: var(--sz-chalk); color: var(--sz-graphite); padding: var(--site-spacing) var(--layout-margin-desktop) calc(var(--site-spacing) / 4); }
.our-process__layout { display: grid; gap: clamp(4rem, 7vw, 8.5rem); grid-template-columns: minmax(16rem, 0.72fr) minmax(0, 1.28fr); margin: 0 auto; max-width: 105rem; }
.our-process__intro-column { display: flex; flex-direction: column; gap: 2rem; min-width: 0; }
.our-process__intro-copy { margin: 0 auto 4rem; max-width: 65rem; text-align: center; }
.our-process__heading,
.our-process__stage-title { font-family: var(--font-heading); font-weight: 500; letter-spacing: .02em; text-transform: uppercase; }
.our-process__heading { font-size: var(--type-heading-m-size); line-height: var(--type-heading-m-line); }
.our-process__stage-title { font-size: var(--type-heading-s-size); line-height: var(--type-heading-s-line); }
.our-process__heading { margin: 0 0 1.5rem; }
.our-process__intro { font-family: var(--font-body); font-size: var(--type-body-r-size); font-weight: var(--type-body-r-weight); line-height: var(--type-body-r-line); }
.our-process__intro p { margin: 0; }
.our-process__lead-media { aspect-ratio: 1 / 1; margin-top: 0; overflow: hidden; width: 100%; }
.our-process__lead-image { display: block; height: 100%; object-fit: cover; object-position: center; width: 100%; }
.our-process__stages { min-width: 0; }
.our-process__stage { border-bottom: var(--stroke-width) solid var(--sz-grid-line); }
.our-process__stage:last-child { border-bottom: 0; }
.our-process__trigger { align-items: center; background: transparent; border: 0; color: inherit; cursor: pointer; display: grid; gap: 1.75rem; grid-template-columns: 2.5rem minmax(0, 1fr) 1.25rem; padding: 1.75rem 0; text-align: left; width: 100%; }
.our-process__trigger:focus-visible { outline: var(--focus-ring); outline-offset: .25rem; }
.our-process__number { align-items: center; border: var(--stroke-width) solid currentColor; display: inline-flex; font-family: var(--font-heading); font-size: var(--type-heading-s-size); font-weight: 400; height: 2.5rem; justify-content: center; line-height: 1; transition: background-color var(--control-transition), color var(--control-transition); width: 2.5rem; }
.our-process__number-label { display: block; transform: translateY(-1px); }
.our-process__stage.is-open .our-process__number { background: var(--sz-graphite); color: var(--sz-chalk); }
.our-process__arrow { height: 1rem; justify-self: end; position: relative; width: 1rem; }
.our-process__arrow::before,
.our-process__arrow::after { background: currentColor; content: ""; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); }
.our-process__arrow::before { height: var(--stroke-width); width: 100%; }
.our-process__arrow::after { height: 100%; width: var(--stroke-width); }
.our-process__stage.is-open .our-process__arrow::after { display: none; }
.our-process__panel[hidden] { display: none; }
.our-process__panel-inner { padding: 0 3rem 2.25rem 4.25rem; }
.our-process__stage-copy { font-family: var(--font-body); font-size: var(--type-body-s-size); font-weight: var(--type-body-r-weight); line-height: var(--type-body-s-line); max-width: 44rem; width: 100%; }
.our-process__stage-copy p { margin: 0 0 1rem; }
.our-process__stage-copy p:last-child { margin-bottom: 0; }
.our-process__stage-image { aspect-ratio: 2 / 1; display: none; height: auto; margin-top: 1.75rem; max-width: 44rem; object-fit: cover; object-position: center; width: 100%; }

@media (min-width: 64.0625rem) {
  .our-process__lead-media { width: 100%; }
}

@media (max-width: 64rem) {
  .our-process { padding-inline: var(--layout-margin-tablet); }
  .our-process__stage-copy { font-size: var(--type-body-r-size); font-weight: var(--type-body-r-weight); line-height: var(--type-body-r-line); }
  .our-process__layout { display: block; }
  .our-process__lead-media { margin: 0 auto 3.5rem; max-width: 28rem; }
  .our-process__intro-column { gap: 2rem; }
  .our-process__stage-title { font-size: var(--type-heading-s-size); line-height: var(--type-heading-s-line); }
  .our-process__trigger { gap: 1.25rem; grid-template-columns: 2rem minmax(0, 1fr) 1rem; padding: 1.35rem 0; }
  .our-process__number { font-size: var(--type-heading-s-size); height: 2rem; width: 2rem; }
  .our-process__panel-inner { padding: 0 2rem 1.75rem 3.25rem; }
}

@media (max-width: 48rem) {
  .our-process { padding-inline: var(--layout-margin-mobile); }
  .our-process__layout { display: block; }
  .our-process__intro-column { gap: 2rem; }
  .our-process__intro-copy { margin-bottom: 3rem; max-width: none; }
  .our-process__heading { margin-bottom: 1rem; }
  .our-process__intro-column { display: none; }
  .our-process__trigger { gap: 1rem; grid-template-columns: 2rem minmax(0, 1fr) 1rem; }
  .our-process__panel-inner { padding: 0 0 1.75rem 3rem; }
  .our-process__stage-image { aspect-ratio: 1 / 1; display: block; margin-top: 1.25rem; }
}