.section-mz-brand-grid{position:relative;z-index:1}.mz-brand-grid{position:relative;overflow:hidden;padding-block:var(--mz-brand-padding-top) var(--mz-brand-padding-bottom);color:rgb(var(--color-foreground));background:rgb(var(--color-background))}.mz-brand-grid *,.mz-brand-grid *:before,.mz-brand-grid *:after{box-sizing:border-box}.mz-brand-grid__header{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);align-items:end;gap:clamp(3rem,6vw,9rem);margin-bottom:clamp(3.2rem,4.8vw,5.6rem)}.mz-brand-grid--align-center .mz-brand-grid__header{display:block;max-width:86rem;margin-inline:auto;text-align:center}.mz-brand-grid__eyebrow{margin:0 0 1.2rem;color:var(--mz-brand-accent);font-size:1.2rem;font-weight:800;letter-spacing:.19em;line-height:1.25;text-transform:uppercase}.mz-brand-grid__heading{margin:0;color:rgb(var(--color-foreground));font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);letter-spacing:-.04em;line-height:.98;text-wrap:balance}.mz-brand-grid__description{max-width:54rem;color:rgba(var(--color-foreground),.66);font-size:clamp(1.5rem,1.25vw,1.8rem);line-height:1.55}.mz-brand-grid--align-center .mz-brand-grid__description{margin:1.8rem auto 0}.mz-brand-grid__description>*{margin:0}.mz-brand-grid__list{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--mz-brand-gap);margin:0;padding:0;list-style:none}.mz-brand-grid__item{flex:0 1 calc((100% - (var(--mz-brand-columns) - 1) * var(--mz-brand-gap)) / var(--mz-brand-columns));min-width:0;max-width:calc((100% - (var(--mz-brand-columns) - 1) * var(--mz-brand-gap)) / var(--mz-brand-columns))}.mz-brand-grid__card{position:relative;isolation:isolate;display:flex;min-height:var(--mz-brand-card-height);height:100%;flex-direction:column;align-items:center;justify-content:center;padding:clamp(2.4rem,3vw,4rem);overflow:hidden;color:rgb(var(--color-foreground));border:1px solid rgba(var(--color-foreground),var(--mz-brand-border-opacity));border-radius:var(--mz-brand-card-radius);text-align:center;text-decoration:none;transition:border-color .18s ease,box-shadow .22s ease,transform .22s cubic-bezier(.22,1,.36,1)}.mz-brand-grid--soft .mz-brand-grid__card{background:color-mix(in srgb,rgb(var(--color-background)) 93%,rgb(var(--color-foreground)) 7%)}.mz-brand-grid--soft .mz-brand-grid__item--coming-soon .mz-brand-grid__card,.mz-brand-grid__item--coming-soon .mz-brand-grid__card{background:linear-gradient(145deg,rgba(var(--color-background),.96),rgba(var(--color-foreground),.035)),rgba(var(--color-background),.9)}.mz-brand-grid__item--coming-soon .mz-brand-grid__media{opacity:.62}.mz-brand-grid--outline .mz-brand-grid__card{background:transparent}.mz-brand-grid--glass .mz-brand-grid__card{background:rgba(var(--color-background),.66);border-color:rgba(var(--color-foreground),calc(var(--mz-brand-border-opacity) * .72));-webkit-backdrop-filter:blur(16px) saturate(1.1);backdrop-filter:blur(16px) saturate(1.1)}.mz-brand-grid--shadow .mz-brand-grid__card{box-shadow:0 18px 44px #0f121814}.mz-brand-grid__card:before{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(circle at 50% 112%,color-mix(in srgb,var(--mz-brand-block-accent) 15%,transparent),transparent 48%);opacity:0;transition:opacity .22s ease;content:""}.mz-brand-grid__card:after{position:absolute;right:18%;bottom:0;left:18%;height:2px;background:var(--mz-brand-block-accent);border-radius:999px 999px 0 0;opacity:0;transform:scaleX(.45);transition:opacity .18s ease,transform .22s ease;content:""}a.mz-brand-grid__card:hover,a.mz-brand-grid__card:focus-visible{border-color:color-mix(in srgb,var(--mz-brand-block-accent) 45%,transparent);box-shadow:0 24px 56px #0f121821;transform:translateY(-3px)}a.mz-brand-grid__card:hover:before,a.mz-brand-grid__card:hover:after,a.mz-brand-grid__card:focus-visible:before,a.mz-brand-grid__card:focus-visible:after{opacity:1;transform:scaleX(1)}a.mz-brand-grid__card:focus-visible{outline:2px solid var(--mz-brand-block-accent);outline-offset:3px}.mz-brand-grid__media{display:flex;width:100%;min-height:var(--mz-brand-logo-height);align-items:center;justify-content:center}.mz-brand-grid__logo{display:block;width:auto;max-width:min(100%,var(--mz-brand-logo-width));height:auto;max-height:var(--mz-brand-logo-height);object-fit:contain;transition:filter .18s ease,opacity .18s ease,transform .22s ease}.mz-brand-grid__logo--bundled{transform:scale(var(--mz-brand-reference-scale, 1))}.mz-brand-grid__anchor{display:block;height:0;scroll-margin-top:11rem}.mz-brand-grid--monochrome .mz-brand-grid__logo{filter:grayscale(1) contrast(1.08)}.mz-brand-grid--monochrome.mz-brand-grid--reveal-color a:hover .mz-brand-grid__logo,.mz-brand-grid--monochrome.mz-brand-grid--reveal-color a:focus-visible .mz-brand-grid__logo{filter:none}.mz-brand-grid .mz-brand-grid__item--invert-logo .mz-brand-grid__logo,.mz-brand-grid--monochrome.mz-brand-grid--reveal-color .mz-brand-grid__item--invert-logo a:hover .mz-brand-grid__logo,.mz-brand-grid--monochrome.mz-brand-grid--reveal-color .mz-brand-grid__item--invert-logo a:focus-visible .mz-brand-grid__logo{filter:grayscale(1) invert(1) contrast(1.08)}a.mz-brand-grid__card:hover .mz-brand-grid__logo,a.mz-brand-grid__card:focus-visible .mz-brand-grid__logo{transform:scale(1.025)}a.mz-brand-grid__card:hover .mz-brand-grid__logo--bundled,a.mz-brand-grid__card:focus-visible .mz-brand-grid__logo--bundled{transform:scale(calc(var(--mz-brand-reference-scale, 1) * 1.025))}.mz-brand-grid__wordmark{max-width:var(--mz-brand-logo-width);color:rgb(var(--color-foreground));font-family:var(--font-heading-family);font-size:clamp(2.5rem,3vw,4.8rem);font-style:var(--font-heading-style);font-weight:900;letter-spacing:-.055em;line-height:.92;text-wrap:balance}.mz-brand-grid__item--spaced .mz-brand-grid__wordmark{font-size:clamp(1.9rem,2vw,3.2rem);letter-spacing:.12em}.mz-brand-grid__item--italic .mz-brand-grid__wordmark{font-style:italic;letter-spacing:-.035em}.mz-brand-grid__item--compact .mz-brand-grid__wordmark{font-size:clamp(2.2rem,2.5vw,3.8rem);letter-spacing:-.075em}.mz-brand-grid__symbol{display:grid;width:var(--mz-brand-logo-height);height:var(--mz-brand-logo-height);place-items:center;color:var(--mz-brand-block-accent)}.mz-brand-grid__symbol svg{width:100%;height:100%}.mz-brand-grid__name{margin-top:1.5rem;font-size:1.35rem;font-weight:760;letter-spacing:.08em;line-height:1.25;text-transform:uppercase}.mz-brand-grid__caption{margin-top:1rem;color:rgba(var(--color-foreground),.58);font-size:1.25rem;line-height:1.4}.mz-brand-grid__status{position:absolute;top:1.4rem;right:1.4rem;display:inline-flex;align-items:center;gap:.7rem;min-height:2.8rem;padding:.6rem 1rem;border:1px solid rgba(var(--color-foreground),.1);border-radius:999px;color:rgba(var(--color-foreground),.7);background:rgba(var(--color-background),.8);box-shadow:0 .8rem 2.2rem #00000014;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:1rem;font-weight:750;line-height:1;letter-spacing:.08em;text-transform:uppercase}.mz-brand-grid__status>span{width:.7rem;height:.7rem;border-radius:50%;background:var(--mz-brand-block-accent);box-shadow:0 0 0 .4rem color-mix(in srgb,var(--mz-brand-block-accent) 12%,transparent)}.mz-brand-grid__arrow{position:absolute;top:1.6rem;right:1.6rem;display:grid;width:3.8rem;height:3.8rem;place-items:center;color:rgba(var(--color-foreground),.66);background:rgba(var(--color-background),.9);border:1px solid rgba(var(--color-foreground),.1);border-radius:50%;box-shadow:0 .8rem 1.8rem #0000001a;transition:color .18s ease,transform .22s ease}.mz-brand-grid__arrow svg{width:1.8rem;height:1.8rem}a.mz-brand-grid__card:hover .mz-brand-grid__arrow,a.mz-brand-grid__card:focus-visible .mz-brand-grid__arrow{color:var(--mz-brand-block-accent);transform:translate(2px)}.mz-brand-grid__footer{display:flex;margin-top:var(--mz-brand-button-gap)}.mz-brand-grid__footer--left{justify-content:flex-start}.mz-brand-grid__footer--center{justify-content:center}.mz-brand-grid__footer--right{justify-content:flex-end}.mz-brand-grid__footer .button,.mz-brand-grid__button-text{min-width:var(--mz-brand-button-width)}.mz-brand-grid__footer .button{gap:1rem}.mz-brand-grid__footer .button:not(.button--secondary){border-radius:var(--buttons-radius-outset);color:#fff;background:var(--mz-brand-gradient);box-shadow:0 10px 24px -8px var(--mz-brand-shadow)}.mz-brand-grid__footer .button:not(.button--secondary):hover{color:#fff;background:var(--mz-brand-gradient-hover)}.mz-brand-grid__footer svg{width:1.8rem;height:1.8rem;transition:transform .18s ease}.mz-brand-grid__footer a:hover svg,.mz-brand-grid__footer a:focus-visible svg{transform:translate(3px)}.mz-brand-grid__button-text{display:inline-flex;min-height:4.8rem;align-items:center;justify-content:center;gap:.8rem;padding:.6rem 1rem;color:rgb(var(--color-foreground));font-size:1.5rem;font-weight:760;text-decoration-color:var(--mz-brand-accent);text-decoration-thickness:2px;text-underline-offset:.5rem}@media screen and (min-width:750px)and (max-width:989px){.mz-brand-grid__item{flex-basis:calc((100% - (var(--mz-brand-columns-tablet) - 1) * var(--mz-brand-gap)) / var(--mz-brand-columns-tablet));max-width:calc((100% - (var(--mz-brand-columns-tablet) - 1) * var(--mz-brand-gap)) / var(--mz-brand-columns-tablet))}}@media screen and (max-width:749px){.mz-brand-grid__header{grid-template-columns:minmax(0,1fr);gap:1.8rem;margin-bottom:3rem}.mz-brand-grid__description{max-width:48rem;font-size:1.5rem}.mz-brand-grid__item{flex-basis:calc((100% - (var(--mz-brand-columns-mobile) - 1) * var(--mz-brand-gap)) / var(--mz-brand-columns-mobile));max-width:calc((100% - (var(--mz-brand-columns-mobile) - 1) * var(--mz-brand-gap)) / var(--mz-brand-columns-mobile))}.mz-brand-grid__card{min-height:max(12rem,calc(var(--mz-brand-card-height) * .78));padding:2.2rem 1.6rem}.mz-brand-grid__media{min-height:var(--mz-brand-logo-height-mobile)}.mz-brand-grid__logo{max-height:var(--mz-brand-logo-height-mobile)}.mz-brand-grid__wordmark{font-size:clamp(2rem,8vw,3.2rem)}.mz-brand-grid__arrow{top:1.1rem;right:1.1rem;width:3.4rem;height:3.4rem}.mz-brand-grid__footer .button,.mz-brand-grid__button-text{width:min(100%,var(--mz-brand-button-width))}}@media(prefers-reduced-motion:reduce){.mz-brand-grid__card,.mz-brand-grid__card:before,.mz-brand-grid__card:after,.mz-brand-grid__logo,.mz-brand-grid__arrow{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/mz-brand-grid.css.map */