/* A shorter path from actual work to scope and a written inquiry. */
.service-page{--paper:#f9f7f3;--paper-soft:#f1eee7;--muted:#4a423c;--line:#d7d1c8;--max:1240px}
.service-page .hm-menu-intro{padding-block:40px 28px}
.service-page .hm-menu-intro h1{font-size:clamp(32px,4vw,56px);line-height:1.22;max-width:1000px;margin-bottom:20px}
.service-page .hm-menu-opening{gap:24px}
.service-page .hm-menu-opening p{font-size:17px;line-height:1.7;max-width:670px}
.service-page .hm-menu-opening-actions{display:flex;flex:0 1 auto;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:10px;min-width:0}
.service-page .hm-menu-opening-actions .hm-menu-cta{white-space:nowrap}
.service-page .hm-menu-opening-actions .hm-menu-cta-secondary{border:1px solid #00704a;background:transparent;color:#005b3d}
.service-page .hm-menu-opening-actions .hm-menu-cta-secondary:hover{background:#005a3c;color:#fff}
.service-page .hm-menu-intro .hm-menu-kicker{margin-bottom:16px}
.service-page .hm-web-heading{margin-bottom:24px}
.service-page .hm-web-case{gap:48px;margin-bottom:56px;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);scroll-margin-top:24px}
.service-page .hm-web-copy{padding-top:16px}
.service-page .hm-web-copy h3{font-size:clamp(28px,2.8vw,38px);margin-bottom:18px}
.service-page .hm-web-copy>p:not(.hm-web-label){font-size:17px;line-height:1.75}
.service-page .hm-web-label{font-size:14px;margin-bottom:14px}
.web-case-notes{margin:20px 0 24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.web-case-notes>summary{display:list-item;min-height:48px;padding:12px 0;font-size:15px;font-weight:600;cursor:pointer;line-height:1.6}
.web-case-notes>summary:hover{color:var(--blue)}
.web-case-notes>summary:focus-visible{outline:3px solid var(--blue);outline-offset:4px}
.service-page .hm-web-facts{margin:8px 0 24px;gap:16px}
.service-page .hm-web-facts dd{font-size:15px}
.service-page .hm-web-links{gap:12px 20px}
.service-page .hm-web-links .hm-menu-cta{font-size:15px;line-height:1.6}
.service-page .hm-web-links .text-link{font-size:15px}
.service-page .hm-web-delivery{padding:32px 36px;gap:28px 48px;margin-bottom:56px}
.service-page .hm-web-delivery h2{font-size:32px;line-height:1.3}
.service-page .hm-web-delivery span{font-size:16px}
.service-page .hm-web-delivery strong{font-size:17px}
.service-page .hm-web-delivery-note{font-size:14px}
.service-page .work,.service-page .service,.service-page .owner,.service-page .parody,.service-page .paths,.service-page .archive,.service-page .learning,.service-page .contact{padding-block:72px}
.service-page .section-head,.service-page .parody-head{gap:40px;margin-bottom:36px}
.service-page .section-head h2,.service-page .service h2,.service-page .archive h2,.service-page .owner h2,.service-page .learning h2,.service-page .parody h2,.service-page .paths h2,.service-page .contact h2{font-size:clamp(30px,3.3vw,44px);line-height:1.25}
.service-page .feature-gallery{min-height:0}
.service-page .feature-copy{padding:32px 0 32px 36px}
.service-page .case-index{margin-bottom:28px}
.service-page .case-pair{margin-top:40px;gap:32px}
.service-page .service-grid{margin-top:32px}
.service-page .service-item{padding-block:28px}
.service-page .service-item small{margin-bottom:20px}
.service-page .service-item p{font-size:16px;line-height:1.75}
.service-page .case-card p,.service-page .feature-copy>p,.service-page .owner p{font-size:16px;line-height:1.8}
.service-page .learning-grid{gap:48px}
.service-page .archive-row{grid-template-columns:140px 1fr minmax(220px,.75fr) auto;gap:24px}
.service-page .hm-menu-choices button{min-height:48px;padding:12px 18px}
.service-page #choose-work{scroll-margin-top:20px}
@media(min-width:961px) and (max-height:740px){
 .service-page .hm-menu-intro{padding-block:28px 24px}
 .service-page .hm-menu-intro h1{font-size:40px;line-height:1.2;margin-bottom:16px}
 .service-page .hm-menu-opening{grid-template-columns:1fr auto;align-items:center}
 .service-page .hm-web-copy{padding-top:8px}
 .service-page .hm-web-copy h3{font-size:30px;margin-bottom:14px}
 .service-page .hm-web-copy>p:not(.hm-web-label){font-size:16px}
 .service-page .web-case-notes{margin-block:16px}
}
@media(max-width:760px){
 .service-page .shell{width:calc(100% - 40px)}
 .service-page .masthead .shell{min-height:64px;gap:4px 20px;padding-block:12px}
 .service-page .nav{gap:4px 18px;font-size:14px}
 .service-page .nav a{display:inline-flex;align-items:center;min-height:40px}
 .service-page .hm-menu-intro{padding-block:28px 24px}
 .service-page .hm-menu-intro h1{font-size:32px;line-height:1.28}
 .service-page .hm-menu-opening p{font-size:16px}
 .service-page .hm-menu-opening-actions{justify-content:flex-start;gap:8px}
 .service-page .hm-menu-opening-actions .hm-menu-cta{min-height:44px;padding:10px 12px;font-size:14px}
 .service-page .hm-web-case{grid-template-columns:minmax(0,1fr);gap:20px;margin-bottom:40px}
 .service-page .hm-web-copy{padding-top:0}
 .service-page .hm-web-copy h3{font-size:28px}
 .service-page .hm-web-visual{padding-right:24px}
 .service-page .hm-web-copy>p:not(.hm-web-label){font-size:16px}
 .service-page .hm-web-heading p,.service-page .hm-web-visual figcaption{font-size:13px}
 .service-page .hm-web-visual figcaption{position:static;margin-top:12px}
 .service-page .hm-web-visual{padding-bottom:0}
 .service-page .hm-web-mobile{bottom:36px}
 .service-page .hm-web-delivery{padding:28px 20px;gap:24px;margin-bottom:40px}
 .service-page .hm-web-delivery h2{font-size:28px}
 .service-page .work,.service-page .service,.service-page .owner,.service-page .parody,.service-page .paths,.service-page .archive,.service-page .learning,.service-page .contact{padding-block:48px}
 .service-page .feature-copy{padding:28px 0}
 .service-page .feature-gallery{max-height:380px}
 .service-page .section-head,.service-page .archive-head,.service-page .parody-head{gap:20px;margin-bottom:28px}
 .service-page .archive-row{grid-template-columns:1fr;gap:12px}
 .service-page .service-item+.service-item{padding-left:0;border-left:0}
 .service-page .service-item{padding-right:0}
 .service-page .case-pair,.service-page .parody-grid{gap:32px}
}

.service-jump{display:flex;flex-wrap:wrap;gap:4px 28px;margin-top:16px}
.service-jump a{display:inline-flex;align-items:center;min-height:44px;color:var(--blue);font-size:15px;text-underline-offset:5px}

/* Native disclosure: the five scopes remain readable without JavaScript. */
.work-scopes{margin-top:24px;border-block:1px solid var(--line)}
.work-scopes>summary{display:list-item;min-height:48px;padding:12px 0;cursor:pointer;font-weight:650;font-size:16px}
.work-scopes>dl{margin:0}
.work-scopes>dl>div{display:grid;grid-template-columns:minmax(130px,.3fr) minmax(0,1fr);gap:12px 28px;padding:20px 0;border-top:1px solid var(--line);scroll-margin-top:24px}
.work-scopes dt{font-weight:700}.work-scopes dd{margin:0;min-width:0}.work-scopes dd p{margin:0 0 10px;font-size:16px;line-height:1.75}
.work-scopes [data-work-scope],.work-scopes-note{color:var(--muted)}
.work-scopes-note{font-size:15px;padding-block:8px 16px}.work-scopes-note a{display:inline-flex;min-height:44px;align-items:center;text-underline-offset:4px}
@media(max-width:600px){.work-scopes>dl>div{grid-template-columns:1fr;gap:8px}}

/* The repeat-work entry keeps the visitor's problem and next action together. */
.automation-entry{max-width:960px;padding:4px 0 32px;margin-bottom:28px;border-bottom:1px solid var(--line)}
.automation-entry[hidden],.hm-menu-outcome[hidden]{display:none}
.service-page .automation-entry h2{max-width:940px;margin:0 0 20px;font-size:clamp(32px,3.8vw,48px);line-height:1.25;word-break:keep-all;overflow-wrap:anywhere;text-wrap:balance}
.automation-entry h2 span{display:block;text-wrap:balance}
.automation-entry-lead{max-width:800px;margin-bottom:18px;font-size:18px;line-height:1.7;color:var(--muted)}
.automation-entry-scope{max-width:850px;margin:0 0 24px;font-size:15px;line-height:1.8;color:var(--muted)}
.automation-entry-scope strong{margin-right:12px;color:var(--ink);font-weight:650}
.automation-entry-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px}
.automation-entry-actions .hm-menu-cta{min-height:48px;white-space:normal;text-align:left}
.automation-entry-try{display:inline-flex;align-items:center;min-height:44px;font-size:15px;color:var(--blue);text-underline-offset:5px}
.automation-entry-actions a:focus-visible{outline:3px solid var(--blue);outline-offset:4px}
.automation-entry-note{margin:8px 0 0;font-size:13px;line-height:1.6;color:var(--muted)}
@media(max-width:600px){
 .service-page .automation-entry h2{font-size:30px;line-height:1.3}
 .automation-entry{padding-bottom:24px;margin-bottom:24px}
 .automation-entry-lead{font-size:16px;line-height:1.7}
 .automation-entry-scope{font-size:14px;line-height:1.7;margin-bottom:20px}
 .automation-entry-scope strong{display:block;margin-bottom:4px}
 .automation-entry-actions{align-items:flex-start;flex-direction:column;gap:8px}
 .automation-entry-actions .hm-menu-cta{width:100%;justify-content:center;font-size:15px}
 .automation-entry-try{font-size:14px}
}