/* Architectural process illustrations. Decorative only; all copy remains native text. */
body[data-page=home] #process{isolation:isolate;overflow:hidden;background:#e5ecef;box-shadow:inset 0 1px 0 #cbd6de}
#process>.wrap{position:relative;z-index:1}
#process .process-drafting{position:absolute;right:-45px;top:-32px;width:min(72vw,1000px);height:450px;pointer-events:none;opacity:.78;mask-image:linear-gradient(90deg,transparent,#000 45%),linear-gradient(180deg,#000 0%,#000 48%,transparent 100%);mask-composite:intersect}
#process .process-list{position:relative}
#process .process-graphic{width:144px;height:110px;margin:12px 0 0;pointer-events:none;color:#566b7a}
#process .process-graphic svg{display:block;width:100%;height:100%;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.05;stroke-linecap:round;stroke-linejoin:round}
#process .process-guide{stroke:#8d9aa4;stroke-width:.7;opacity:.42}
#process .process-structure{opacity:.65}
#process .process-accent{stroke:#a18151;stroke-width:1.65;stroke-dasharray:1;stroke-dashoffset:0}
#process .model-shadow{fill:#8193a0;stroke:none;opacity:.09}
#process .model-paper{fill:#efeeea;stroke:none}
#process .model-top{fill:#f4f4ef;stroke:none}
#process .model-front{fill:#e4e8e8;stroke:none}
#process .model-side{fill:#d4dcdf;stroke:none}
#process .model-selected{fill:#e3d7bd;stroke:none}
#process .model-locator,#process .model-hub{fill:#a18151;stroke:none}
#process .model-detail{fill:none;stroke:#8799a4;stroke-width:.6;opacity:.7}
#process .process-graphic .process-structure{stroke-width:.8;opacity:.8}
#process .process-graphic .process-accent{stroke-width:1.3}
#process .process-list h3{margin-top:13px}
#process .process-list li.motion-lit .process-accent{stroke:#98703c}
#process .process-list li.motion-lit .process-structure{opacity:.84}
#process .process-list li.motion-lit::before{background:#947143}
#process .process-list li::before{transition:background-color 500ms var(--motion-ease)}
@media(hover:hover) and (pointer:fine){#process .process-list li:hover .process-accent{stroke:#79572e}#process .process-list li:hover .process-structure{opacity:1}}
@media(min-width:641px) and (max-width:899px){#process .process-graphic{width:118px;height:94px}}
@media(max-width:640px){
 #process .process-drafting{width:600px;height:300px;right:-115px;top:0;opacity:.42}
 #process .process-list li{padding-left:112px;min-height:148px;padding-bottom:32px;border-left:0}
 #process .process-list li:last-child{min-height:112px;padding-bottom:0}
 #process .process-list li::before{left:-6px;top:7px;width:12px;height:12px;border:1px solid #9b845f;border-radius:50%;background:radial-gradient(circle,#a88e67 0 2px,#e5ecef 2.5px);z-index:2}
 #process .process-list li.motion-lit::before{border-color:#947143;background:radial-gradient(circle,#947143 0 2px,#e5ecef 2.5px)}
 #process .process-list li::after{content:'';position:absolute;width:1px;left:-.5px;top:22px;bottom:-4px;background:#b7c3ca;z-index:0;pointer-events:none}
 #process .process-list li:last-child::after{display:none}
 #process .process-list li>span{left:8px;width:88px;text-align:center}
 #process .process-graphic{position:absolute;width:58px;height:52px;left:10px;top:35px;margin:0}
 #process .process-graphic svg{stroke-width:1.65}
 #process .process-accent{stroke-width:2}
 #process .model-detail{display:none}
 #process .process-graphic .process-structure{stroke-width:1.25}
 #process .process-graphic .process-accent{stroke-width:1.7}
 #process .process-guide{display:none}
 #process .process-list h3{margin-top:0}
}
@media(prefers-reduced-motion:reduce){#process .process-list li::before{transition:none}#process .process-accent{stroke-dashoffset:0!important}#process .process-graphic{opacity:1!important;transform:none!important}}