.brand-stack{--bs-ink: #121110;--bs-paper: #faf9f6;--bs-stone: #8c877f;--bs-line: rgba(18, 17, 16, .12);--bs-radius: 26px;--bs-accent: #121110;--bs-disp: var(--font-heading--family, "Archivo", sans-serif);--bs-sans: var(--font-body--family, system-ui, sans-serif);--bs-mono: ui-monospace, "SFMono-Regular", "Menlo", monospace;position:relative}.brand-stack__intro{position:relative;z-index:2;background:var(--bs-paper)}.brand-stack__intro-inner{max-width:1440px;margin:0 auto;padding:clamp(40px,6vw,72px) clamp(20px,5vw,72px) clamp(28px,4vw,44px);border-top:1px solid var(--bs-line);display:flex;justify-content:space-between;align-items:baseline;gap:16px;flex-wrap:wrap}.brand-stack__heading{font-family:var(--bs-disp);font-weight:800;font-size:clamp(1.5rem,3.4vw,2.6rem);letter-spacing:-.01em;line-height:1.05;margin:0;color:var(--bs-ink)}.brand-stack__label{font-family:var(--bs-mono);font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--bs-stone)}.brand-stack__empty{padding:80px 24px;text-align:center;font-family:var(--bs-mono);font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--bs-stone);background:var(--bs-paper)}.brand-card{position:sticky;top:0;height:100vh;height:100svh;display:flex;align-items:stretch}.brand-card__inner{position:relative;width:100%;height:100vh;height:100svh;overflow:hidden;background:var(--bs-paper);border-top-left-radius:var(--bs-radius);border-top-right-radius:var(--bs-radius);border-top:3px solid var(--bs-accent);box-shadow:0 -18px 50px #00000047;display:grid;grid-template-columns:1.08fr .92fr;transform-origin:center center;will-change:transform,filter}.brand-card__media{position:relative;overflow:hidden;background:#e9e6e0}.brand-card__img{width:100%;height:100%;object-fit:cover;filter:grayscale(.24) contrast(1.02);transform:scale(1.03);transition:filter .6s ease,transform 1.4s cubic-bezier(.2,.7,.2,1)}.brand-card:hover .brand-card__img{filter:grayscale(0) contrast(1);transform:scale(1.08)}.brand-card__num{position:absolute;top:24px;left:26px;z-index:2;font-family:var(--bs-mono);font-size:13px;letter-spacing:.12em;color:#fff;mix-blend-mode:difference}.brand-card__body{display:flex;flex-direction:column;justify-content:center;padding:clamp(34px,5vw,76px);gap:22px;transition:background-color .4s ease,color .4s ease}.brand-card__meta{font-family:var(--bs-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--bs-stone)}.brand-card__logo{height:clamp(30px,4.2vw,46px);width:auto;max-width:78%;object-fit:contain;object-position:left center;transition:filter .4s ease}.brand-card__wordmark{font-family:var(--bs-disp);font-weight:900;font-size:clamp(1.4rem,3vw,2.2rem);letter-spacing:.02em;color:var(--bs-ink)}.brand-card__story{font-family:var(--bs-disp);font-weight:600;font-size:clamp(1.15rem,2vw,1.8rem);line-height:1.24;letter-spacing:-.01em;max-width:26ch;margin:0;color:var(--bs-ink)}.brand-card__cta{display:inline-flex;align-items:center;gap:12px;align-self:flex-start;font-family:var(--bs-mono);font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;color:var(--bs-ink);padding-bottom:4px;border-bottom:2px solid var(--bs-accent);transition:gap .3s ease}.brand-card__cta:hover,.brand-card__cta:focus-visible{gap:20px}.brand-card__cta:focus-visible{outline:2px solid var(--bs-accent);outline-offset:4px}.brand-card__arrow{color:var(--bs-accent)}.brand-stack--logos-ink .brand-card__logo{filter:brightness(0) saturate(100%)}.brand-stack--logos-light .brand-card__inner,.brand-stack--logos-light .brand-card__body{background:var(--bs-ink)}.brand-stack--logos-light .brand-card__logo{filter:brightness(0) invert(1)}.brand-stack--logos-light .brand-card__story,.brand-stack--logos-light .brand-card__cta,.brand-stack--logos-light .brand-card__wordmark{color:var(--bs-paper)}.brand-stack--logos-light .brand-card__meta{color:#9b958c}.brand-stack--logos-original .brand-card__logo{filter:none}@media screen and (max-width:820px){.brand-card{height:100svh}.brand-card__inner{height:100svh;grid-template-columns:1fr;grid-template-rows:46% 1fr;border-top-left-radius:calc(var(--bs-radius) * .7);border-top-right-radius:calc(var(--bs-radius) * .7);box-shadow:0 -12px 32px #0000003d}.brand-card__media{min-height:0}.brand-card__num{top:16px;left:18px;font-size:11px}.brand-card__body{padding:26px 22px 30px;gap:14px;justify-content:flex-start;min-height:0;overflow:hidden}.brand-card__meta{font-size:10px;letter-spacing:.12em}.brand-card__logo{height:clamp(24px,7vw,34px);max-width:68%}.brand-card__story{font-size:clamp(.98rem,4vw,1.3rem);line-height:1.22;max-width:32ch;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.brand-card__cta{font-size:11px;letter-spacing:.14em}.brand-card__img{filter:grayscale(0) contrast(1);transform:none}}@media screen and (max-width:820px)and (max-height:700px){.brand-card__inner{grid-template-rows:38% 1fr}.brand-card__body{padding:20px 20px 24px;gap:11px}.brand-card__story{-webkit-line-clamp:3;font-size:clamp(.92rem,3.6vw,1.1rem)}}.brand-stack--no-mobile-stack .brand-card{position:relative;height:auto}.brand-stack--no-mobile-stack .brand-card__inner{height:auto;grid-template-rows:none;border-radius:0;box-shadow:none;transform:none!important;filter:none!important}.brand-stack--no-mobile-stack .brand-card__media{height:62vw;min-height:280px}.brand-stack--no-mobile-stack .brand-card__body{padding:34px 24px 48px}.brand-stack--no-mobile-stack .brand-card__story{-webkit-line-clamp:unset;display:block;overflow:visible}@media screen and (min-width:821px){.brand-stack--no-mobile-stack .brand-card{position:sticky;height:100vh;height:100svh}.brand-stack--no-mobile-stack .brand-card__inner{height:100vh;height:100svh;border-top-left-radius:var(--bs-radius);border-top-right-radius:var(--bs-radius);box-shadow:0 -18px 50px #00000047}.brand-stack--no-mobile-stack .brand-card__media{height:auto;min-height:0}}@media(prefers-reduced-motion:reduce){.brand-card__inner{transform:none!important;filter:none!important}.brand-card__img,.brand-card__cta,.brand-card__body{transition:none}}.shopify-design-mode .brand-card{position:relative;height:auto}.shopify-design-mode .brand-card__inner{height:auto;min-height:70vh;transform:none!important;filter:none!important}
/*# sourceMappingURL=/cdn/shop/t/9/assets/brand-stack.css.map */