/* Services: quick orientation, concrete scope and readable detail. */
body.services-refined .page-intro{padding-block:64px 48px}
body.services-refined .page-intro .hero-kicker{margin-bottom:26px}
body.services-refined .services-intro-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:8%;align-items:end}
body.services-refined .page-intro h1{font-size:clamp(3.1rem,5.5vw,5.6rem);line-height:1.04;margin-bottom:0}
body.services-refined .intro-lead{max-width:35ch;font-size:1.15rem;line-height:1.6;margin-bottom:5px}
body.services-refined .services-jump{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:48px;border-block:1px solid #605a56}
body.services-refined .services-jump a{display:flex;align-items:center;gap:12px;padding:19px 20px;border-right:1px solid #605a56;font-size:.9rem;line-height:1.35;transition:background .2s ease}
body.services-refined .services-jump a:first-child{padding-left:0}
body.services-refined .services-jump a:last-child{border-right:0;padding-right:0}
body.services-refined .services-jump a:hover{background:#24201e}
body.services-refined .services-jump a>span:last-child{margin-left:auto;color:#d78971}
body.services-refined .jump-number{color:#a99a91;font-size:.7rem;font-variant-numeric:tabular-nums}
body.services-refined .service-detail{grid-template-columns:1fr 1.15fr;gap:10%;padding-block:62px;scroll-margin-top:108px}
body.services-refined .service-detail:first-child{border-top:0;padding-top:12px}
body.services-refined .service-mark{display:flex;align-items:center;gap:17px}
body.services-refined .service-mark>span{font-size:.72rem;letter-spacing:.05em;color:#c5aca2}
body.services-refined .service-detail .service-icon{width:34px;height:34px;margin:0}
body.services-refined .service-detail h2{font-size:clamp(2.2rem,3.4vw,3.5rem);line-height:1.08;margin:22px 0 20px}
body.services-refined .service-detail .service-use{max-width:37ch;font-size:1.05rem;line-height:1.65;color:#d78971;margin-bottom:0}
body.services-refined .service-scope>p:first-child{font-size:1.13rem;line-height:1.65;max-width:48ch;margin-bottom:28px}
body.services-refined .service-detail .scope-label{font-family:"neue-haas-grotesk-text","DM Sans",sans-serif;font-size:.67rem;font-weight:500;line-height:1.5;letter-spacing:.12em;color:#a99a91;margin:0 0 13px}
body.services-refined .service-deliverables{list-style:none;margin:0 0 27px;padding:0}
body.services-refined .service-deliverables li{position:relative;font-size:.99rem;line-height:1.55;margin:0;padding:10px 0 10px 21px;border-top:1px solid #3f3833}
body.services-refined .service-deliverables li::before{content:"";position:absolute;left:0;top:20px;width:5px;height:5px;background:#d78971;border-radius:50%}
body.services-refined .text-link{font-size:.92rem;text-decoration-thickness:1px;line-height:1.65}
body.services-refined .service-detail .service-case{margin:25px 0 0;font-size:.84rem}
body.services-refined .service-case a{text-decoration:underline;text-underline-offset:4px;color:#f5f1ec}
body.services-refined .service-case span{display:block;margin-top:7px;color:#a99a91;font-size:.73rem}
body.services-refined .scope-agreement{background:#e7e2dc;color:#171513;padding-block:68px;margin-top:14px}
body.services-refined .scope-agreement-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:10%}
body.services-refined .scope-agreement .hero-kicker{font-size:.68rem;color:#6c5248;margin-bottom:22px}
body.services-refined .scope-agreement h2{font-size:clamp(2.2rem,3.5vw,3.6rem);max-width:12ch;margin-bottom:0}
body.services-refined .scope-agreement p:not(.hero-kicker){font-size:1.06rem;line-height:1.65;max-width:51ch}
body.services-refined .subtle{display:grid;grid-template-columns:1fr 1.15fr;gap:10%;padding-block:54px 62px}
body.services-refined .subtle h3{font-size:1.25rem;line-height:1.3;max-width:24ch;margin-bottom:0}
body.services-refined .subtle p{font-size:.95rem;line-height:1.65;margin-bottom:0;max-width:52ch}
body.services-refined .closing{padding-block:82px}
body.services-refined .closing h2{font-size:clamp(2.9rem,5.5vw,5.8rem);margin-block:26px 35px}
@media(max-width:1000px){
 body.services-refined .services-intro-grid{grid-template-columns:1.3fr 1fr;gap:6%}
 body.services-refined .page-intro h1{font-size:clamp(3rem,5.8vw,4.7rem)}
 body.services-refined .services-jump a{padding-inline:12px;gap:8px;font-size:.8rem}
 body.services-refined .service-detail,body.services-refined .scope-agreement-grid,body.services-refined .subtle{gap:7%}
}
@media(max-width:650px){
 body.services-refined .page-intro{padding-block:42px 32px}
 body.services-refined .page-intro .hero-kicker{margin-bottom:20px}
 body.services-refined .services-intro-grid{grid-template-columns:1fr;gap:24px}
 body.services-refined .page-intro h1{font-size:clamp(2.6rem,9.7vw,3.8rem);line-height:1.08}
 body.services-refined .intro-lead{font-size:1rem;max-width:37ch;margin-bottom:0}
 body.services-refined .services-jump{grid-template-columns:repeat(2,1fr);margin-top:28px}
 body.services-refined .services-jump a{padding:15px 12px;font-size:.8rem;gap:9px}
 body.services-refined .services-jump a:nth-child(2){border-right:0;padding-right:0}
 body.services-refined .services-jump a:nth-child(3){padding-left:0}
 body.services-refined .services-jump a:nth-child(-n+2){border-bottom:1px solid #605a56}
 body.services-refined .service-detail{grid-template-columns:1fr;gap:27px;padding-block:38px;scroll-margin-top:150px}
 body.services-refined .service-detail:first-child{padding-top:6px}
 body.services-refined .service-detail h2{font-size:2.2rem;margin-block:17px 15px}
 body.services-refined .service-detail .service-use{font-size:1rem;max-width:40ch}
 body.services-refined .service-scope>p:first-child{font-size:1rem;margin-bottom:24px}
 body.services-refined .service-deliverables li{font-size:.94rem}
 body.services-refined .scope-agreement{padding-block:44px;margin-top:4px}
 body.services-refined .scope-agreement-grid{grid-template-columns:1fr;gap:28px}
 body.services-refined .scope-agreement h2{font-size:2.4rem;max-width:none}
 body.services-refined .scope-agreement p:not(.hero-kicker){font-size:1rem}
 body.services-refined .subtle{grid-template-columns:1fr;gap:18px;padding-block:38px 44px}
 body.services-refined .subtle h3{max-width:26ch}
 body.services-refined .closing{padding-block:60px}
 body.services-refined .closing h2{font-size:clamp(2.7rem,10vw,4rem)}
}
@media(prefers-reduced-motion:reduce){body.services-refined .services-jump a{transition:none}}