/* Кейс Атланта по макету 31.10 и пакету ATLANT-VSTROJKA: каждый кусок играет один раз и стоит на последнем кадре (п.27, п.32). */
.ak-v{display:block;width:100%;height:100%;object-fit:cover;background:#06080f}
.mk-case-hero video.ak-bg{object-position:50% 30%;z-index:0}
.ak-fr{position:relative;aspect-ratio:16/9;border-radius:16px;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(var(--c),.4);background:#06080f}
.ak-fr img{display:block;width:100%;height:100%;object-fit:cover}
.ak-fog{position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity 1.6s;background:radial-gradient(60% 50% at 70% 35%,rgba(255,236,200,.14),transparent 70%);animation:akSvet 7s ease-in-out infinite}
.ak-zhivet .ak-fog{opacity:1}
@keyframes akSvet{0%,100%{filter:brightness(.8)}50%{filter:brightness(1.3)}}
.ak-2{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:32px;align-items:center;margin-top:32px;padding:24px;border-radius:24px;box-shadow:inset 0 0 0 1px rgba(var(--c),.3);background:rgba(10,14,28,.7)}
.ak-2 h2{margin-top:6px}
.ak-sg{display:grid;gap:16px;margin:20px 0 0;padding:0;list-style:none}
.ak-sg li{display:grid;grid-template-columns:36px 1fr;gap:2px 8px}
.ak-sg i{grid-row:span 2;font:600 15px/1.4 U,system-ui,sans-serif;font-style:normal;color:rgb(var(--c))}
.ak-sg b{font:600 16px/1.3 U,system-ui,sans-serif;color:#fff}
.ak-sg p{margin:0;color:#c9d2e2;font:400 15px/1.45 O,system-ui,sans-serif}
.ak-q{margin:8px 0 10px;font:600 24px/1.25 U,system-ui,sans-serif;color:#fff}
.ak-gl{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-top:16px}
.ak-gl button{display:block;padding:0;border:0;background:none;color:#c9d2e2;font:400 13px/1.3 O,system-ui,sans-serif;text-align:left;cursor:pointer}
.ak-gl img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:10px;margin-bottom:6px;opacity:1;transition:opacity .2s}
.ak-gl button.on img,.ak-gl button:hover img{opacity:1;box-shadow:0 0 0 2px rgb(var(--c))}
.ak-gl button.on{color:#fff}
.ak-pl{position:absolute;right:20px;bottom:20px;z-index:2;width:64px;height:64px;border:0;border-radius:50%;background:rgba(255,255,255,.92);color:#06080f;font-size:22px;cursor:pointer}
.ak-ba{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}
.ak-ba figure{margin:0}.ak-ba img{display:block;width:100%;aspect-ratio:891/513;object-fit:cover;border-radius:12px}
.ak-ba figcaption,.ak-c{margin-top:6px;color:#c9d2e2;font:400 13px/1.4 O,system-ui,sans-serif}
.ak-4{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:24px}
.ak-4 figure{margin:0}
.ak-f3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:24px}
.ak-f3 article{padding:12px 12px 20px;border-radius:18px;box-shadow:inset 0 0 0 1px rgba(var(--c),.3);background:rgba(10,14,28,.7)}
.ak-f3 h3{margin:12px 8px 2px;font:600 20px/1.2 U,system-ui,sans-serif;color:#fff}
.ak-f3 .cl{margin:0 8px 8px;color:rgb(var(--c));font:400 13px/1.3 O,system-ui,sans-serif}
.ak-f3 ul{margin:0 8px 12px;padding:0 0 0 16px;color:#c9d2e2;font:400 15px/1.5 O,system-ui,sans-serif}
.ak-f3 a{margin-left:8px;color:#fff;font:500 15px/1.3 O,system-ui,sans-serif}
.ak-st{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:20px}
.ak-st b{display:block;color:#fff;font:600 15px/1.3 O,system-ui,sans-serif}.ak-st p{margin:4px 0 0;color:#c9d2e2;font:400 14px/1.45 O,system-ui,sans-serif}
.ak-it{margin-top:16px;color:#c9d2e2;font:400 15px/1.5 O,system-ui,sans-serif}.ak-it b{color:rgb(var(--c))}
.fin .fk video.ak-v{position:absolute;inset:0}
@media(max-width:999px){.ak-2{grid-template-columns:1fr}.ak-f3,.ak-st{grid-template-columns:1fr}}
@media(max-width:760px){.ak-2{padding:12px;gap:16px}.mk-case-hero video.ak-bg{object-position:62% 30%}.ak-gl{grid-template-columns:repeat(3,minmax(0,1fr))}.ak-4{gap:10px}.ak-ba{gap:8px}.ak-q{font-size:20px}}
@media(prefers-reduced-motion:reduce){.ak-fog{animation:none}}
.ak-gl img,.ak-ba img{height:auto}
.mk-case-hero h1{font-size:56px;max-width:640px}
.ak-au{display:flex;align-items:center;gap:12px;margin-top:8px;padding:8px 14px 8px 8px;border-radius:999px;background:rgba(var(--c),.14);box-shadow:inset 0 0 0 1px rgba(var(--c),.35)}
.ak-au button{flex:none;width:36px;height:36px;border:0;border-radius:50%;background:rgb(var(--c));color:#06080f;font-size:14px;cursor:pointer}
.ak-au i{flex:1;height:4px;border-radius:2px;background:rgba(255,255,255,.16);overflow:hidden}.ak-au i b{display:block;width:0;height:100%;background:rgb(var(--c))}
.ak-au span{color:#c9d2e2;font:400 13px/1 O,system-ui,sans-serif}
@media(max-width:760px){.mk-case-hero h1{font-size:40px}.mk-case-hero{padding-top:300px;min-height:0}.mk-case-hero video.ak-bg{top:68px;height:auto;aspect-ratio:16/9;object-position:50% 50%}.mk-case-hero:after{background:none}}