.elementor-kit-2886{--e-global-color-primary:#CE0203;--e-global-color-secondary:#890018;--e-global-color-text:#000000;--e-global-color-accent:#958531;--e-global-color-f2ef3c9:#DF5056;--e-global-color-441aa3b:#958F31;--e-global-color-fb41169:#F0C102;--e-global-typography-primary-font-family:"Montserrat";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Playfair Display";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Inter";--e-global-typography-accent-font-weight:500;}.elementor-kit-2886 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */:root { /* ---------- BRAND COLORS ---------------------------------------------- */ /* Primary red — used for CTAs, buttons, links, borders, focus. */ --vinty-red: #CE0203; --vinty-red-hover: #A80102; /* 10% darker for hover */ --vinty-red-pressed: #8A0102; /* deeper press state */ /* Warmer, deeper red — trust / assurance / premium moments. NEVER merge with --vinty-red. This is the "reveal" red. */ --vinty-burgundy: #890018; --vinty-burgundy-hover: #6C0013; /* Accent palette */ --vinty-rose: #DF5056; /* soft pink-coral — used sparingly */ --vinty-olive: #958F31; /* muted olive — producer / varietal tags */ --vinty-yellow: #FCD003; /* mustard yellow — highlights / flash sale (from site templates) */ /* ---------- NEUTRALS -------------------------------------------------- */ --vinty-black: #0A0A0A; /* true brand black (logo-grade) */ --vinty-ink: #1A1A1A; /* body text */ --vinty-graphite: #3A3A3A; /* secondary text */ --vinty-slate: #6B6B6B; /* tertiary / meta */ --vinty-mute: #9A9A9A; /* disabled / placeholder */ --vinty-hairline: #E5E5E5; /* borders, dividers */ --vinty-wash: #F2F1ED; /* warm off-white surface (from palette card) */ --vinty-paper: #FAFAF8; /* base page surface */ --vinty-white: #FFFFFF; /* ---------- SEMANTIC -------------------------------------------------- */ --fg-1: var(--vinty-ink); --fg-2: var(--vinty-graphite); --fg-3: var(--vinty-slate); --fg-mute: var(--vinty-mute); --fg-inverse: var(--vinty-white); --fg-accent: var(--vinty-red); --fg-assurance: var(--vinty-burgundy); --bg-page: var(--vinty-paper); --bg-surface: var(--vinty-white); --bg-wash: var(--vinty-wash); --bg-ink: var(--vinty-black); --bg-accent: var(--vinty-red); --bg-assurance: var(--vinty-burgundy); --border-default: var(--vinty-hairline); --border-strong: var(--vinty-ink); --border-accent: var(--vinty-red); /* Status (sparingly used; wine context rarely needs these) */ --status-success: #2F7D32; --status-warning: var(--vinty-yellow); --status-error: var(--vinty-red); /* ---------- FOREGROUND ON COLOURED PANELS ----------------------------- */ /* For hero slides, trust band, and any full-bleed coloured section. Added 24/04/2026 for 4-slide hero system. */ --fg-on-yellow: #0A0A0A; /* black on yellow — max contrast */ --fg-on-burgundy: #F4E1E4; /* warm tint on burgundy — softer than white */ --fg-on-olive: #FAF6DA; /* warm cream on olive — matches terroir warmth */ --fg-on-black: #FAFAF8; /* paper on black — slightly warm, not harsh */ /* ---------- TYPOGRAPHY ------------------------------------------------ */ /* Two families ONLY. Montserrat for action/emphasis. Inter for body. */ --font-action: 'Montserrat', 'Helvetica Neue', Arial, sans-serif; --font-body: 'Inter', 'Helvetica Neue', Arial, sans-serif; /* Type scale */ --text-2xs: 11px; --text-xs: 12px; --text-sm: 14px; --text-base: 16px; --text-lg: 18px; --text-xl: 22px; --text-2xl: 28px; --text-3xl: 36px; --text-4xl: 48px; --text-5xl: 64px; --text-6xl: 88px; --leading-tight: 1.05; --leading-snug: 1.2; --leading-normal: 1.5; --leading-loose: 1.65; --tracking-tight: -0.02em; --tracking-normal: 0; --tracking-wide: 0.06em; /* 1px on 16px */ --tracking-button: 1px; /* absolute — matches spec */ --tracking-eyebrow: 0.12em; /* small uppercase labels */ /* ---------- SPACING --------------------------------------------------- */ --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-5: 20px; --space-6: 24px; --space-8: 32px; --space-10: 40px; --space-12: 48px; --space-16: 64px; --space-20: 80px; --space-24: 96px; /* ---------- RADII / BORDERS / SHADOWS --------------------------------- */ /* Vinty aesthetic is confident, high-contrast, mostly squared. Small radii only. No pillowy cards. */ --radius-none: 0; --radius-xs: 2px; --radius-sm: 4px; --radius-md: 6px; --radius-pill: 999px; --border-width-hair: 1px; --border-width-bold: 2px; /* Shadows — restrained. Used on hover for product cards. */ --shadow-xs: 0 1px 2px rgba(10,10,10,0.06); --shadow-sm: 0 2px 8px rgba(10,10,10,0.06); --shadow-md: 0 8px 24px rgba(10,10,10,0.08); --shadow-lg: 0 20px 48px rgba(10,10,10,0.12); --shadow-focus: 0 0 0 3px rgba(206,2,3,0.25); /* ---------- MOTION ---------------------------------------------------- */ --ease-out: cubic-bezier(0.22, 1, 0.36, 1); --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1); --dur-fast: 120ms; --dur-base: 180ms; --dur-slow: 280ms; }/* End custom CSS */