.mc-collection-hero{overflow-x:hidden}.mc-collection-hero__inner{position:relative;display:flex;align-items:stretch;max-width:var(--page-width, 90rem);margin-inline:auto;padding-inline:clamp(1rem,4vw,2.5rem);padding-block:clamp(2.5rem,6svh,4rem);min-height:600px}@media screen and (max-width:767px){.mc-collection-hero__inner{flex-direction:column;gap:1.5rem;padding-inline:20px;padding-block:32px;min-height:auto}}.mc-collection-hero__media{position:absolute;top:50%;left:calc(50% - 60vw);width:64%;aspect-ratio:var(--mc-collection-hero-media-ratio);border-radius:10px;overflow:hidden;transform:translateY(-50%)}@media screen and (max-width:767px){.mc-collection-hero__media{position:static;width:100%;transform:none}}@media screen and (min-width:90rem){.mc-collection-hero__media{left:0}}.mc-collection-hero--image-right .mc-collection-hero__media{left:auto;right:calc(50% - 50vw)}@media screen and (min-width:90rem){.mc-collection-hero--image-right .mc-collection-hero__media{right:0}}.mc-collection-hero__image{width:100%;height:100%;object-fit:cover;display:block}.mc-collection-hero__card{width:34%;min-width:280px;margin-left:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:40px}@media screen and (max-width:767px){.mc-collection-hero__card{width:100%;margin-left:0}}.mc-collection-hero--image-right .mc-collection-hero__card{margin-left:0;margin-right:auto}.mc-collection-hero__card-body{position:relative;width:100%;background:var(--mc-glass-card-background);backdrop-filter:var(--mc-glass-card-backdrop-filter);-webkit-backdrop-filter:var(--mc-glass-card-backdrop-filter);border:var(--mc-glass-card-border);border-radius:var(--mc-glass-card-radius);padding:40px;display:flex;flex-direction:column;align-items:stretch;gap:.5rem}@media screen and (max-width:767px){.mc-collection-hero__card-body{padding:20px}}.mc-collection-hero__card-title{font-family:var(--font-h1--family);font-weight:var(--font-h1--weight);line-height:1.3;margin:0;overflow-wrap:break-word;word-break:normal}.mc-collection-hero__card-link{color:inherit;text-decoration:none}.mc-collection-hero__card-intro{margin:0}.mc-collection-hero__cta{flex-shrink:0}
/*# sourceMappingURL=/cdn/shop/t/17/assets/mc-section-collection-hero.css.map */