.service-detail-page{color:var(--ink);background:var(--background)}.service-detail-page main>section[id]{scroll-margin-top:64px}.sd-hero .pd-hero-stage--cover{padding:0}.sd-hero .pd-hero-stage img{aspect-ratio:6/5;mix-blend-mode:normal;height:auto}.sd-card-grid{gap:32px;margin-top:36px;display:grid}.sd-card-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.sd-card-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.sd-card-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}.sd-card{border-top:2px solid var(--vc-border);flex-direction:column;align-items:start;min-width:0;padding-top:26px;display:flex}.sd-card>svg{color:var(--vc-accent);margin-bottom:22px}.sd-card h3{letter-spacing:-.025em;font-size:1.375rem;font-weight:700;line-height:1.3}.sd-card p{color:var(--vc-copy);margin-top:14px;font-size:1rem;line-height:1.7}.sd-card .vc-section-link{margin-top:auto;padding-top:24px}.sd-note{color:var(--vc-copy);margin-top:28px;font-size:.9375rem;line-height:1.7}.sd-project-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.sd-project-facts>div{border-top:1px solid var(--vc-border);padding-top:20px}.sd-project-facts dt{color:var(--vc-accent);font-size:1.5rem;font-weight:700;line-height:1.2}.sd-project-facts dd{color:var(--vc-copy);margin:12px 0 0;font-size:.9375rem;line-height:1.6}.sd-process-row{margin-top:40px}.sd-process-row .vc-numbered-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:32px}.sd-process-row .vc-numbered-steps li{border-top:1px solid var(--vc-border);padding-top:24px;display:block}.sd-process-row .vc-step-number{margin-bottom:22px;display:grid}.sd-design-examples{margin-top:44px}.sd-design-example{border-top:1px solid var(--vc-border);grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:64px;padding-block:48px;display:grid}.sd-design-example:last-child{padding-bottom:0}.sd-example-copy{min-width:0}.sd-example-number{color:var(--vc-accent);margin-bottom:12px;font-size:.875rem;font-weight:600;display:block}.sd-example-copy h3{letter-spacing:-.035em;font-size:clamp(1.5rem,2.5vw,2rem);font-weight:700;line-height:1.2}.sd-example-copy p{color:var(--vc-copy);margin-top:18px;font-size:1rem;line-height:1.75}.sd-example-copy .vc-section-link{margin-top:24px}.sd-example-image{aspect-ratio:4/3;background:var(--surface);border-radius:var(--radius);min-width:0;padding:20px}.sd-example-image img{object-fit:contain;width:100%;height:100%}.sd-design-example:nth-child(2n) .sd-example-copy{order:2}.sd-review-media{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;margin-top:36px;display:grid}.sd-review-media figure{min-width:0}.sd-review-image{background:var(--background);border-radius:var(--radius);place-items:center;height:400px;padding:24px;display:grid}.sd-review-image>img{object-fit:contain;width:100%;height:100%;min-height:0}.sd-review-media figcaption{color:var(--vc-copy);margin-top:14px;font-size:.875rem;line-height:1.6}.sd-animation{flex-direction:column;align-items:center;gap:16px;max-width:100%;display:flex}.sd-animation img{width:400px;max-width:100%;height:auto}.sd-animation-control{border:1px solid var(--vc-border);border-radius:var(--radius);background:var(--background);color:var(--vc-accent);cursor:pointer;align-items:center;gap:8px;padding:9px 14px;font-size:.875rem;font-weight:600;display:flex}.sd-animation-control:hover{border-color:var(--vc-accent)}.sd-animation-control:focus-visible{outline:3px solid var(--vc-accent);outline-offset:3px}@media (max-width:1100px){.sd-card-grid--4,.sd-process-row .vc-numbered-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.sd-design-example{gap:36px}}@media (max-width:760px){.service-detail-page main>section[id]{scroll-margin-top:0}.sd-card-grid--2,.sd-card-grid--3,.sd-card-grid--4,.sd-process-row .vc-numbered-steps{grid-template-columns:minmax(0,1fr);gap:28px}.sd-project-facts{gap:16px}.sd-project-facts dt{font-size:1.25rem}.sd-hero .pd-hero-stage img{max-height:340px}.sd-design-example{grid-template-columns:minmax(0,1fr);gap:28px;padding-block:36px}.sd-design-example:nth-child(2n) .sd-example-copy{order:initial}.sd-review-media{grid-template-columns:minmax(0,1fr);gap:28px}.sd-review-image{height:340px;padding:20px}}@media (max-width:400px){.sd-project-facts{grid-template-columns:minmax(0,1fr)}}