@font-face{font-family:'Bodoni Moda';src:url('../assets/BodoniModa.ttf') format('truetype');font-style:normal;font-weight:400 900;font-display:swap}
.site-header{height:calc(var(--header-height) + env(safe-area-inset-top));display:flex;align-items:center;justify-content:space-between;gap:24px;padding:env(safe-area-inset-top) 6% 0;position:relative;z-index:20;background:var(--wine);color:var(--gold);border-bottom:1px solid #cda45d26}
.page-surface>.site-header.header-overlay{position:absolute;inset:0 0 auto;background:transparent;border:0;color:var(--ink);text-shadow:none}
.page-surface>.site-header.header-solid{position:relative;background:var(--surface);color:var(--ink);border-bottom:1px solid var(--line);text-shadow:none}
.site-header.header-solid :is(.brand,nav a,.menu-toggle){color:inherit}
.page-surface:has(>.header-overlay) #main>:is(.page-intro,.about-page):first-child{padding-top:calc(var(--header-height) + 40px + env(safe-area-inset-top))}
.page-surface:has(>.header-overlay) .enquire-split{padding-top:calc(var(--header-height) + env(safe-area-inset-top))}
.page-surface:has(>.header-overlay) .enquire-split .enquire-intro{padding-top:35px}
.page-surface:has(>.header-overlay) .enquire-split #enquiry-form{padding-top:35px}
.page-surface:has(>.header-overlay) .enquire-fullbleed .enquire-page{padding-top:calc(var(--header-height) + 24px + env(safe-area-inset-top))}
.header-overlay.enquire-header-split :is(.brand,nav,.menu-toggle){color:inherit;text-shadow:none}
.page-surface>.site-header.header-overlay.enquire-header-fullbleed{color:#fff5e3;text-shadow:0 1px 6px #0008}
.header-overlay.home-header{color:var(--gold)}
.brand{max-width:35%;min-height:44px;display:flex;align-items:center;overflow-wrap:anywhere;line-height:1.4}
.home-label{font:400 12px/1.4 var(--sans);letter-spacing:.045em;text-transform:none}
.brand:hover .home-label{text-decoration:underline;text-underline-offset:6px}
.site-header nav{display:flex;align-items:center;gap:clamp(22px,2.8vw,42px)}
.site-header nav a{font:10px/1.6 var(--sans);letter-spacing:.12em;text-transform:uppercase;padding:13px 0;min-height:44px;max-width:22ch;overflow-wrap:anywhere;position:relative}
.site-header nav a:after{content:'';position:absolute;left:0;right:0;bottom:7px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .25s var(--ease)}
.site-header nav a:hover:after,.site-header nav a[aria-current]:after{transform:scaleX(1)}
.site-header nav a[href="enquire.html"]{display:flex;gap:22px}
.menu-toggle{display:none;color:inherit;background:none;border:0;font:11px var(--sans);letter-spacing:.08em;min-height:44px;min-width:64px;padding:12px}
.home-header.header-overlay.nav-light{color:#fff5e8;text-shadow:0 1px 8px #0008}
.home-header.header-overlay.nav-dark{color:#4a111c;text-shadow:0 1px 6px #fff5}
.home-header.header-overlay.nav-gold{color:var(--gold)}
.site-header a:focus-visible,.menu-toggle:focus-visible{outline:2px solid currentColor;outline-offset:5px}
@media(max-width:900px){.site-header{gap:20px}
.brand{max-width:70%}
.home-label{font-size:11px}
.menu-toggle{display:flex;align-items:center;justify-content:center;gap:11px}
.site-header nav{display:none;position:absolute;inset:100% 0 auto;background:var(--wine);color:var(--paper);text-shadow:none;padding:24px 6% 32px;border-bottom:1px solid #cda45d55;flex-direction:column;align-items:stretch;gap:5px;max-height:calc(100svh - var(--header-height) - env(safe-area-inset-top));overflow:auto}
.site-header nav.open{display:flex;animation:navigation-enter .25s var(--ease)}
.site-header nav a{font:28px/1.3 var(--serif);letter-spacing:-.02em;text-transform:none;max-width:none;padding:12px 4px;min-height:48px}
.site-header nav a[aria-current]{color:var(--gold)}
.site-header nav a:after{right:auto;width:35px;bottom:6px}
.site-header nav a[href="enquire.html"]{justify-content:space-between}
.menu-toggle[aria-expanded=true]>span{transform:rotate(45deg)}
.menu-toggle>span{transition:transform .25s var(--ease)}
}
@keyframes navigation-enter{from{transform:translateY(-8px)}to{transform:none}}
@media(prefers-reduced-motion:reduce){.site-header *{animation:none!important;transition:none!important}
}
.site-header .home-label{font-family:"Bodoni Moda",Georgia,serif;font-weight:400;font-size:clamp(20px,1.7vw,25px);letter-spacing:-.03em;text-transform:none}
.site-header nav a{font-size:12px;letter-spacing:.1em}
.menu-toggle{font-size:13px;min-height:44px}
@media(max-width:900px){.site-header nav a{font-size:clamp(28px,6vw,42px);letter-spacing:0}
.site-header .home-label{font-size:22px}
.site-header{gap:20px}
}
@media(max-width:700px){.site-header.home-header.header-overlay.mobile-nav-light{color:#fff5e3;text-shadow:0 1px 6px #0008}
.site-header.home-header.header-overlay.mobile-nav-gold{color:#dfb777}
.site-header.home-header.header-overlay.mobile-nav-dark{color:#35101a}
.page-surface:has(>.header-overlay) #main>:is(.page-intro,.about-page):first-child{padding-top:calc(var(--header-height) + 26px + env(safe-area-inset-top))}
.page-surface:has(>.header-overlay) .enquire-fullbleed .enquire-page{padding-top:0}
.page-surface:has(>.header-overlay) .enquire-fullbleed .enquire-intro{padding-top:calc(var(--header-height) + 35px + env(safe-area-inset-top))}
}
@media(min-width:701px){.page-surface:has(.desktop-hero .hero-slideshow[data-slide-phase=brand]) .home-header.header-overlay.nav-light{color:#dfb777;text-shadow:none}
}
@media(max-width:700px){.page-surface:has(.mobile-hero .hero-slideshow[data-slide-phase=brand]) .home-header.header-overlay.mobile-nav-light{color:#dfb777;text-shadow:none}
}
@media(max-width:900px){.site-header.header-overlay nav.open,.site-header.header-solid nav.open{color:#f5ebd8;background:#4a111d;text-shadow:none}
.site-header.header-overlay nav.open a,.site-header.header-solid nav.open a{color:#f5ebd8;text-shadow:none}
.site-header nav.open a[aria-current]{color:#dfb777}
}
@media(max-width:700px){.page-surface:has(>.header-overlay) .enquire-split #enquiry-form{padding-top:38px}
}
