:root{--dur-breath:1.2s;--dur-glide:.64s;--dur-touch:.18s;--ease-film:cubic-bezier(.16, 1, .3, 1);--st-hdr:85px}@media (width>=768px){:root{--st-hdr:121px}}@media (width>=1280px){:root{--st-hdr:118px}}@media (height<=500px) and (width>=768px){:root{--st-hdr:61px}}@property --p{syntax:"<number>";inherits:false;initial-value:0}@property --mo-t{syntax:"<number>";inherits:true;initial-value:1}[data-mo]{--mo-dur:var(--dur-glide);--mo-ease:var(--ease-film);--mo-delay:calc(min(var(--i,0), 4) * 90ms);--mo-arch:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 140'%3E%3Cpath d='M14 140V70A40.2 40.2 0 1 1 86 70V140z' /%3E%3C/svg%3E")}@media (prefers-reduced-motion:no-preference){[data-mo].mo-armed{--mo-t:0;transition:none}[data-mo].mo-armed.mo-in{--mo-t:1;transition:--mo-t var(--mo-dur) var(--mo-ease) var(--mo-delay)}[data-mo=keyhole].mo-armed{-webkit-mask:var(--mo-arch) 50% 62% / calc(9% + var(--mo-t) * var(--mo-t) * 640%) auto no-repeat;-webkit-mask:var(--mo-arch) 50% 62% / calc(9% + var(--mo-t) * var(--mo-t) * 640%) auto no-repeat;-webkit-mask:var(--mo-arch) 50% 62% / calc(9% + var(--mo-t) * var(--mo-t) * 640%) auto no-repeat;mask:var(--mo-arch) 50% 62% / calc(9% + var(--mo-t) * var(--mo-t) * 640%) auto no-repeat}[data-mo=keyhole].mo-armed>:is(img,picture,video,[data-mo-inner]){transform:scale(calc(1.12 - var(--mo-t) * .12))}[data-mo=iris].mo-armed{clip-path:circle(calc(var(--mo-t) * 76%) at var(--mo-x,50%) var(--mo-y,50%))}[data-mo=iris].mo-armed>:is(img,picture,video,[data-mo-inner]){transform:scale(calc(1.1 - var(--mo-t) * .1))}[data-mo=horizon].mo-armed{clip-path:inset(calc((1 - var(--mo-t)) * var(--mo-hz,50%)) 0 calc((1 - var(--mo-t)) * (100% - var(--mo-hz,50%))) 0)}[data-mo=horizon].mo-armed>:is(img,picture,video,[data-mo-inner]){transform:scale(calc(1.06 - var(--mo-t) * .06))}[data-mo=ink].mo-armed{--mo-dur:var(--dur-breath);--mo-r:calc(var(--mo-t) * 150%);-webkit-mask:radial-gradient(circle at 30% 38%, #000 calc(var(--mo-r) - 22%), transparent calc(var(--mo-r) - 4%)), radial-gradient(circle at 72% 64%, #000 calc(var(--mo-r) * .86 - 22%), transparent calc(var(--mo-r) * .86 - 4%)), radial-gradient(circle at 58% 14%, #000 calc(var(--mo-r) * .7 - 22%), transparent calc(var(--mo-r) * .7 - 4%));-webkit-mask:radial-gradient(circle at 30% 38%, #000 calc(var(--mo-r) - 22%), transparent calc(var(--mo-r) - 4%)), radial-gradient(circle at 72% 64%, #000 calc(var(--mo-r) * .86 - 22%), transparent calc(var(--mo-r) * .86 - 4%)), radial-gradient(circle at 58% 14%, #000 calc(var(--mo-r) * .7 - 22%), transparent calc(var(--mo-r) * .7 - 4%));-webkit-mask:radial-gradient(circle at 30% 38%, #000 calc(var(--mo-r) - 22%), transparent calc(var(--mo-r) - 4%)), radial-gradient(circle at 72% 64%, #000 calc(var(--mo-r) * .86 - 22%), transparent calc(var(--mo-r) * .86 - 4%)), radial-gradient(circle at 58% 14%, #000 calc(var(--mo-r) * .7 - 22%), transparent calc(var(--mo-r) * .7 - 4%));mask:radial-gradient(circle at 30% 38%, #000 calc(var(--mo-r) - 22%), transparent calc(var(--mo-r) - 4%)), radial-gradient(circle at 72% 64%, #000 calc(var(--mo-r) * .86 - 22%), transparent calc(var(--mo-r) * .86 - 4%)), radial-gradient(circle at 58% 14%, #000 calc(var(--mo-r) * .7 - 22%), transparent calc(var(--mo-r) * .7 - 4%))}[data-mo=ink].mo-armed>:is(img,picture,video,[data-mo-inner]){transform:scale(calc(1.08 - var(--mo-t) * .08))}[data-mo=write].mo-armed{-webkit-mask:linear-gradient(var(--mo-dir,100deg), #000 calc(var(--mo-t) * 130% - 25%), transparent calc(var(--mo-t) * 130%));-webkit-mask:linear-gradient(var(--mo-dir,100deg), #000 calc(var(--mo-t) * 130% - 25%), transparent calc(var(--mo-t) * 130%));-webkit-mask:linear-gradient(var(--mo-dir,100deg), #000 calc(var(--mo-t) * 130% - 25%), transparent calc(var(--mo-t) * 130%));mask:linear-gradient(var(--mo-dir,100deg), #000 calc(var(--mo-t) * 130% - 25%), transparent calc(var(--mo-t) * 130%));transform:translateY(calc((1 - var(--mo-t)) * .35em))}[dir=rtl] [data-mo=write].mo-armed,[data-mo=write][dir=rtl].mo-armed{--mo-dir:260deg}[data-mo=rise].mo-armed{opacity:var(--mo-t);transform:translateY(calc((1 - var(--mo-t)) * 28px))}@supports (animation-timeline:view()){[data-mo-depth]{animation:linear both mo-depth;animation-timeline:view();animation-range:cover}[data-mo-zoom]{animation:linear both mo-zoom;animation-timeline:view();animation-range:entry cover 55%}}@keyframes mo-depth{0%{transform:translate3d(0, calc(min(var(--mo-depth,4), 6) * 1%), 0)}to{transform:translate3d(0, calc(min(var(--mo-depth,4), 6) * -1%), 0)}}@keyframes mo-zoom{0%{transform:scale(var(--mo-zoom,1.16))}to{transform:none}}}.mk-par{position:relative;overflow:clip}.mk-par__in{position:absolute;inset:-7% 0}.mk-par__in>img,.mk-par__in>picture>img{object-fit:cover;width:100%;height:100%;display:block}.mk-pin,.mk-stage,.mk-layer{position:relative}:root:has(meta[name=st-motion]) .mk-pin{height:var(--len,300vh)}:root:has(meta[name=st-motion]) .mk-pin>.mk-stage{top:var(--st-hdr);height:calc(100svh - var(--st-hdr));min-height:520px;display:grid;position:sticky;overflow:clip}:root:has(meta[name=st-motion]) .mk-pin>.mk-stage>*{grid-area:1/1;min-width:0;min-height:0}:root:has(meta[name=st-motion]) .mk-pin[data-live] [data-p]{will-change:transform, opacity}.mk-beats{position:relative}:root:has(meta[name=st-motion]) .mk-beats{display:grid}:root:has(meta[name=st-motion]) .mk-beats>[data-beat]{opacity:var(--o,0);transform:translateY(var(--y,0px));grid-area:1/1}:root:has(meta[name=st-motion]) .mk-beats>[data-beat]:first-child{--o:1}:root:has(meta[name=st-motion]) [data-p].mk-zoom-out{transform:scale(calc(var(--z,1.22) - var(--p) * (var(--z,1.22) - 1)));transform-origin:var(--zo,50% 60%)}:root:has(meta[name=st-motion]) [data-p].mk-zoom-in{transform:scale(calc(1 + var(--p) * (var(--z,1.18) - 1)));transform-origin:var(--zo,50% 50%)}:root:has(meta[name=st-motion]) [data-p].mk-rise{transform:translate3d(0, calc((var(--p) - .5) * var(--rise,-12%)), 0)}:root:has(meta[name=st-motion]) [data-p].mk-fade-in{opacity:clamp(0, calc((var(--p) - var(--a,.3)) / var(--f,.2)), 1)}:root:has(meta[name=st-motion]) [data-p].mk-fade-out{opacity:clamp(0, calc((var(--b,.7) - var(--p)) / var(--f,.2)), 1)}:root:has(meta[name=st-motion]) [data-p].mk-brush{--k:clamp(0, calc((var(--p) - var(--a,0)) / (var(--b,1) - var(--a,0))), 1);clip-path:inset(0 calc((1 - var(--k)) * 100%) 0 0 round 2px)}@media (prefers-reduced-motion:reduce){[data-mo],[data-mo]>*,[data-mo-depth],[data-mo-zoom]{clip-path:none!important;transition:none!important;animation:none!important;-webkit-mask:none!important;mask:none!important}}