/* Shared service-page layout. Scoped to the service preview, never the homepage. */
.sp-design .sp-service-page{color:#394D42;font-family:'Arial Nova',Arial,sans-serif}
.sp-design .sp-service-intro{padding-block:42px 48px}
.sp-design .sp-service-intro .sp-advice-stephead{justify-content:flex-start;gap:28px;margin:0 0 38px}
.sp-design .sp-service-eyebrow{font-size:11px!important;letter-spacing:.12em;text-transform:uppercase;margin:0 0 20px!important}
.sp-design .sp-service-intro h1{max-width:1050px;font-size:clamp(38px,4.3vw,62px);line-height:1.12;margin:0 0 24px}
.sp-design .sp-service-intro>p:last-child{font-size:18px;max-width:850px;line-height:1.8}
.sp-design .sp-service-content{padding-bottom:80px}
.sp-design .sp-service-story{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:clamp(36px,5vw,80px);align-items:start;margin-bottom:54px}
.sp-design .sp-service-prose h2{font-size:clamp(27px,2.6vw,36px);line-height:1.25;font-weight:400;letter-spacing:-.025em;margin:0 0 22px}
.sp-design .sp-service-prose p{font-size:16px;line-height:1.85;margin:0 0 18px;max-width:76ch}
.sp-design .sp-service-process{background:#C3CBB7;border-radius:14px;padding:30px}
.sp-design .sp-service-process h3{font-size:23px;font-weight:400;margin:0 0 26px}
.sp-design .sp-service-process ol{list-style:none;padding:0;margin:0;display:grid;gap:26px}
.sp-design .sp-service-process li{display:grid;grid-template-columns:24px minmax(0,1fr);gap:14px;align-items:start;margin:0;padding:0;border:0}
.sp-design .sp-service-process li>span{font-size:12px;color:#EC671A;line-height:1.8;padding-top:2px}
.sp-design .sp-service-process h4{font-size:16px;line-height:1.6;margin:0 0 5px;font-weight:600}
.sp-design .sp-service-process p{font-size:14px;line-height:1.75;margin:0}
.sp-design .sp-service-story--illustrated{grid-template-columns:minmax(260px,.65fr) minmax(0,1.35fr)}
.sp-design .sp-service-illustration{margin:0;max-width:390px;width:100%}
.sp-design .sp-service-illustration img{display:block;width:100%;aspect-ratio:2/3;object-fit:cover;object-position:center top;border-radius:14px}
.sp-design .sp-service-illustration figcaption{font-size:11px;color:#4C6758;margin-top:10px}
.sp-design .sp-service-story--illustrated+.sp-service-process{margin-bottom:54px}
.sp-design .sp-service-story--illustrated+.sp-service-process ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.sp-design .sp-services-preview{padding:0;margin:0}
.sp-design .sp-service-concept{font-size:11px;color:#4C6758;margin:0 0 18px}
.sp-design .sp-service-offer{background:#C3CBB7;border:0;border-radius:14px;padding:36px;margin:0 0 32px;scroll-margin-top:24px}
.sp-design .sp-service-offer h2{font-size:clamp(26px,2.8vw,36px);font-weight:400;line-height:1.25;letter-spacing:-.025em;margin:0 0 16px}
.sp-design .sp-service-price .sp-advice-kicker{display:block;font-size:10px!important;margin-bottom:16px!important}
.sp-design .sp-service-price .sp-advice-kicker:before{content:none}
.sp-design .sp-service-amount{font-size:clamp(25px,2.7vw,36px);line-height:1.35;margin:0 0 20px}
.sp-design .sp-service-price>p:last-child{max-width:82ch;font-size:15px;line-height:1.85;margin-bottom:24px}
.sp-design .sp-service-benefit{border:0;border-radius:0;background:transparent;padding:0;margin:28px 0;max-width:900px}
.sp-design .sp-service-benefit>.sp-advice-kicker{display:none}
.sp-design .sp-service-benefit h3{font-size:23px;font-weight:400;line-height:1.4;margin:0 0 12px}
.sp-design .sp-service-benefit p{font-size:14px;line-height:1.85;margin:0 0 14px}
.sp-design .sp-service-benefit summary{cursor:pointer;min-height:44px;padding-block:10px;font-size:13px;font-weight:600}
.sp-design .sp-service-benefit dl{margin:12px 0;max-width:730px}
.sp-design .sp-service-benefit dl>div{display:flex;justify-content:space-between;gap:24px;padding-block:8px;font-size:14px}
.sp-design .sp-service-benefit dd{margin:0;white-space:nowrap}
.sp-design .sp-service-request{scroll-margin-top:24px}
.sp-design .sp-service-request>summary{display:inline-flex;align-items:center;min-height:54px;box-sizing:border-box;padding:14px 24px;background:#EC671A;color:#E7E9DF;border:0;border-radius:14px;cursor:pointer;font-size:13px;font-weight:600;list-style:none;line-height:1.5}
.sp-design .sp-service-request>summary::-webkit-details-marker{display:none}
.sp-design .sp-service-request>summary:focus-visible{outline:2px solid #394D42;outline-offset:4px}
.sp-design .sp-service-request>summary:hover{background:#394D42}
.sp-design .sp-service-request[open]>summary{margin-bottom:12px}
.sp-design .sp-service-page .sp-advice-form{background:transparent;margin:0;padding:22px 0 0;border:0;max-width:none}
.sp-design .sp-service-page .sp-advice-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 24px}
.sp-design .sp-service-page .sp-advice-fields label{display:grid;grid-template-rows:minmax(30px,auto) auto;gap:8px;min-width:0;align-content:start;font-size:12px;font-weight:600;line-height:1.6}
.sp-design .sp-service-page .sp-field-label{display:block;align-self:end}
.sp-design .sp-service-page .sp-field-label small{display:inline;font-size:11px;font-weight:400;margin-left:5px;white-space:nowrap}
.sp-design .sp-service-page input,.sp-design .sp-service-page select,.sp-design .sp-service-page textarea{display:block;box-sizing:border-box;width:100%;min-width:0;min-height:50px;padding:11px 14px;border:1px solid #4C6758;border-radius:14px;background:#E7E9DF;color:#394D42;font:400 14px/1.6 'Arial Nova',Arial,sans-serif}
.sp-design .sp-service-page textarea{min-height:110px;resize:vertical}
.sp-design .sp-service-page input:invalid{border-color:#4C6758}
.sp-design .sp-service-page :is(input,select,textarea):user-invalid{border-color:#EC671A}
.sp-design .sp-service-page :is(input,select,textarea):focus-visible{outline:2px solid #394D42;outline-offset:3px}
.sp-design .sp-service-page [role=status]{font-size:14px;margin-top:20px}
.sp-design .sp-service-page .sp-advice-form>.sp-advice-note{margin:14px 0;font-size:11px!important;max-width:100ch}
.sp-design .sp-service-page [data-registration-form]{padding:30px;background:#C3CBB7;border-radius:14px}
.sp-design .sp-service-related{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:44px}
.sp-design .sp-service-related h3{font-size:15px;font-weight:600;margin:0}
@media(max-width:900px){.sp-design .sp-service-story{grid-template-columns:1fr;gap:28px}.sp-design .sp-service-story--illustrated{grid-template-columns:minmax(220px,.75fr) minmax(0,1.25fr);gap:32px}.sp-design .sp-service-offer{padding:28px}.sp-design .sp-service-story--illustrated+.sp-service-process ol{grid-template-columns:1fr;gap:24px}}
@media(max-width:600px){.sp-design .sp-service-intro{padding-block:28px 34px}.sp-design .sp-service-intro .sp-advice-stephead{margin-bottom:28px;gap:20px}.sp-design .sp-service-intro>p:last-child{font-size:16px}.sp-design .sp-service-story--illustrated{grid-template-columns:1fr}.sp-design .sp-service-illustration{max-width:360px}.sp-design .sp-service-content{padding-bottom:56px}.sp-design .sp-service-process,.sp-design .sp-service-offer,.sp-design .sp-service-page [data-registration-form]{padding:22px}.sp-design .sp-service-page .sp-advice-fields{grid-template-columns:1fr;gap:16px}.sp-design .sp-service-page .sp-advice-fields label{grid-template-rows:auto auto}.sp-design .sp-service-request>summary{max-width:100%;justify-content:center;text-align:center}.sp-design .sp-service-benefit dl>div{gap:12px}.sp-design .sp-service-related{gap:18px;align-items:flex-start;flex-direction:column}}
/* Generic WordPress page widths must not narrow only some service bodies. */
.sp-design .sp-service-page>.sp-service-content{max-width:none}
.sp-design .sp-service-page .sp-advice-fields label{grid-template-rows:minmax(30px,1fr) auto;align-content:stretch;align-self:stretch;height:100%}
/* Service introductions share a full-width forest-green band and central seams. */
.sp-design .sp-service-intro-band{background:#394D42;color:#E7E9DF;margin:0;padding:0}
.sp-design .sp-service-intro-band .sp-service-intro{padding-block:42px 52px}
.sp-design .sp-service-intro-band :is(h1,p,a){color:#E7E9DF}
.sp-design .sp-service-intro-band .sp-action{--sp-action-ink:#E7E9DF;--sp-action-hover-ink:#E7E9DF}
.sp-design .sp-service-intro-band .sp-action:focus-visible{outline-color:#E7E9DF}
/* Shared breathing room after the green introduction, with both columns on one baseline. */
.sp-design .sp-service-content{padding-top:clamp(64px,6vw,88px)}
@media(max-width:600px){.sp-design .sp-service-intro-band .sp-service-intro{padding-block:28px 38px}.sp-design .sp-service-content{padding-top:48px}}
.sp-design .sp-service-intro-band>.sp-service-intro{max-width:none}
/* Less repetition in the green band; clear the overlapping logo without enlarging the bar. */
.sp-design .sp-service-intro-band .sp-service-intro{padding-top:88px;padding-bottom:52px}
.sp-design .sp-service-intro-band .sp-advice-stephead{margin-bottom:26px}
.sp-design .sp-service-back-bottom{margin-top:40px;display:flex;align-items:center;min-height:44px}
@media(max-width:960px){.sp-design .sp-service-intro-band .sp-service-intro{padding-top:76px}}
@media(max-width:600px){.sp-design .sp-service-intro-band .sp-service-intro{padding-top:66px;padding-bottom:36px}.sp-design .sp-service-back-bottom{margin-top:30px}}
.sp-design .sp-service-intro h1{overflow-wrap:break-word;hyphens:auto}
/* One shared closing link row on every service page. */
.sp-design .sp-service-related{flex-direction:row;align-items:center;gap:12px 24px;margin-top:32px}
.sp-design .sp-service-related .sp-service-back-bottom{display:inline-flex;margin:0;min-height:44px;flex:0 0 auto}
.sp-design .sp-service-related h3,.sp-design .sp-service-related .sp-action{white-space:nowrap}
@media(max-width:600px){.sp-design .sp-service-related{gap:4px 18px;margin-top:26px}.sp-design .sp-service-related h3{font-size:13px}}