.services-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:48px;padding-block:72px;background:var(--surface)}
.services-intro h1{font-size:var(--display)}
.services-intro>div{max-width:42ch}
.services-intro p{font-size:18px}
.services-intro .text-link{margin-top:20px}
.service-offerings{padding-block:72px 96px}
.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.service-card{background:var(--surface);min-width:0}
.service-card>img{height:350px;object-fit:cover}
.service-card-body{padding:34px;display:flex;align-items:flex-start;flex-direction:column;gap:22px}
.service-card h2{font-size:36px}
.service-card p{max-width:44ch}
.service-card .button{margin-top:4px}
.service-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:42px}
.service-heading h2{max-width:15ch}
.service-heading>p{max-width:38ch}
.service-difference{background:var(--ink);color:var(--light)}
.difference-layout{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:stretch}
.difference-layout>img{height:100%;min-height:540px;max-height:720px}
.difference-copy{display:flex;flex-direction:column;justify-content:center;gap:34px;padding-block:20px}
.difference-copy h3{font-size:28px;max-width:24ch}
.difference-copy p{margin-top:14px;max-width:42ch;color:var(--on-dark)}
.service-contact{display:grid;grid-template-columns:1.1fr 1fr;background:var(--accent);color:var(--light)}
.service-contact>img{height:490px}
.service-contact-copy{padding:60px var(--margin);padding-left:48px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:26px}
.service-contact h2{max-width:13ch}
.service-contact p{max-width:38ch}
.service-faq{display:grid;grid-template-columns:.85fr 1.15fr;gap:7vw;align-items:start}
.faq-intro h2{max-width:14ch}
.faq-intro>p{margin-top:24px;max-width:36ch}
.faq-intro>img{height:330px;margin-top:34px}
.faq-intro .text-link{margin-top:22px}
.faq-list{display:grid;gap:14px;min-width:0}
.faq-list details{background:var(--surface);padding:0 26px}
.faq-list summary{position:relative;cursor:pointer;list-style:none;min-height:76px;padding:24px 40px 24px 0;font-size:20px;font-weight:500;line-height:1.4}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary:after{content:'+';position:absolute;right:0;top:20px;font-size:28px;line-height:1.4}
.faq-list details[open] summary:after{content:'−'}
.faq-list details>p{padding-bottom:26px;max-width:54ch}
.services-preview{background:var(--surface);padding-block:88px}
.services-preview .service-card{background:var(--bg)}
.services-preview .service-card>img{height:290px}
.service-detail-intro{display:grid;grid-template-columns:1fr 1fr;background:var(--surface)}
.service-detail-copy{padding:64px var(--margin);padding-right:44px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:28px;min-width:0}
.service-detail-copy h1{font-size:clamp(40px,4.4vw,66px);max-width:100%}
.service-detail-copy>p{max-width:42ch;font-size:18px}
.service-detail-intro>img{height:570px}
.service-scope{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:start}
.service-scope h2{max-width:15ch}
.service-scope p{margin-top:24px;max-width:42ch}
.service-scope ul{margin:0;padding:30px 30px 30px 52px;background:var(--surface)}
.service-scope li{padding:10px 0 10px 4px}
.service-process{background:var(--surface)}
.service-process-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px}
.service-process h3{font-size:28px;margin-bottom:18px;max-width:19ch}
.service-process p{max-width:38ch}
.service-related{display:flex;align-items:center;justify-content:space-between;gap:32px;background:var(--accent);color:var(--light);padding-block:56px}
.service-related h2{font-size:var(--title)}
@media(max-width:1000px){.services-intro{gap:32px}.service-card>img{height:300px}.service-card-body{padding:28px}.service-card h2{font-size:32px}.difference-layout{gap:36px}.service-contact-copy{padding:40px 32px}.service-detail-copy{padding-right:30px}.service-detail-copy h1{font-size:42px}.service-detail-intro>img{height:560px}.service-process-grid{gap:28px}.service-process h3{font-size:26px}}
@media(max-width:800px){.services-intro{align-items:flex-start}.services-intro h1{font-size:64px}.services-intro>div{max-width:34ch}.service-grid{gap:22px}.service-card>img{height:250px}.service-card-body{padding:26px}.service-card h2{font-size:29px}.service-card .button{padding-inline:20px;gap:20px}.difference-layout{grid-template-columns:1fr 1.1fr;gap:32px}.difference-layout>img{min-height:570px}.difference-copy{gap:28px}.difference-copy h3{font-size:26px}.service-contact{grid-template-columns:1fr 1fr}.service-contact>img{height:520px}.service-contact h2{font-size:44px}.service-faq{grid-template-columns:1fr;gap:38px}.faq-intro{display:grid;grid-template-columns:1fr 1fr;gap:20px 32px}.faq-intro>img{grid-column:2;grid-row:1/span 3;height:260px;margin:0}.faq-intro>p,.faq-intro>.text-link{margin:0}.service-detail-intro{grid-template-columns:1fr 1fr}.service-detail-copy{padding-block:42px;gap:24px}.service-detail-copy h1{font-size:34px}.service-detail-intro>img{height:540px}.service-scope{gap:32px}.service-process-grid{grid-template-columns:1fr;gap:30px}.service-process article{display:grid;grid-template-columns:1fr 1fr;gap:32px}.service-process h3{margin-bottom:0}.service-process p{max-width:100%}.service-heading{align-items:flex-start}}
@media(max-width:600px){.services-intro{display:block;padding-block:48px}.services-intro h1{font-size:56px}.services-intro>div{margin-top:24px;max-width:100%}.service-offerings{padding-block:42px 64px}.service-grid{grid-template-columns:1fr;gap:28px}.service-card>img{height:240px}.service-card-body{padding:28px 24px}.service-card h2{font-size:30px}.service-heading{display:block;margin-bottom:30px}.service-heading>p{margin-top:24px}.difference-layout{grid-template-columns:1fr;gap:28px}.difference-layout>img{min-height:0;height:320px}.difference-copy{padding:0;gap:30px}.service-contact{grid-template-columns:1fr}.service-contact>img{height:290px}.service-contact-copy{padding:36px var(--margin) 44px}.service-contact h2{font-size:42px}.service-faq{gap:30px}.faq-intro{display:block}.faq-intro>p{margin-top:24px}.faq-intro>img{margin-top:28px;height:270px}.faq-intro>.text-link{margin-top:18px}.faq-list details{padding-inline:22px}.faq-list summary{font-size:18px;padding-block:21px;min-height:70px}.faq-list summary:after{top:17px}.services-preview{padding-block:56px}.services-preview .service-card>img{height:230px}.service-detail-intro{grid-template-columns:1fr}.service-detail-copy{padding:42px var(--margin);gap:24px}.service-detail-copy h1{font-size:40px}.service-detail-intro>img{height:290px}.service-scope{grid-template-columns:1fr;gap:30px}.service-scope ul{padding:22px 22px 22px 44px}.service-process article{display:block}.service-process h3{margin-bottom:14px}.service-related{align-items:flex-start;flex-direction:column;gap:24px}}
