.servant-eyebrow{font-size:.75rem;color:#875038;margin:42px 0 -23px}.servant-case .case-heading{margin-top:42px}.servant-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:30px}.servant-primary{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;background:#242520;color:#f1f0e9;padding:15px 23px;border:1px solid #242520;font-size:.9rem;transition:background .2s,color .2s}.servant-primary:hover{background:#ff784a;color:#181918}.servant-primary span{font-size:1.25rem}.servant-banner>a{display:block;border:1px solid #5b514a;overflow:hidden;background:#0b0b0b}.servant-banner img{display:block;width:100%;height:auto}.servant-banner>p{display:flex;justify-content:space-between;gap:18px;font-size:.65rem;color:#635448;margin:16px 0 0;flex-wrap:wrap}.servant-banner>p a{text-decoration:underline;text-underline-offset:4px}.servant-jump{display:flex;flex-wrap:wrap;gap:9px 24px;padding:22px 6%;border-top:1px solid #c1b4a7;border-bottom:1px solid #c1b4a7;font-size:.8rem;background:#dfdfd4}.servant-jump a{padding:4px 0}.servant-jump a:hover{color:#984624;text-decoration:underline;text-underline-offset:5px}.servant-case section[id]{scroll-margin-top:105px}.servant-case .case-body{max-width:1280px}.servant-evidence-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start;margin-bottom:28px}.servant-evidence-pair .evidence{min-width:0;margin-top:22px;padding:10px}.servant-evidence-pair img{width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top}.servant-evidence-pair figcaption{font-size:.75rem}.servant-evidence-pair figcaption span{display:block;margin-top:8px;text-decoration:underline}.servant-fine{font-size:.8rem!important;color:#6d5a4b!important}.servant-case .finding{grid-template-columns:125px 1fr}.servant-case .priority{line-height:1.5}.servant-case .priority small{display:block;font-size:.62rem;margin-top:9px;line-height:1.6}.servant-demo-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:30px 0}.servant-demo-grid>a{border:1px solid #bda58f;background:#f6eee6;padding:26px;transition:border-color .2s,background .2s}.servant-demo-grid>a:hover{border-color:#9c4b28;background:#f0ddcf}.servant-demo-grid .mono{font-size:.65rem;color:#875038}.servant-demo-grid h3{font-size:1.3rem;margin:14px 0}.servant-demo-grid p{font-size:.9rem;color:#635448;margin-bottom:0}.servant-roadmap{border-top:1px solid #c1aa98;margin:32px 0}.servant-roadmap summary{display:flex;justify-content:space-between;gap:20px;align-items:center;list-style:none}.servant-roadmap summary::after{content:'+';font-size:1.4rem;font-weight:400;order:3}.servant-roadmap details[open] summary::after{content:'−'}.servant-roadmap summary span{font-size:.7rem;font-weight:400;color:#6d5a4b;margin-left:auto;text-align:right}.servant-downloads{display:grid;grid-template-columns:1fr 1fr;gap:0 28px;margin:28px 0 35px}.servant-downloads a{display:flex;justify-content:space-between;gap:16px;padding:18px 0;border-bottom:1px solid #c1aa98;font-size:.9rem}.servant-downloads a:hover{color:#9c4b28}.servant-downloads span{font-size:.7rem;color:#6d5a4b;white-space:nowrap}.servant-work-image{position:relative;background:#0b0b0b;padding:38px 5% 48px;overflow:hidden}.servant-work-image>img{display:block;width:100%;height:auto;border:1px solid #48433c;box-shadow:0 20px 60px #0005}.servant-work-label{display:block;text-align:center;color:#b9b4ab;font-size:.58rem;letter-spacing:.1em;margin-top:23px}.servant-work .project-caption{background:#222321;color:#f1f0e9}.servant-work .project-caption p{color:#aaa9a2}.servant-work .tags span{border-color:#62635b}
@media(max-width:700px){.servant-eyebrow{margin-top:35px;font-size:.65rem}.servant-case .case-hero{padding-top:35px;padding-bottom:35px}.servant-case .case-heading{font-size:clamp(2.8rem,11vw,4.5rem)}.servant-actions{align-items:stretch;gap:16px}.servant-actions>a{width:100%}.servant-case .case-meta{grid-template-columns:1fr 1fr}.servant-evidence-pair,.servant-demo-grid,.servant-downloads{grid-template-columns:1fr}.servant-jump{gap:6px 19px;font-size:.75rem}.servant-case .finding{grid-template-columns:1fr;padding:21px;gap:14px}.servant-case .priority{display:flex;align-items:center;gap:15px}.servant-case .priority small{margin:0}.servant-roadmap summary{align-items:flex-start;flex-wrap:wrap;gap:5px 12px;padding-right:22px;position:relative}.servant-roadmap summary span{width:100%;margin:0;text-align:left}.servant-roadmap summary::after{position:absolute;right:0;top:0}.servant-downloads a{font-size:.8rem}.servant-work-image{padding:20px 3% 24px}.servant-work-label{font-size:.5rem;margin-top:15px}.servant-work .frame-bar{gap:10px;align-items:center}.servant-work .frame-bar>span:last-child{font-size:.55rem;text-align:right;max-width:145px}.servant-case .case-next{align-items:flex-start}.servant-case .case-columns{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.servant-primary,.servant-demo-grid>a{transition:none}}

/* A dedicated audit cover keeps the project summary legible as one complete image. */
.servant-work .servant-work-image{padding:0;background:#1c1d1a}.servant-work .servant-work-image>img{display:block;width:100%;height:auto;border:0;box-shadow:none}
.servant-preview{display:grid;grid-template-columns:.7fr 1.3fr;gap:5%;align-items:center;padding:48px 5%;background:#e8dfd2;color:#29271f;overflow:hidden}.servant-preview-copy{min-width:0}.servant-preview-mark{display:grid;place-items:center;width:58px;height:58px;border:1px solid #a89b8a;border-radius:15px;background:#ded2c0;font-size:2rem;font-weight:600;letter-spacing:-.08em;line-height:1;position:relative}.servant-preview-mark>span{color:#ae4827;position:absolute;right:10px;bottom:9px}.servant-preview-copy>strong{display:block;font-size:clamp(3rem,6.4vw,6rem);font-weight:600;letter-spacing:-.075em;line-height:1.05;margin:20px 0}.servant-preview-copy>p{font-size:clamp(1.15rem,2vw,1.6rem);line-height:1.4;margin:0 0 24px;letter-spacing:-.025em}.servant-preview-copy>.mono{font-size:.62rem;line-height:1.6;letter-spacing:.075em;color:#71604d}.servant-preview>img{display:block;width:100%;height:auto;border:1px solid #63594c;border-radius:8px;box-shadow:12px 12px 0 #29271f18;transform:rotate(-1deg)}
@media(max-width:750px){.servant-preview{grid-template-columns:1fr;padding:30px 7%;gap:28px}.servant-preview-copy>strong{font-size:4rem;margin:16px 0}.servant-preview-mark{width:45px;height:45px;border-radius:12px;font-size:1.65rem}.servant-preview-mark>span{right:7px;bottom:7px}.servant-preview-copy>p{font-size:1.25rem;margin-bottom:18px}.servant-preview>img{box-shadow:7px 7px 0 #29271f18;transform:none}}
