.process-page{background:#faf8f2;padding-top:1px}
.process-intro,.process-content,.process-next{max-width:1120px;margin:auto;padding-inline:6%}
.process-intro{padding-top:65px;padding-bottom:8px}
.process-intro .eyebrow{color:#8c6b2f;margin-bottom:18px}
.process-intro h1{font-family:Lora,Georgia,serif;font-size:clamp(38px,4.6vw,59px);line-height:1.2;letter-spacing:-1px}
.process-intro>p:not(.eyebrow){font-size:19px;margin:16px 0 26px;color:#435a67}
.process-rule{height:1px;background:linear-gradient(90deg,#b28d46 0%,#d7c9aa 65%,transparent)}
.process-steps{list-style:none;margin:0;padding:0}
.process-steps li{position:relative;display:grid;grid-template-columns:58px minmax(0,1fr) 290px;gap:27px;padding:30px 0;align-items:center;border-bottom:1px solid #ded7c8}
.process-steps li:last-child{border-bottom:0}
.process-steps li:not(:last-child):before{content:'';position:absolute;left:27px;top:64px;bottom:-46px;width:1px;background:#cbb887}
.process-number{position:relative;z-index:1;align-self:start;display:grid;place-items:center;width:55px;height:55px;border-radius:50%;background:linear-gradient(135deg,#cfb47b,#a17d3b);color:white;font-family:Lora,Georgia,serif;font-size:30px;line-height:1;box-shadow:inset 0 0 0 1px #ffffff44}
.process-copy h2{font-family:'DM Sans',Arial,sans-serif;font-size:21px;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;line-height:1.3;margin:0 0 12px}
.process-copy p{font-size:17px;line-height:1.7;margin:0 0 10px}
.process-copy p.process-detail{font-size:15px;color:#596b73}
.process-copy .text-link{font-size:14px;margin-top:4px}
.process-photo{aspect-ratio:3/2;border-radius:5px;background-image:url('/assets/homechief-process-scenes.png');background-size:200% 200%;background-repeat:no-repeat;background-color:#e4e3d9;box-shadow:0 3px 12px #082b4010}
.assess-photo{background-position:left top}.document-photo{background-position:right top}.coordinate-photo{background-position:left bottom}.follow-photo{background-position:right bottom}
.process-footnote{font-size:12px;line-height:1.7;color:#63717a;margin:12px 0 35px;padding-left:85px}
.process-difference{background:#082b40;color:#fff;display:grid;grid-template-columns:90px minmax(0,850px);gap:30px;align-items:center;justify-content:center;padding:47px 6%}
.difference-mark{height:95px;width:80px;display:grid;place-items:center;background:#faf8f2;border:1px solid #b28d46;border-radius:4px}
.difference-mark .shield{transform:scale(1.65)}
.process-difference .eyebrow{color:#d8b878;font-size:11px;margin-bottom:11px}
.process-difference h2{font-size:34px;color:#fff;line-height:1.25}
.process-difference p:not(.eyebrow){font-size:16px;line-height:1.8;color:#dee6e7;margin:14px 0 0;max-width:800px}
.process-next{padding-block:50px 60px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:35px}
.process-next .eyebrow{margin-bottom:14px;color:#8c6b2f}
.process-next h2{font-size:32px}.process-next p:not(.eyebrow){font-size:16px;color:#596b73;max-width:580px}
.process-actions{display:flex;flex-direction:column;align-items:center;gap:17px}
@media(min-width:1400px){.process-intro,.process-content,.process-next{padding-inline:35px}}
@media(max-width:800px){
.process-intro{padding-top:42px}.process-intro h1{font-size:36px}.process-intro>p:not(.eyebrow){font-size:17px}
.process-steps li{grid-template-columns:43px minmax(0,1fr);gap:12px 18px;align-items:start;padding:25px 0}
.process-number{width:42px;height:42px;font-size:25px}.process-steps li:not(:last-child):before{left:20px;top:55px;bottom:-37px}
.process-copy h2{font-size:19px;margin-top:5px}.process-copy p{font-size:16px}.process-copy p.process-detail{font-size:14px}
.process-photo{grid-column:2;width:100%;max-width:430px;margin:4px 0 3px}
.process-footnote{padding-left:61px;font-size:12px;margin-bottom:27px}
.process-difference{grid-template-columns:55px minmax(0,1fr);gap:20px;padding:35px 6%;align-items:start}
.difference-mark{width:53px;height:65px}.difference-mark .shield{transform:scale(1.05)}
.process-difference h2{font-size:28px}.process-difference p:not(.eyebrow){font-size:15px}
.process-next{grid-template-columns:1fr;gap:17px;padding-block:38px 45px}.process-next h2{font-size:29px}.process-actions{align-items:flex-start}
}
