.slc{--slc-ink:#faf9f6;background:transparent;color:var(--slc-ink);font-family:Helvetica,Arial,sans-serif;padding:64px 0 28px;overflow:hidden;isolation:isolate}
.slc *{box-sizing:border-box}.slc button{font:inherit;color:inherit}.slc-head{max-width:1280px;margin:0 auto 70px;padding:0 36px;display:flex;align-items:end;justify-content:space-between;gap:48px}.slc h2{white-space:pre-line;font-size:clamp(28px,3.5vw,52px);line-height:1.07;letter-spacing:-.035em;margin:0;font-weight:600}.slc-subtitle{font-size:clamp(16px,1.55vw,23px);line-height:1.4;color:#c7c7c7;margin:0 0 4px;max-width:470px}
.slc-stage{position:relative;height:clamp(320px,39vw,690px);touch-action:pan-y}.slc-card{position:absolute;top:0;left:50%;width: min(65vw,1100px);height:100%;border:0;border-radius:clamp(24px,4vw,68px);padding:0;background:#373737;overflow:hidden;transform:translateX(-50%) scale(.78);opacity:0;transition:transform .7s cubic-bezier(.22,.68,.18,1),opacity .45s ease;pointer-events:none;box-shadow:0 24px 65px #0002;text-align:left}.slc-card[data-slot="0"]{z-index:3;opacity:1;filter:none;transform:translateX(-50%) scale(1);pointer-events:auto}.slc-card[data-slot="-1"]{z-index:2;opacity:.65;transform:translateX(-158%) scale(.78);pointer-events:auto;cursor:pointer}.slc-card[data-slot="1"]{z-index:2;opacity:.65;transform:translateX(58%) scale(.78);pointer-events:auto;cursor:pointer}.slc-card img{width:100%;height:100%;object-fit:cover;transition:transform 1.1s cubic-bezier(.2,.7,.2,1);display:block}.slc-card::after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 48%,#000a 88%,#000d)}.slc-caption{position:absolute;z-index:1;left:6%;right:4%;bottom:7%;display:flex;align-items:end;justify-content:space-between;gap:20px}.slc-city{font-family:var(--f-d,'SONGER',Helvetica,sans-serif);font-size:clamp(22px,2.2vw,36px);font-weight:500;text-transform:uppercase;letter-spacing:.06em;line-height:1.15;display:block}.slc-description{display:block;color:#ddd;font-size:clamp(13px,1.3vw,20px);margin-top:5px}.slc-name{background:#fff;color:#151515;border-radius:60px;padding:15px 24px;font-size:clamp(12px,1.3vw,20px);font-weight:700;max-width:48%}.slc-footer{max-width:1100px;padding:0 28px;margin:30px auto 0;display:flex;align-items:center;justify-content:space-between;gap:20px}.slc-hint{color:#b8b8b8;font-size:13px;margin:0}.slc-controls{display:flex;align-items:center;gap:12px}.slc-control{border:1px solid #ffffff30;background:transparent;width:38px;height:38px;border-radius:50%;cursor:pointer}.slc-control:hover{background:#ffffff18}.slc-dots{display:flex;gap:7px;align-items:center}.slc-dot{border:0;padding:10px 0;background:transparent;cursor:pointer;width:18px}.slc-dot::after{content:'';display:block;height:3px;background:#ffffff35;border-radius:8px}.slc-dot[aria-current="true"]{width:36px}.slc-dot[aria-current="true"]::after{background:#fff}.slc-count{font-size:11px;color:#aaa;font-variant-numeric:tabular-nums;white-space:nowrap}.slc :focus-visible{outline:2px solid #fff;outline-offset:5px}.slc-empty{padding:70px;text-align:center;color:#aaa}
.slc [hidden]{display:none!important}
/* незаполненная часть подписи не оставляет пустую белую плашку */
.slc-name:empty,.slc-description:empty{display:none}
.slc-hint-mobile{display:none}.slc-hint-desktop{display:inline-flex;align-items:center;gap:16px}.slc-hint-desktop>span{font-size:22px;color:#eee}
@media(max-width:700px){.slc-hint-desktop{display:none}.slc-hint-mobile{display:inline}}
@media(hover:hover){.slc-card[data-slot="0"]:hover img{transform:scale(1.025)}.slc-card:not([data-slot="0"]):hover{opacity:.85}}
@media(min-width:701px) and (hover:hover){
  .slc-card[data-slot="-1"]{cursor:w-resize}
  .slc-card[data-slot="1"]{cursor:e-resize}
  .slc-card[data-slot="-1"]:hover{opacity:.85}
  .slc-card[data-slot="1"]:hover{opacity:.85}
}
@media(max-width:700px){.slc{padding-top:36px}.slc-head{display:block;margin-bottom:30px;padding:0 24px}.slc-subtitle{margin-top:20px;max-width:280px}.slc-stage{height:440px;height:clamp(350px,115vw,520px)}.slc-card{width:79vw}.slc-card[data-slot="-1"]{transform:translateX(-151%) scale(.86)}.slc-card[data-slot="1"]{transform:translateX(51%) scale(.86)}.slc-caption{flex-direction:column;align-items:start;left:8%;bottom:7%;gap:18px}.slc-name{max-width:100%;padding:12px 17px}.slc-footer{flex-direction:column;gap:15px;padding:0 18px;margin-top:24px}.slc-hint{text-align:center;font-size:12px}}
@media(prefers-reduced-motion:reduce){.slc-card,.slc-card img{transition:none}}

/* Quiet graphite controls; no global footer divider or shader decoration. */
.slc .slc-footer{display:flex;justify-content:center;flex-direction:column;gap:14px;margin-top:28px;border:0;box-shadow:none}
.slc .slc-controls{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}
.slc .slc-control{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:auto;min-width:118px;height:46px;padding:0 20px;border-radius:999px;border:1px solid #ffffff26;background:#ffffff04;color:#e5e5e7;font-family:var(--f-ui,"Helvetica Neue",sans-serif);font-size:14px;font-weight:400;letter-spacing:.015em;box-shadow:none;transition:background .3s ease,border-color .3s ease,color .3s ease}
.slc-control svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}
.slc-control[data-step="1"]{flex-direction:row-reverse}
.slc .slc-control[data-pause]{min-width:46px;width:46px;height:46px;padding:0;align-self:center;font-size:15px}
.slc .slc-count{min-width:62px;text-align:center;font-family:var(--f-ui,"Helvetica Neue",sans-serif);font-size:11px;color:#929297;letter-spacing:.08em;align-self:center}
.slc .slc-hint{order:2;color:#adb9c5;font-size:13px}
.slc-stage{user-select:none;-webkit-user-select:none}
.slc-card[data-slot="0"]{cursor:grab}
.slc-dragging .slc-card{cursor:grabbing!important;translate:var(--slc-drag,0px) 0}
@media(hover:hover){.slc .slc-control:hover{border-color:#ffffff60;background:#ffffff0b;color:#fff}}
.slc .slc-control:active{background:#ffffff12}
.slc-control .lm-edge{display:none!important}
@media(max-width:700px){.slc .slc-control{min-width:104px;height:46px;padding:0 16px;gap:8px}.slc .slc-control[data-pause]{min-width:46px;padding:0}.slc .slc-controls{gap:8px}.slc .slc-count{flex-basis:100%;margin-top:6px}.slc .slc-footer{padding:0 12px}}
@media(prefers-reduced-motion:reduce){.slc .slc-control{transition:none}}
/* A single graphite navigator, with one calm blue accent for every slide. */
.slc .slc-controls{flex-wrap:nowrap;max-width:100%;gap:10px}
.slc-navigator{display:flex;align-items:center;gap:4px;padding:4px;border:1px solid #c5d7ee26;border-top-color:#dce9fa40;border-radius:999px;background:linear-gradient(155deg,#c3d9f00b,transparent 65%),#161c2373;box-shadow:inset 0 1px 0 #ffffff04;max-width:calc(100% - 42px);min-width:0}
.slc .slc-navigator .slc-control{flex:0 0 32px;min-width:32px;width:32px;height:32px;padding:0;border:0;border-radius:50%;background:transparent;color:#ced8e3;transform:none}
.slc .slc-navigator .slc-control svg{width:16px;height:16px;stroke-width:1.4}
.slc .slc-dots{position:relative;display:flex;gap:0;max-width:240px;min-width:0;overflow-x:auto;scrollbar-width:none;padding:0 4px}
.slc-dots::-webkit-scrollbar{display:none}
.slc .slc-dot{display:grid;place-items:center;flex:0 0 24px;width:24px;height:32px;padding:0;border:0;border-radius:12px;background:none;transition:width .32s ease,flex-basis .32s ease;transform:none}
.slc .slc-dot::after{display:none}
.slc .slc-dot[aria-current="true"]{flex-basis:36px;width:36px}
.slc-dot-track{display:block;position:relative;width:4px;height:4px;overflow:hidden;border-radius:12px;background:#ffffff4d;transition:width .32s ease,background .32s ease}
.slc-dot[aria-current="true"] .slc-dot-track{width:26px;background:#71869d}
.slc-dot-fill{position:absolute;inset:0;background:#d9eaff;border-radius:inherit;transform:scaleX(0);transform-origin:left}
.slc .slc-count{position:absolute;width:1px;min-width:0;height:1px;overflow:hidden;clip-path:inset(50%);margin:0;padding:0}
.slc .slc-control[data-pause]{min-width:32px;width:32px;height:32px;border-color:transparent;background:transparent;color:#aebdce}
.slc .slc-control[data-pause] svg{width:14px;height:14px}
.slc .slc-navigator .slc-control:hover{background:#b8d8ff0e;color:#fff}
.slc .slc-navigator .slc-control:active{background:#b8d8ff17;transform:none}
.slc .slc-dot:hover .slc-dot-track{background:#90a8c0}
.slc .slc-dot:focus-visible{outline:1px solid #c8e1fc;outline-offset:-3px}
@media(max-width:700px){.slc .slc-dots{max-width:min(40vw,200px)}}
@media(pointer:coarse){.slc .slc-navigator .slc-control{flex-basis:36px;min-width:36px;width:36px;height:36px}.slc .slc-dot{height:36px}.slc .slc-control[data-pause]{min-width:40px;width:40px;height:40px}.slc-navigator{max-width:calc(100% - 50px)}}
@media(prefers-reduced-motion:reduce){.slc .slc-dot,.slc-dot-track{transition:none}}
