.process-spread {
  --ink:#111110; --stone:#c5beb3; --serif:'Cormorant Garamond',Georgia,serif; --sans:'Inter',Arial,sans-serif;
  color:var(--ink); font:16px/normal var(--sans);
  width:min(88%,1140px); margin:auto; padding-block:clamp(36px,4.5vw,76px);
  display:grid; grid-template-columns:minmax(0,.86fr) minmax(0,1.12fr); grid-template-rows:auto auto;
  column-gap:clamp(42px,7vw,112px); align-content:center;
}
.process-spread .process-portrait { grid-column:1; grid-row:1 / 3; align-self:center; justify-self:center; width:min(100%,412px); height:auto; display:block; }
.process-spread .process-intro { grid-column:2; align-self:end; padding-bottom:24px; }
.process-spread .kicker { margin:0 0 16px; font-size:10px; font-weight:500; letter-spacing:.24em; text-transform:uppercase; }
.process-spread .process-intro :is(h1,h2) { margin:0; font:400 clamp(40px,4.25vw,65px)/.99 var(--serif); letter-spacing:-.035em; }
.process-spread .process-intro em { font-weight:400; }
.process-spread .process-steps { grid-column:2; align-self:start; list-style:none; margin:0; padding:0; border-top:1px solid var(--stone); }
.process-spread .process-steps li { display:grid; grid-template-columns:2em 1fr; gap:15px; align-items:baseline; border-bottom:1px solid var(--stone); padding-block:clamp(15px,1.4vw,22px); }
.process-spread .process-steps li > span { font:500 12px/1.4 var(--sans); color:#655b51; font-variant-numeric:tabular-nums; }
.process-spread .process-steps :is(h2,h3) { margin:0 0 6px; font:500 clamp(26px,2.15vw,32px)/1.05 var(--serif); letter-spacing:-.025em; }
.process-spread .process-steps p { max-width:50ch; margin:0; font-size:14px; line-height:1.6; color:#514c45; }
@media(max-width:760px) {
  .process-spread { grid-template-columns:1fr; gap:24px; }
  .process-spread .process-intro { grid-column:1; grid-row:1; padding-bottom:0; }
  .process-spread .process-portrait { grid-column:1; grid-row:2; width:min(82%,320px); }
  .process-spread .process-steps { grid-column:1; grid-row:3; }
}