/* Service pages only. Native cards stay readable and swipeable without JavaScript. */
/* Homepage logo assets are pale for a dark background; keep them legible on the service page's white background. */
.pg-scope .sv-logo img{filter:grayscale(1) brightness(.6) contrast(6);opacity:.7}
.pg-scope .service-cases__caption{margin:0 0 24px;font-size:clamp(1.3rem,2.4vw,1.65rem);font-weight:700;line-height:1.25;letter-spacing:-.02em;text-transform:none}
.pg-scope .service-cases__viewport{position:relative;min-width:0;padding-inline:52px}
.pg-scope .sv-cases.service-cases__track{
    display:grid;
    grid-template-columns:none;
    grid-auto-flow:column;
    grid-auto-columns:calc((100% - 44px)/3);
    gap:22px;
    max-width:none;
    margin-inline:0;
    overflow-x:auto;
    overscroll-behavior-x:contain;
    scroll-snap-type:x mandatory;
    scrollbar-width:thin;
    scrollbar-color:rgba(11,11,12,.25) transparent;
    padding:4px 0 14px;
}
.pg-scope .service-cases__track .sv-case{scroll-snap-align:start;min-width:0}
.pg-scope .service-cases__track:focus-visible{outline:2px solid var(--ink);outline-offset:5px;border-radius:6px}
.pg-scope .service-cases__track .sv-case:focus-visible{outline:2px solid var(--ink);outline-offset:-3px}
.pg-scope .service-cases__controls{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between;pointer-events:none}
.pg-scope .service-cases__controls[hidden]{display:none}
.pg-scope .service-cases__button{display:grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--ink);cursor:pointer;pointer-events:auto;transition:background .2s,opacity .2s}
.pg-scope .service-cases__button svg{width:18px;height:18px}
.pg-scope .service-cases__button--previous svg{rotate:180deg}
.pg-scope .service-cases__button:hover:not(:disabled){background:var(--paper-2)}
.pg-scope .service-cases__button:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.pg-scope .service-cases__button:disabled{opacity:.3;cursor:default}
.pg-scope .service-cases__track .sv-case,.pg-scope .service-cases__track img{-webkit-user-drag:none}
.pg-scope .service-cases__track.is-dragging,.pg-scope .service-cases__track.is-settling{scroll-snap-type:none}
.pg-scope .service-cases__track.is-dragging{user-select:none}
@media(hover:hover) and (pointer:fine){
    .pg-scope .service-cases--draggable .service-cases__track,.pg-scope .service-cases--draggable .service-cases__track .sv-case{cursor:grab}
    .pg-scope .service-cases--draggable .service-cases__track.is-dragging,.pg-scope .service-cases--draggable .service-cases__track.is-dragging .sv-case{cursor:grabbing}
}
@media(min-width:641px){
    .pg-scope .service-cases--draggable .service-cases__track{scrollbar-width:none}
    .pg-scope .service-cases--draggable .service-cases__track::-webkit-scrollbar{display:none}
}
@media(max-width:1050px){
    .pg-scope .sv-cases.service-cases__track{grid-auto-columns:calc((100% - 22px)/2)}
}
@media(max-width:640px){
    .pg-scope .service-cases__viewport{padding-inline:36px}
    .pg-scope .sv-cases.service-cases__track{grid-auto-columns:100%;gap:16px}
    .pg-scope .service-cases__button{width:32px;height:32px}
}