.mk-shero{background:var(--color-bg);color:var(--color-text)}.mk-shero__grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:auto auto;column-gap:var(--grid-gutter);row-gap:var(--spacing-16)}.mk-shero__media{grid-area:1 / 1 / 3 / 6;min-height:640px}.mk-shero__drift{position:absolute;top:-6%;right:0;bottom:-6%;left:0;will-change:transform}.mk-shero__drift img{display:block;width:100%;height:100%;object-fit:cover}.mk-shero__drift picture{display:contents}.mk-shero__copy{grid-area:1 / 6 / 2 / 13;display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-24);padding-inline-start:var(--spacing-48);padding-bottom:var(--spacing-40);min-width:0}.mk-shero__title{max-width:14ch;overflow-wrap:break-word}.mk-shero__body{max-width:34ch;color:var(--color-text-secondary);text-wrap:pretty}.mk-shero__foot{grid-area:2 / 6 / 3 / 11;align-self:end;display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-24);padding-inline-start:var(--spacing-48);min-width:0}.mk-shero__actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-16) var(--spacing-32)}.mk-shero__clip{grid-area:2 / 11 / 3 / 13;align-self:end;aspect-ratio:1 / 1}.mk-shero__clip img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.mk-shero__row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--spacing-12) var(--grid-gutter);margin:var(--spacing-64) 0 0;padding:var(--spacing-24) 0 0;box-shadow:var(--rule-top)}.mk-shero__row li:nth-child(2){text-align:center}.mk-shero__row li:nth-child(3){text-align:end}@media screen and (max-width:991px){.mk-shero__media{min-height:520px}.mk-shero__copy,.mk-shero__foot{padding-inline-start:var(--spacing-24)}}@media screen and (max-width:767px){.mk-shero__grid{row-gap:var(--spacing-32)}.mk-shero__media{grid-area:1 / 1 / 2 / -1;min-height:0;aspect-ratio:4 / 5}.mk-shero__copy{grid-area:2 / 1 / 3 / -1;padding:0}.mk-shero__foot{grid-area:3 / 1 / 4 / 9;padding:0}.mk-shero__clip{grid-area:3 / 9 / 4 / -1}.mk-shero__row{grid-template-columns:minmax(0,1fr);margin-top:var(--spacing-40)}.mk-shero__row li:nth-child(n){text-align:start}.mk-shero--no-photo-mobile .mk-shero__media{display:none}.mk-shero--no-photo-mobile .mk-shero__copy{grid-row:1}.mk-shero--no-photo-mobile .mk-shero__foot,.mk-shero--no-photo-mobile .mk-shero__clip{grid-row:2}}@media screen and (max-width:479px){.mk-shero__foot{grid-area:3 / 1 / 4 / -1}.mk-shero__clip{display:none}}
/*# sourceMappingURL=/cdn/shop/t/217/assets/mk-split-hero.css.map */