/** Shopify CDN: Minification failed Line 19:14 Expected ")" to end URL token Line 27:14 Expected ")" to end URL token Line 35:14 Expected ")" to end URL token Line 43:14 Expected ")" to end URL token Line 51:14 Expected ")" to end URL token Line 59:14 Expected ")" to end URL token Line 67:14 Expected ")" to end URL token Line 75:14 Expected ")" to end URL token Line 83:14 Expected ")" to end URL token Line 91:14 Expected ")" to end URL token ... and 1 more hidden warnings **/ /* Neue Haas Grotesk Display Pro family */ @font-face { font-family: "Neue Haas Grotesk Display Pro"; src: url({{ 'NeueHaasDisplayLight.ttf' | asset_url }}) format("truetype"); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: "Neue Haas Grotesk Display Pro"; src: url({{ 'NeueHaasDisplayLightItalic.ttf' | asset_url }}) format("truetype"); font-weight: 300; font-style: italic; font-display: swap; } @font-face { font-family: "Neue Haas Grotesk Display Pro"; src: url({{ 'NeueHaasDisplayRoman.ttf' | asset_url }}) format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: "Neue Haas Grotesk Display Pro"; src: url({{ 'NeueHaasDisplayRomanItalic.ttf' | asset_url }}) format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: "Neue Haas Grotesk Display Pro"; src: url({{ 'NeueHaasDisplayMediu.ttf' | asset_url }}) format("truetype"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: "Neue Haas Grotesk Display Pro"; src: url({{ 'NeueHaasDisplayMediumItalic.ttf' | asset_url }}) format("truetype"); font-weight: 500; font-style: italic; font-display: swap; } @font-face { font-family: "Neue Haas Grotesk Display Pro"; src: url({{ 'NeueHaasDisplayBold.ttf' | asset_url }}) format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: "Neue Haas Grotesk Display Pro"; src: url({{ 'NeueHaasDisplayBoldItalic.ttf' | asset_url }}) format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: "Neue Haas Grotesk Display Pro"; src: url({{ 'NeueHaasDisplayBlack.ttf' | asset_url }}) format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: "Neue Haas Grotesk Display Pro"; src: url({{ 'NeueHaasDisplayBlackItalic.ttf' | asset_url }}) format("truetype"); font-weight: 900; font-style: italic; font-display: swap; } /* Tiempos headline anchor */ @font-face { font-family: "Tiempos Headline"; src: url({{ 'TiemposHeadline-Regular.otf' | asset_url }}) format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } :root { --font-body-family: "Neue Haas Grotesk Display Pro", "Helvetica Neue", Helvetica, Arial, sans-serif; --font-body-style: normal; --font-body-weight: 400; --font-body-weight-bold: 700; --font-heading-family: "Neue Haas Grotesk Display Pro", "Helvetica Neue", Helvetica, Arial, sans-serif; --font-heading-style: normal; --font-heading-weight: 700; } body, button, input, select, textarea { font-family: var(--font-body-family); font-weight: var(--font-body-weight); } /* Luxury theme overrides: unified typography, buttons, and surfaces */ /* Root marker applied on for scoping */ .lux-theme { /* follow the active color scheme/background token */ background: var(--gradient-background, rgb(var(--color-background))); /* Form fields: remove default thin borders/shadows, focus ring still handled by core */ --inputs-border-opacity: 0; --inputs-shadow-opacity: 0; } /* Typography: unify headings to body font everywhere except hero */ .lux-theme h1, .lux-theme h2, .lux-theme h4, .lux-theme .h1, .lux-theme .h2, .lux-theme .h4 { font-family:"Tiempos Headline"; letter-spacing: 0.01em; } .lux-theme h5, .lux-theme h6, .lux-theme .h3, .lux-theme .h5, .lux-theme .h6{font-family: var(--font-body-family); letter-spacing: 0.01em;} /* Hero exception: allow alternate font for impact */ .lux-theme .hero-alt-font, .lux-theme .hero-alt-font .animated-intro__heading, .lux-theme .hero-alt-font .animated-intro__subheading { font-family: var(--font-hero-family, var(--font-heading-family)); } /* Buttons: consistent radii, subtle lift, and motion */ .lux-theme .button { border-radius: 0; transition: transform var(--motion-s, 200ms) var(--easing-luxe, ease), box-shadow var(--motion-s, 200ms) var(--easing-luxe, ease); box-shadow: 0 0 0 rgba(0,0,0,0); } .lux-theme .button:not(.button--tertiary):hover { transform: translateY(-1px); box-shadow: var(--shadow-soft, 0 10px 30px rgba(0,0,0,.15)); } /* Accent variant (optional): add .button--accent to get brand accent */ .lux-theme .button--accent { background: var(--brand-accent); color: #0b0b0b; } .lux-theme .button--accent:hover { filter: brightness(1.05); } /* Cards and surfaces: radius + shadow cohesion */ .lux-theme .card, .lux-theme .card__inner, .lux-theme .format-card, .lux-theme .stl-card, .lux-theme .story-scroller__image, .lux-theme .product__media, .lux-theme .media { border-radius: 0; box-shadow: var(--shadow-soft, 0 10px 30px rgba(0,0,0,.15)); } /* Image polish */ .lux-theme img { image-rendering: auto; -webkit-font-smoothing: antialiased; } /* Badges */ .lux-theme .badge, .lux-theme .animated-intro__badge { letter-spacing: .2em; } /* Polychrome header menu (Le Corbusier-inspired) */ .lux-theme.polychrome-menu .header .list-menu--inline > li { --poly-menu-color: rgb(var(--color-foreground)); --poly-underline-color: var(--poly-menu-color); } .lux-theme.polychrome-menu .header .list-menu--inline > li:nth-child(12n+1) { --poly-menu-color: var(--menu-color-1); } .lux-theme.polychrome-menu .header .list-menu--inline > li:nth-child(12n+2) { --poly-menu-color: var(--menu-color-2); } .lux-theme.polychrome-menu .header .list-menu--inline > li:nth-child(12n+3) { --poly-menu-color: var(--menu-color-3); } .lux-theme.polychrome-menu .header .list-menu--inline > li:nth-child(12n+4) { --poly-menu-color: var(--menu-color-4); } .lux-theme.polychrome-menu .header .list-menu--inline > li:nth-child(12n+5) { --poly-menu-color: var(--menu-color-5); } .lux-theme.polychrome-menu .header .list-menu--inline > li:nth-child(12n+6) { --poly-menu-color: var(--menu-color-6); } .lux-theme.polychrome-menu .header .list-menu--inline > li:nth-child(12n+7) { --poly-menu-color: var(--menu-color-7); } .lux-theme.polychrome-menu .header .list-menu--inline > li:nth-child(12n+8) { --poly-menu-color: var(--menu-color-8); } .lux-theme.polychrome-menu .header .list-menu--inline > li:nth-child(12n+9) { --poly-menu-color: var(--menu-color-9); } .lux-theme.polychrome-menu .header .list-menu--inline > li:nth-child(12n+10) { --poly-menu-color: var(--menu-color-10); } .lux-theme.polychrome-menu .header .list-menu--inline > li:nth-child(12n+11) { --poly-menu-color: var(--menu-color-11); } .lux-theme.polychrome-menu .header .list-menu--inline > li:nth-child(12n+12) { --poly-menu-color: var(--menu-color-12); } .lux-theme.polychrome-menu .header .list-menu--inline > li > a, .lux-theme.polychrome-menu .header .list-menu--inline > li > summary { position: relative; display: inline-flex; align-items: center; gap: 0.5rem; padding-bottom: 1.2rem; } .lux-theme.polychrome-menu .header .list-menu--inline > li > a::after, .lux-theme.polychrome-menu .header .list-menu--inline > li > summary::after { content: ""; position: absolute; left: 0; width: 100%; bottom: 0.3rem; height: 2px; transform: scaleX(0); transform-origin: left; background: var(--poly-underline-color); transition: transform var(--motion-s, 200ms) var(--easing-luxe, ease); } .lux-theme.polychrome-menu .header .list-menu--inline > li > a:hover::after, .lux-theme.polychrome-menu .header .list-menu--inline > li > a:focus-visible::after, .lux-theme.polychrome-menu .header .list-menu--inline > li > summary:hover::after, .lux-theme.polychrome-menu .header .list-menu--inline > li > summary:focus-visible::after { transform: scaleX(1); } .lux-theme.polychrome-menu .header .list-menu--inline > li > a[aria-current="page"]::after { transform: scaleX(1); } /* Polychrome dropdown + mega-menu links */ .lux-theme.polychrome-menu .header .header__submenu, .lux-theme.polychrome-menu .header .mega-menu__content { --poly-submenu-base: rgb(var(--color-foreground)); } .lux-theme.polychrome-menu .header .header__submenu li, .lux-theme.polychrome-menu .header .mega-menu__content li { --poly-hover-color: var(--poly-menu-color); } .lux-theme.polychrome-menu .header .header__submenu li:nth-child(12n+1), .lux-theme.polychrome-menu .header .mega-menu__content li:nth-child(12n+1) { --poly-hover-color: var(--menu-color-1); } .lux-theme.polychrome-menu .header .header__submenu li:nth-child(12n+2), .lux-theme.polychrome-menu .header .mega-menu__content li:nth-child(12n+2) { --poly-hover-color: var(--menu-color-2); } .lux-theme.polychrome-menu .header .header__submenu li:nth-child(12n+3), .lux-theme.polychrome-menu .header .mega-menu__content li:nth-child(12n+3) { --poly-hover-color: var(--menu-color-3); } .lux-theme.polychrome-menu .header .header__submenu li:nth-child(12n+4), .lux-theme.polychrome-menu .header .mega-menu__content li:nth-child(12n+4) { --poly-hover-color: var(--menu-color-4); } .lux-theme.polychrome-menu .header .header__submenu li:nth-child(12n+5), .lux-theme.polychrome-menu .header .mega-menu__content li:nth-child(12n+5) { --poly-hover-color: var(--menu-color-5); } .lux-theme.polychrome-menu .header .header__submenu li:nth-child(12n+6), .lux-theme.polychrome-menu .header .mega-menu__content li:nth-child(12n+6) { --poly-hover-color: var(--menu-color-6); } .lux-theme.polychrome-menu .header .header__submenu li:nth-child(12n+7), .lux-theme.polychrome-menu .header .mega-menu__content li:nth-child(12n+7) { --poly-hover-color: var(--menu-color-7); } .lux-theme.polychrome-menu .header .header__submenu li:nth-child(12n+8), .lux-theme.polychrome-menu .header .mega-menu__content li:nth-child(12n+8) { --poly-hover-color: var(--menu-color-8); } .lux-theme.polychrome-menu .header .header__submenu li:nth-child(12n+9), .lux-theme.polychrome-menu .header .mega-menu__content li:nth-child(12n+9) { --poly-hover-color: var(--menu-color-9); } .lux-theme.polychrome-menu .header .header__submenu li:nth-child(12n+10), .lux-theme.polychrome-menu .header .mega-menu__content li:nth-child(12n+10) { --poly-hover-color: var(--menu-color-10); } .lux-theme.polychrome-menu .header .header__submenu li:nth-child(12n+11), .lux-theme.polychrome-menu .header .mega-menu__content li:nth-child(12n+11) { --poly-hover-color: var(--menu-color-11); } .lux-theme.polychrome-menu .header .header__submenu li:nth-child(12n+12), .lux-theme.polychrome-menu .header .mega-menu__content li:nth-child(12n+12) { --poly-hover-color: var(--menu-color-12); } .lux-theme.polychrome-menu .header .header__submenu summary { color: var(--poly-submenu-base); transition: color var(--motion-s, 200ms) var(--easing-luxe, ease); display: flex; align-items: center; gap: 0.6rem; } .lux-theme.polychrome-menu .header .header__submenu summary > span { display: inline-block; text-decoration: none; transition: color var(--motion-s, 200ms) var(--easing-luxe, ease), text-decoration-color var(--motion-s, 200ms) var(--easing-luxe, ease); } .lux-theme.polychrome-menu .header .header__submenu a, .lux-theme.polychrome-menu .header .mega-menu__content a { color: var(--poly-submenu-base); text-decoration: none; transition: color var(--motion-s, 200ms) var(--easing-luxe, ease), text-decoration-color var(--motion-s, 200ms) var(--easing-luxe, ease); text-decoration-thickness: 2px; text-underline-offset: 0.55em; } .lux-theme.polychrome-menu .header .header__submenu summary:hover, .lux-theme.polychrome-menu .header .header__submenu summary:focus-visible, .lux-theme.polychrome-menu .header .header__submenu summary[aria-expanded="true"] { color: var(--poly-hover-color); } .lux-theme.polychrome-menu .header .header__submenu summary:hover > span, .lux-theme.polychrome-menu .header .header__submenu summary:focus-visible > span, .lux-theme.polychrome-menu .header .header__submenu summary[aria-expanded="true"] > span { color: inherit; text-decoration: underline; text-decoration-color: currentColor; text-decoration-thickness: 2px; text-underline-offset: 0.65em; } .lux-theme.polychrome-menu .header .header__submenu a:hover, .lux-theme.polychrome-menu .header .header__submenu a:focus-visible, .lux-theme.polychrome-menu .header .header__submenu a[aria-current="page"], .lux-theme.polychrome-menu .header .mega-menu__content a:hover, .lux-theme.polychrome-menu .header .mega-menu__content a:focus-visible, .lux-theme.polychrome-menu .header .mega-menu__content a.mega-menu__link--active { color: var(--poly-hover-color); text-decoration: underline; text-decoration-color: currentColor; text-underline-offset: 0.65em; } .lux-theme.polychrome-menu .header .header__submenu summary .svg-wrapper svg *, .lux-theme.polychrome-menu .header .header__submenu summary svg path, .lux-theme.polychrome-menu .header .header__submenu summary svg polygon, .lux-theme.polychrome-menu .header .header__submenu summary svg polyline { stroke: currentColor; fill: currentColor; } .lux-theme.polychrome-menu .header .header__submenu summary .svg-wrapper svg [fill="none"] { fill: none; } .lux-theme.polychrome-menu .header .header__submenu .list-menu__item--active, .lux-theme.polychrome-menu .header .mega-menu__link--active { background: color-mix(in srgb, currentColor 12%, transparent); } /* Mobile drawer polychromy */ .lux-theme.polychrome-menu .menu-drawer__menu > li { --poly-menu-color: rgb(var(--color-foreground)); } .lux-theme.polychrome-menu .menu-drawer__menu > li:nth-child(12n+1) { --poly-menu-color: var(--menu-color-1); } .lux-theme.polychrome-menu .menu-drawer__menu > li:nth-child(12n+2) { --poly-menu-color: var(--menu-color-2); } .lux-theme.polychrome-menu .menu-drawer__menu > li:nth-child(12n+3) { --poly-menu-color: var(--menu-color-3); } .lux-theme.polychrome-menu .menu-drawer__menu > li:nth-child(12n+4) { --poly-menu-color: var(--menu-color-4); } .lux-theme.polychrome-menu .menu-drawer__menu > li:nth-child(12n+5) { --poly-menu-color: var(--menu-color-5); } .lux-theme.polychrome-menu .menu-drawer__menu > li:nth-child(12n+6) { --poly-menu-color: var(--menu-color-6); } .lux-theme.polychrome-menu .menu-drawer__menu > li:nth-child(12n+7) { --poly-menu-color: var(--menu-color-7); } .lux-theme.polychrome-menu .menu-drawer__menu > li:nth-child(12n+8) { --poly-menu-color: var(--menu-color-8); } .lux-theme.polychrome-menu .menu-drawer__menu > li:nth-child(12n+9) { --poly-menu-color: var(--menu-color-9); } .lux-theme.polychrome-menu .menu-drawer__menu > li:nth-child(12n+10) { --poly-menu-color: var(--menu-color-10); } .lux-theme.polychrome-menu .menu-drawer__menu > li:nth-child(12n+11) { --poly-menu-color: var(--menu-color-11); } .lux-theme.polychrome-menu .menu-drawer__menu > li:nth-child(12n+12) { --poly-menu-color: var(--menu-color-12); } .lux-theme.polychrome-menu .menu-drawer__menu-item { color: var(--poly-menu-color); position: relative; transition: color var(--motion-s, 200ms) var(--easing-luxe, ease); } .lux-theme.polychrome-menu .menu-drawer__menu-item .svg-wrapper svg *, .lux-theme.polychrome-menu .menu-drawer__menu-item svg path, .lux-theme.polychrome-menu .menu-drawer__menu-item svg polygon, .lux-theme.polychrome-menu .menu-drawer__menu-item svg polyline { stroke: currentColor; fill: currentColor; } .lux-theme.polychrome-menu .menu-drawer__menu-item .svg-wrapper svg [fill="none"] { fill: none; } .lux-theme.polychrome-menu .menu-drawer__menu-item::after { content: ""; position: absolute; left: 3rem; right: 3rem; bottom: 1rem; height: 2px; transform: scaleX(0); transform-origin: left; background: currentColor; transition: transform var(--motion-s, 200ms) var(--easing-luxe, ease); } .lux-theme.polychrome-menu .menu-drawer__menu-item:hover::after, .lux-theme.polychrome-menu .menu-drawer__menu-item:focus-visible::after, .lux-theme.polychrome-menu .menu-drawer__menu-item--active::after { transform: scaleX(1); } .lux-theme.polychrome-menu .menu-drawer__menu-item--active, .lux-theme.polychrome-menu .menu-drawer__menu-item:hover, .lux-theme.polychrome-menu .menu-drawer__menu-item:focus-visible { background: color-mix(in srgb, var(--poly-menu-color) 16%, transparent); color: var(--poly-menu-color); } .lux-theme.polychrome-menu .menu-drawer__submenu { border-left: 2px solid color-mix(in srgb, var(--poly-menu-color) 24%, transparent); } .lux-theme.polychrome-menu .menu-drawer__submenu .menu-drawer__menu-item { color: inherit; } /* Grain/texture overlay utility */ .lux-theme .has-grain { position: relative; } .lux-theme .has-grain::after { content: ""; position: absolute; inset: 0; pointer-events: none; background-image: var(--grain-url); background-size: cover; opacity: var(--grain-opacity, .08); mix-blend-mode: multiply; } /* Print rules utilities */ .lux-theme .rule-top { border-top: var(--rule-thickness, 2px) solid var(--rule-color, currentColor); padding-top: 1rem; } .lux-theme .rule-bottom { border-bottom: var(--rule-thickness, 2px) solid var(--rule-color, currentColor); padding-bottom: 1rem; } .lux-theme .rule-y { border-top: var(--rule-thickness, 2px) solid var(--rule-color, currentColor); border-bottom: var(--rule-thickness, 2px) solid var(--rule-color, currentColor); padding-block: 1rem; } .lux-theme.rules-headings .heading-rule { position: relative; padding-bottom: .6rem; } .lux-theme.rules-headings .heading-rule::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: var(--rule-thickness, 2px); background: var(--rule-color, currentColor); } .lux-theme.rules-headings .heading-rule.heading-rule--short { padding-bottom: .5rem; } .lux-theme.rules-headings .heading-rule.heading-rule--short::after { right: auto; width: 6ch; height: calc(var(--rule-thickness, 2px)); } /* Content-visibility utility: apply to below-the-fold sections to avoid initial layout/paint cost */ .cv-auto { content-visibility: auto; contain-intrinsic-size: 1000px 800px; }