.process-preview-page { background: var(--paper); }
.process-preview-page section[id] { scroll-margin-top: 92px; }
.pp-eyebrow,
.pp-section-heading > p,
.pp-source-label,
.pp-source-label small,
.pp-goal > span,
.pp-evidence-row span,
.pp-gap span,
.pp-blueprint-list small,
.pp-demo-label span,
.pp-positioning span,
.pp-specimen span,
.pp-specimen small,
.pp-specimen dt,
.pp-close > p,
.pp-index > p { font-size: 10px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }

.pp-intro { min-height: 86vh; padding: clamp(150px, 17vw, 220px) var(--gutter) clamp(72px, 9vw, 120px); display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(290px, .55fr); gap: clamp(56px, 9vw, 130px); background: var(--navy); color: var(--paper); }
.pp-intro-copy { align-self: center; }
.pp-eyebrow { margin: 0 0 32px; color: #E6A47D; }
.pp-intro h1 { max-width: 900px; margin: 0; font: 400 clamp(3.4rem, 7.2vw, 7.1rem)/.91 Georgia, "Times New Roman", serif; letter-spacing: -.058em; }
.pp-lede { max-width: 750px; margin: 42px 0 0; color: #D0DADF; font-size: clamp(1.05rem, 1.5vw, 1.35rem); line-height: 1.65; }
.pp-profile { margin-top: 52px; display: flex; align-items: baseline; flex-wrap: wrap; gap: 12px 24px; padding-top: 20px; border-top: 1px solid rgba(242,239,233,.28); }
.pp-profile span { color: #AEBBC1; font-size: 10px; font-weight: 800; letter-spacing: .09em; }
.pp-profile strong { font: 400 1.55rem/1 Georgia, serif; }
.pp-index { align-self: end; padding-top: 20px; border-top: 1px solid rgba(242,239,233,.38); }
.pp-index > p { margin: 0 0 12px; color: #AEBBC1; }
.pp-index ol { margin: 0; padding: 0; list-style: none; }
.pp-index li { border-bottom: 1px solid rgba(242,239,233,.18); }
.pp-index a { min-height: 50px; display: grid; grid-template-columns: 34px 1fr; align-items: center; color: var(--paper); font-size: 12px; }
.pp-index a:hover { color: #E6A47D; }
.pp-index a span { color: #E6A47D; font-size: 9px; font-weight: 800; }

.pp-section { padding: clamp(76px, 10vw, 138px) var(--gutter); }
.pp-section-heading { display: grid; grid-template-columns: minmax(190px, .5fr) minmax(0, 1.5fr); gap: clamp(30px, 7vw, 100px); align-items: start; margin-bottom: clamp(44px, 7vw, 90px); }
.pp-section-heading > p { margin: 10px 0 0; }
.pp-section-heading > p span { color: var(--accent); margin-right: 14px; }
.pp-section-heading h2 { max-width: 880px; margin: 0; font: 400 clamp(2.6rem, 5vw, 5.3rem)/.96 Georgia, "Times New Roman", serif; letter-spacing: -.052em; }
.pp-section-heading > p:last-child:not(:first-child) { margin: 8px 0 0; color: var(--muted); font-size: 15px; font-weight: 400; line-height: 1.7; letter-spacing: 0; text-transform: none; }

.pp-source { background: var(--paper-dark); }
.pp-source-sheet { display: grid; grid-template-columns: .48fr 1.52fr; border-top: 1px solid var(--ink); border-bottom: 1px solid var(--ink); }
.pp-source-label { padding: 30px 30px 30px 0; display: flex; flex-direction: column; gap: 9px; }
.pp-source-label small { color: var(--muted); font-weight: 500; letter-spacing: .04em; }
.pp-source-sheet blockquote { min-height: 240px; margin: 0; padding: clamp(36px, 6vw, 74px); display: flex; align-items: center; background: var(--navy); color: var(--paper); font: 400 clamp(2rem, 4vw, 4.2rem)/1.1 Georgia, serif; letter-spacing: -.04em; }
.pp-goal { grid-column: 2; padding: 28px clamp(36px, 6vw, 74px); display: grid; grid-template-columns: 100px 1fr; gap: 30px; border: 1px solid var(--line); border-top: 0; background: var(--paper); }
.pp-goal p { max-width: 850px; margin: 0; font-size: 16px; line-height: 1.65; }

.pp-analysis { background: var(--paper); }
.pp-evidence-ledger { border-top: 1px solid var(--ink); }
.pp-evidence-row { min-height: 180px; display: grid; grid-template-columns: .72fr 1.28fr; gap: 40px; padding: 34px; border-bottom: 1px solid var(--line); }
.pp-evidence-row > div { border-left: 5px solid var(--accent); padding-left: 22px; }
.pp-evidence-row.is-open > div { border-left-color: #B78749; }
.pp-evidence-row.is-unknown > div { border-left-color: var(--muted); }
.pp-evidence-row span { color: var(--muted); }
.pp-evidence-row h3 { margin: 44px 0 0; font: 400 clamp(1.6rem, 2.6vw, 2.6rem)/1.05 Georgia, serif; }
.pp-evidence-row ul { margin: 0; padding: 0; columns: 2; column-gap: 50px; list-style: none; }
.pp-evidence-row li { break-inside: avoid; padding: 14px 0; border-bottom: 1px solid var(--line); font-size: 15px; }
.pp-gap { margin-top: 42px; padding: 30px 34px; display: grid; grid-template-columns: minmax(180px, .48fr) minmax(0, 1.52fr); gap: 40px; border: 1px solid var(--accent); }
.pp-gap span { color: var(--accent); }
.pp-gap strong { font: 400 clamp(1.4rem, 2.3vw, 2.2rem)/1.3 Georgia, serif; }

.pp-blueprint { background: var(--navy); color: var(--paper); }
.pp-blueprint.pp-section { padding-top: clamp(64px, 7vw, 96px); padding-bottom: clamp(64px, 7vw, 96px); }
.pp-blueprint .pp-section-heading { margin-bottom: clamp(34px, 4vw, 54px); }
.pp-blueprint .pp-section-heading > p span { color: #F0BE9D; }
.pp-blueprint .pp-section-heading > p:last-child { grid-column: 2; max-width: 720px; color: #B7C3C8; }
.pp-blueprint-list { margin: 0 0 0 max(0px, calc(25% - 16px)); padding: 0; list-style: none; border-top: 1px solid rgba(242,239,233,.34); }
.pp-blueprint-list li { min-height: 96px; display: grid; grid-template-columns: 55px 1fr 130px; gap: 25px; align-items: center; padding: 18px 0; border-bottom: 1px solid rgba(242,239,233,.2); }
.pp-blueprint-list li > span { color: #E6A47D; font-size: 10px; font-weight: 800; }
.pp-blueprint-list strong { font: 400 clamp(1.55rem, 2.4vw, 2.4rem)/1.05 Georgia, serif; }
.pp-blueprint-list p { margin: 9px 0 0; color: #BCC8CD; font-size: 13px; }
.pp-blueprint-list small { color: #E6A47D; text-align: right; }

.pp-demo { background: var(--paper-dark); }
.pp-workflow-board { border: 1px solid var(--ink); background: var(--paper); }
.pp-workflow { min-height: 220px; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr) 42px) minmax(0, 1fr); align-items: stretch; padding: 34px; }
.pp-workflow > div { display: flex; flex-direction: column; justify-content: space-between; gap: 45px; padding: 22px; border: 1px solid var(--line); }
.pp-workflow > div span { color: var(--accent); font-size: 10px; font-weight: 800; }
.pp-workflow > div strong { font: 400 clamp(1.25rem, 1.8vw, 1.8rem)/1.08 Georgia, serif; }
.pp-arrow { align-self: center; text-align: center; color: var(--accent); }
.pp-demo-label { padding: 26px 34px; display: grid; grid-template-columns: minmax(180px, .45fr) minmax(0, 1.55fr); gap: 36px; background: var(--navy); color: var(--paper); }
.pp-demo-label span { color: #E6A47D; }
.pp-demo-label strong { max-width: 870px; line-height: 1.55; }
.pp-demo-note { max-width: 780px; margin: 32px 0 0 auto; color: var(--muted); font-size: 15px; line-height: 1.7; }

.pp-direction { background: var(--paper); }
.pp-positioning { display: grid; grid-template-columns: 1.25fr .75fr; border-top: 1px solid var(--ink); border-bottom: 1px solid var(--ink); }
.pp-positioning > div { padding: clamp(40px, 6vw, 74px) clamp(30px, 6vw, 74px) clamp(40px, 6vw, 74px) 0; border-right: 1px solid var(--line); }
.pp-positioning blockquote { max-width: 820px; margin: 40px 0 0; font: 400 clamp(2.2rem, 4.4vw, 4.8rem)/1.05 Georgia, serif; letter-spacing: -.045em; }
.pp-positioning > p { margin: 0; padding: clamp(40px, 6vw, 74px); align-self: end; color: var(--muted); font-size: 16px; line-height: 1.75; }

.pp-production { background: var(--paper-dark); }
.pp-production-path { max-width: 950px; margin: 0 0 0 auto; padding: 0; list-style: none; border-top: 1px solid var(--ink); }
.pp-production-path li { display: grid; grid-template-columns: 70px 1fr; gap: 28px; padding: 28px 0; border-bottom: 1px solid var(--line); }
.pp-production-path li > span { color: var(--accent); font-size: 10px; font-weight: 800; }
.pp-production-path strong { font: 400 clamp(1.4rem, 2.4vw, 2.3rem)/1.1 Georgia, serif; }
.pp-production-path p { margin: 10px 0 0; color: var(--muted); font-size: 14px; line-height: 1.6; }

.pp-result { background: #CAD1D0; }
.pp-result-heading { grid-template-columns: minmax(0, 1.5fr) minmax(250px, .5fr); }
.pp-result-heading > div > p { margin: 10px 0 32px; font-size: 10px; font-weight: 800; letter-spacing: .1em; }
.pp-result-heading > div > p span { color: #78412D; margin-right: 14px; }
.pp-result-heading > p:last-child:not(:first-child) { align-self: end; margin: 0; color: var(--ink); font-size: 14px; line-height: 1.6; }
.pp-specimen { max-width: 1120px; margin: 0 auto; box-shadow: 0 28px 70px rgba(13,27,42,.18); background: #F7F5EF; }
.pp-specimen-header { min-height: 72px; display: flex; justify-content: space-between; align-items: center; gap: 30px; padding: 18px 26px; border-bottom: 1px solid #AEB7B8; }
.pp-specimen-header > div { display: flex; align-items: baseline; gap: 16px; }
.pp-specimen-header > span { color: #607078; }
.pp-specimen-intro { display: grid; grid-template-columns: 1fr .42fr; gap: 55px; padding: clamp(46px, 7vw, 86px); background: #19323D; color: #F7F5EF; }
.pp-specimen-intro > p { grid-column: 1 / -1; margin: 0; color: #E5A27B; font-size: 9px; font-weight: 800; letter-spacing: .1em; }
.pp-specimen-intro h3 { margin: 0; font: 400 clamp(2.6rem, 5.5vw, 5.8rem)/.93 Georgia, serif; letter-spacing: -.055em; }
.pp-specimen-intro aside { align-self: end; padding-left: 20px; border-left: 1px solid #E5A27B; }
.pp-specimen-intro aside span { color: #E5A27B; }
.pp-specimen-intro aside p { margin: 16px 0 0; color: #CAD4D6; font-size: 12px; line-height: 1.6; }
.pp-specimen-work { display: grid; grid-template-columns: 1fr .88fr; }
.pp-specimen-copy { padding: clamp(36px, 6vw, 70px); }
.pp-specimen-copy > span { color: #A05C3E; }
.pp-specimen-copy h4 { margin: 35px 0 20px; font: 400 clamp(2rem, 3.8vw, 4rem)/1 Georgia, serif; letter-spacing: -.04em; }
.pp-specimen-copy > p { color: #516169; font-size: 14px; line-height: 1.7; }
.pp-specimen-copy dl { margin: 40px 0 0; }
.pp-specimen-copy dl > div { padding: 15px 0; border-top: 1px solid #CFD3D0; }
.pp-specimen-copy dt { color: #A05C3E; }
.pp-specimen-copy dd { margin: 8px 0 0; font-size: 12px; line-height: 1.5; }
.pp-specimen-diagram { padding: clamp(36px, 6vw, 70px); background: #E4E2DA; border-left: 1px solid #BFC5C3; }
.pp-specimen-diagram > span { color: #78412D; }
.pp-specimen-diagram ol { margin: 34px 0; padding: 0; list-style: none; counter-reset: specimen-flow; }
.pp-specimen-diagram li { position: relative; margin-bottom: 16px; padding: 19px 18px 19px 48px; border: 1px solid #AEB7B8; font: 400 1.2rem/1.2 Georgia, serif; counter-increment: specimen-flow; }
.pp-specimen-diagram li::before { content: "0" counter(specimen-flow); position: absolute; left: 16px; top: 21px; color: #A05C3E; font: 800 9px/1 Arial, sans-serif; }
.pp-specimen-diagram small { display: block; color: #4F6068; line-height: 1.55; }
.pp-specimen-footer { display: grid; grid-template-columns: .48fr 1.52fr; gap: 30px; padding: 26px; border-top: 1px solid #AEB7B8; }
.pp-specimen-footer p { margin: 0; color: #516169; font-size: 13px; line-height: 1.6; }

.pp-close { padding: clamp(82px, 11vw, 150px) var(--gutter); background: var(--paper); text-align: center; }
.pp-close > p { margin: 0 0 28px; color: var(--accent); }
.pp-close h2 { max-width: 930px; margin: 0 auto; font: 400 clamp(2.7rem, 5.5vw, 5.8rem)/.96 Georgia, serif; letter-spacing: -.05em; }
.pp-close-links { margin-top: 48px; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 24px 34px; }

@media (max-width: 900px) {
  .pp-intro { min-height: 0; grid-template-columns: 1fr; }
  .pp-index { max-width: 650px; }
  .pp-section-heading { grid-template-columns: 1fr; gap: 20px; }
  .pp-source-sheet { grid-template-columns: 1fr; }
  .pp-source-label { padding-right: 0; }
  .pp-source-sheet blockquote, .pp-goal { grid-column: 1; }
  .pp-evidence-row { grid-template-columns: 1fr; }
  .pp-evidence-row h3 { margin-top: 24px; }
  .pp-blueprint-list { margin-left: 0; }
  .pp-blueprint .pp-section-heading > p:last-child { grid-column: 1; }
  .pp-workflow { grid-template-columns: 1fr 30px 1fr; }
  .pp-workflow > .pp-arrow:nth-child(4) { grid-column: 1 / -1; transform: rotate(90deg); }
  .pp-positioning { grid-template-columns: 1fr; }
  .pp-positioning > div { border-right: 0; border-bottom: 1px solid var(--line); }
  .pp-result-heading { grid-template-columns: 1fr; }
  .pp-specimen-intro { grid-template-columns: 1fr; }
  .pp-specimen-intro > p { grid-column: 1; }
  .pp-specimen-work { grid-template-columns: 1fr; }
  .pp-specimen-diagram { border-left: 0; border-top: 1px solid #BFC5C3; }
}

@media (max-width: 680px) {
  .pp-intro { padding: 116px 20px 72px; }
  .pp-intro h1 { font-size: clamp(3rem, 15vw, 4.8rem); }
  .pp-lede { margin-top: 30px; font-size: 1rem; }
  .pp-profile { align-items: flex-start; flex-direction: column; }
  .pp-section { padding: 66px 20px; }
  .pp-section-heading { margin-bottom: 42px; }
  .pp-section-heading h2 { font-size: clamp(2.45rem, 12vw, 3.8rem); }
  .pp-source-sheet blockquote { min-height: 0; padding: 36px 24px; font-size: clamp(1.8rem, 9vw, 3rem); }
  .pp-goal { padding: 26px 24px; grid-template-columns: 1fr; gap: 14px; }
  .pp-evidence-row { min-height: 0; padding: 28px 0; }
  .pp-evidence-row ul { columns: 1; }
  .pp-gap { grid-template-columns: 1fr; gap: 18px; padding: 26px 24px; }
  .pp-blueprint.pp-section { padding-top: 54px; padding-bottom: 54px; }
  .pp-blueprint .pp-section-heading { margin-bottom: 30px; }
  .pp-blueprint-list li { grid-template-columns: 38px 1fr; }
  .pp-blueprint-list li { min-height: 0; padding: 20px 0; }
  .pp-blueprint-list small { grid-column: 2; text-align: left; }
  .pp-workflow { grid-template-columns: 1fr; padding: 24px; }
  .pp-workflow > div { grid-column: 1; min-height: 120px; }
  .pp-workflow .pp-arrow, .pp-workflow > .pp-arrow:nth-child(4) { grid-column: 1; transform: rotate(90deg); }
  .pp-demo-label { grid-template-columns: 1fr; gap: 16px; padding: 26px 24px; }
  .pp-positioning > div, .pp-positioning > p { padding: 34px 0; }
  .pp-positioning blockquote { font-size: clamp(2rem, 10vw, 3.25rem); }
  .pp-production-path li { grid-template-columns: 40px 1fr; }
  .pp-specimen-header { align-items: flex-start; flex-direction: column; }
  .pp-specimen-header > div { align-items: flex-start; flex-direction: column; gap: 6px; }
  .pp-specimen-intro, .pp-specimen-copy, .pp-specimen-diagram { padding: 32px 24px; }
  .pp-specimen-footer { grid-template-columns: 1fr; }
  .pp-close { padding: 72px 20px; }
  .pp-close h2 { font-size: clamp(2.5rem, 12vw, 4rem); }
  .pp-close-links { align-items: stretch; flex-direction: column; }
  .pp-close-links .button, .pp-close-links .text-link { justify-content: center; }
}

@media (prefers-reduced-motion: reduce) {
  .process-preview-page *, .process-preview-page *::before, .process-preview-page *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; }
}