@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@300;400;500&family=Instrument+Serif:ital@0;1&family=Inter:wght@400;500;600&display=swap');
@import url('./zbm-commerce.css');
:root{--z-black:#090909;--z-paper:#f2f0ea;--z-white:#faf9f5;--z-lime:#c8ff00;--z-pink:#f0008b;--z-blue:#123ca8;--z-orange:#ff4b0a;--z-line:rgba(9,9,9,.18)}
body{font-family:Inter,Arial,sans-serif;background:var(--z-paper);color:var(--z-black)}.header-section,.header-announcements,.footer{font-family:'DM Mono',monospace}.header-section a,.header-announcements{text-transform:uppercase;letter-spacing:.12em;font-size:.62rem}.button,.button-primary,.button-secondary{border-radius:0!important;text-transform:uppercase;letter-spacing:.12em;font:500 .65rem 'DM Mono',monospace}.product-information h1,.collection-wrapper h1{font-family:'Instrument Serif',Georgia,serif;font-weight:400;letter-spacing:-.04em}.zbm-house{background:var(--z-paper);color:var(--z-black);overflow:hidden}.zbm-house h1,.zbm-house h2{font-family:'Instrument Serif',Georgia,serif;font-weight:400;letter-spacing:-.055em;line-height:.84;margin:0}.zbm-house em{font-weight:400}.zbm-label{font:500 .61rem 'DM Mono',monospace;letter-spacing:.15em;text-transform:uppercase;margin:0}.zbm-arrow-link{color:inherit;text-decoration:none!important;text-transform:uppercase;font:500 .63rem 'DM Mono',monospace;letter-spacing:.1em;padding-bottom:.5rem;border-bottom:1px solid;display:inline-flex;justify-content:space-between;gap:2.5rem}.zbm-arrow-link--dark{color:var(--z-black)}
.zbm-hero{height:max(760px,calc(100svh - 72px));min-height:720px;background:var(--z-black);color:var(--z-white);position:relative;display:grid;grid-template-columns:56px 1fr;overflow:hidden}.zbm-hero__rail{grid-column:1;z-index:5;border-right:1px solid rgba(255,255,255,.28);display:flex;align-items:center;justify-content:space-around;writing-mode:vertical-rl;transform:rotate(180deg);font:400 .55rem 'DM Mono';letter-spacing:.13em;text-transform:uppercase}.zbm-hero__media{position:absolute;inset:0 0 0 42%;display:block;background:#ddd}.zbm-hero__slide{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .7s ease}.zbm-hero__slide.is-active{opacity:1;pointer-events:auto}.zbm-hero__slide img{width:100%;height:100%;object-fit:cover;object-position:center;filter:grayscale(.15) contrast(1.06)}.zbm-hero__controls{position:absolute;right:1.5rem;bottom:1.5rem;z-index:4;display:flex;gap:.5rem}.zbm-hero__control{width:44px;height:44px;padding:0;border:1px solid var(--z-black);border-radius:0;background:var(--z-white);color:var(--z-black);font:500 1rem 'DM Mono',monospace;cursor:pointer}.zbm-hero__veil{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#090909 0,#090909 35%,rgba(9,9,9,.78) 50%,rgba(9,9,9,.08) 79%),linear-gradient(0deg,rgba(9,9,9,.45),transparent 45%)}.zbm-hero__copy{grid-column:2;z-index:3;align-self:center;padding:5vw 5.5vw}.zbm-hero h1{font-size:clamp(6.3rem,12.6vw,13.5rem);max-width:7ch;margin:.55em 0 .25em}.zbm-hero__lower{width:min(44rem,90%);display:grid;grid-template-columns:1fr auto;align-items:end;gap:3rem}.zbm-hero__lower p{font-size:.82rem;line-height:1.7;max-width:30rem}.zbm-hero__cta{background:var(--z-white);color:var(--z-black);border:1px solid var(--z-white);padding:1rem 1.25rem;min-width:min(21rem,80vw);gap:3rem}.zbm-spectrum{position:absolute;bottom:0;left:56px;right:0;height:7px;z-index:5;display:grid;grid-template-columns:1.5fr 1fr .8fr 1.2fr 2fr}.zbm-spectrum i:nth-child(1){background:var(--z-blue)}.zbm-spectrum i:nth-child(2){background:var(--z-pink)}.zbm-spectrum i:nth-child(3){background:var(--z-lime)}.zbm-spectrum i:nth-child(4){background:var(--z-orange)}.zbm-spectrum i:nth-child(5){background:var(--z-black)}
.zbm-intro{min-height:760px;padding:clamp(6rem,10vw,10rem) clamp(1.4rem,5vw,5rem);display:grid;grid-template-columns:.4fr 1.35fr .45fr;gap:3rem;position:relative}.zbm-intro>div{align-self:center}.zbm-intro h2{font-size:clamp(5rem,10vw,11rem)}.zbm-intro h2 em{color:var(--z-blue)}.zbm-intro>div p{font-size:clamp(.92rem,1.2vw,1.1rem);line-height:1.9;max-width:38rem;margin:3.4rem 0 0 20%}.zbm-intro__number{font:500 clamp(5rem,12vw,13rem) 'DM Mono';color:transparent;-webkit-text-stroke:1px rgba(9,9,9,.22);align-self:end;justify-self:end;writing-mode:vertical-rl}
.zbm-collection{background:var(--z-white);padding:clamp(6rem,10vw,10rem) clamp(1.4rem,4vw,4rem)}.zbm-section-head{display:grid;grid-template-columns:.65fr 1fr auto;align-items:end;gap:2rem;margin-bottom:7rem}.zbm-section-head h2{font-size:clamp(5rem,9vw,10rem)}.zbm-products{display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(1rem,2vw,2.2rem);align-items:start}.zbm-product{grid-column:span 4;margin-bottom:7rem}.zbm-product--2,.zbm-product--5{transform:translateY(9rem)}.zbm-product--4{grid-column:2/span 4}.zbm-product__media{display:block;position:relative;background:#f1f0ec;aspect-ratio:4/5;overflow:hidden;color:var(--z-black)}.zbm-product__media img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.8,.2,1)}.zbm-product__view{position:absolute;inset:auto 0 0;background:var(--z-lime);padding:.85rem 1rem;font:500 .58rem 'DM Mono';text-transform:uppercase;letter-spacing:.1em;transform:translateY(100%);transition:.3s}.zbm-product:hover img{transform:scale(1.02)}.zbm-product:hover .zbm-product__view{transform:none}.zbm-product__meta{display:grid;grid-template-columns:45px 1fr auto;gap:1rem;padding:1rem 0;border-top:1px solid var(--z-black);font:400 .61rem 'DM Mono';text-transform:uppercase;letter-spacing:.06em}.zbm-product__meta a{color:inherit;text-decoration:none}
.zbm-decal{background:var(--z-black);color:var(--z-white);display:grid;grid-template-columns:1.25fr .75fr;min-height:900px}.zbm-decal__image{overflow:hidden;position:relative}.zbm-decal__image:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 72%,var(--z-black)),linear-gradient(0deg,rgba(0,0,0,.3),transparent)}.zbm-decal__image img{width:100%;height:100%;object-fit:cover;filter:saturate(.85) contrast(1.1)}.zbm-decal__copy{align-self:center;padding:clamp(3rem,7vw,7rem)}.zbm-decal__copy h2{font-size:clamp(5rem,8.5vw,9rem);margin:.7em 0 .45em}.zbm-decal__copy>p:not(.zbm-label){font-size:.86rem;line-height:1.9;max-width:31rem}.zbm-swatches{display:grid;grid-template-columns:repeat(5,1fr);height:10px;margin-top:4rem}.zbm-swatches i:nth-child(1){background:var(--z-pink)}.zbm-swatches i:nth-child(2){background:var(--z-blue)}.zbm-swatches i:nth-child(3){background:var(--z-lime)}.zbm-swatches i:nth-child(4){background:var(--z-orange)}.zbm-swatches i:nth-child(5){background:#d9b9a5}
.zbm-manifesto{padding:clamp(7rem,12vw,13rem) 5vw;background:var(--z-lime)}.zbm-manifesto blockquote{font-family:'Instrument Serif';font-size:clamp(5rem,10.5vw,12rem);line-height:.83;letter-spacing:-.06em;margin:.55em 0;text-align:center}.zbm-manifesto__notes{display:flex;justify-content:space-between;border-top:1px solid;padding-top:1rem;font:500 .58rem 'DM Mono';text-transform:uppercase;letter-spacing:.1em}
.zbm-index{padding:clamp(6rem,10vw,10rem) 5vw;background:var(--z-paper)}.zbm-index header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;margin-bottom:5rem}.zbm-index header .zbm-label{grid-column:1}.zbm-index h2{grid-column:2;font-size:clamp(4rem,7vw,7.5rem);text-align:center}.zbm-index ol{list-style:none;padding:0;margin:0;border-top:1px solid}.zbm-index li{display:grid;grid-template-columns:90px 1.1fr 1fr;gap:2rem;align-items:center;padding:1.5rem 0;border-bottom:1px solid var(--z-line)}.zbm-index li span,.zbm-index li em{font:400 .6rem 'DM Mono';text-transform:uppercase;letter-spacing:.08em}.zbm-index li b{font-family:'Instrument Serif';font-size:clamp(1.8rem,3vw,3.2rem);font-weight:400}.zbm-index li em{text-align:right;font-style:normal}
.zbm-signup{background:var(--z-blue);color:#fff;padding:clamp(6rem,10vw,11rem) 5vw;display:grid;grid-template-columns:1fr 1fr;gap:6rem;align-items:end}.zbm-signup h2{font-size:clamp(5rem,9vw,10rem);margin-top:.5em}.zbm-signup h2 em{color:var(--z-lime)}.zbm-signup__form{display:grid;grid-template-columns:1fr auto;border-bottom:1px solid}.zbm-signup__form input{background:transparent;border:0;color:#fff;padding:1.2rem 0;font:400 .65rem 'DM Mono';letter-spacing:.1em}.zbm-signup__form input::placeholder{color:#fff}.zbm-signup__form input:focus{outline:0}.zbm-signup__form button{background:transparent;border:0;color:#fff;font:500 .62rem 'DM Mono';text-transform:uppercase;letter-spacing:.1em;cursor:pointer}.zbm-signup__message{grid-column:1/-1;font-size:.7rem}
@media(max-width:899px){.zbm-hero{grid-template-columns:34px 1fr;height:850px}.zbm-hero__rail{font-size:.48rem}.zbm-hero__media{inset:38% 0 0 34px}.zbm-hero__veil{background:linear-gradient(180deg,#090909 0,#090909 37%,rgba(9,9,9,.35) 70%,rgba(9,9,9,.6))}.zbm-hero__copy{padding:4rem 1.2rem;align-self:start}.zbm-hero h1{font-size:clamp(5rem,23vw,8rem);margin-top:.8em}.zbm-hero__lower{grid-template-columns:1fr;gap:1.5rem}.zbm-hero__cta{min-width:0;width:fit-content}.zbm-hero__controls{right:1rem;bottom:1rem}.zbm-spectrum{left:34px}.zbm-intro{grid-template-columns:1fr;min-height:auto}.zbm-intro>div p{margin-left:0}.zbm-intro__number{display:none}.zbm-section-head{grid-template-columns:1fr;align-items:start;margin-bottom:4rem}.zbm-products{grid-template-columns:1fr}.zbm-product,.zbm-product--4{grid-column:auto;margin-bottom:2.5rem}.zbm-product--2,.zbm-product--5{transform:none}.zbm-product__view{transform:none}.zbm-decal{grid-template-columns:1fr}.zbm-decal__image{min-height:65vh}.zbm-decal__image:after{background:linear-gradient(0deg,var(--z-black),transparent 30%)}.zbm-decal__copy{padding:4rem 1.4rem}.zbm-manifesto__notes{flex-direction:column;gap:1rem}.zbm-index header{grid-template-columns:1fr;gap:2rem}.zbm-index header .zbm-label,.zbm-index h2{grid-column:1}.zbm-index h2{text-align:center}.zbm-index li{grid-template-columns:55px 1fr}.zbm-index li em{display:none}.zbm-signup{grid-template-columns:1fr;gap:4rem}.zbm-signup__form{grid-template-columns:1fr}.zbm-signup__form button{justify-self:start;padding:1rem 0}}
.zbm-intro__signature{width:clamp(150px,18vw,280px);aspect-ratio:1;align-self:end;justify-self:end;display:grid;place-items:center;overflow:hidden;background:var(--z-black);border:1px solid var(--z-black)}.zbm-intro__signature img{width:92%;height:auto;display:block;filter:saturate(.82) contrast(1.06)}.zbm-decal__image img{object-fit:contain;object-position:center;background:radial-gradient(circle at 50% 45%,#123ca8 0,#071224 68%,#090909 100%);filter:saturate(.9) contrast(1.06)}
@media(max-width:899px){.zbm-intro__signature{width:180px;justify-self:start}}
@media(prefers-reduced-motion:reduce){.zbm-product__media img,.zbm-product__view,.zbm-hero__slide{transition:none}}
.zbm-hero__copy{align-self:stretch;display:grid;grid-template-rows:auto minmax(0,1fr) auto;padding:clamp(2rem,4vw,4rem) 5.5vw clamp(5rem,8vh,7rem)}.zbm-hero__copy>.zbm-label{align-self:start}.zbm-hero h1{align-self:center;font-size:clamp(5.5rem,min(10.5vw,18vh),11rem);margin:0}.zbm-hero__lower{position:relative;z-index:2;align-self:end;width:min(54rem,100%);display:grid;grid-template-columns:minmax(16rem,1fr) auto;align-items:center;gap:1.25rem;padding:1rem;background:rgba(9,9,9,.88);border:1px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.zbm-hero__lower p{margin:0;color:var(--z-white);font-size:.78rem;line-height:1.55}.zbm-hero__lower .zbm-hero__cta{min-width:19rem}
@media(max-width:899px){.zbm-hero__copy{align-self:stretch;padding:2rem 1.1rem 5.25rem;grid-template-rows:auto minmax(0,1fr) auto}.zbm-hero h1{font-size:clamp(4.5rem,19vw,7rem);margin:0}.zbm-hero__lower{width:100%;grid-template-columns:1fr;gap:.75rem;padding:.85rem}.zbm-hero__lower .zbm-hero__cta{width:100%;min-width:0}}
.zbm-hero__lower{background:transparent;border:0;-webkit-backdrop-filter:none;backdrop-filter:none}