/* A quieter editorial layout for the web design service page. */
.service-design-page{--page-gutter:max(6%,calc((100vw - 1240px)/2))}
.service-design-page .page-breadcrumbs{display:block;position:static;background:none;border:0;border-radius:0;margin:0;padding:25px var(--page-gutter) 0;font-size:11px}
.service-design-page .inner-hero{padding:64px var(--page-gutter) 68px}
.service-design-page .inner-hero h1{font-size:clamp(48px,6.4vw,90px);line-height:1.08;letter-spacing:-.055em;margin:26px 0 32px}
.service-design-page .inner-hero>.detail-copy{margin:0 0 0 34%;max-width:650px;font-size:20px;line-height:1.65}
.service-design-page .inner-content{padding:64px var(--page-gutter);grid-template-columns:minmax(190px,1fr) minmax(0,2.15fr);gap:7%}
.service-design-page .inner-content>.eyebrow{padding-top:24px}
.service-design-page .inner-content h2{font-size:30px;line-height:1.2;letter-spacing:-.04em;margin:34px 0 16px}
.service-design-page .inner-main .detail-copy{font-size:18px;line-height:1.7}
.service-design-page .service-points li{font-size:18px;padding:21px 0 21px 42px}
.service-design-page .service-points li:before{top:25px}
.service-design-page .local-service-detail{margin-top:34px}
.service-design-page .related-services{gap:10px;margin-top:25px}
.service-design-page .related-services a{padding:11px 14px;border:1px solid #ffffff20;border-radius:4px;font-size:12px;line-height:1.5}
.service-design-page .related-services a:hover{border-color:var(--accent);background:#ffffff04}
.service-design-page .questions-intro .eyebrow{margin:0 0 21px}
.service-design-page .questions-intro h2{margin:0 0 18px;font-size:32px}
.service-design-page .questions-intro>p:last-child{font-size:15px;line-height:1.65;color:var(--muted);max-width:240px}
.service-design-page .questions-list{counter-reset:question;border-top:1px solid #ffffff20}
.service-design-page .service-questions details{padding:0;border:0;border-bottom:1px solid #ffffff20;counter-increment:question}
.service-design-page .service-questions summary{display:grid;grid-template-columns:24px 1fr 26px;align-items:baseline;gap:15px;padding:25px 0;list-style:none;font-size:18px;line-height:1.5;letter-spacing:-.015em}
.service-design-page summary::-webkit-details-marker{display:none}
.service-design-page .service-questions summary:before{content:'0' counter(question);font:10px/1.5 ui-monospace,monospace;color:var(--accent)}
.service-design-page .service-questions summary:after{content:'+';width:24px;height:24px;display:grid;place-items:center;border:1px solid #ffffff30;border-radius:50%;font:18px/1 monospace;color:var(--accent)}
.service-design-page .service-questions details[open] summary:after{content:'−'}
.service-design-page .service-questions details[open] summary{color:var(--accent)}
.service-design-page .service-questions details .detail-copy{font-size:16px;line-height:1.75;margin:0 40px 25px 39px;max-width:610px}
.service-design-page .inner-next{padding:52px var(--page-gutter);grid-template-columns:1fr 1.6fr auto;gap:25px}
.service-design-page .inner-next h2{font-size:42px;margin:0;line-height:1.15}
@media(max-width:750px){
 .service-design-page .inner-hero{padding-top:40px;padding-bottom:42px}
 .service-design-page .inner-hero h1{font-size:clamp(42px,10vw,65px);margin:23px 0}
 .service-design-page .inner-hero>.detail-copy{margin-left:0}
 .service-design-page .inner-content{display:block;padding-top:42px;padding-bottom:45px}
 .service-design-page .inner-content>.eyebrow{padding-top:0;margin-bottom:22px}
 .service-design-page .inner-main .detail-copy{font-size:16px}
 .service-design-page .service-points li{font-size:16px}
 .service-design-page .questions-intro{margin-bottom:28px}
 .service-design-page .questions-intro h2{font-size:30px}
 .service-design-page .questions-intro>p:last-child{max-width:290px}
 .service-design-page .service-questions summary{grid-template-columns:19px 1fr 24px;gap:10px;font-size:16px;padding:21px 0}
 .service-design-page .service-questions details .detail-copy{margin:0 5px 23px 29px;font-size:15px}
 .service-design-page .inner-next{display:block;padding-top:40px;padding-bottom:45px}
 .service-design-page .inner-next h2{font-size:35px;margin:20px 0 25px}
}

/* Breadcrumb belongs to the hero, with no separate band or nav treatment. */
.service-design-page .inner-hero{padding-top:30px}
.service-design-page .inner-hero .page-breadcrumbs{width:auto;min-height:0;padding:0;margin:0 0 38px;box-shadow:none;background:transparent;font:11px/1.6 ui-monospace,monospace;letter-spacing:0;color:#969b99}
.service-design-page .page-breadcrumbs ol{gap:9px;align-items:center}
.service-design-page .page-breadcrumbs li{display:flex;align-items:center;gap:9px}
.service-design-page .page-breadcrumbs li+li:before{content:'›';margin:0;color:#737a76;opacity:1}
.service-design-page .page-breadcrumbs a{padding:0;text-decoration:none;font:inherit}
.service-design-page .page-breadcrumbs a:hover{color:#eeefea;text-decoration:underline}
.service-design-page .page-breadcrumbs [aria-current]{color:#b6bbb7}
@media(max-width:750px){.service-design-page .inner-hero{padding-top:23px}.service-design-page .inner-hero .page-breadcrumbs{margin-bottom:30px}}