/* Help owners choose a service and picture the work, within the approved palette. */
.work-story{margin-top:24px;padding-top:22px;border-top:1px solid #9ca693;color:var(--field-ink)}
.work-story h4{font-size:21px;line-height:1.6;margin:0 0 12px}
.work-story p{font-size:16px;line-height:1.95;max-width:60ch}
.work-story .work-scope{font-size:14px;line-height:1.85;margin-top:14px}
.service-guide{margin-bottom:52px;color:var(--sand)}
.service-guide h3{font-size:clamp(22px,2.3vw,30px);line-height:1.6;margin-bottom:25px}
.service-routes{display:grid;grid-template-columns:1fr 1fr;gap:32px;position:relative}
.service-route{display:grid;justify-items:start;align-content:start;border-top:1px solid var(--field-light);border-bottom:1px solid var(--field-light);padding:25px 0;gap:12px;min-width:0}
.route-need{font-size:16px;line-height:1.8}
.service-route>svg{width:24px;height:24px;transform:rotate(90deg);color:var(--orange)}
.service-route strong{font-size:clamp(25px,2.5vw,34px);line-height:1.5;color:var(--orange)}
.route-description{font-size:15px;line-height:1.85}
.service-route small{font-size:13px;line-height:1.7}
.route-illustration{width:100%;max-width:440px;height:auto;justify-self:center;display:block;margin:4px 0 2px}
.service-route:hover strong{text-decoration:underline;text-underline-offset:7px}
.service-guide a:focus-visible{outline:3px solid var(--orange);outline-offset:6px}
.service-after{position:relative;margin:0 0 0;padding-top:38px;text-align:center}
.service-after::before{content:'';position:absolute;top:0;left:50%;height:24px;border-left:1px solid var(--field-light)}
.service-after>strong{font-size:21px;line-height:1.6}
.service-after p{font-size:15px;line-height:1.85;margin:10px 0 14px}
.service-after>div{display:flex;justify-content:center;gap:16px 32px;flex-wrap:wrap}
.service-after a{display:inline-flex;align-items:center;gap:8px;font-size:14px;line-height:1.8;border-bottom:1px solid var(--field-light);padding-bottom:6px;flex-wrap:wrap}
.service-after a:hover{color:var(--orange)}
.service-after svg{width:18px;height:18px;flex-shrink:0}
.opening-faq{background:var(--sand);color:var(--field-ink)}
.faq-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px}
.opening-faq h2{font-size:clamp(24px,2.6vw,38px);letter-spacing:-.03em;line-height:1.6}
.faq-layout>div>p{font-size:16px;line-height:1.9;margin-top:18px}
.faq-illustration{display:block;width:100%;max-width:460px;height:auto;margin-top:28px}
.work-journey{display:flex;list-style:none;padding:0;margin:20px 0 22px;gap:10px;align-items:center}
.work-journey li{display:flex;align-items:center;gap:10px;min-width:0}
.work-journey span{padding:10px 12px;border:1px solid #9ca693;font-size:14px;font-weight:700;white-space:nowrap}
.work-journey li:last-child span{background:var(--field-ink);color:var(--sand);border-color:var(--field-ink)}
.work-journey svg{width:20px;height:20px;flex-shrink:0}
@media(max-width:380px){.work-journey{flex-direction:column;align-items:stretch}.work-journey li{flex-direction:column}.work-journey span{width:100%;text-align:center}.work-journey svg{transform:rotate(90deg)}}
@media(max-width:540px){.work-journey{gap:5px}.work-journey li{gap:5px}.work-journey span{font-size:13px;padding:8px 5px}.work-journey svg{width:12px;height:12px}.faq-illustration{max-width:360px;margin:20px auto 0}.route-illustration{max-width:360px}}
.faq-list details{border-top:1px solid #9ca693}
.faq-list details:last-child{border-bottom:1px solid #9ca693}
.faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 0;list-style:none;font-size:17px;font-weight:700;line-height:1.8;cursor:pointer}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary svg{width:22px;height:22px;flex-shrink:0}
.faq-list details[open] summary svg{transform:rotate(45deg)}
.faq-list summary:hover{color:#92381c}
.faq-list summary:focus-visible{outline:3px solid var(--field-ink);outline-offset:4px}
.faq-list details>p{font-size:16px;line-height:1.95;padding:0 0 26px;max-width:65ch}
@media(max-width:800px){.faq-layout{grid-template-columns:1fr;gap:28px}.service-routes{gap:24px}.work-story p,.faq-list details>p{font-size:15px}}
@media(max-width:540px){.service-routes{grid-template-columns:1fr;gap:0}.service-route+ .service-route{border-top:0}.service-route{padding:22px 0}.service-after{text-align:left;padding-top:38px}.service-after::before{left:12px}.service-after>div{justify-content:flex-start;gap:16px}.service-guide{margin-bottom:36px}.route-need{font-size:15px}.work-story h4{font-size:20px}.work-story .work-scope{font-size:13px}.faq-list summary{font-size:16px;gap:12px}}