/* A compact overview on the homepage, with the full appraisal process below. */
.process-overview { position: relative; background: white; padding: clamp(3.5rem,6vw,5rem) var(--pad); }
.process-overview::before { content: ""; position: absolute; top: 0; left: var(--pad); right: var(--pad); max-width: var(--content); margin-inline: auto; border-top: 1px solid var(--line); }
.process-overview .section-heading { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 1rem; margin-bottom: 2rem; }
.process-more { display: inline-block; padding-block: .5rem; font-size: 1rem; text-underline-offset: .25em; }
.process-steps { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); max-width: var(--content); margin: 0 auto; padding: 0; list-style: none; }
.process-steps li { min-width: 0; border-right: 1px solid var(--line); }
.process-steps li:last-child { border: 0; }
.process-steps a { display: flex; flex-direction: column; gap: .8rem; height: 100%; padding: 1rem 1.5rem; text-decoration: none; }
.process-steps li:first-child a { padding-left: 0; }
.process-steps span { color: #52656a; font-size: .875rem; }
.process-steps strong { font: 400 clamp(1.3rem,2.2vw,1.85rem)/1.25 Georgia,serif; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: .25em; }
.process-steps a:hover { background: #f4f7f8; }
.process-steps a:focus-visible, .process-more:focus-visible { outline: 2px solid var(--ink); outline-offset: 3px; }
.process-main { background: white; }
.process-communication { margin-block: 2rem; padding: 1.5rem 0; border-bottom: 1px solid var(--line); }
.process-communication p { max-width: 75ch; margin-bottom: 0; color: #52656a; line-height: 1.75; }
.process-detail { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,2fr); gap: clamp(1.5rem,5vw,4rem); padding-block: 2.5rem; border-bottom: 1px solid var(--line); scroll-margin-top: calc(var(--header-height) + 1rem); }
.process-number { display: block; margin-bottom: .75rem; font-size: .875rem; color: #52656a; }
.process-detail h2 { font-size: clamp(1.75rem,2.7vw,2.4rem); }
.process-detail h3 { margin: 1.75rem 0 .65rem; font: 400 1.4rem/1.3 Georgia,serif; }
.process-detail h3:first-child { margin-top: 0; }
.process-detail p { margin: 0; max-width: 75ch; line-height: 1.75; color: #52656a; }
.process-detail p + p { margin-top: 1rem; }
.valuation-approaches { margin: 1.25rem 0; padding: 0; }
.valuation-approaches > div { padding: 1rem 0; border-top: 1px solid var(--line); }
.valuation-approaches dt { font-weight: 700; margin-bottom: .35rem; }
.valuation-approaches dd { margin: 0; color: #52656a; line-height: 1.7; }
.process-contact { padding-block: 2.5rem 0; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1rem; }
.process-contact h2 { margin: 0; }
.process-contact > div { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem 1.5rem; }
.process-email { padding-block: .75rem; text-underline-offset: .25em; }
@media (max-width: 58rem) { .process-detail { grid-template-columns: 1fr; gap: .5rem; } .process-steps a { padding-inline: .8rem; } }
@media (max-width: 42rem) {
  .process-steps { grid-template-columns: 1fr; }
  .process-steps li { border: 0; border-top: 1px solid var(--line); }
  .process-steps li:last-child { border-top: 1px solid var(--line); }
  .process-steps li a { flex-direction: row; align-items: baseline; gap: 1.25rem; padding: 1rem 0; }
  .process-steps strong { font-size: 1.5rem; }
}