.mk-ss{position:relative;height:calc(var(--mk-screen, 100svh) * var(--mk-ss-runway, 8))}.mk-ss-stage{position:sticky;top:.5rem;height:calc(var(--mk-screen, 100svh) - 1rem);width:calc(100% - 1rem);margin:0 auto;border-radius:.5rem;overflow:hidden;background:#000;color:#fff;--mk-ss-dir: 1}.mk-ss-stage.is-reverse{--mk-ss-dir: -1}.mk-ss-bg{position:absolute;top:0;right:0;bottom:0;left:0;visibility:hidden;z-index:0}.mk-ss-bg>img,.mk-ss-bg>video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.mk-ss-bg.is-active{visibility:visible;z-index:2;animation:mk-ss-enter var(--mk-ss-enter-dur, .8s) var(--mk-ss-enter-ease, cubic-bezier(.4, 0, .2, 1)) both}.mk-ss-bg.is-prev{visibility:visible;z-index:1;animation:mk-ss-prev var(--mk-ss-enter-dur, .8s) var(--mk-ss-enter-ease, cubic-bezier(.4, 0, .2, 1)) both;transition:filter var(--mk-ss-enter-dur, .8s) var(--mk-ss-enter-ease, cubic-bezier(.4, 0, .2, 1));filter:brightness(var(--mk-ss-dim, .5))}.mk-ss-stage.is-still .mk-ss-bg.is-active{animation:none}@keyframes mk-ss-enter{0%{transform:translateY(calc(100% * var(--mk-ss-dir)))}to{transform:translateY(0)}}@keyframes mk-ss-prev{0%{transform:translateY(0)}to{transform:translateY(calc(var(--mk-ss-shift, -11rem) * var(--mk-ss-dir)))}}.mk-ss-edge{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;background:linear-gradient(90deg,rgba(0,0,0,.5) 0%,transparent 25%,transparent 75%,rgba(0,0,0,.5) 100%)}.mk-ss-copywrap{position:absolute;z-index:4;left:6%;top:50%;transform:translateY(-50%);width:min(440px,50%);display:grid}.mk-ss-copy{grid-area:1 / 1;opacity:0;transform:translateY(calc(1.5rem * var(--mk-ss-dir)));filter:blur(6px);transition:none}.mk-ss-copy.is-in{opacity:1;transform:translateY(0);filter:blur(0);transition:transform .9s cubic-bezier(.22,.61,.36,1) .22s,opacity .8s cubic-bezier(.22,.61,.36,1) .22s,filter .8s cubic-bezier(.22,.61,.36,1) .22s}.mk-ss-copy.is-leaving{opacity:0;transform:translateY(calc(-1.5rem * var(--mk-ss-dir)));filter:blur(6px);transition:transform .2s cubic-bezier(.4,0,.2,1),opacity .2s cubic-bezier(.4,0,.2,1),filter .2s cubic-bezier(.4,0,.2,1)}.mk-ss-copy h3{margin:0;font-size:clamp(22px,2.6vw,32px);font-weight:500;line-height:1.1;letter-spacing:-.01em}.mk-ss-copy p{margin:10px 0 0;font-size:15px;line-height:1.45;color:#fffc}.mk-ss-nav{position:absolute;z-index:4;right:4%;top:50%;transform:translateY(-50%);display:grid;gap:14px;margin:0;padding:0;list-style:none}.mk-ss-nav button{all:unset;cursor:pointer;display:flex;align-items:center;gap:10px;color:#ffffff8c;font-size:13px;transition:color .15s}.mk-ss-nav button:before{content:"";width:1px;height:1.25rem;background:currentColor;transform:translateY(-.625rem) scaleY(.3);opacity:.6;transition:transform .4s cubic-bezier(.22,.61,.36,1),opacity .15s cubic-bezier(.22,.61,.36,1)}.mk-ss-nav button.is-active{color:#fff}.mk-ss-nav button.is-active:before{transform:translateY(0) scaleY(1);opacity:1}.mk-ss-nav .mk-ss-label{max-width:0;overflow:hidden;white-space:nowrap;transition:max-width .4s cubic-bezier(.22,.61,.36,1)}.mk-ss-nav button.is-active .mk-ss-label{max-width:18rem}.mk-ss-nav button:focus-visible{outline:2px solid #fff;outline-offset:4px;border-radius:2px}.mk-ss-dashes{position:absolute;z-index:4;left:6%;right:6%;bottom:20px;display:flex;gap:6px}.mk-ss-dash{flex:1;height:2px;background:#ffffff40;overflow:hidden}.mk-ss-dash i{display:block;height:100%;background:#fff;transform:scaleX(0);transform-origin:left}@media(max-width:767px){.mk-ss-stage{top:0;height:var(--mk-screen, 100dvh);width:100%;border-radius:0}.mk-ss-copywrap{width:75%;left:16px;top:auto;bottom:64px;transform:none}.mk-ss-nav{right:auto;left:16px;top:16px;transform:none;gap:6px}.mk-ss-nav button:before{width:2px}.mk-ss-copy,.mk-ss-copy.is-in,.mk-ss-copy.is-leaving{filter:none}}.mk-ss-list{display:grid;gap:16px;padding:16px}.mk-ss-list figure{margin:0;border-radius:.5rem;overflow:hidden;background:#000;color:#fff}.mk-ss-list img,.mk-ss-list video{width:100%;aspect-ratio:16 / 9;-o-object-fit:cover;object-fit:cover;display:block}.mk-ss-list figcaption{padding:14px 16px 18px}.mk-ss-list h3{margin:0;font-size:20px;font-weight:500}.mk-ss-list p{margin:6px 0 0;font-size:14px;color:#ffffffc7}
