.process.process-editorial { padding-block: clamp(3.5rem, 4.72vw, 4.25rem); background: #f5f0e1; color: #111911; }
.process-editorial-layout { display: grid; width: min(100% - 3.5rem, 1280px); grid-template-columns: minmax(0, 1fr) minmax(0, 1.03fr); gap: clamp(2.5rem, 5.56vw, 5rem); align-items: start; }
.process-editorial-intro { min-width: 0; }
.process-editorial-eyebrow { margin: 0 0 22px; color: #486b50; font: 400 .75rem/1.5 var(--mono); letter-spacing: .12em; text-transform: uppercase; }
.process-editorial-intro h2 { margin: 0; color: #111911; font-size: clamp(2.5rem, 4vw, 3.5625rem); line-height: 1.11; letter-spacing: -.065em; font-weight: 400; }
.process-editorial-intro h2 span { display: block; margin-top: 6px; color: #486b50; }
.process-scope-art { display: block; width: 100%; height: auto; margin: 28px 0 0; mix-blend-mode: normal; }
.scope-document { position: relative; aspect-ratio: 1448 / 1086; }
.scope-document-fallback { display: block; width: 100%; height: auto; }
.scope-document-animation { display: none; position: absolute; inset: 0; width: 100%; height: 100%; }
.scope-document[data-scope-motion] .scope-document-animation { display: block; }
.scope-document[data-scope-motion="ready"] .scope-document-fallback, .scope-document[data-scope-motion="playing"] .scope-document-fallback { opacity: 0; }
.scope-reveal { opacity: 0; }
.scope-document[data-scope-motion="playing"] .scope-reveal { animation: scope-item-appear .6s ease-out both; }
.scope-reveal--systems { animation-delay: .25s !important; }
.scope-reveal--dates { animation-delay: 1.3s !important; }
.scope-reveal--authorization { animation-delay: 2.35s !important; }
.scope-reveal--confirmation { animation-delay: 3.4s !important; }
.scope-document[data-scope-motion="complete"] .scope-document-animation { display: none; }
@keyframes scope-item-appear { from { opacity: 0; } to { opacity: 1; } }
@media (prefers-reduced-motion: reduce) {
  .scope-document .scope-document-fallback { opacity: 1 !important; transition: none; }
  .scope-document .scope-document-animation { display: none !important; }
}
.process-editorial-journey { min-width: 0; }
.process-editorial-action { display: flex; justify-content: flex-end; margin-top: 27px; }
.process-editorial .process-editorial-cta { min-height: 56px; padding: 0 23px; gap: 55px; color: #fff; background: #17291e; border: 1px solid #17291e; font: 500 .75rem/1.2 var(--mono); letter-spacing: .035em; }
.process-editorial .process-editorial-cta span { font: 400 24px/1 var(--sans); }
.process-editorial .process-editorial-cta:hover { color: #fff; background: #244c3b; border-color: #244c3b; }
.process-editorial-steps { list-style: none; margin: 0; padding: 0; border-top: 1px solid #a1af98; }
.process-editorial-step { display: grid; grid-template-columns: 54px minmax(0, 1fr); gap: 23px; padding: 36px 0 37px; border-bottom: 1px solid #a1af98; min-height: 210px; }
.process-step-number { padding-top: 25px; color: #7f917a; font: 400 36px/1.1 var(--sans); letter-spacing: -.055em; }
.process-step-owner { margin: 0 0 13px; color: #61745d; font: 400 11px/1.5 var(--mono); letter-spacing: .12em; text-transform: uppercase; }
.process-editorial-step h3 { margin: 0 0 16px; font-size: 28px; line-height: 1.2; font-weight: 500; letter-spacing: -.045em; }
.process-step-copy { max-width: 420px; margin: 0; font-size: 17px; line-height: 1.65; color: #4e5948; }
.process-editorial-step--mode { background: #e7eddf; border: 0; padding: 34px 28px 39px; grid-template-columns: 38px minmax(0, 1fr); gap: 20px; min-height: 247px; }
.process-editorial-step--mode .process-step-number { color: #386747; }
.process-editorial-step--mode h3 { color: #244c3b; }
@media (min-width: 1200px) {
  .process-editorial-steps { margin-top: 5px; }
  .process-editorial-step:first-child { min-height: 214px; }
  .process-editorial-step:nth-child(2) { min-height: 250px; }
  .process-editorial-step--mode { min-height: 252px; }
}
@media (max-width: 1100px) {
  .process-editorial-step { grid-template-columns: 35px minmax(0, 1fr); gap: 14px; padding-block: 26px; }
  .process-editorial-step h3 { font-size: 23px; }
  .process-editorial-step--mode { padding: 26px 18px; grid-template-columns: 30px minmax(0, 1fr); }
  .process-step-copy { font-size: 16px; }
  .process-step-number { font-size: 28px; }
}
@media (max-width: 850px) {
  .process-editorial-layout { grid-template-columns: 1fr; width: min(100% - 3rem, 650px); gap: 40px; }
  .process-editorial-intro h2 { max-width: 550px; font-size: clamp(2.15rem, 9.7vw, 2.6875rem); }
  .process-scope-art { max-width: 550px; }
  .process-editorial-action { margin-top: 22px; }
  .process-editorial-step, .process-editorial-step--mode { min-height: 0; }
  .process-editorial-step h3 { font-size: 25px; }
  .process-editorial-step--mode { padding: 26px 20px; }
}
@media (max-width: 360px) {
  .process-editorial-layout { width: calc(100% - 2rem); }
  .process-editorial-step h3 { font-size: 23px; }
  .process-editorial-step--mode { padding-inline: 14px; gap: 12px; }
}