/* Service information follows the accepted studio and editorial hierarchy. */
.service-overview{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;padding-block:68px;border-top:1px solid #ded8e1}
.service-overview h2{font-size:clamp(28px,3vw,40px);line-height:1.15;letter-spacing:-.045em;margin:16px 0}
.service-overview p:not(.eyebrow){max-width:52ch;font-size:17px;line-height:1.7;color:#6b6471;margin:0}
.service-links{align-self:center;display:grid}
.service-links a,.service-crosslinks a,.service-reading nav a{display:flex;justify-content:space-between;gap:16px;text-decoration:none;border-bottom:1px solid #ded8e1;padding:18px 0;color:#302b35}
.service-links a span,.service-crosslinks span,.service-reading nav span{color:#716a78}
.service-crosslinks{display:flex;flex-wrap:wrap;gap:16px 40px;margin:64px auto;max-width:1100px}
.service-crosslinks a{min-width:160px;font-size:15px}
.service-page{max-width:1100px;margin:auto;padding-top:40px}
.service-breadcrumb{display:flex;flex-wrap:wrap;gap:12px;font-size:13px;color:#6b6471;margin:0 0 44px}
.service-breadcrumb a{color:inherit}
.service-intro{max-width:920px;margin-bottom:80px}
.service-intro .meta{line-height:1.7;max-width:60ch}
.service-intro h1{font-size:clamp(38px,5.4vw,68px);line-height:1.07;letter-spacing:-.05em;max-width:18ch;text-wrap:balance;margin:24px 0}
.service-intro>p:not(.meta){font-size:clamp(18px,2vw,23px);line-height:1.6;max-width:52ch;color:#6b6471;margin:0 0 28px}
.service-cta{display:inline-flex;align-items:center;gap:24px;padding:12px 0;border-bottom:1px solid #b7b0bd;text-decoration:none;color:#302b35;min-height:44px}
.service-body{max-width:820px}
.service-body section{border-top:1px solid #ded8e1;padding-block:40px 48px}
.service-body h2{font-size:clamp(26px,3vw,36px);line-height:1.2;letter-spacing:-.035em;margin:16px 0 24px;text-wrap:balance}
.service-body h3{font-size:20px;line-height:1.35;letter-spacing:-.025em;margin:0 0 10px}
.service-body p{font-size:17px;line-height:1.8;color:#5b5562;max-width:68ch}
.service-body a{color:#51405e;text-underline-offset:5px}
.service-body .meta{font-size:11px;line-height:1.6;margin:0}
.service-examples{display:grid;gap:24px;margin-bottom:28px}
.service-examples p{margin:0}
.service-body .service-note{font-size:14px;line-height:1.7;color:#716a78}
.service-faq details{border-bottom:1px solid #ded8e1;padding:4px 0}
.service-faq summary{cursor:pointer;padding:18px 8px 18px 0;line-height:1.5;font-size:17px}
.service-faq details p{margin:0 0 24px}
.service-reading>a{display:inline-block;font-size:20px;line-height:1.5;padding:20px 0}
.service-reading nav{margin-top:24px}
.service-page a:focus-visible,.service-overview a:focus-visible,.service-crosslinks a:focus-visible,.service-faq summary:focus-visible{background:#eee8f1;outline:2px solid #79628a;outline-offset:5px;border-radius:3px}
@media(max-width:760px){.service-overview{grid-template-columns:1fr;gap:20px;padding-block:40px}.service-overview p:not(.eyebrow){font-size:16px}.service-links a{padding:16px 0;min-height:48px}.service-crosslinks{gap:8px 24px;margin-block:40px}.service-crosslinks a{min-width:0;flex:1 1 140px}.service-page{padding-top:12px}.service-breadcrumb{margin-bottom:32px}.service-intro{margin-bottom:48px}.service-intro h1{font-size:clamp(34px,8.5vw,48px);margin-block:20px}.service-intro .meta{font-size:10px}.service-body section{padding-block:30px 36px}.service-body p{font-size:16px}.service-examples{gap:22px}.service-cta{font-size:15px;gap:18px}.service-reading>a{font-size:18px}}
@media(forced-colors:active){.service-page a:focus-visible,.service-faq summary:focus-visible{outline:2px solid Highlight}}
.service-page{padding-top:80px}
.service-page h1,.service-page h2,.service-page h3{font-family:Inter,Arial,sans-serif;font-weight:500}
@media(max-width:760px){.service-page{padding-top:100px}}
