PageSourceSearch

https://shop.rupert-rothschildvignerons.com/contact-us/

html rupert-rothschildvignerons.com collected 2026-10-02 12:12:21 UTC 76,482 bytes, 1,121 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en-US">
3  <head>
4    <meta charset="UTF-8">
5    <meta name="viewport" content="width=device-width, initial-scale=1">
6    <!-- Google Tag Manager -->
7    
7<script>
vendor: 534 bytes, lines 7-19
7(function (w, d, s, l, i) {
8            w[l] = w[l] || [];
9            w[l].push({
10                'gtm.start':
11                    new Date().getTime(), event: 'gtm.js'
12            });
13            var f = d.getElementsByTagName(s)[0],
14                j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : '';
15            j.async = true;
16            j.src =
17                'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
18            f.parentNode.insertBefore(j, f);
19        })(window, document, 'script', 'dataLayer', '
19GTM-NC8JP48
vendor: 3 bytes, line 19
19');
19</script>
19
20    <!-- End Google Tag Manager -->
21    
22    <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' />
23
24	<!-- This site is optimized with the Yoast SEO Premium plugin v28.3 (Yoast SEO v28.3) - https://yoast.com/product/yoast-seo-premium-wordpress/ -->
25	<title>Contact Us - Rupert Rothschild Vignerons</title>
26	<link rel="canonical" href="https://shop.rupert-rothschildvignerons.com/contact-us/" />
27	<meta property="og:locale" content="en_US" />
28	<meta property="og:type" content="article" />
29	<meta property="og:title" content="Contact Us" />
30	<meta property="og:url" content="https://shop.rupert-rothschildvignerons.com/contact-us/" />
31	<meta property="og:site_name" content="Rupert Rothschild Vignerons" />
32	<meta property="article:modified_time" content="2026-06-01T08:40:59+00:00" />
33	<meta name="twitter:card" content="summary_large_image" />
34	
34<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/shop.rupert-rothschildvignerons.com\/contact-us\/","url":"https:\/\/shop.rupert-rothschildvignerons.com\/contact-us\/","name":"Contact Us - Rupert Rothschild Vignerons","isPartOf":{"@id":"https:\/\/shop.rupert-rothschildvignerons.com\/#website"},"datePublished":"2025-09-25T08:56:36+00:00","dateModified":"2026-06-01T08:40:59+00:00","breadcrumb":{"@id":"https:\/\/shop.rupert-rothschildvignerons.com\/contact-us\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/shop.rupert-rothschildvignerons.com\/contact-us\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/shop.rupert-rothschildvignerons.com\/contact-us\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/shop.rupert-rothschildvignerons.com\/"},{"@type":"ListItem","position":2,"name":"Contact Us"}]},{"@type":"WebSite","@id":"https:\/\/shop.rupert-rothschildvignerons.com\/#website","url":"https:\/\/shop.rupert-rothschildvignerons.com\/","name":"Rupert Rothschild Vignerons","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/shop.rupert-rothschildvignerons.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}</script>
34
35	<!-- / Yoast SEO Premium plugin. -->
36
37
38<link rel='dns-prefetch' href='//cdn.commerce7.com' />
39<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://shop.rupert-rothschildvignerons.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fshop.rupert-rothschildvignerons.com%2Fcontact-us%2F" />
40<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://shop.rupert-rothschildvignerons.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fshop.rupert-rothschildvignerons.com%2Fcontact-us%2F&#038;format=xml" />
41<style id="wp-img-auto-sizes-contain-inline-css">
42img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
43/*# sourceURL=wp-img-auto-sizes-contain-inline-css */
44</style>
45<link rel='stylesheet' id='commerce7-css' href='https://cdn.commerce7.com/v2/commerce7.css' media='all' />
46<link rel='stylesheet' id='c7-css' href='https://shop.rupert-rothschildvignerons.com/wp-content/themes/rupert-rothschild/build/c7-styles.css?ver=1782904740' media='all' />
47<link rel="preload" href="https://shop.rupert-rothschildvignerons.com/wp-content/themes/rupert-rothschild/build/index.css?ver=1780565250" as="style" onload="this.onload=null;this.rel='stylesheet'"><noscript><link rel="stylesheet" href="https://shop.rupert-rothschildvignerons.com/wp-content/themes/rupert-rothschild/build/index.css?ver=1780565250"></noscript><style id="wp-emoji-styles-inline-css">
48
49	img.wp-smiley, img.emoji {
50		display: inline !important;
51		border: none !important;
52		box-shadow: none !important;
53		height: 1em !important;
54		width: 1em !important;
55		margin: 0 0.07em !important;
56		vertical-align: -0.1em !important;
57		background: none !important;
58		padding: 0 !important;
59	}
60/*# sourceURL=wp-emoji-styles-inline-css */
61</style>
62<style id="wp-block-library-inline-css">
63:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;
63--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}:root .has-text-align-center{text-align:center}:root .has-text-align-left{text-align:left}:root .has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-break:normal!important}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style^=border-color],[style*=";border-color"],[style*="; border-color"]){border-style:solid}html :where([style^=border-top-color],[style*=";border-top-color"],[style*="; border-top-color"]){border-top-style:solid}html :where([style^=border-right-color],[style*=";border-right-color"],[style*="; border-right-color"]){border-right-style:solid}html :where([style^=border-bottom-color],[style*=";border-bottom-color"],[style*="; border-bottom-color"]){border-bottom-style:solid}html :where([style^=border-left-color],[style*=";border-left-color"],[style*="; border-left-color"]){border-left-style:solid}html :where([style^=border-width],[style*=";border-width"],[style*="; border-width"]){border-style:solid}html :where([style^=border-top-width],[style*=";border-top-width"],[style*="; border-top-width"]){border-top-style:solid}html :where([style^=border-right-width],[style*=";border-right-width"],[style*="; border-right-width"]){border-right-style:solid}html :where([style^=border-bottom-width],[style*=";border-bottom-width"],[style*="; border-bottom-width"]){border-bottom-style:solid}html :where([style^=border-left-width],[style*=";border-left-width"],[style*="; border-left-width"]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}}
64
65/*# sourceURL=/wp-includes/css/dist/block-library/common.min.css */
66</style>
67<style id="classic-theme-styles-inline-css">
68/*! This file is auto-generated */
69.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
70/*# sourceURL=/wp-includes/css/classic-themes.min.css */
71</style>
72
73<style id="global-styles-inline-css">
74:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,
740) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}.wp-block-button{--wp--preset--dimension--25: 25%;--wp--preset--dimension--50: 50%;--wp--preset--dimension--75: 75%;--wp--preset--dimension--100: 100%;}:where(body) { margin: 0; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}
74.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
75/*# sourceURL=global-styles-inline-css */
76</style>
77
78<link rel="https://api.w.org/" href="https://shop.rupert-rothschildvignerons.com/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://shop.rupert-rothschildvignerons.com/wp-json/wp/v2/pages/41" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://shop.rupert-rothschildvignerons.com/xmlrpc.php?rsd" />
79<meta name="generator" content="WordPress 7.1.2" />
80<link rel='shortlink' href='https://shop.rupert-rothschildvignerons.com/?p=41' />
81<link rel="icon" href="https://shop.rupert-rothschildvignerons.com/wp-content/uploads/2025/11/cropped-cropped-favicon-blue-300x300-1-32x32.png" sizes="32x32" />
82<link rel="icon" href="https://shop.rupert-rothschildvignerons.com/wp-content/uploads/2025/11/cropped-cropped-favicon-blue-300x300-1-192x192.png" sizes="192x192" />
83<link rel="apple-touch-icon" href="https://shop.rupert-rothschildvignerons.com/wp-content/uploads/2025/11/cropped-cropped-favicon-blue-300x300-1-180x180.png" />
84<meta name="msapplication-TileImage" content="https://shop.rupert-rothschildvignerons.com/wp-content/uploads/2025/11/cropped-cropped-favicon-blue-300x300-1-270x270.png" />
85<link rel="preconnect" href="https://shop.rupert-rothschildvignerons.com" crossorigin>
86<link rel="dns-prefetch" href="//shop.rupert-rothschildvignerons.com">
87<link rel="preload" as="image" href="https://shop.rupert-rothschildvignerons.com/wp-content/uploads/2025/10/contact-us-header-scaled-1.jpg" imagesrcset="https://shop.rupert-rothschildvignerons.com/wp-content/uploads/2025/10/contact-us-header-scaled-1.jpg 2560w, https://shop.rupert-rothschildvignerons.com/wp-content/uploads/2025/10/contact-us-header-scaled-1-300x133.jpg 300w, https://shop.rupert-rothschildvignerons.com/wp-content/uploads/2025/10/contact-us-header-scaled-1-1024x455.jpg 1024w, https://shop.rupert-rothschildvignerons.com/wp-content/uploads/2025/10/contact-us-header-scaled-1-768x341.jpg 768w, https://shop.rupert-rothschildvignerons.com/wp-content/uploads/2025/10/contact-us-header-scaled-1-1536x683.jpg 1536w, https://shop.rupert-rothschildvignerons.com/wp-content/uploads/2025/10/contact-us-header-scaled-1-2048x910.jpg 2048w" imagesizes="100vw" fetchpriority="high">
88  <style>
89    /* Base paint */
90    html{scroll-behavior:smooth}
91    body{margin:0;background:#f9f9f9;color:#111}
92
93    /* Header skeleton (avoid CLS) */
94    header[role="banner"], header.fixed{position:fixed;top:0;left:0;right:0;z-index:50}
95
96    /* Banner skeleton */
97    .banner{min-height:65vh;position:relative;overflow:hidden}
98    .banner > .relative{position:relative;height:100%}
99
100    /* Ensure LCP IMG fills even if Commerce7 sets img{height:auto} */
101    .banner .slide-fill{
102      position:absolute!important;inset:0!important;
103      width:100%!important;height:100%!important;
104      object-fit:cover!important;object-position:center;
105    }
106
107    /* Minimal hero text spacing to avoid jumps */
108    .banner h1{margin-top:1rem;line-height:1.1}
109  </style>
110  
111          <!-- Only preload the *actual* LCP image -->
112      <link rel="preconnect" href="https://shop.rupert-rothschildvignerons.com" crossorigin>
113      <link rel="dns-prefetch" href="//shop.rupert-rothschildvignerons.com">
114      <link rel="preload"
115            as="image"
116            href="https://shop.rupert-rothschildvignerons.com/wp-content/uploads/2025/10/contact-us-header-scaled-1.jpg"
117            imagesrcset="https://shop.rupert-rothschildvignerons.com/wp-content/uploads/2025/10/contact-us-header-scaled-1.jpg 2560w, https://shop.rupert-rothschildvignerons.com/wp-content/uploads/2025/10/contact-us-header-scaled-1-300x133.jpg 300w, https://shop.rupert-rothschildvignerons.com/wp-content/uploads/2025/10/contact-us-header-scaled-1-1024x455.jpg 1024w, https://shop.rupert-rothschildvignerons.com/wp-content/uploads/2025/10/contact-us-header-scaled-1-768x341.jpg 768w, https://shop.rupert-rothschildvignerons.com/wp-content/uploads/2025/10/contact-us-header-scaled-1-1536x683.jpg 1536w, https://shop.rupert-rothschildvignerons.com/wp-content/uploads/2025/10/contact-us-header-scaled-1-2048x910.jpg 2048w"
118            imagesizes="100vw"
119            fetchpriority="high">
120    
121    <!-- Tiny critical CSS to stabilise hero height & avoid layout jank -->
122    <style>
123      .banner{min-height:65vh;position:relative}
124      .banner img{object-fit:cover}
125    </style>
126  </head>
127
128<header class="fixed top-0 left-0 right-0 z-50
129               transition-transform duration-300 will-change-transform
130               bg-transparent text-white
131               font-baskerville uppercase font-light hover:bg-white hover:text-gray-900 tracking-wide">
132
133  <nav aria-label="Global" class="mx-auto flex max-w-9xl items-center 2xl:justify-between p-6 lg:px-8 w-full">
134
135    <!-- MOBILE TOP BAR: burger left, logo right -->
136    <div class="flex lg:hidden items-center justify-between w-full">
137      <!-- Two-line gold burger -->
138      <button id="mobile-burger" type="button"
139              class="-m-2.5 inline-flex items-center justify-center rounded-md p-2.5"
140              aria-label="Open main menu"
141              onclick="openMobileMenu()">
142        <span class="block">
143          <span class="block h-[2px] w-7 bg-[#C8A14B] rounded"></span>
144          <span class="block h-[2px] w-5 bg-[#C8A14B] rounded mt-1"></span>
145        </span>
146      </button>
147
148      <!-- Logo (right) -->
149      <a href="/" class="flex items-center gap-x-2 pr-10">
150        <img src="https://shop.rupert-rothschildvignerons.com/wp-content/themes/mydemo/images/logo_short.png"
151             alt="Logo" class="!h-8 w-auto" />
152      </a>
153    </div>
154
155    <!-- DESKTOP TOP ROW (unchanged layout) -->
156    <div class="hidden lg:flex lg:items-center lg:justify-between w-full">
157      <!-- Logo -->
158      <div class="!h-8 flex lg:flex-1">
159        <a href="/" class="-m-1.5 p-1.5">
160          <span class="sr-only">Rupert & Rothschild Vignerons</span>
161          <img src="https://shop.rupert-rothschildvignerons.com/wp-content/themes/mydemo/images/logo_short.png" alt="" class="!max-h-full me-20 w-auto" />
162        </a>
163      </div>
164
165      <!-- DESKTOP NAV -->
166      <div class="hidden lg:flex lg:gap-x-6 xl:gap-x-8 2xl:gap-x-12 items-center">
167
168        <!-- OUR WINES (hover group) -->
169        <div class="relative group">
170          <button
171            class="flex items-center gap-x-1 text-xs/6 focus:outline-none uppercase group-hover:text-[#C8A14B]"
172            aria-haspopup="true">
173            <span class="group-hover:underline-hover">Our Wines</span>
174            <svg viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" class="size-5 flex-none text-gray-400 transition-transform duration-200 group-hover:rotate-180 group-focus-within:rotate-180">
175              <path d="M5.22 8.22a.75.75 0 0 1 1.06 0L10 11.94l3.72-3.72a.75.75 0 1 1 1.06 1.06l-4.25 4.25a.75.75 0 0 1-1.06 0L5.22 9.28a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd" fill-rule="evenodd" />
176            </svg>
177          </button>
178
179          <!-- Mega panel -->
180          <div
181            class="absolute top-full lg:left-[calc(50%-24vw)] 2xl:left-[calc(50%-34vw)] w-[102vw] xl:w-[129dvw] bg-white
182                   opacity-0 invisible translate-y-2
183                   transition-all duration-200 ease-out
184                   group-hover:opacity-100 group-hover:visible group-hover:translate-y-0
185                   group-hover:transition-delay-0
186                   [transition-delay:200ms] flex justify-center pe-10 xl:pe-5">
187            <div aria-hidden="true" class="absolute inset-0 top-1/2 bg-white"></div>
188
189            <div class="relative max-w-8xl px-14 py-20 w-full">
190              <div class="grid grid-cols-12 mx-auto gap-8">
191                <!-- Left: list -->
192                <div class="col-span-5 flex flex-col">
193                  <p class="font-sans text-[#C8A14B]">Our Collections</p>
194
195                                      
196                    <div class="mt-4 grid grid-cols-2 gap-x-8 gap-y-2">
197                      <div class="space-y-2">
198                                                  <a href="/collection/rupert-rothschild"
199                            class="text-xl normal-case hover:text-[#C8A14B] block">
200                            Rupert &amp; Rothschild Wines                          </a>
201                                                  <a href="/collection/library-collection"
202                            class="text-xl normal-case hover:text-[#C8A14B] block">
203                            Rupert &amp; Rothschild Library Collection                          </a>
204                                                  <a href="/collection/gift-collection"
205                            class="text-xl normal-case hover:text-[#C8A14B] block">
206                            Rupert &amp; Rothschild Gifts                          </a>
207                                                  <a href="/collection/rupert-rothschild-gifting"
208                            class="text-xl normal-case hover:text-[#C8A14B] block">
209                            Rupert &amp; Rothschild Gift Boxes                          </a>
210                                                  <a href="/collection/olive-oil"
211                            class="text-xl normal-case hover:text-[#C8A14B] block">
212                            Rupert &amp; Rothschild Olive Oil                          </a>
213                                              </div>
214
215                      <div class="space-y-2">
216                                                  <a href="/collection/champagne-barons-de-rothschild"
217                            class="text-xl normal-case hover:text-[#C8A14B] block">
218                            Champagne Barons De Rothschild                          </a>
219                                                  <a href="/collection/chateau-clarke"
220                            class="text-xl normal-case hover:text-[#C8A14B] block">
221                            Chateau Clarke                          </a>
222                                                  <a href="/collection/chateau-des-laurets"
223                            class="text-xl normal-case hover:text-[#C8A14B] block">
224                            Chateau Des Laurets                          </a>
225                                                  <a href="/collection/flechas-de-los-andes"
226                            class="text-xl normal-case hover:text-[#C8A14B] block">
227                            Flechas De Los Andes                          </a>
228                                                  <a href="/collection/macan"
229                            class="text-xl normal-case hover:text-[#C8A14B] block">
230                            Macan                          </a>
231                                                  <a href="/collection/rimapere"
232                            class="text-xl normal-case hover:text-[#C8A14B] block">
233                            Rimapere                          </a>
234                                              </div>
235                    </div>
236
237                                  </div>
238
239                <!-- Right feature -->
240                <div class="col-span-7 relative" style="max-width: 550px;">
241                  <img src="https://shop.rupert-rothschildvignerons.com/wp-content/uploads/2026/05/rupert-rothschild-international-wines.jpg"
242                       alt="" class="w-full !h-full object-cover" />
243                  <div class="absolute inset-0 bg-black/50"></div>
244                  <div class="absolute inset-0 flex flex-col justify-between p-10 !text-white">
245                    <p class="uppercase text-[#C8A14B]">Discover the range</p>
246                    <div class="flex justify-between">
247                      <p class="text-white uppercase text-2xl w-1/2">Explore our collections</p>
248                      <a href="/collection/rupert-rothschild" class="h-fit bg-[#C8A14B] !text-white italic flex py-3 px-6 normal-case">Shop All</a>
249                    </div>
250                  </div>
251                </div>
252              </div><!-- /grid -->
253            </div><!-- /relative -->
254          </div><!-- /panel -->
255        </div>
256
257        <!-- OUR ESTATE (hover group) -->
258        <div class="relative group">
259          <button
260            class="flex items-center gap-x-1 text-xs/6 focus:outline-none uppercase group-hover:text-[#C8A14B]"
261            aria-haspopup="true">
262            <span class="group-hover:underline-hover">Our Experiences</span>
263            <svg viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" class="size-5 flex-none text-gray-400 transition-transform duration-200 group-hover:rotate-180 group-focus-within:rotate-180">
264              <path d="M5.22 8.22a.75.75 0 0 1 1.06 0L10 11.94l3.72-3.72a.75.75 0 1 1 1.06 1.06l-4.25 4.25a.75.75 0 0 1-1.06 0L5.22 9.28a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd" fill-rule="evenodd" />
265            </svg>
266          </button>
267
268          <div
269            class="absolute top-full lg:left-[calc(50%-33vw)] 2xl:left-[calc(50%-40vw)] pe-10 xl:pe-5 w-[100vw] xl:w-[113dvw] bg-white
270                   opacity-0 invisible translate-y-2
271                   transition-all duration-200 ease-out
272                   group-hover:opacity-100 group-hover:visible group-hover:translate-y-0
273                   group-hover:transition-delay-0
274                   [transition-delay:200ms] flex justify-center">
275            <div aria-hidden="true" class="absolute inset-0 top-1/2 bg-white"></div>
276
277            <div class="relative max-w-7xl ps-32 py-20">
278              <div class="grid grid-cols-12 mx-auto">
279                <div class="col-span-5 flex flex-col">
280                  <p class="font-sans font-semibold text-[#C8A14B]">Our Experiences</p>
281                  <a href="/restaurant" class="text-lg hover:text-[#C8A14B] my-2">The Restaurant</a>
282                  <a href="/tasting" class="text-lg hover:text-[#C8A14B] my-2">The Tasting Centre</a>
283                  <a href="/conferences" class="text-lg hover:text-[#C8A14B] my-2">The Meeting Venue</a>
284                </div>
285                <div class="col-span-7 relative" style="max-width: 550px;">
286                  <img src="https://shop.rupert-rothschildvignerons.com/wp-content/uploads/2026/05/Rupert-and-Rothchild-Restaurant-1.jpg"
287                       alt="" class="w-full object-cover">
288                  <div class="absolute inset-0 bg-black/50"></div>
289                  <div class="absolute inset-0 flex flex-col justify-between p-10 !text-white">
290                    <p class="uppercase text-[#C8A14B]">The Restaurant</p>
291                    <div class="flex justify-between">
292                      <p class="text-white uppercase text-2xl w-1/2">A sampling of the season's finest</p>
293                      <a href="" class="h-fit bg-[#C8A14B] !text-white italic flex py-3 px-6 normal-case">View Menu</a>
294                    </div>
295                  </div>
296                </div>
297              </div>
298            </div>
299          </div>
300        </div>
301
302        <!-- Other links -->
303        <!-- <a href="/our-experiences" class="underline-hover text-xs/6 uppercase">Our Experiences</a> -->
304        <a href="/club" class="underline-hover text-xs/6 uppercase">Our Société</a>
305        <a href="/our-events" class="text-xs/6 underline-hover">Our Events</a>
306        <a href="/our-story" class="text-xs/6 underline-hover">Our Story</a>
307        <a href="/blogs" class="text-xs/6 underline-hover">Our Journal</a>
308        <a href="/contact-us" class="text-xs/6 underline-hover">Contact Us</a>
309      </div>
310
311      <!-- Desktop right -->
312      <div class="hidden lg:flex lg:flex-1 lg:justify-end lg:items-center">
313        <div id="c7-cart"></div>
314        <a href="/profile" class="text-xs/6 ms-5 underline-hover">My Account</a>
315      </div>
316    </div>
317  </nav>
318
319  <!-- MOBILE FULLSCREEN NAV (native dialog) -->
320  <dialog id="mobile-menu" class="backdrop:bg-black/50 lg:hidden">
321    <!-- Stage 0: white canvas -->
322    <div class="fixed inset-0 bg-white"></div>
323
324    <!-- Container for staged reveal -->
325    <div class="fixed inset-0 flex flex-col pointer-events-none">
326      <!-- STAGE 1: Close + top-center logo -->
327      <div id="mm-stage-1" class="opacity-0 translate-y-2 transition-all duration-300 ease-out pointer-events-auto">
328        <div class="relative">
329          <!-- Close (top-right, gold, circle border) -->
330          <button type="button" aria-label="Close" onclick="closeMobileMenu()"
331                  class="absolute top-4 left-4 inline-flex items-center justify-center w-10 h-10 rounded-full border border-[#C8A14B] text-[#C8A14B]">
332            ✕
333          </button>
334          <!-- Logo (top-center) -->
335          <div class="pt-6 flex justify-center">
336            <a href="/" class="block">
337              <img src="https://shop.rupert-rothschildvignerons.com/wp-content/themes/mydemo/images/logo_full.png" alt="Logo" class="!h-10 w-auto" />
338            </a>
339          </div>
340        </div>
341      </div>
342
343      <!-- STAGE 2: Main menu items (slightly larger) -->
344      <div id="mm-stage-2" class="opacity-0 translate-y-2 transition-all duration-300 ease-out delay-150 pointer-events-auto overflow-y-auto">
345        <div id="main-menu" class="p-8 space-y-6 text-2xl uppercase">
346          <button onclick="openSubmenu('estate-menu')" class="block w-full text-left uppercase">Our Estate</button>
347          <button onclick="openSubmenu('wines-menu')" class="block w-full text-left uppercase">Our Wines</button>
348          <a href="/club" class="block">Our Société</a>
349          <a href="/our-events" class="block">Our Events</a>
350          <a href="/our-story" class="block">Our Story</a>
351          <a href="/journal" class="block">Our Journal</a>
352          <a href="/contact-us" class="block">Contact Us</a>
353        </div>
354      </div>
355
356      <!-- STAGE 3: Footer links -->
357      <div id="mm-stage-3" class="opacity-0 translate-y-2 transition-all duration-300 ease-out delay-300 pointer-events-auto">
358        <div class="px-8 pb-8">
359          <hr class="my-4 border-t border-gold w-1/10">
360          <div class="flex flex-col gap-3 text-xl uppercase">
361            <a href="#" class="block">My Account</a>
362            <a href="#" class="block">Visit Brand Home</a>
363          </div>
364        </div>
365      </div>
366    </div>
367
368    <!-- SUB MENUS (fade-in) -->
369  
370    <!-- OUR WINES -->
371    <div id="wines-menu" class="hidden fixed inset-0 bg-white">
372      <div class="flex flex-col h-full">
373        <!-- 1) Logo top-center -->
374        <div id="wines-logo" class="opacity-0 transition-opacity duration-300 ease-out pt-6 flex justify-center">
375          <a href="/" class="block">
376            <img src="https://shop.rupert-rothschildvignerons.com/wp-content/themes/mydemo/images/logo_full.png" alt="Logo" class="!h-8 w-auto" />
377          </a>
378        </div>
379        <!-- 2) Back chevron -->
380        <div id="wines-back" class="opacity-0 transition-opacity duration-300 ease-out px-4 pt-4">
381          <button onclick="backToMain('wines-menu')"
382                  class="inline-flex items-center gap-2 text-[#C8A14B] border border-[#C8A14B] rounded-full px-3 py-3 uppercase text-sm">
383            <svg viewBox="0 0 24 24" class="w-4 h-4" fill="none" stroke="currentColor" stroke-width="2">
384              <path d="M15 19l-7-7 7-7" stroke-linecap="round" stroke-linejoin="round" />
385            </svg>
386          </button>
387        </div>
388        <!-- 3) Small gold heading + items (collections) -->
389        <div id="wines-body" class="opacity-0 transition-opacity duration-300 ease-out p-8 space-y-4">
390          <p class="uppercase text-[#C8A14B] text-sm tracking-wide">Our Collections</p>
391                                    <a href="/collection/rupert-rothschild" class="block text-xl uppercase">
392                Rupert &amp; Rothschild Wines              </a>
393                          <a href="/collection/library-collection" class="block text-xl uppercase">
394                Rupert &amp; Rothschild Library Collection              </a>
395                          <a href="/collection/gift-collection" class="block text-xl uppercase">
396                Rupert &amp; Rothschild Gifts              </a>
397                          <a href="/collection/rupert-rothschild-gifting" class="block text-xl uppercase">
398                Rupert &amp; Rothschild Gift Boxes              </a>
399                          <a href="/collection/olive-oil" class="block text-xl uppercase">
400                Rupert &amp; Rothschild Olive Oil              </a>
401                          <a href="/collection/champagne-barons-de-rothschild" class="block text-xl uppercase">
402                Champagne Barons De Rothschild              </a>
403                          <a href="/collection/chateau-clarke" class="block text-xl uppercase">
404                Chateau Clarke              </a>
405                          <a href="/collection/chateau-des-laurets" class="block text-xl uppercase">
406                Chateau Des Laurets              </a>
407                          <a href="/collection/flechas-de-los-andes" class="block text-xl uppercase">
408                Flechas De Los Andes              </a>
409                          <a href="/collection/macan" class="block text-xl uppercase">
410                Macan              </a>
411                          <a href="/collection/rimapere" class="block text-xl uppercase">
412                Rimapere              </a>
413                              </div>
414      </div>
415    </div>
416
417    <!-- OUR ESTATE -->
418    <div id="estate-menu" class="hidden fixed inset-0 bg-white">
419      <div class="flex flex-col h-full">
420        <!-- 1) Logo top-center -->
421        <div id="estate-logo" class="opacity-0 transition-opacity duration-300 ease-out pt-6 flex justify-center">
422          <a href="/" class="block">
423            <img src="https://shop.rupert-rothschildvignerons.com/wp-content/themes/mydemo/images/full.png" alt="Logo" class="!h-8 w-auto" />
424          </a>
425        </div>
426        <!-- 2) Back chevron (gold, bordered) -->
427        <div id="estate-back" class="opacity-0 transition-opacity duration-300 ease-out px-4 pt-4">
428          <button onclick="backToMain('estate-menu')"
429                  class="inline-flex items-center gap-2 text-[#C8A14B] border border-[#C8A14B] rounded-full px-3 py-3 uppercase text-sm">
430            <svg viewBox="0 0 24 24" class="w-4 h-4" fill="none" stroke="currentColor" stroke-width="2">
431              <path d="M15 19l-7-7 7-7" stroke-linecap="round" stroke-linejoin="round" />
432            </svg>
433          </button>
434        </div>
435        <!-- 3) Small gold heading + items -->
436        <div id="estate-body" class="opacity-0 transition-opacity duration-300 ease-out p-8 space-y-4">
437          <p class="uppercase text-[#C8A14B] text-sm tracking-wide">Our Estate</p>
438          <a href="/restaurant" class="block text-xl uppercase">The Restaurant</a>
439          <a href="/tasting" class="block text-xl uppercase">The Tasting Centre</a>
440          <a href="/conferences" class="block text-xl uppercase">The Meeting Venue</a>
441        </div>
442      </div>
443    </div>
444
445  </dialog>
446</header>
447
448<script>
449  const mobileMenu = document.getElementById('mobile-menu');
450
451  function openMobileMenu() {
452    // Open dialog
453    if (typeof mobileMenu.showModal === 'function') {
454      mobileMenu.showModal();
455    } else {
456      mobileMenu.setAttribute('open', '');
457    }
458    // Optional: lock body scroll
459    document.documentElement.classList.add('overflow-hidden');
460    document.body.classList.add('overflow-hidden');
461
462    // Reset stages
463    ['mm-stage-1','mm-stage-2','mm-stage-3'].forEach(id => {
464      const el = document.getElementById(id);
465      if (el) {
466        el.classList.add('opacity-0','translate-y-2');
467        el.classList.remove('opacity-100','translate-y-0');
468      }
469    });
470
471    // Reveal stages (staggered)
472    requestAnimationFrame(() => {
473      setTimeout(() => bumpIn('mm-stage-1'), 300);
474      setTimeout(() => bumpIn('mm-stage-2'), 520);
475      setTimeout(() => bumpIn('mm-stage-3'), 760);
476    });
477  }
478
479  function closeMobileMenu() {
480    if (typeof mobileMenu.close === 'function') {
481      mobileMenu.close();
482    } else {
483      mobileMenu.removeAttribute('open');
484    }
485    document.documentElement.classList.remove('overflow-hidden');
486    document.body.classList.remove('overflow-hidden');
487
488    // Hide submenus
489    ['estate-menu','wines-menu'].forEach(id => {
490      const el = document.getElementById(id);
491      if (el) el.classList.add('hidden');
492    });
493
494    // Show main stages again if they were hidden
495    document.getElementById('main-menu')?.parentElement?.classList.remove('hidden');
496    document.getElementById('mm-stage-3')?.classList.remove('hidden');
497  }
498
499  function bumpIn(id) {
500    const el = document.getElementById(id);
501    if (!el) return;
502    el.classList.remove('opacity-0','translate-y-2');
503    el.classList.add('opacity-100','translate-y-0');
504  }
505
506  // Submenu open with fade sequence: logo -> back -> body
507  function openSubmenu(id) {
508    // Hide main menu container stages
509    const stage2 = document.getElementById('main-menu')?.parentElement; // mm-stage-2
510    const stage3 = document.getElementById('mm-stage-3');
511    if (stage2) stage2.classList.add('hidden');
512    if (stage3) stage3.classList.add('hidden');
513
514    const panel = document.getElementById(id);
515    if (!panel) return;
516    panel.classList.remove('hidden');
517
518    const logo = document.getElementById(id.replace('-menu','-logo'));
519    const back = document.getElementById(id.replace('-menu','-back'));
520    const body = document.getElementById(id.replace('-menu','-body'));
521
522    [logo, back, body].forEach(el => { if (el) el.classList.add('opacity-0'); });
523
524    // Fade in sequence
525    setTimeout(() => { if (logo) logo.classList.remove('opacity-0'); }, 60);
526    setTimeout(() => { if (back) back.classList.remove('opacity-0'); }, 200);
527    setTimeout(() => { if (body) body.classList.remove('opacity-0'); }, 340);
528  }
529
530  function backToMain(id) {
531    const panel = document.getElementById(id);
532    if (panel) panel.classList.add('hidden');
533
534    // Show main menu + footer again, with a quick bump
535    const stage2 = document.getElementById('mm-stage-2');
536    const stage3 = document.getElementById('mm-stage-3');
537    stage2.classList.remove('hidden');
538    stage3.classList.remove('hidden');
539
540    // Re-animate in slightly
541    ['mm-stage-2','mm-stage-3'].forEach(sid => {
542      const el = document.getElementById(sid);
543      el.classList.add('opacity-0','translate-y-2');
544      setTimeout(() => {
545        el.classList.remove('opacity-0','translate-y-2');
546        el.classList.add('opacity-100','translate-y-0');
547      }, 20);
548    });
549  }
550</script>
550
551
552<body class="overflow-x-hidden !bg-[#f9f9f9]">
553
554<div class="banner relative bg-gray-300 h-[65vh] flex items-center justify-center overflow-hidden max-w-screen"
555     style="height: 65vh;">
556
557  <!-- Explore fixed (optional) -->
558  <div class="hidden absolute -left-16 top-1/2 z-20 md:flex flex-col items-center -rotate-90">
559    <hr class="w-3 border-t-2 border-gold mb-2 rotate-90">
560    <a href="https://rupert-rothschildvignerons.com/" class="uppercase font-baskerville text-gold text-lg">
561      Explore our world
562    </a>
563  </div>
564
565      
566    <!-- LCP as real <img> -->
567    <div class="relative w-full h-full overflow-hidden">
568      <img
569        src="https://shop.rupert-rothschildvignerons.com/wp-content/uploads/2025/10/contact-us-header-scaled-1.jpg"
570        srcset="https://shop.rupert-rothschildvignerons.com/wp-content/uploads/2025/10/contact-us-header-scaled-1.jpg 2560w, https://shop.rupert-rothschildvignerons.com/wp-content/uploads/2025/10/contact-us-header-scaled-1-300x133.jpg 300w, https://shop.rupert-rothschildvignerons.com/wp-content/uploads/2025/10/contact-us-header-scaled-1-1024x455.jpg 1024w, https://shop.rupert-rothschildvignerons.com/wp-content/uploads/2025/10/contact-us-header-scaled-1-768x341.jpg 768w, https://shop.rupert-rothschildvignerons.com/wp-content/uploads/2025/10/contact-us-header-scaled-1-1536x683.jpg 1536w, https://shop.rupert-rothschildvignerons.com/wp-content/uploads/2025/10/contact-us-header-scaled-1-2048x910.jpg 2048w"
571        sizes="100vw"
572        alt=""
573        width="2560"
574        height="1138"
575        class="absolute inset-0 w-full !h-full object-cover"
576        decoding="async"
577        fetchpriority="high"
578      />
579      <div class="absolute inset-0 bg-black/40"></div>
580
581      <div class="relative z-10 flex flex-col justify-center items-start max-w-6xl md:ms-[28%] px-6 h-full text-left">
582                  <p class="text-gold uppercase">Contact Us</p>
583        
584                  <h1 class="text-4xl md:text-6xl 2xl:text-8xl text-white font-baskerville uppercase mt-4">
585            Get in                          &nbsp;<br>              <span class="md:text-7xl 2xl:text-9xl inline-block text-gold font-snell normal-case ">
586                Touch              </span>
587                      </h1>
588        
589        
590              </div>
591    </div>
592
593  </div>
594
595
596  <section class="flex justify-center mt-12 sm:mt-16">
597    <div class="w-full max-w-5xl px-5 sm:px-6 lg:px-8">
598              <p class="text-sm text-gold uppercase">Rupert &amp; Rothschild</p>
599      
600              <h2 class="font-baskerville uppercase text-4xl sm:text-5xl">
601          Estate Notice        </h2>
602      
603              <div class="mt-4 sm:mt-6">
604          <p class="text-sm text-gray-800/90 font-baskerville my-1">Kindly note that due to ongoing road works, you may experience some delay in reaching our estate. Please keep this in mind and allow for extra travel time.</p>
605        </div>
606          </div>
607  </section>
608
609
610<!-- Get Directions -->
611<section class="flex justify-center my-12 sm:my-16 border-b border-gray-200/20 pb-12 sm:pb-16">
612  <div class="w-full max-w-5xl px-5 sm:px-6 lg:px-8">
613    <p class="text-sm text-gold uppercase">Get Directions</p>
614    <h2 class="font-baskerville uppercase text-4xl sm:text-5xl">Find our estate</h2>
615
616    <iframe
617      class="w-full h-[40vh] sm:h-[45vh] lg:h-[55vh] my-8 sm:my-12 rounded"
618      src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d13257.224307028251!2d18.928413077053374!3d-33.83021644257673!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x1dcdaf1e4e9d79a7%3A0x18fa98ca55c46a75!2sRupert%20%26%20Rothschild%20Vignerons!5e0!3m2!1sen!2sin!4v1690446309851!5m2!1sen!2sin"
619      frameborder="0"
620      loading="lazy"
621      referrerpolicy="no-referrer-when-downgrade"
622      aria-label="Map to Rupert & Rothschild Vignerons">
623    </iframe>
624
625    <div class="grid grid-cols-1 md:grid-cols-12 gap-y-6 md:gap-x-8 mb-8">
626      <div class="md:col-span-6 lg:col-span-4 flex flex-col">
627        <p class="text-sm uppercase font-bold text-gray-300 mb-3 sm:mb-5">Address</p>
628
629                  <p class="text-sm text-gray-800/90 font-baskerville my-1">Rupert &amp; Rothschild Vignerons</p>
630<p class="text-sm text-gray-800/90 font-baskerville my-1">Klapmuts &#8211; Simondium Road</p>
631<p class="text-sm text-gray-800/90 font-baskerville my-1">Simondium, 7670</p>
632        
633        <a href="https://www.google.co.za/maps/place/Rupert+%26+Rothschild+Vignerons/@-33.8351314,18.9492699,17z/data=!3m1!4b1!4m5!3m4!1s0x1dcdaf1e4e9d79a7:0x18fa98ca55c46a75!8m2!3d-33.8351359!4d18.9514586?shorturl=1"
634           class="group relative inline-flex items-center mt-4 sm:mt-6 font-baskerville font-light italic text-xl sm:text-2xl text-gray-400 hover:text-gray-800">
635          <span class="relative">
636            Get Directions
637            <span class="absolute left-0 -bottom-[2px] h-[1px] w-0 bg-gold transition-all duration-500 group-hover:w-full"></span>
638          </span>
639          <span class="ml-3 inline-flex items-center justify-center border border-white rounded-full w-8 h-8 transition-colors duration-300 group-hover:border-gold">
640            <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" aria-hidden="true">
641              <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7" />
642            </svg>
643          </span>
644        </a>
645      </div>
646    </div>
647  </div>
648</section>
649
650<!-- General Enquiries (Restaurant contact) -->
651<section class="flex justify-center mb-12 sm:mb-16">
652  <div class="w-full max-w-5xl px-5 sm:px-6 lg:px-8">
653    <p class="text-sm text-gold uppercase">General Enquiries</p>
654    <h2 class="font-baskerville uppercase text-4xl sm:text-5xl mb-6 sm:mb-10">Find our estate</h2>
655
656    <div class="grid grid-cols-1 md:grid-cols-12 gap-y-4 md:gap-x-8">
657      <div class="md:col-span-4">
658        <p class="text-sm text-gray-800/90 font-baskerville my-1">Telephone</p>
659        <p class="text-sm text-gray-800/90 font-baskerville my-1">Email</p>
660      </div>
661      <div class="md:col-span-8 flex flex-col">
662                  <a href="http://0218741648" class="text-sm text-gray-800/90 font-baskerville hover:text-gray-800 my-1">
663             +27 (0)21 874 1648          </a>
664                          <a href="mailto:t&#114;&#64;r&#117;&#112;&#101;r&#116;-&#114;&#111;&#116;h&#115;chi&#108;&#100;&#118;&#105;g&#110;&#101;&#114;&#111;&#110;s&#46;c&#111;&#109;" class="text-sm font-baskerville hover:text-gray-800 my-1">
665            [email protected]          </a>
666              </div>
667    </div>
668  </div>
669</section>
670
671<!-- Wine Tasting and Sales -->
672<section class="flex justify-center mb-12 sm:mb-16">
673  <div class="w-full max-w-5xl px-5 sm:px-6 lg:px-8">
674    <p class="text-sm text-gold uppercase">Wine Tasting and Sales</p>
675    <h2 class="font-baskerville uppercase text-4xl sm:text-5xl mb-6 sm:mb-10">The Tasting Centre</h2>
676
677    <div class="grid grid-cols-1 md:grid-cols-12 gap-y-4 md:gap-x-8">
678      <div class="md:col-span-4">
679        <p class="text-sm text-gray-800/90 font-baskerville my-1">Telephone</p>
680        <p class="text-sm text-gray-800/90 font-baskerville my-1">Email</p>
681        <p class="text-sm text-gray-800/90 font-baskerville my-1 mt-2">Tasting Centre Hours</p>
682        <p class="text-sm text-gray-800/90 font-baskerville my-1 mt-2">Wine Sales Hours</p>
683      </div>
684
685      <div class="md:col-span-8 flex flex-col">
686                  <a href="http://0218741648" class="text-sm text-gray-800/90 font-baskerville hover:text-gray-800 my-1">
687            +27 (0)21 874 1648          </a>
688        
689                  <a href="mailto:t&#114;&#64;&#114;&#117;&#112;&#101;&#114;&#116;-r&#111;&#116;hs&#99;hi&#108;d&#118;&#105;gn&#101;&#114;o&#110;&#115;&#46;&#99;o&#109;" class="text-sm font-baskerville hover:text-gray-800 mt-1 mb-2">
690            [email protected]          </a>
691        
692                  <p class="text-sm text-gray-800/90 font-baskerville my-0 mt-1">Monday - Friday : 10h00 - 16h00</p><p class="text-sm text-gray-800/90 font-baskerville my-0 mt-1">Saturday - Sunday : 10h00 - 16h00</p>        
693
694                  <p class="text-sm text-gray-800/90 font-baskerville my-0 mt-1">Monday - Sunday : 10h00 - 16h30</p>        
695      </div>
696    </div>
697
698    <!-- <p class="italic font-baskerville text-sm text-gray-400 mt-4 mb-0">Closed on 25 & 26 December 2025 and 1 January 2026</p> -->
699    <p class="italic font-baskerville text-sm text-gray-400 mt-1 mb-0">Children over the age of 12 years welcome</p>
700
701    <div class="flex flex-wrap gap-x-8">
702      <a href="/tastings"
703         class="group relative inline-flex items-center mt-6 font-baskerville font-light italic text-sm text-gold hover:text-gray-800">
704        <span class="relative">
705          Make a Reservation
706          <span class="absolute left-0 -bottom-[2px] h-[1px] w-0 bg-gold transition-all duration-500 group-hover:w-full"></span>
707        </span>
708        <span class="ml-3 inline-flex items-center justify-center border border-white rounded-full w-8 h-8 transition-colors duration-300 group-hover:border-gold">
709          <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" aria-hidden="true">
710            <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7" />
711          </svg>
712        </span>
713      </a>
714
715      <a href="/tasting-menu"
716         class="group relative inline-flex items-center mt-6 font-baskerville font-light italic text-sm text-gold hover:text-gray-800">
717        <span class="relative">
718          View Tasting and Wine List
719          <span class="absolute left-0 -bottom-[2px] h-[1px] w-0 bg-gold transition-all duration-500 group-hover:w-full"></span>
720        </span>
721        <span class="ml-3 inline-flex items-center justify-center border border-white rounded-full w-8 h-8 transition-colors duration-300 group-hover:border-gold">
722          <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" aria-hidden="true">
723            <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7" />
724          </svg>
725        </span>
726      </a>
727    </div>
728  </div>
729</section>
730
731<!-- Restaurant -->
732<section class="flex justify-center mb-24 sm:mb-32">
733  <div class="w-full max-w-5xl px-5 sm:px-6 lg:px-8">
734    <p class="text-sm text-gold uppercase">The Restaurant</p>
735    <h2 class="font-baskerville uppercase text-4xl sm:text-5xl mb-6 sm:mb-10">The Restaurant</h2>
736
737    <div class="grid grid-cols-1 md:grid-cols-12 gap-y-4 md:gap-x-8">
738      <div class="md:col-span-4">
739        <p class="text-sm text-gray-800/90 font-baskerville my-1">Telephone</p>
740        <p class="text-sm text-gray-800/90 font-baskerville my-1">Email</p>
741        <p class="text-sm text-gray-800/90 font-baskerville my-1 mt-2">Restaurant Hours</p>
742      </div>
743
744      <div class="md:col-span-8 flex flex-col">
745                  <a href="http://0218741648" class="text-sm text-gray-800/90 font-baskerville hover:text-gray-800 my-1">
746             +27 (0)21 874 1648          </a>
747        
748                  <a href="mailto:t&#114;&#64;&#114;u&#112;er&#116;-r&#111;&#116;&#104;sc&#104;il&#100;&#118;ign&#101;&#114;&#111;ns.&#99;&#111;&#109;" class="text-sm font-baskerville hover:text-gray-800 my-1">
749            [email protected]          </a>
750        
751                  <p class="text-sm text-gray-800/90 font-baskerville my-0 mt-1">Wednesday - Sunday : 12h00 - 15h00</p>        
752      </div>
753    </div>
754
755    <!-- <p class="italic font-baskerville text-sm text-gray-400 mt-4 mb-0">Closed on 25 & 26 December 2025 and 1 January 2026</p> -->
756    <p class="italic font-baskerville text-sm text-gray-400 mt-1 mb-0">Children over the age of 12 years welcome</p>
757
758    <div class="flex flex-wrap gap-x-8">
759      <a href="/restaurant"
760         class="group relative inline-flex items-center mt-6 font-baskerville font-light italic text-sm text-gold hover:text-gray-800">
761        <span class="relative">
762          Make a Reservation
763          <span class="absolute left-0 -bottom-[2px] h-[1px] w-0 bg-gold transition-all duration-500 group-hover:w-full"></span>
764        </span>
765        <span class="ml-3 inline-flex items-center justify-center border border-white rounded-full w-8 h-8 transition-colors duration-300 group-hover:border-gold">
766          <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" aria-hidden="true">
767            <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7" />
768          </svg>
769        </span>
770      </a>
771
772      <a href="/menu"
773         class="group relative inline-flex items-center mt-6 font-baskerville font-light italic text-sm text-gold hover:text-gray-800">
774        <span class="relative">
775          View Menu
776          <span class="absolute left-0 -bottom-[2px] h-[1px] w-0 bg-gold transition-all duration-500 group-hover:w-full"></span>
777        </span>
778        <span class="ml-3 inline-flex items-center justify-center border border-white rounded-full w-8 h-8 transition-colors duration-300 group-hover:border-gold">
779          <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" aria-hidden="true">
780            <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7" />
781          </svg>
782        </span>
783      </a>
784    </div>
785  </div>
786</section>
787
788
789
790<section style="background-image: url('https://shop.rupert-rothschildvignerons.com/wp-content/uploads/2025/12/observation-lounger-rupert-rothschild.webp'); background-position: 20% center;" class="2xl:h-[60vh] py-32 flex items-center">
791  <div class="px-3 md:px-0 max-w-6xl grid grid-cols-12">
792    <div class="col-span-12 md:col-start-2 md:col-span-7 bg-white flex flex-col p-20">
793      <p class="text-gold uppercase">Rupert & Rothschild</p>
794      <h3 class="font-baskerville text-6xl uppercase">You are <br><span class="text-gold font-snell normal-case">Invited</span></h3>
795      <p class="my-5 font-light text-md/6">Join the Rupert & Rothschild legacy by becoming a member of our Société wine club, and enjoy a range of exclusive benefits, including</p>
796      <ul class="list-disc font-light text-md/6">
797        <li>15% discount on all wine purchases</li>
798        <li>Member-only access to library collection wines</li>
799        <li>Personalised service through a dedicated partner at Rupert & Rothschild</li>
800      </ul>
801      <a href="/club"
802        class="group relative w-fit font-baskerville text-gray-800 italic text-xl mt-6 hover:text-gray-600/80">
803        <span class="relative">
804          Learn More
805          <span class="absolute left-0 -bottom-1 h-[1px] w-0 bg-gold transition-all duration-500 group-hover:w-full"></span>
806        </span>
807        <span
808          class="ml-3 inline-flex items-center justify-center border border-gray-800 rounded-full w-8 h-8 transition-colors duration-300 group-hover:border-gold">
809          <!-- Heroicons chevron-right -->
810          <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24"
811              stroke="currentColor" stroke-width="2">
812            <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7" />
813          </svg>
814        </span>
815      </a>
816    </div>
817  </div>
818</section>
819
820<footer class="bg-primary flex flex-col items-center pt-16 sm:pt-20">
821  <!-- Top row: Logo + Newsletter + Link columns -->
822  <div class="grid grid-cols-12 gap-y-10 gap-x-6 max-w-9xl w-full px-4 sm:px-6 lg:px-8">
823    <!-- Logo -->
824    <a href="/" class="-m-1.5 p-1.5 col-span-12 md:col-span-5 lg:col-span-4 flex flex-col items-center md:items-start">
825      <span class="sr-only">Rupert &amp; Rothschild Vignerons</span>
826      <img src="https://shop.rupert-rothschildvignerons.com/wp-content/themes/mydemo/images/logo_full.png"
827           alt="Rupert &amp; Rothschild Vignerons"
828           class="h-10 w-2/3 sm:w-1/2 md:w-2/3 lg:w-1/2 object-contain" />
829    </a>
830
831    <!-- Newsletter + Links -->
832    <div class="col-span-12 md:col-span-7 lg:col-span-8 flex flex-col items-center md:items-start">
833      <h3 class="font-baskerville text-base sm:text-lg text-gold uppercase mb-3">Sign up to our newsletter</h3>
834      <div class="c7-custom-form !ps-0 w-full max-w-xl" data-form-code="newsletter-sign-up-footer" type="subscribe"></div>
835
836      <div class="grid grid-cols-12 gap-y-6 gap-x-6 text-sm sm:text-base mt-8 w-full">
837        <!-- Column 1 -->
838        <nav class="col-span-6 md:col-span-4 flex flex-col font-baskerville uppercase text-gray-400 space-y-1">
839          <a href="/collection/rupert-rothschild" class="hover:text-gold">Our Wines</a>
840          <a href="/restaurant" class="hover:text-gold">Our Estate</a>
841          <a href="/club" class="hover:text-gold">Our Société</a>
842          <a href="/our-events" class="hover:text-gold">Our Events</a>
843          <a href="/our-story" class="hover:text-gold">Our Story</a>
844          <a href="/contact-us" class="hover:text-gold">Contact Us</a>
845          <a href="/cart" class="hover:text-gold">
845My Cart</a>
846        </nav>
847
848        <!-- Column 2 -->
849        <nav class="col-span-6 md:col-span-4 flex flex-col font-baskerville uppercase text-gray-400 space-y-1">
850          <a href="/my-account" class="hover:text-gold">My Account</a>
851          <a href="/distributors" class="hover:text-gold">Distributors</a>
852          <a href="/terms-conditions" class="hover:text-gold">Terms &amp; Conditions</a>
853          <a href="/privacy-policy" class="hover:text-gold">Privacy Policy</a>
854          <a href="/marketing-collateral" class="hover:text-gold">Marketing Collateral</a>
855          <a href="/our-story" class="hover:text-gold">Brand Home</a>
856        </nav>
857
858        <!-- Column 3 (Social) -->
859        <div class="col-span-12 md:col-span-4 flex flex-col font-baskerville uppercase text-gray-400">
860          <p class="text-gold !mb-1">Follow Us</p>
861          <div class="grid grid-cols-2 sm:grid-cols-1 gap-2">
862            <a href="https://www.instagram.com/rupertandrothschild/" class="hover:text-gold">Instagram</a>
863            <a href="https://www.facebook.com/RupertandRothschildVignerons" class="hover:text-gold">Facebook</a>
864            <a href="https://x.com/RRVignerons" class="hover:text-gold">Twitter</a>
865            <a href="https://www.tripadvisor.co.za/Restaurant_Review-g3733407-d13784077-Reviews-Rupert_Rothschild_Vignerons_Restaurant-Simondium_Franschhoek_Western_Cape.html" class="hover:text-gold">Tripadvisor</a>
866          </div>
867        </div>
868      </div>
869    </div>
870  </div>
871
872  <!-- Bottom row: Address + Tel + Badge -->
873  <div class="w-full max-w-9xl mt-12 sm:mt-16 px-4 sm:px-6 lg:px-8">
874    <div class="flex flex-col md:flex-row md:items-start md:justify-between gap-6">
875      <!-- Address + Tel from Options -->
876      <div class="addr-inline flex-1 min-w-0">
877                  <p class="uppercase text-gold font-prompt !my-0 text-xs sm:text-sm">Rupert &amp; Rothschild Vignerons</p>
878<p class="uppercase text-gold font-prompt !my-0 text-xs sm:text-sm">Klapmuts &#8211; Simondium Road</p>
879<p class="uppercase text-gold font-prompt !my-0 text-xs sm:text-sm">Simondium, 7670</p>
880        
881                  <p class="uppercase text-gold font-prompt !my-0 text-xs sm:text-sm mt-1">
882            TEL:
883            <a class="underline-offset-2 hover:underline"
884               href="http://0218741648">
885               +27 (0)21 874 1648            </a>
886          </p>
887              </div>
888
889      <!-- Right badge / image -->
890      <div class="flex-1 md:flex md:justify-end">
891        <img
892          src="/wp-content/themes/rupert-rothschild/assets/Screenshot 2025-09-25 183758.png"
893          alt="Accreditations"
894          class="max-h-16 sm:max-h-20 md:max-h-24 object-contain md:pe-24"
895          loading="lazy" decoding="async"
896        />
897      </div>
898    </div>
899  </div>
900</footer>
901
902<!-- FAB: Wine Club (icon always visible, text appears on hover) -->
903<div id="wine-club-fab"
904  class="fixed bottom-4 right-4 z-50 transition-all duration-300 opacity-0 translate-y-2 pointer-events-none">
905  <a
906    href="/club"
907    class="text-white uppercase font-light group flex items-center justify-center h-14 w-14 hover:w-44
908           rounded-full shadow-lg overflow-hidden transition-all duration-300
909           bg-[#C9A14A] text-black focus:outline-none
910           focus:ring-2 focus:ring-offset-2 focus:ring-[#C9A14A]"
911    aria-label="Wine Club"
912  >
913    <!-- Icon -->
914    <svg class="w-6 h-6 shrink-0" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
915      <path d="M8 2h8a1 1 0 0 1 .99 1.14l-1 6A5.002 5.002 0 0 1 12 14a5.002 5.002 0 0 1-3.99-4.86l-1-6A1 1 0 0 1 8 2zm.94 2 .75 4.51A3 3 0 0 0 12 11a3 3 0 0 0 2.31-2.49L15.06 4H8.94zM11 16h2v3a4 4 0 0 0 3 3v2H8v-2a4 4 0 0 0 3-3v-3z"/>
916    </svg>
917
918    <!-- Label -->
919    <span
920      class="overflow-hidden whitespace-nowrap
921             max-w-0 opacity-0 translate-x-2
922             transition-all duration-300
923             group-hover:max-w-[10rem] group-hover:opacity-100 group-hover:translate-x-0
924             group-hover:ml-3 group-hover:pr-4 select-none"
925      aria-hidden="true"
926    >
927      Wine Club
928    </span>
929  </a>
930</div>
931
932
933
934<script type="speculationrules">
935{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/rupert-rothschild/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
936</script>
vendor: 1 bytes, line 936
936
937<script id="react-js" src="https://shop.rupert-rothschildvignerons.com/wp-includes/js/dist/vendor/react.min.js?ver=18.3.1.1"></script>
vendor: 1 bytes, line 937
937
938<script id="react-dom-js" src="https://shop.rupert-rothschildvignerons.com/wp-includes/js/dist/vendor/react-dom.min.js?ver=18.3.1.1"></script>
vendor: 1 bytes, line 938
938
939<script id="wp-escape-html-js" src="https://shop.rupert-rothschildvignerons.com/wp-includes/js/dist/escape-html.min.js?ver=87ebe53e97bba59805a5"></script>
vendor: 1 bytes, line 939
939
940<script id="wp-element-js" src="https://shop.rupert-rothschildvignerons.com/wp-includes/js/dist/element.min.js?ver=4a4370b2b349066fd440"></script>
vendor: 1 bytes, line 940
940
941<script id="react-jsx-runtime-js" src="https://shop.rupert-rothschildvignerons.com/wp-includes/js/dist/vendor/react-jsx-runtime.min.js?ver=18.3.1"></script>
vendor: 1 bytes, line 941
941
942<script id="ourmainjs-js" defer src="https://shop.rupert-rothschildvignerons.com/wp-content/themes/rupert-rothschild/build/index.js?ver=1.0"></script>
vendor: 1 bytes, line 942
942
943<script id="wp-emoji-settings" type="application/json">
944{"baseUrl":"https://s.w.org/images/core/emoji/17.0.2/72x72/","ext":".png","svgUrl":"https://s.w.org/images/core/emoji/17.0.2/svg/","svgExt":".svg","source":{"concatemoji":"https://shop.rupert-rothschildvignerons.com/wp-includes/js/wp-emoji-release.min.js?ver=7.1.2"}}
945</script>
vendor: 1 bytes, line 945
945
946<script type="module">
947/*! This file is auto-generated */
948var e="script#wp-emoji-settings",t=document.querySelector(e);if(!(t instanceof HTMLScriptElement))throw new Error("Element missing: "+e);const r=JSON.parse(t.text),s=(window._wpemojiSettings=r,"wpEmojiSettingsSupports"),o=["flag","emoji"];function i(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(s,JSON.stringify(t))}catch(e){}}function c(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0);const r=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);return t.every((e,t)=>e===r[t])}function p(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var n=e.getImageData(16,16,1,1);for(let e=0;e<n.data.length;e++)if(0!==n.data[e])return!1;return!0}function u(e,t,n,r){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!r(e,"\ud83e\u1fac8")}return!1}function f(e,t,n,r){let a;const s=(a="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):document.createElement("canvas")).getContext("2d",{willReadFrequently:!0}),o=(s.textBaseline="top",s.font="600 32px Arial",{});return e.forEach(e=>{o[e]=t(s,e,n,r)}),o}function a(e){var t=document.createElement("script");t.src=e,t.defer=!0,document.head.appendChild(t)}r.supports={everything:!0,everythingExceptFlag:!0},new Promise(t=>{let n=function(){try{var e=JSON.parse(sessionStorage.getItem(s));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(o),u.toString(),c.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"});const a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=e=>{i(n=e.data),a.terminate(),t(n)})}catch(e){}i(n=f(o,u,c,p))}t(n)}).then(e=>{for(const n in e)r.supports[n]=e[n],r.supports.everything=r.supports.everything&&r.supports[n],"flag"!==n&&(r.supports.everythingExceptFlag=r.supports.everythingExceptFlag&&r.supports[n]);var t;r.supports.everythingExceptFlag=r.supports.everythingExceptFlag&&!r.supports.flag,r.supports.everything||((t=r.source||{}).concatemoji?a(t.concatemoji):t.wpemoji&&t.twemoji&&(a(t.twemoji),a(t.wpemoji)))});
949//# sourceURL=https://shop.rupert-rothschildvignerons.com/wp-includes/js/wp-emoji-loader.min.js
950</script>
950
951
952<script>
953document.addEventListener('DOMContentLoaded', () => {
954  // Is there any banner on the page at all?
955  const hasBannerAnywhere = !!document.querySelector('.banner');
956
957  // Grab ALL headers (sticky clones, etc.)
958  const headers = document.querySelectorAll('header');
959
960  if (!headers.length) return;
961
962  headers.forEach((nav) => {
963    if (!hasBannerAnywhere) {
964      // Flip header base colors
965      nav.classList.remove('text-white', 'bg-pink-50/0');
966      nav.classList.add('bg-white', 'text-gray-900');
967
968      // Remove ANY tailwind "text-white" variant on header + children
969      const removeWhiteVariants = (el) => {
970        [...el.classList].forEach((c) => {
971          if (
972            c === 'text-white' ||
973            c.endsWith(':text-white') ||           // md:text-white, lg:text-white, hover:text-white, etc.
974            c.includes('hover:text-white') ||
975            c.includes('focus:text-white')
976          ) {
977            el.classList.remove(c);
978          }
979        });
980      };
981
982      removeWhiteVariants(nav);
983      nav.querySelectorAll('*').forEach(removeWhiteVariants);
984
985      // Ensure interactive elements inherit dark text
986      nav.querySelectorAll('a, button, [role="button"], .logo-text, svg')
987        .forEach(el => el.classList.add('text-gray-900'));
988    }
989  });
990
991  // If your theme re-adds classes after load, run once more on next tick
992  requestAnimationFrame(() => {
993    if (!document.querySelector('.banner')) {
994      headers.forEach(h => h.classList.add('bg-white', 'text-gray-900'));
995    }
996  });
997});
998</script>
998
999
1000<script>
1001document.addEventListener('DOMContentLoaded', () => {
1002  const nav = document.querySelector('header');
1003  const burger = document.querySelector('#burger button');
1004  if (!nav) return;
1005
1006  let lastY = window.scrollY || 0;
1007  let ticking = false;
1008  const threshold = 8;        // ignore tiny scrolls
1009  const shadowAt = 40;        // when to add shadow
1010
1011  function applyTopState() {
1012    // At very top: overlay banner, transparent, visible
1013    if (burger) {
1014      burger.classList.remove('text-gray-700');
1015      burger.classList.add('text-white');
1016    }
1017    nav.classList.remove('-translate-y-full', 'bg-white', 'text-gray-900', 'shadow');
1018    nav.classList.add('bg-transparent', 'text-white');
1019  }
1020
1021  function applyScrolledState() {
1022    // When scrolled: solid white, dark text
1023    if (burger) {
1024      burger.classList.add('text-gray-700');
1025      burger.classList.remove('text-white');
1026    }
1027    nav.classList.remove('bg-transparent', 'text-white');
1028    nav.classList.add('bg-white', 'text-gray-900');
1029  }
1030
1031  const onScroll = () => {
1032    const y = window.scrollY || 0;
1033    const delta = y - lastY;
1034
1035    if (y <= 0) {
1036      applyTopState();
1037    } else {
1038      applyScrolledState();
1039
1040      // Shadow toggle
1041      if (y > shadowAt) nav.classList.add('shadow');
1042      else nav.classList.remove('shadow');
1043
1044      // Hide on down, show on up
1045      if (Math.abs(delta) > threshold) {
1046        if (delta > 0) {
1047          // scrolling down
1048          nav.classList.add('-translate-y-full');
1049        } else {
1050          // scrolling up
1051          nav.classList.remove('-translate-y-full');
1052        }
1053      }
1054    }
1055
1056    lastY = y;
1057    ticking = false;
1058  };
1059
1060  // Initial state
1061  onScroll();
1062
1063  window.addEventListener('scroll', () => {
1064    if (!ticking) {
1065      requestAnimationFrame(onScroll);
1066      ticking = true;
1067    }
1068  }, { passive: true });
1069});
1070</script>
1070
1071
1072<script>
1073document.addEventListener('DOMContentLoaded', () => {
1074  const fab = document.getElementById('wine-club-fab');
1075  if (!fab) return;
1076
1077  const showAt = 120; // px scrolled before showing
1078  let ticking = false;
1079
1080  function setVisibility() {
1081    const y = window.scrollY || 0;
1082
1083    if (y > showAt) {
1084      // show
1085      fab.classList.remove('opacity-0', 'translate-y-2', 'pointer-events-none');
1086      fab.classList.add('opacity-100', 'translate-y-0', 'pointer-events-auto');
1087      fab.setAttribute('aria-hidden', 'false');
1088    } else {
1089      // hide at top
1090      fab.classList.add('opacity-0', 'translate-y-2', 'pointer-events-none');
1091      fab.classList.remove('opacity-100', 'translate-y-0', 'pointer-events-auto');
1092      fab.setAttribute('aria-hidden', 'true');
1093    }
1094
1095    ticking = false;
1096  }
1097
1098  // Initial state (in case the page loads mid-scroll)
1099  setVisibility();
1100
1101  window.addEventListener('scroll', () => {
1102    if (!ticking) {
1103      requestAnimationFrame(setVisibility);
1104      ticking = true;
1105    }
1106  }, { passive: true });
1107
1108  // Respect reduced motion users by shortening the transition
1109  if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) {
1110    fab.style.transitionDuration = '0.01ms';
1111  }
1112});
1113</script>
1113
1114
1115
1116<!-- 
1116<script src="https://public-prod.dineplan.com/widget/dineplan.widget.min.js"> -->
1117  
1117<script src="https://public-prod.dineplan.com/widget/v4.min.js"></script>
1117
1118</script>
vendor: 1 bytes, line 1118
1118
1119<script type="text/javascript" src="https://cdn.commerce7.com/v2/commerce7.js" id="c7-javascript" data-tenant="rupert-and-rothschild"></script>
1119
1120</body>
1121</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.