.mk-story{background:rgb(var(--color-background));color:rgb(var(--color-foreground));overflow:clip}.mk-story__grid{display:grid;grid-template-columns:minmax(0,1fr)}.mk-story__media{position:relative}.mk-story__frame{position:relative;overflow:hidden;aspect-ratio:4 / 3;border-radius:var(--mk-radius-lg);background:var(--mk-blue-tile)}.mk-story__frame img,.mk-story__frame svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.mk-story__sticker{position:absolute;z-index:3;top:-1.8rem;right:1.2rem;display:grid;place-items:center;width:7.6rem;height:7.6rem;border-radius:50%;background:var(--mk-ink);color:#fff;transform:rotate(-10deg);box-shadow:0 0 0 .5rem rgb(var(--color-background))}.mk-story__sticker svg{width:58%;height:58%;overflow:visible}.mk-story__content{position:relative;z-index:2;padding-inline-start:1.2rem}.mk-story__heading{margin:0;font-size:clamp(3.6rem,1.4rem + 5.4vw,9.2rem);line-height:1.04;letter-spacing:-.04em;font-stretch:80%;color:rgb(var(--color-foreground));text-wrap:balance}@media screen and (max-width:989px){.mk-story__heading{margin-top:-.62em}}.mk-story__heading span{background:rgb(var(--color-background));padding:.04em .22em .08em;border-radius:.16em;-webkit-box-decoration-break:clone;box-decoration-break:clone}.mk-story__body{padding-top:clamp(2rem,1.4rem + 1.2vw,3.2rem);padding-inline-start:.22em}.mk-story__text{max-width:44ch;font-size:clamp(1.8rem,1.6rem + .4vw,2.2rem);line-height:1.5;color:rgb(var(--color-foreground))}.mk-story__text p{margin:0 0 .4em}.mk-story__text>:last-child{margin-bottom:0}.mk-story__text a{color:inherit;text-decoration-color:var(--mk-orange)}.mk-story__button.button{--color-button: 255, 165, 0;--color-button-text: 20, 32, 46;--alpha-button-background: 1;gap:1rem;margin-top:clamp(2.4rem,2rem + 1vw,3.2rem);min-height:5.4rem;padding:0 2.6rem 0 3rem;font-size:1.7rem}.mk-story__button.button:hover{--color-button: 242, 146, 0}.mk-story__arrow{width:2rem;height:2rem;flex:none;transition:transform .45s var(--mk-ease)}.mk-story__button:hover .mk-story__arrow,.mk-story__button:focus-visible .mk-story__arrow{transform:translate(.4rem)}@media screen and (min-width:750px){.mk-story__frame{aspect-ratio:16 / 10}.mk-story__sticker{width:9.6rem;height:9.6rem;top:-2.4rem;right:3.2rem}.mk-story__content{padding-inline-start:3.2rem}}@media screen and (min-width:990px){.mk-story__grid{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:2rem;align-items:center}.mk-story__media{grid-column:1 / 8;grid-row:1}.mk-story__frame{aspect-ratio:6 / 5;max-height:76rem;width:100%}.mk-story__sticker{top:auto;right:auto;bottom:-2.4rem;left:-2.4rem;width:11rem;height:11rem}.mk-story__content{grid-column:6 / 13;grid-row:1;padding-inline-start:0;padding-block:4rem}.mk-story__heading span{padding-inline:.2em}.mk-story__body{padding-inline-start:calc(2 * (100% - 6 * 2rem) / 7 + 2 * 2rem)}}@media(prefers-reduced-motion:no-preference){.mk-story__steam{animation:mk-story-steam 2.8s var(--mk-ease) infinite}.mk-story__steam--b{animation-delay:.9s}.mk-story__sticker{transition:transform .6s var(--mk-ease)}.mk-story__media:hover .mk-story__sticker{transform:rotate(6deg) scale(1.04)}}@keyframes mk-story-steam{0%{transform:translateY(.3rem);opacity:0}35%{opacity:1}to{transform:translateY(-.5rem);opacity:0}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/mk-story.css.map */