.service-intro{background:var(--navy);color:#fff;grid-template-columns:1.15fr .85fr;align-items:center;gap:5vw;padding:64px clamp(24px,7vw,118px);display:grid}.service-intro h1{letter-spacing:-.04em;margin:0 0 26px;font-size:clamp(36px,4.5vw,68px);line-height:1.08}.service-lead{color:#d0e3f1;max-width:650px;font-size:19px;line-height:1.7}.service-photo{object-fit:cover;border-radius:4px;width:100%;height:440px}.service-detail .brand{width:220px}.service-detail .brand img{object-fit:contain;max-height:80px}.service-detail .hero-actions{margin-top:24px}.service-content{grid-template-columns:repeat(3,1fr);gap:40px;padding:72px clamp(24px,7vw,118px);display:grid}.service-content h2{margin:0 0 18px;font-size:26px;line-height:1.2}.service-content p,.service-questions p,.service-next p{color:#42596d;font-size:17px;line-height:1.75}.service-questions{background:var(--mist);padding:64px max(24px,50% - 500px)}.service-questions h2,.service-next h2{letter-spacing:-.035em;margin:0 0 30px;font-size:clamp(30px,4vw,46px);line-height:1.15}.service-questions details{border-top:1px solid #b8d2e3;padding:22px 0}.service-questions summary{cursor:pointer;font-size:19px;font-weight:650}.service-questions p{margin-bottom:0}.service-next{text-align:center;padding:72px 24px}.service-next p{max-width:680px;margin:0 auto 28px}.service-project{grid-template-columns:1.15fr .85fr;align-items:center;gap:5vw;padding:0 clamp(24px,7vw,118px) 72px;display:grid}.service-project h2{letter-spacing:-.035em;font-size:clamp(28px,3vw,42px);line-height:1.15}.service-project p:not(.eyebrow){color:#42596d;margin-bottom:28px;font-size:17px;line-height:1.75}.service-project img{object-fit:cover;object-position:center 45%;width:100%;height:320px}.service-project .button{display:inline-flex}@media (max-width:800px){.service-project{grid-template-columns:1fr;gap:28px;padding-bottom:44px}.service-project img{height:280px}}.service-footer{background:var(--navy);color:#d0e3f1;flex-wrap:wrap;gap:24px;padding:32px clamp(24px,7vw,118px);font-size:14px;display:flex}.service-footer span{flex-basis:100%}:is(.service-detail a:focus-visible,.service-detail summary:focus-visible){outline:3px solid var(--cyan);outline-offset:5px}@media (max-width:800px){.service-intro{grid-template-columns:1fr;gap:30px;padding-top:40px}.service-photo{height:320px}.service-content{grid-template-columns:1fr;gap:24px;padding-top:44px;padding-bottom:44px}.service-detail .hero-actions{flex-wrap:wrap}.service-detail .button{white-space:normal;text-align:center}.service-detail .eyebrow{font-size:14px}}
