/** Shopify CDN: Minification failed Line 31:0 All "@import" rules must come first **/ /* ============================================================ OVATION GIFT & DESIGN — Brand stylesheet for Craft theme File: assets/ovation-brand.css Load via theme.liquid : {{ 'ovation-brand.css' | asset_url | stylesheet_tag }} ============================================================ */ :root { --ov-cream: #EEE8E5; --ov-cream-deep: #E4DCD6; --ov-crimson: #B21E1E; --ov-crimson-deep: #8F1515; --ov-bronze: #8F7D5E; --ov-bronze-light: #A89478; --ov-bronze-deep: #6B5D44; --ov-dark: #1A1610; --ov-dark-2: #141008; --ov-ink: #2A241E; --ov-muted: #8F8278; --ov-line: rgba(143,125,94,0.22); --ov-serif: 'Cormorant Garamond', Georgia, serif; --ov-sans: 'Outfit', -apple-system, BlinkMacSystemFont, sans-serif; } /* Load brand fonts */ @import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400;1,600&family=Outfit:wght@300;400;500;600&display=swap'); /* ---- Shared section primitives ---- */ .ov-section { padding: 5rem 1.5rem; } .ov-wrap { max-width: 1200px; margin: 0 auto; } .ov-narrow { max-width: 760px; margin: 0 auto; } .ov-eyebrow { font-family: var(--ov-sans); font-size: 11px; letter-spacing: 0.24em; text-transform: uppercase; color: var(--ov-bronze); display: inline-flex; align-items: center; gap: 14px; margin-bottom: 1.25rem; } .ov-eyebrow::before { content: ''; width: 32px; height: 1px; background: var(--ov-bronze); display: block; } .ov-eyebrow.center { justify-content: center; } .ov-eyebrow.center::after { content: ''; width: 32px; height: 1px; background: var(--ov-bronze); display: block; } .ov-h2 { font-family: var(--ov-serif); font-weight: 600; font-size: clamp(28px, 4vw, 44px); line-height: 1.08; color: var(--ov-ink); margin: 0 0 1rem; } .ov-lead { font-family: var(--ov-sans); font-weight: 300; font-size: clamp(15px, 1.6vw, 17px); line-height: 1.8; color: var(--ov-muted); } .ov-btn { display: inline-block; font-family: var(--ov-sans); font-size: 12px; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; padding: 15px 38px; border: none; cursor: pointer; text-decoration: none; transition: background 0.2s, color 0.2s, transform 0.2s; } .ov-btn--crimson { background: var(--ov-crimson); color: #fff; } .ov-btn--crimson:hover { background: var(--ov-crimson-deep); } .ov-btn--dark { background: var(--ov-dark); color: var(--ov-cream); } .ov-btn--dark:hover { background: var(--ov-dark-2); } .ov-btn--ghost { background: transparent; color: var(--ov-ink); border: 1px solid var(--ov-bronze); } .ov-btn--ghost:hover { background: var(--ov-bronze); color: #fff; } @media (max-width: 749px) { .ov-section { padding: 3.25rem 1.25rem; } }