.service{max-width:1440px;padding:clamp(110px,10vw,160px) var(--gutter) 100px;margin-inline:auto;position:relative}.service__intro{max-width:940px;padding-block-end:clamp(48px,8vw,112px)}.service__back{color:var(--ink-2);margin-block-end:32px;display:inline-block}.service h1{overflow-wrap:anywhere;margin:0 0 32px;font-size:clamp(44px,7vw,100px);line-height:1.06}.service__statement{border-inline-start:3px solid var(--service-accent);max-width:26ch;margin:0 0 24px;padding-inline-start:20px}.service__detail{max-width:62ch;color:var(--ink-2);margin-block:0 32px}.service__scope{gap:var(--gap);border-block-start:1px solid var(--line-strong);grid-template-columns:1fr 2fr;padding-block:40px 64px;display:grid}.service__scope h2{margin:12px 0}.service__deliverables{margin:0;padding:0;list-style:none}.service__deliverables li{border-block-end:1px solid var(--line-strong);align-items:baseline;gap:24px;padding-block:18px;font-size:clamp(20px,2.5vw,32px);display:flex}.service__deliverables .t-data{color:var(--service-accent);font-size:12px}.service__tools{color:var(--ink-2);line-height:1.8}.service__tools .t-label{margin-inline-end:12px}.service__projects{gap:40px var(--gap);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.service__project{min-width:0;text-decoration:none;display:block}.service__project h3{margin:16px 0 6px}.service__project p{color:var(--ink-2);max-width:55ch;margin:0}.service__media{aspect-ratio:4/3;background:var(--surface);position:relative;overflow:hidden}.service__media>img{object-fit:contain;width:100%;height:100%}.service__work,.service__faq{padding-block:32px 64px}.service__faq{max-width:900px}.service__faq details{border-block-end:1px solid var(--line-strong);padding-block:20px}.service__faq summary{cursor:pointer;min-height:44px;padding-block:8px;font-size:clamp(18px,2vw,24px)}.service__faq details p{max-width:65ch;color:var(--ink-2);margin:12px 0}.service__end{border-block-start:1px solid var(--line-strong);justify-content:space-between;align-items:center;gap:24px;padding-block:40px;display:flex}.service__end h2{margin:0}.service__related,.st-service-links{flex-wrap:wrap;gap:8px 24px;display:flex}.service__related a,.st-service-links a{text-underline-offset:5px;align-items:center;min-height:44px;text-decoration:underline;display:inline-flex}.st-service-links{padding:24px var(--gutter)}@media (max-width:640px){.service__scope,.service__projects{grid-template-columns:minmax(0,1fr)}.service__end{flex-direction:column;align-items:flex-start}.service__intro{padding-block-end:48px}.service__scope{gap:8px}.service__statement{font-size:28px}.service__related{gap:4px 18px}}
