.maaho-banner{position:relative}.maaho-banner--tile{grid-column:span 2}.maaho-banner-frame{position:relative;display:block;overflow:hidden;color:#fff;width:100%}.maaho-banner--tile .maaho-banner-frame{height:100%;min-height:380px}.maaho-banner--strip .maaho-banner-frame{aspect-ratio:808 / 154}.maaho-banner-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.maaho-banner-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;background:linear-gradient(90deg,rgba(0,0,0,.55),rgba(0,0,0,.12) 62%,transparent);z-index:1}.maaho-banner--tile .maaho-banner-overlay{justify-content:flex-start;padding:40px}.maaho-banner--strip .maaho-banner-overlay{padding:0 clamp(20px,5vw,48px)}a.maaho-banner-frame:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#000;opacity:0;transition:opacity .3s cubic-bezier(.4,0,.2,1)}a.maaho-banner-frame:hover:after,a.maaho-banner-frame:focus-visible:after{opacity:.14}.maaho-banner-heading{font-family:var(--display);font-weight:700;font-size:16px;line-height:1.2;letter-spacing:.01em;color:#fff}.maaho-banner-text{font-family:var(--serif);font-weight:700;line-height:1.125;color:#fff;margin:12px 0 0}.maaho-banner--tile .maaho-banner-heading,.maaho-banner--tile .maaho-banner-text{max-width:22rem}.maaho-banner--tile .maaho-banner-text{font-size:40px}.maaho-banner--strip .maaho-banner-text{font-size:clamp(20px,2.4vw,30px);margin-top:6px}.maaho-banner-button{display:flex;align-items:center;gap:18px;margin-top:22px;font-family:var(--display);font-weight:700;font-size:16px;color:#fff}.maaho-banner--strip .maaho-banner-button{margin-top:14px}.maaho-banner-button-label{white-space:nowrap}.maaho-banner-button-marks{position:relative;display:flex;align-items:center;width:79px;height:32px;flex:0 0 auto}.maaho-banner-button-arrow{position:absolute;right:14px;top:10px;width:79px;height:11px;transition:transform .3s cubic-bezier(.4,0,.2,1);will-change:transform}.maaho-banner-button-box{position:absolute;right:0;top:0;width:32px;height:32px}.maaho-banner-frame:hover .maaho-banner-button-arrow{transform:translate(6px)}@media(prefers-reduced-motion:reduce){.maaho-banner-button-arrow,a.maaho-banner-frame:after{transition:none}}@media(max-width:991px){.maaho-banner--tile .maaho-banner-text{font-size:30px}.maaho-banner--tile .maaho-banner-overlay{padding:28px}}@media(max-width:559px){.maaho-banner--tile .maaho-banner-frame,.maaho-banner--strip .maaho-banner-frame{aspect-ratio:auto;height:auto;min-height:220px}.maaho-banner--tile .maaho-banner-text{font-size:24px}.maaho-banner--tile .maaho-banner-overlay{padding:24px}.maaho-banner-overlay{background:linear-gradient(90deg,#0000009e,#0000004d)}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/maaho-banner.css.map */