.makydo-media-banner{position:relative;background:var(--bg-color);color:var(--text-color);padding-top:var(--PT-mobile);padding-bottom:var(--PB-mobile)}.makydo-media-banner__inner{position:relative;width:100%;min-height:var(--content-full);height:var(--content-full);overflow:hidden}.makydo-media-banner__media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0}.makydo-media-banner__img,.makydo-media-banner__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.makydo-media-banner__img--desktop,.makydo-media-banner__video--desktop{display:none}.makydo-media-banner__img--mobile,.makydo-media-banner__video--mobile{display:block}.makydo-media-banner__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--overlay-color);opacity:var(--overlay-opacity);z-index:1;pointer-events:none}.makydo-media-banner__content-wrap{position:relative;z-index:2;width:100%;min-height:var(--content-full);height:var(--content-full);display:grid;grid-template-columns:1fr;grid-template-rows:1fr auto;padding:24px;box-sizing:border-box;gap:16px}.makydo-media-banner__text-block{align-self:end;justify-self:start;grid-row:1;grid-column:1;max-width:92%;display:flex;flex-direction:column}[data-text-alignment=left] .makydo-media-banner__text-block{align-items:flex-start;text-align:left}[data-text-alignment=center] .makydo-media-banner__text-block{align-items:center;text-align:center}[data-text-alignment=right] .makydo-media-banner__text-block{align-items:flex-end;text-align:right}.makydo-media-banner__label{color:var(--text-color);font-size:8px;letter-spacing:1.5px;text-transform:uppercase;margin:0 0 8px;line-height:1.2}.makydo-media-banner__heading{color:var(--text-color);font-size:48px;line-height:1;margin:0 0 8px}.makydo-media-banner__text{color:var(--text-color);font-size:14px;line-height:1.4}.makydo-media-banner__text p{margin:0}.makydo-media-banner__btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 26px;background:var(--btn-bg);color:var(--btn-color);border-radius:6px;text-decoration:none;letter-spacing:1px;text-transform:uppercase;font-size:16px;line-height:1;transition:opacity .2s ease;width:fit-content;align-self:start;justify-self:start;grid-row:2;grid-column:1;margin-top:12px}.makydo-media-banner__btn:hover{opacity:.9}@media(min-width:768px){.makydo-media-banner{padding-top:var(--PT);padding-bottom:var(--PB)}.makydo-media-banner__content-wrap{padding:56px;gap:20px}.makydo-media-banner__img--desktop,.makydo-media-banner__video--desktop{display:block}.makydo-media-banner__img--mobile,.makydo-media-banner__video--mobile{display:none}[data-content-position=top-left] .makydo-media-banner__text-block{align-self:start;justify-self:start}[data-content-position=top-center] .makydo-media-banner__text-block{align-self:start;justify-self:center}[data-content-position=top-right] .makydo-media-banner__text-block{align-self:start;justify-self:end}[data-content-position=middle-left] .makydo-media-banner__text-block{align-self:center;justify-self:start}[data-content-position=middle-center] .makydo-media-banner__text-block{align-self:center;justify-self:center}[data-content-position=middle-right] .makydo-media-banner__text-block{align-self:center;justify-self:end}[data-content-position=bottom-left] .makydo-media-banner__text-block{align-self:end;justify-self:start}[data-content-position=bottom-center] .makydo-media-banner__text-block{align-self:end;justify-self:center}[data-content-position=bottom-right] .makydo-media-banner__text-block{align-self:end;justify-self:end}[data-button-position=below-text] .makydo-media-banner__btn{align-self:start;justify-self:start;grid-row:2;grid-column:1;margin-top:12px}[data-button-position=top-left] .makydo-media-banner__btn{align-self:start;justify-self:start;grid-row:1;grid-column:1;margin-top:0}[data-button-position=top-right] .makydo-media-banner__btn{align-self:start;justify-self:end;grid-row:1;grid-column:1;margin-top:0}[data-button-position=bottom-left] .makydo-media-banner__btn{align-self:end;justify-self:start;grid-row:2;grid-column:1;margin-top:0}[data-button-position=bottom-right] .makydo-media-banner__btn{align-self:end;justify-self:end;grid-row:2;grid-column:1;margin-top:0}[data-content-position^=bottom][data-button-position^=bottom] .makydo-media-banner__content-wrap{grid-template-columns:1fr auto;grid-template-rows:1fr}[data-content-position^=bottom][data-button-position^=bottom] .makydo-media-banner__text-block{grid-column:1;grid-row:1}[data-content-position^=bottom][data-button-position^=bottom] .makydo-media-banner__btn{grid-column:2;grid-row:1}[data-content-position=bottom-right][data-button-position=bottom-right] .makydo-media-banner__content-wrap{grid-template-columns:1fr;grid-template-rows:1fr auto}[data-content-position=bottom-right][data-button-position=bottom-right] .makydo-media-banner__text-block{grid-column:1;grid-row:1;align-self:end;justify-self:end}[data-content-position=bottom-right][data-button-position=bottom-right] .makydo-media-banner__btn{grid-column:1;grid-row:2;align-self:end;justify-self:end;margin-top:12px}[data-content-position^=top][data-button-position^=top] .makydo-media-banner__content-wrap{grid-template-columns:1fr auto;grid-template-rows:auto 1fr}[data-content-position^=top][data-button-position^=top] .makydo-media-banner__text-block{grid-column:1;grid-row:1}[data-content-position^=top][data-button-position^=top] .makydo-media-banner__btn{grid-column:2;grid-row:1}}@media(min-width:1024px){.makydo-media-banner__label{font-size:12px;letter-spacing:2px;margin-bottom:16px}.makydo-media-banner__heading{font-size:104px;margin-bottom:16px}.makydo-media-banner__text{font-size:28px;line-height:1.3;max-width:520px}.makydo-media-banner__btn{padding:18px 20px;font-size:24px}.makydo-media-banner__content-wrap{padding:72px}}.makydo-media-banner .wrapper--full-padded{padding:0}.makydo-media-banner__reveal{opacity:0;transform:translate3d(0,28px,0);animation:makydo-media-banner-reveal .95s cubic-bezier(.22,.61,.36,1) forwards;animation-delay:var(--mk-reveal-delay, 0s);will-change:opacity,transform}@keyframes makydo-media-banner-reveal{0%{opacity:0;transform:translate3d(0,28px,0)}to{opacity:1;transform:translateZ(0)}}@media(prefers-reduced-motion:reduce){.makydo-media-banner__reveal{opacity:1;transform:none;animation:none}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/makydo-section-landing-media-banner.css.map */