.patternpaste-designed-process {
  --pp-process-ground: var(--wp--preset--color--base, #fffaf2);
  --pp-process-ink: var(--wp--preset--color--contrast, #201c18);
  --pp-process-label: var(--wp--preset--color--role-label, var(--pp-process-ink));
  --pp-process-rule: var(--wp--preset--color--role-rule, var(--pp-process-ink));
  --pp-process-primary: var(--wp--preset--color--role-primary, var(--pp-process-ink));
  --pp-process-primary-ink: var(--wp--preset--color--role-primary-text, var(--pp-process-ground));
  box-sizing: border-box;
  container-type: inline-size;
  color: var(--pp-process-ink);
  background: var(--pp-process-ground);
  padding: clamp(28px, 5vw, 76px);
}
.patternpaste-designed.patternpaste-designed-process[data-treatment="designed"] {
  --pp-process-ground: #f4a261;
  --pp-process-ink: #241d17;
  --pp-process-label: #4d2a16;
  --pp-process-rule: #6e3519;
  --pp-process-primary: #241d17;
  --pp-process-primary-ink: #fff8ee;
  color: var(--pp-process-ink);
  background: var(--pp-process-ground);
  font-family: Arial, Helvetica, sans-serif;
}
.patternpaste-designed-process[data-treatment="inherit"]:not([class*="is-style-"]){color:inherit;background:transparent;}
.patternpaste-designed-process *, .patternpaste-designed-process *::before, .patternpaste-designed-process *::after { box-sizing: border-box; }
.patternpaste-designed-process :where(p, h2, h3, .wp-block-group, .wp-block-buttons) { margin-block: 0; }
.patternpaste-designed-process .patternpaste-designed-layout { max-width:var(--wp--style--global--wide-size,1380px); margin-inline: auto; }
.patternpaste-designed-process .patternpaste-process-header { display: grid; grid-template-columns: minmax(0, 2fr) minmax(220px, .72fr); gap: clamp(28px, 6cqi, 96px); align-items: end; padding-bottom: clamp(34px, 6cqi, 72px); }
.patternpaste-designed-process .patternpaste-process-eyebrow { grid-column: 1 / -1; color: var(--pp-process-label); font-size: 11px; letter-spacing: .14em; line-height: 1.4; }
.patternpaste-designed-process .patternpaste-process-heading { max-width: 10ch; }
.patternpaste-designed.patternpaste-designed-process[data-treatment="designed"] .patternpaste-process-heading { color: inherit; font-family: Arial, Helvetica, sans-serif; font-size: clamp(48px, 8cqi, 118px); font-weight: 700; line-height: .9; letter-spacing: -.07em; }
.patternpaste-designed-process .patternpaste-process-lede { max-width: 36ch; padding-bottom: .35em; }
.patternpaste-designed-process[data-treatment="designed"] .patternpaste-process-lede { color: inherit; font-size: clamp(17px, 1.7cqi, 23px); line-height: 1.45; }
.patternpaste-designed-process .patternpaste-process-phases { border-top: 1px solid var(--pp-process-rule); }
.patternpaste-designed-process .patternpaste-process-phase { display: grid; grid-template-columns: minmax(90px, .42fr) minmax(0, 1.45fr) minmax(230px, .7fr); gap: clamp(22px, 5cqi, 78px); align-items: start; min-height: 430px; padding-block: clamp(32px, 5cqi, 68px); border-bottom: 1px solid var(--pp-process-rule); }
.patternpaste-designed-process .patternpaste-process-number { color: var(--pp-process-label); }
.patternpaste-designed-process[data-treatment="designed"] .patternpaste-process-number { font-size: clamp(62px, 10cqi, 150px); font-weight: 700; line-height: .75; letter-spacing: -.09em; }
.patternpaste-designed-process .patternpaste-process-story { display: grid; gap: 22px; }
.patternpaste-designed-process .patternpaste-process-kicker, .patternpaste-designed-process .patternpaste-process-label { color: var(--pp-process-label); font-size: 11px; letter-spacing: .14em; line-height: 1.4; }
.patternpaste-designed-process[data-treatment="designed"] .patternpaste-process-title { color: inherit; max-width: 11ch; font-size: clamp(42px, 6.1cqi, 88px); font-weight: 700; line-height: .94; letter-spacing: -.055em; }
.patternpaste-designed-process .patternpaste-process-description { max-width: 54ch; }
.patternpaste-designed-process[data-treatment="designed"] .patternpaste-process-description { color: inherit; font-size: 17px; line-height: 1.6; }
.patternpaste-designed-process .patternpaste-process-deliverables { display: grid; gap: 0; border-top: 1px solid var(--pp-process-rule); }
.patternpaste-designed-process .patternpaste-process-label { padding-block: 15px; }
.patternpaste-designed-process .patternpaste-process-deliverable { padding: 13px 0 13px 22px; border-top: 1px solid color-mix(in srgb, var(--pp-process-rule) 44%, transparent); position: relative; }
.patternpaste-designed-process .patternpaste-process-deliverable::before { content: "↳"; position: absolute; left: 0; }
.patternpaste-designed-process[data-treatment="designed"] .patternpaste-process-deliverable { color: inherit; font-size: 14px; line-height: 1.45; }
.patternpaste-designed-process .patternpaste-process-note { margin-top: 22px; color: var(--pp-process-label); font-style: italic; }
.patternpaste-designed-process[data-treatment="designed"] .patternpaste-process-note { font-size: 13px; line-height: 1.5; }
.patternpaste-designed-process .patternpaste-process-footer { display: flex; justify-content: space-between; align-items: center; gap: 30px; padding-top: 28px; }
.patternpaste-designed-process .patternpaste-process-footer > p { max-width: 52ch; }
.patternpaste-designed-process[data-treatment="designed"] .wp-block-button__link { display: inline-block; border-radius: 999px; background: var(--pp-process-primary); color: var(--pp-process-primary-ink); padding: 16px 22px; font-size: 14px; text-decoration: none; }
.patternpaste-designed-process :where(a, button):focus-visible { outline: 3px solid currentColor; outline-offset: 4px; }
.patternpaste-designed-process .patternpaste-process-rail { display: grid; grid-template-columns: repeat(4, 1fr); border-block: 1px solid var(--pp-process-rule); }
.patternpaste-designed-process .patternpaste-process-rail button { appearance: none; display: grid; grid-template-columns: auto 1fr; gap: 12px; align-items: center; min-height: 74px; padding: 14px 18px; border: 0; border-right: 1px solid var(--pp-process-rule); color: inherit; background: transparent; font: inherit; text-align: left; cursor: pointer; }
.patternpaste-designed-process .patternpaste-process-rail button:last-child { border-right: 0; }
.patternpaste-designed-process .patternpaste-process-rail button[aria-selected="true"] { color: var(--pp-process-primary-ink); background: var(--pp-process-primary); }
.patternpaste-designed-process .patternpaste-process-rail span { font-size: 12px; opacity: .72; }
.patternpaste-designed-process .patternpaste-process-rail strong { font-size: 12px; letter-spacing: .1em; }
.patternpaste-designed-process.is-process-ready .patternpaste-process-phases { border-top: 0; }
.patternpaste-designed-process [hidden] { display: none !important; }
@container (max-width: 760px) {
  .patternpaste-designed-process .patternpaste-process-header { grid-template-columns: 1fr; gap: 24px; }
  .patternpaste-designed-process .patternpaste-process-phase { grid-template-columns: 90px minmax(0, 1fr); min-height: 0; }
  .patternpaste-designed-process .patternpaste-process-deliverables { grid-column: 2; }
  .patternpaste-designed-process .patternpaste-process-rail { grid-template-columns: repeat(2, 1fr); }
  .patternpaste-designed-process .patternpaste-process-rail button:nth-child(2) { border-right: 0; }
  .patternpaste-designed-process .patternpaste-process-rail button:nth-child(-n+2) { border-bottom: 1px solid var(--pp-process-rule); }
}
@container (max-width: 480px) {
  .patternpaste-designed-process { padding-inline: 20px; }
  .patternpaste-designed-process .patternpaste-process-phase { grid-template-columns: 1fr; gap: 24px; }
  .patternpaste-designed-process .patternpaste-process-deliverables { grid-column: auto; }
  .patternpaste-designed-process .patternpaste-process-footer { align-items: flex-start; flex-direction: column; }
  .patternpaste-designed-process .patternpaste-process-rail button { grid-template-columns: 1fr; gap: 4px; }
}
@media (prefers-reduced-motion: reduce) {
  .patternpaste-designed-process *, .patternpaste-designed-process *::before, .patternpaste-designed-process *::after { scroll-behavior: auto !important; }
}
/* The editor never receives the enhancement class, so all editable phases stay in flow. */
.editor-styles-wrapper .patternpaste-designed-process .patternpaste-process-phases > .block-editor-block-list__layout { display: contents; }
.editor-styles-wrapper .patternpaste-designed-process .patternpaste-process-phase { min-width: 0; }
.editor-styles-wrapper .patternpaste-designed-process .patternpaste-designed-layout > .block-list-appender { width: 100%; }

.patternpaste-designed-process[data-treatment="inherit"] {
  --pp-process-ground:var(--pp-ground); --pp-process-ink:var(--pp-ink);
  --pp-process-label:var(--pp-label); --pp-process-rule:var(--pp-rule);
  --pp-process-primary:var(--pp-primary); --pp-process-primary-ink:var(--pp-primary-ink);
}
.patternpaste-designed-process[data-treatment="inherit"] .patternpaste-process-rail span { color:inherit; opacity:1; }
/* An owner colour on the wrapper or any Group above reaches the label-scale text on it. */
:is(.patternpaste-designed-process.has-text-color,.patternpaste-designed-process .has-text-color) :is(.patternpaste-process-eyebrow,.patternpaste-process-number,.patternpaste-process-kicker,.patternpaste-process-label,.patternpaste-process-note):not(.has-text-color) { color:inherit; }