/** Shopify CDN: Minification failed Line 1011:1 Unexpected "}" Line 1934:0 Unexpected "@media" **/ /* ============================================================ MEW — RED OBJECT The site's design system. Every page carries `ro` on , so the tokens below cascade to the whole document including the drawers. This file is the only stylesheet the site loads. Map 0 base reset 8 find your red 1 tokens 9 object of desire 2 primitives 10 designed in detail (bento) 3 chrome: announce 11 the formula 4 chrome: header 12 made to be worn 5 chrome: drawers 13 faq 6 hero + buy card 14 footer 7 value props 15 page templates 16 motion + responsive ============================================================ */ /* ---------- 0. BASE RESET ---------- */ *, *::before, *::after { box-sizing: border-box; } html { scroll-behavior: smooth; } body { margin: 0; -webkit-font-smoothing: antialiased; } img, video, svg { max-width: 100%; display: block; } a { color: inherit; text-decoration: none; } button { font: inherit; color: inherit; background: none; border: 0; cursor: pointer; padding: 0; } input, select, textarea { font: inherit; color: inherit; } ul, ol { margin: 0; padding: 0; list-style: none; } h1, h2, h3, h4, p, figure, blockquote, fieldset { margin: 0; padding: 0; border: 0; } main { display: block; } ::selection { background: var(--red); color: #fff; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; border: 0; } .ro { /* palette — red is the ground, not the accent */ --red-deep: #6B1220; /* full-bleed section ground */ --red: #8B1E24; /* buttons, rules, active states */ --red-ink: #4E0D18; /* text on light red */ --paper: #FFFFFF; --paper-2: #F7F4F2; /* product stage background */ --ink: #1B1416; --ink-soft: #6E6265; --line: rgba(27,20,22,.14); --line-red: rgba(255,255,255,.22); /* type */ /* One family across the site, carried by weight rather than by contrast — Geist sits in the SF Pro lineage. -apple-system is the native fallback so Apple hardware renders the real thing while Geist loads. */ --f-display: "Geist", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif; --f-ui: "Geist", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif; --w-thin: 300; --w-regular: 400; --w-medium: 500; --w-bold: 600; --t-display: clamp(2.3rem, 4.6vw, 4.4rem); /* AN OBJECT OF COLOUR */ --t-section: clamp(1.9rem, 3.4vw, 3.1rem); /* section headings */ --t-sub: clamp(1.05rem, 1.5vw, 1.3rem); --t-body: .875rem; --t-label: .6875rem; /* 11px — 10px was under the label floor */ --pad: clamp(18px, 3.4vw, 56px); --gap: clamp(10px, 1.1vw, 16px); --ease: cubic-bezier(0.23, 1, 0.32, 1); font-family: var(--f-ui); color: var(--ink); background: var(--paper); font-size: var(--t-body); line-height: 1.6; font-weight: 400; } /* ---------- shared primitives ---------- */ /* theme.css styles bare h1/h2/h3 and