/** Shopify CDN: Minification failed Line 234:85 Unexpected "]" Line 234:90 Unterminated string token **/ /* Force Push brand layer — sits on top of base.css */ .wordmark { position: relative; display: inline-flex; align-items: baseline; gap: 0.4rem; padding: 0.6rem 0.9rem; white-space: nowrap; font-family: var(--font-body-family); letter-spacing: 0; text-transform: lowercase; } @media screen and (min-width: 750px) { .wordmark { padding: 0.9rem 1.5rem; } } .wordmark::before { content: ''; position: absolute; inset: 0; pointer-events: none; background-image: linear-gradient(rgba(var(--color-foreground), 0.4), rgba(var(--color-foreground), 0.4)), linear-gradient(rgba(var(--color-foreground), 0.4), rgba(var(--color-foreground), 0.4)), linear-gradient(rgba(var(--color-foreground), 0.4), rgba(var(--color-foreground), 0.4)), linear-gradient(rgba(var(--color-foreground), 0.4), rgba(var(--color-foreground), 0.4)); background-repeat: no-repeat; background-size: 0.8rem 1px, 1px 0.8rem, 0.8rem 1px, 1px 0.8rem; background-position: top left, top left, bottom right, bottom right; } .wordmark__prompt { opacity: 0.6; } .wordmark__cursor { animation: wordmark-blink 1.1s steps(1) infinite; } @media (prefers-reduced-motion: reduce) { .wordmark__cursor { animation: none; } } @keyframes wordmark-blink { 0%, 49% { opacity: 1; } 50%, 100% { opacity: 0; } } /* Terminal aesthetic: flatten corners, lowercase headings, hairline borders instead of shadows */ :root { --media-radius: 0; --product-card-corner-radius: 0; --collection-card-corner-radius: 0; --blog-card-corner-radius: 0; --popup-corner-radius: 0; --buttons-radius: 0; --inputs-radius: 0; --badge-corner-radius: 0; } h1, h2, h3, h4, h5, h6, .h0, .h1, .h2, .h3, .h4, .h5 { text-transform: lowercase; letter-spacing: 0; } .button, button.button, .shopify-payment-button__button { text-transform: lowercase; letter-spacing: 0.02em; } /* Terminal comment-style section titles, e.g. "// featured products" */ .title__comment-prefix { opacity: 0.45; } /* "view all" control: label + decorative "_>" suffix in a single button, echoing the card-media price row's price + arrow pairing. */ .collection__view-all-link { display: inline-flex; align-items: center; gap: 0.8rem; } /* Full-bleed layout: fills the viewport with a fixed gutter instead of centering inside the --page-width cap. Used on the catalog page so the grid uses the whole screen on wide monitors. */ .full-bleed { width: 100%; max-width: none; margin: 0 auto; padding: 0 1.5rem; box-sizing: border-box; } @media screen and (min-width: 750px) { .full-bleed { padding: 0 3.2rem; } } @media screen and (min-width: 990px) { .full-bleed { padding: 0 5rem; } } /* Breadcrumb trail, e.g. "home > catalog > product title" — shared by the product page and the catalog page. */ .pdp-breadcrumb { margin: 0 0 1.2rem; font-size: 1.3rem; text-transform: lowercase; opacity: 0.6; } .pdp-breadcrumb a { color: inherit; text-decoration: none; } .pdp-breadcrumb a:hover { text-decoration: underline; } .pdp-breadcrumb span[aria-hidden] { margin: 0 0.6rem; } .pdp-breadcrumb [aria-current='page'] { color: rgb(var(--color-foreground)); } /* Terminal-styled facets: bordered "filter:" / "sort:" controls, lowercase labels. Scoped with the #main-collection-filters id so these reliably win the cascade over component-facets.css, which loads later in the document (inside the section body) than this file (in ). */ #main-collection-filters .facets__heading, #main-collection-filters .facet-filters__label, #main-collection-filters .facets__summary, #main-collection-filters .facet-filters__sort, #main-collection-filters .product-count__text { font-family: var(--font-body-family); text-transform: lowercase; } #main-collection-filters .facets__summary { border: 1px solid rgba(var(--color-foreground), 0.35); padding: 1.2rem 1.6rem; margin-bottom: 0; } #main-collection-filters .facets__disclosure { margin-right: 1.2rem; } #main-collection-filters .facet-filters__field .select { border: 1px solid rgba(var(--color-foreground), 0.35); padding: 1.2rem 1.6rem; } #main-collection-filters .facet-filters__field .select__select { padding: 0; } /* Native