.mats-bn{--mbn-font: "Mats Archivo", "Archivo", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;--mbn-gutter: clamp(20px, 4.2vw, 80px);--mbn-ease: cubic-bezier(.2, .7, .2, 1);background:var(--mbn-section-bg);color:var(--mbn-heading);font-family:var(--mbn-font);padding:var(--mbn-pt-m) var(--mbn-gutter) var(--mbn-pb-m);-webkit-font-smoothing:antialiased}.mats-bn *,.mats-bn *:before,.mats-bn *:after{box-sizing:border-box}.mats-bn--full-m{padding-inline:0}.mats-bn__inner{position:relative;display:flex;flex-direction:column;max-width:var(--mbn-max-w);margin-inline:auto;background:var(--mbn-panel-bg);border-radius:var(--mbn-radius);overflow:hidden;isolation:isolate}.mats-bn__media{position:relative;display:block;overflow:hidden;background:var(--mbn-panel-bg);color:inherit}.mats-bn__media:before{content:"";display:block;padding-top:calc(100% / var(--mbn-ratio-m))}.mats-bn__frame,.mats-bn__overlay{position:absolute;top:0;right:0;bottom:0;left:0}.mats-bn__overlay{background:var(--mbn-overlay);pointer-events:none}.mats-bn__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform 1.2s var(--mbn-ease)}.mats-bn__video video,video.mats-bn__img{object-fit:cover}.mats-bn__placeholder{fill:color-mix(in srgb,var(--mbn-heading) 25%,transparent);background:color-mix(in srgb,var(--mbn-heading) 6%,transparent)}.mats-bn__img--d{display:none}.mats-bn__img--m{display:block}.mats-bn--zoom .mats-bn__media:hover .mats-bn__img{transform:scale(1.035)}.mats-bn__panel{display:flex;flex-direction:column;justify-content:var(--mbn-valign);align-items:var(--mbn-halign);text-align:var(--mbn-text-align);padding:var(--mbn-pad-y-m) var(--mbn-pad-x-m);min-width:0}.mats-bn__block{margin:0 0 calc(var(--mbn-space, 24px) * var(--mbn-space-scale-m, .75));max-width:100%}.mats-bn__block:last-child{margin-bottom:0}.mats-bn__eyebrow{font-size:var(--mbn-eb-size-m);font-weight:var(--mbn-eb-weight, 450);line-height:1.3;letter-spacing:var(--mbn-eb-ls, 0);text-transform:var(--mbn-eb-case, none);color:var(--mbn-accent)}.mats-bn__heading{margin-top:0;font-family:var(--mbn-font);font-size:clamp(var(--mbn-h-min),var(--mbn-h-vw),var(--mbn-h-max));font-weight:var(--mbn-h-weight, 650);font-stretch:var(--mbn-h-wdth, 100%);letter-spacing:var(--mbn-h-ls, -.045em);line-height:var(--mbn-h-lh, 1);color:var(--mbn-heading);text-wrap:balance}.mats-bn__heading em,.mats-bn__heading i{font-style:normal;color:var(--mbn-accent)}.mats-bn__text{font-size:var(--mbn-tx-size-m);line-height:var(--mbn-tx-lh, 1.8);max-width:var(--mbn-tx-max, 480px);color:var(--mbn-body);text-wrap:pretty}.mats-bn__text p{margin:0 0 .8em}.mats-bn__text p:last-child{margin-bottom:0}.mats-bn__text a{color:var(--mbn-heading);text-decoration:underline;text-underline-offset:3px}.mats-bn__text strong{color:var(--mbn-heading);font-weight:600}.mats-bn__actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:var(--mbn-halign)}.mats-bn__btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--mbn-btn-gap, 40px);min-height:var(--mbn-btn-h-m);padding:0 var(--mbn-btn-px-m);border:1px solid transparent;border-radius:var(--mbn-btn-radius, 2px);font-family:var(--mbn-font);font-size:var(--mbn-btn-size-m);font-weight:var(--mbn-btn-weight, 500);letter-spacing:-.01em;line-height:1;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background-color .25s ease,color .25s ease,border-color .25s ease}.mats-bn__btn--solid{background:var(--mbn-btn-bg);color:var(--mbn-btn-text)}.mats-bn__btn--solid:hover{background:var(--mbn-btn-hover-bg);color:var(--mbn-btn-hover-text)}.mats-bn__btn--outline{background:transparent;color:var(--mbn-heading);border-color:color-mix(in srgb,var(--mbn-heading) 45%,transparent)}.mats-bn__btn--outline:hover{background:var(--mbn-heading);border-color:var(--mbn-heading);color:var(--mbn-panel-bg)}.mats-bn__btn--link{min-height:0;padding:4px 0;gap:10px;background:none;color:var(--mbn-heading);text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}.mats-bn__btn--link:hover{color:var(--mbn-accent)}.mats-bn__btn:focus-visible{outline:2px solid var(--mbn-accent);outline-offset:3px}.mats-bn__btn[aria-disabled=true]{cursor:default}.mats-bn__arrow{width:22px;height:22px;flex:none;transition:transform .3s var(--mbn-ease)}.mats-bn__btn:hover .mats-bn__arrow{transform:translate(4px)}@media(max-width:749px){.mats-bn--content-first-m .mats-bn__media{order:2}.mats-bn__actions--full-m{align-self:stretch}.mats-bn__actions--full-m .mats-bn__btn:not(.mats-bn__btn--link){flex:1 1 100%;justify-content:space-between}}@media(min-width:750px){.mats-bn{padding:var(--mbn-pt) var(--mbn-gutter) var(--mbn-pb)}.mats-bn--full-m{padding-inline:var(--mbn-gutter)}.mats-bn--full{padding-inline:0}.mats-bn__inner{display:grid;grid-template-columns:var(--mbn-img-w) minmax(0,1fr);align-items:stretch;min-height:var(--mbn-min-h, 0)}.mats-bn--img-right .mats-bn__inner{grid-template-columns:minmax(0,1fr) var(--mbn-img-w)}.mats-bn--img-right .mats-bn__media{order:2}.mats-bn__media:before{padding-top:calc(100% / var(--mbn-ratio))}.mats-bn__img--d{display:block}.mats-bn__img--m{display:none}.mats-bn__panel{padding:var(--mbn-pad-y) var(--mbn-pad-x)}.mats-bn__block{margin-bottom:var(--mbn-space, 24px)}.mats-bn__block:last-child{margin-bottom:0}.mats-bn__eyebrow{font-size:var(--mbn-eb-size)}.mats-bn__text{font-size:var(--mbn-tx-size)}.mats-bn__btn{min-height:var(--mbn-btn-h);padding-inline:var(--mbn-btn-px);font-size:var(--mbn-btn-size)}.mats-bn__btn--link{min-height:0;padding-inline:0}}.mats-bn.is-armed .mats-bn__reveal{opacity:0;transform:translateY(18px)}.mats-bn.is-armed .mats-bn__frame{transform:scale(1.06)}.mats-bn.is-armed.is-visible .mats-bn__reveal{opacity:1;transform:none;transition:opacity .8s ease calc(.15s + var(--mbn-i, 0) * 90ms),transform .9s var(--mbn-ease) calc(.15s + var(--mbn-i, 0) * 90ms)}.mats-bn.is-armed.is-visible .mats-bn__frame{transform:none;transition:transform 1.6s var(--mbn-ease)}@media(prefers-reduced-motion:reduce){.mats-bn *,.mats-bn.is-armed .mats-bn__reveal,.mats-bn.is-armed .mats-bn__frame{transition:none!important;transform:none!important;opacity:1!important}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/mats-banner.css.map */
