/* Services inherit Carta. Their images are existing work, never decorative UI props. */
.service-intro{margin-bottom:39px;scroll-margin-top:35px}
.service-back{display:inline-flex;align-items:center;gap:9px;min-height:44px;font-size:var(--letter-detail);color:var(--ns-text-secondary);margin-top:-13px;margin-bottom:27px}
.service-back:hover{text-decoration:underline;text-underline-offset:5px;color:var(--ns-ink)}
.service-intro h1{font-size:var(--letter-intro);line-height:1.5;letter-spacing:-.45px;text-wrap:pretty}
.service-intro h1 span{color:var(--ns-text-secondary)}
.service-intro-text{font-size:var(--letter-reading);line-height:1.8;color:var(--ns-text-secondary);margin-top:23px;text-wrap:pretty}
.service-invite{display:inline-flex;align-items:center;gap:11px;min-height:44px;font-size:var(--letter-detail);margin-top:17px;text-decoration:underline;text-decoration-color:var(--ns-line-strong);text-underline-offset:6px;text-decoration-thickness:1px}
.service-invite:hover{text-decoration-color:currentColor}
.service-figure{margin:0 0 58px}
.service-figure>img,.service-figure>a>img{width:100%;height:auto;border-radius:5px}
.service-figure figcaption{display:flex;align-items:baseline;justify-content:space-between;gap:10px 22px;flex-wrap:wrap;font-size:var(--letter-detail);line-height:1.7;color:var(--ns-text-secondary);margin-top:11px}
.service-figure figcaption a{display:inline-flex;align-items:center;gap:8px;min-height:36px;color:var(--ns-ink)}
.service-figure figcaption a:hover{text-decoration:underline;text-underline-offset:5px}
.service-editorial{display:grid;grid-template-columns:138px minmax(0,1fr);gap:32px;border-top:1px solid var(--ns-line);padding-top:25px;margin-bottom:62px}
.service-editorial>h2{font-size:var(--letter-detail);line-height:1.75;color:var(--ns-text-secondary);padding-top:2px;max-width:130px}
.service-editorial-body>div+div{margin-top:29px}
.service-editorial h3{font-size:var(--letter-reading);line-height:1.7;margin-bottom:9px}
.service-editorial p,.service-work>p,.service-training-opening>p{font-size:var(--letter-reading);line-height:1.8;color:var(--ns-text-secondary);text-wrap:pretty}
.service-work{margin-bottom:62px}
.service-work>h2,.service-training-opening>h2{font-size:var(--letter-intro);line-height:1.5;letter-spacing:-.4px;margin-bottom:18px;text-wrap:pretty}
.service-work-image{display:block;margin-top:28px;border-radius:5px;overflow:hidden}
.service-work-image img{width:100%;height:306px;object-fit:cover}
.service-project-link,.service-resource-link{display:flex;align-items:center;gap:14px;min-height:76px;padding:17px 0;font-size:var(--letter-reading);line-height:1.6}
.service-project-link>img{width:23px;height:28px;object-fit:contain;filter:brightness(0);opacity:.8}
[data-theme=dark] .service-project-link>img{filter:brightness(0) invert(1)}
.service-project-link>span>span,.service-resource-link>span>span{display:block;font-size:var(--letter-detail);color:var(--ns-text-secondary);margin-top:3px}
.service-project-link>.icon,.service-resource-link>.icon{margin-left:auto}
.service-project-link:hover>span,.service-resource-link:hover>span{text-decoration:underline;text-decoration-color:var(--ns-line-strong);text-underline-offset:5px}
.service-personal{display:grid;grid-template-columns:190px minmax(0,1fr);gap:28px;align-items:center;margin:0 0 61px}
.service-personal>img{width:190px;height:209px;object-fit:cover;object-position:59% center;border-radius:5px}
.service-personal>p{font-size:var(--letter-reading);line-height:1.8;color:var(--ns-text-secondary);text-wrap:pretty}
.service-demo-figure{margin:27px 0 14px}
.service-demo-figure>a{display:block;border:1px solid var(--ns-line);border-radius:5px;overflow:hidden}
.service-demo-figure img{aspect-ratio:1.6;object-fit:contain;background:#F8F8F7}
.service-work>.service-aside{font-size:var(--letter-detail);line-height:1.75;max-width:540px}
.service-training-opening{margin-bottom:58px}
.service-training-opening>h2{font-size:var(--letter-reading);letter-spacing:0;margin-bottom:12px}
.service-exercise{margin-top:27px;padding:27px 0 0;border-top:1px solid var(--ns-line)}
.service-exercise>p{font-size:var(--letter-intro);line-height:1.5;letter-spacing:-.4px;text-wrap:pretty}
.service-exercise>span{display:block;font-size:var(--letter-detail);color:var(--ns-text-secondary);line-height:1.7;margin-top:15px}
.service-guide-image{display:block;margin-top:27px;border-radius:5px;overflow:hidden}
.service-guide-image img{width:100%;height:auto}
.service-questions{margin-bottom:48px}
.service-questions>h2{font-size:var(--letter-detail);color:var(--ns-text-secondary);line-height:1.7;margin-bottom:18px}
.service-accordion summary{padding:18px 0;gap:24px}
.service-accordion h3{font-size:var(--letter-reading);line-height:1.65;letter-spacing:0}
.service-accordion summary .icon{width:15px;height:15px;flex-shrink:0}
.service-accordion details[open] summary .icon{transform:rotate(45deg)}
.service-accordion details>p{font-size:var(--letter-reading);line-height:1.8;padding:0 28px 22px 0;color:var(--ns-text-secondary)}
.service-related{margin-bottom:57px}
.service-related>span{display:block;font-size:var(--letter-detail);color:var(--ns-text-secondary);margin-bottom:13px}
.service-related>a{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:48px;font-size:var(--letter-reading)}
.service-related>a:hover>span{text-decoration:underline;text-underline-offset:5px}
.service-footer>p{line-height:1.8;margin-bottom:10px}
@media(max-width:520px){
 .service-back{margin-bottom:22px}.service-intro{margin-bottom:30px}.service-intro h1 br{display:none}.service-intro-text{margin-top:20px}.service-invite{margin-top:15px}
 .service-figure{margin-bottom:42px}.service-figure figcaption{gap:1px 14px;margin-top:9px}
 .service-editorial{grid-template-columns:1fr;gap:20px;padding-top:21px;margin-bottom:45px}.service-editorial>h2{max-width:none;padding:0}.service-editorial-body>div+div{margin-top:24px}
 .service-work{margin-bottom:45px}.service-work-image{margin-top:23px}.service-work-image img{height:233px}.service-project-link{gap:12px}
 .service-personal{grid-template-columns:104px minmax(0,1fr);gap:20px;align-items:start;margin-bottom:42px}.service-personal>img{width:104px;height:142px;object-position:60% center}.service-personal>p{font-size:var(--letter-detail);line-height:1.8}
 .service-demo-figure{margin-bottom:13px}.service-training-opening{margin-bottom:42px}.service-exercise{margin-top:24px;padding-top:23px}
 .service-accordion details>p{padding-right:0}.service-questions{margin-bottom:36px}.service-related{margin-bottom:41px}
}
@media(max-width:360px){.service-personal{grid-template-columns:1fr;gap:18px}.service-personal>img{width:100%;height:174px;object-position:center 40%}.service-personal>p{font-size:var(--letter-reading)}}