/* Service pages */
.svc-hero{position:relative;min-height:100svh;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:clamp(24px,5vw,80px);align-items:center;padding-top:calc(100px + env(safe-area-inset-top,0px));padding-bottom:8vh}
.svc-hero .k{color:var(--volt-hi)}
.svc-hero h1{margin:18px 0 22px;font-family:var(--f-display);font-weight:700;font-size:clamp(46px,8vw,132px);line-height:.9;letter-spacing:-.06em;text-wrap:balance}
.svc-hero p{margin:0;max-width:44ch;font-size:clamp(17px,1.4vw,20px);color:#c9c8c3}
.svc-hero .cta{margin-top:34px;display:flex;flex-wrap:wrap;gap:12px}
.btn{display:inline-flex;align-items:center;gap:10px;font-family:var(--f-body);font-weight:600;font-size:16px;text-decoration:none;border-radius:999px;padding:15px 24px;transition:background .3s,color .3s,transform .3s}
.btn.p{background:var(--bone);color:var(--night)}
.btn.p:hover{background:var(--volt);color:#fff;transform:translateY(-2px)}
.btn.s{border:1px solid var(--line)}
.btn.s:hover{border-color:var(--bone)}
.pic{position:relative;aspect-ratio:3/4;border-radius:10px;overflow:hidden;max-height:78vh;justify-self:end;width:100%;transform-style:preserve-3d}
.pic img{width:100%;height:100%;object-fit:cover}
.pic::after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);border-radius:inherit}
@media (max-width:860px){.svc-hero{grid-template-columns:1fr;padding-top:calc(90px + env(safe-area-inset-top,0px))}.pic{justify-self:stretch;max-height:62vh;order:-1}}
.svc-sec{padding-block:14vh}
.svc-sec .lab{display:flex;justify-content:space-between;color:var(--ash);margin-bottom:5vh;border-bottom:1px solid var(--line);padding-bottom:14px}
.svc-sec h2{margin:0 0 6vh;font-family:var(--f-display);font-weight:700;font-size:clamp(34px,5vw,80px);letter-spacing:-.05em;line-height:.92;max-width:14ch}
.svc-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.it{border:1px solid var(--line);border-radius:12px;padding:24px 22px 28px;display:grid;gap:10px;align-content:start;transition:border-color .3s,background .3s}
.it:hover{border-color:var(--volt);background:rgba(61,99,255,.08)}
.it .k{color:var(--volt-hi)}
.it h3{margin:6px 0 0;font-family:var(--f-display);font-weight:700;font-size:22px;letter-spacing:-.03em}
.it p{margin:0;color:var(--ash)}
@media (max-width:900px){.svc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.svc-grid{grid-template-columns:1fr}}
.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,5vw,80px)}
.two h3{margin:0 0 18px;font-family:var(--f-display);font-weight:700;font-size:clamp(24px,2.4vw,36px);letter-spacing:-.04em}
.two ul{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.two li{padding:16px 0;border-bottom:1px solid var(--line);font-size:18px;display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}
.two li .mono{color:var(--volt-hi);font-size:11px}
@media (max-width:760px){.two{grid-template-columns:1fr}}
.svc-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;list-style:none;margin:0;padding:0}
.svc-steps li{border-top:2px solid var(--volt);padding-top:16px;display:grid;gap:6px}
.svc-steps b{font-family:var(--f-display);font-size:20px;letter-spacing:-.02em}
.svc-steps span{color:var(--ash)}
@media (max-width:760px){.svc-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
.note{margin-top:4vh;color:var(--ash);max-width:60ch}
.svc-end{padding-block:16vh 10vh;text-align:center;border-top:1px solid var(--line)}
.svc-end h2{margin:0 auto 5vh;font-family:var(--f-display);font-weight:700;font-size:clamp(40px,8vw,130px);letter-spacing:-.06em;line-height:.88;max-width:12ch}
.svc-end h2 em{font-style:normal;color:var(--volt)}
.pn{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--line)}
.pn a{padding:26px 0;text-decoration:none;display:grid;gap:6px}
.pn a + a{text-align:right;border-left:1px solid var(--line);padding-left:16px}
.pn a span{color:var(--ash)}
.pn a b{font-family:var(--f-display);font-weight:700;font-size:clamp(20px,2.6vw,40px);letter-spacing:-.04em;transition:color .3s}
.pn a:hover b{color:var(--volt-hi)}
.svc-foot{padding-block:30px calc(24px + env(safe-area-inset-bottom,0px));color:var(--ash);display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px}

.projl li a{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;width:100%;color:inherit;text-decoration:none}
.projl li a:hover .st.link{color:#fff}
.projl .st.mono{font-size:11px}
.svc-more .k{color:var(--volt-hi)}
.more-note{margin:28px 0 0;max-width:62ch;color:var(--ash);font-size:15px;line-height:1.6}