.page-process .dp-open{padding-bottom:clamp(80px,12vh,140px)}.page-process .dp-open-grid{grid-template-columns:minmax(0,7fr) minmax(0,4fr) minmax(0,1fr);align-items:end;gap:clamp(32px,5vw,80px);display:grid}.page-process .dp-open h1{margin-top:.3em}.page-process .dp-index{border-top:1px solid var(--line-ink)}.page-process .dp-index a{border-bottom:1px solid var(--line-ink);font-family:var(--display);transition:color .3s ease, padding .5s var(--ease-out);align-items:baseline;gap:18px;padding:14px 0;font-size:clamp(1.1rem,1.4vw,1.35rem);text-decoration:none;display:flex}.page-process .dp-index a .label{color:var(--quartz);font-family:var(--sans)}.page-process .dp-index a:hover{color:var(--quartz);padding-left:8px}.page-process .dp-sketch{width:100%;max-width:110px;height:auto;color:var(--quartz);justify-self:end;overflow:visible}.page-process .dp-sketch .draw{fill:none;stroke:currentColor;stroke-width:1px;stroke-dasharray:1;stroke-dashoffset:1px;vector-effect:non-scaling-stroke}.page-process .dp-sketch .guide{stroke-dasharray:3 4;stroke-dashoffset:0;opacity:0}.page-process .dp-sketch.is-in .draw{stroke-dashoffset:0}.page-process .dp-sketch.is-in .guide{opacity:.5}@media (prefers-reduced-motion:no-preference){.page-process .dp-sketch .draw{transition:stroke-dashoffset 2.4s var(--ease-io), opacity 1.4s ease}.page-process .dp-sketch .draw:nth-child(3){transition-delay:.3s}.page-process .dp-sketch .draw:nth-child(4){transition-delay:1.1s}.page-process .dp-sketch .draw:nth-child(5){transition-delay:1.5s}}@media (prefers-reduced-motion:reduce){.page-process .dp-sketch .draw{stroke-dashoffset:0}}.page-process .dp-step{padding-block:clamp(96px,15vh,170px)}.page-process .dp-one{border-top:1px solid var(--line-ink)}.page-process .dp-grid{grid-template-columns:repeat(12,minmax(0,1fr));align-items:center;column-gap:clamp(16px,2vw,32px);display:grid}.page-process .dp-text h2{margin:.5em 0}.page-process .dp-text .quiet{max-width:40ch}.page-process .dp-one .dp-a{grid-column:1/8}.page-process .dp-one .dp-b{grid-column:9/13}.page-process .dp-two .dp-a{grid-column:2/6}.page-process .dp-two .dp-b{grid-column:7/13}.page-process .dp-three .dp-grid{align-items:end}.page-process .dp-three .dp-a{grid-column:1/6}.page-process .dp-three .dp-b{grid-column:7/13;gap:clamp(48px,8vh,96px);display:grid}.page-process .dp-three .dp-c{justify-self:end;width:86%}.page-process .dp-head{max-width:640px;margin-bottom:clamp(48px,8vh,80px)}.page-process .dp-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,2vw,32px);display:grid}.page-process .dp-pair .figure:nth-child(2){margin-top:clamp(48px,9vh,110px)}.page-process .dp-five{min-height:min(92vh,900px)}.page-process .dp-five-text{max-width:var(--max)}.page-process .dp-five-text .step-num{color:var(--sand)}.page-process .dp-five-text h2{max-width:9em;margin:.35em 0 .4em}.page-process .dp-five-text .lead{color:#ede7dcdb;max-width:36ch;margin-bottom:30px}@media (max-width:900px){.page-process .dp-open-grid{grid-template-columns:minmax(0,1fr);align-items:start}.page-process .dp-sketch{display:none}.page-process .dp-grid>*{grid-column:1/-1!important}.page-process .dp-grid{row-gap:40px}.page-process .dp-two .dp-b{order:-1}.page-process .dp-three .dp-c{width:100%}}.page-process [id^=step-]{scroll-margin-top:var(--hdr-h)}