:root{--nav-h:94px;--nav-quiet-h:62px}
html{scroll-padding-top:var(--nav-quiet-h)}
.site-header{position:fixed;top:0;left:0;right:0;z-index:50;transition:padding .25s var(--ease),background-color .25s var(--ease),color .25s var(--ease),box-shadow .25s var(--ease)}
.site-header.is-scrolled{background-color:rgb(var(--nav-tint,43 12 9) / .8);-webkit-backdrop-filter:blur(14px) saturate(1.15);backdrop-filter:blur(14px) saturate(1.15);box-shadow:0 1px 0 rgb(0 0 0 / .06)}
.site-header.is-quiet{padding-block:12px}
.site-header .header-brand{position:relative;transition:width .25s var(--ease),height .25s var(--ease)}
.site-header.is-quiet .header-brand{width:33px;height:38px}
.site-header .header-brand::after{content:"";position:absolute;inset:0;background:currentColor;-webkit-mask:url(/images/brand/header-mark.webp) center/contain no-repeat;mask:url(/images/brand/header-mark.webp) center/contain no-repeat;visibility:hidden}
.site-header[data-tone="light"]{color:var(--wine)}
.site-header[data-tone="light"] .header-brand::after{visibility:visible}
.site-header[data-tone="light"] .header-mark{visibility:hidden}
.site-header[data-tone="light"] .header-cta{border-bottom-color:currentColor}
.site-header[data-tone="light"] .menu-toggle{border-color:currentColor;color:inherit}
.site-header .menu-toggle span,.site-header .menu-toggle span::before,.site-header .menu-toggle span::after{background:currentColor}
@media(max-width:760px){
  :root{--nav-h:78px;--nav-quiet-h:52px}
  .site-header.is-quiet{padding-block:4px}
  .site-header.is-quiet .header-brand{width:31px;height:36px}
  .site-header .nav-list a{color:#fff}
  .site-header[data-tone="light"] .header-cta{text-decoration-color:currentColor}
}
@media(prefers-reduced-motion:reduce){.site-header,.site-header .header-brand{transition:none}}
.wa-float{position:fixed;right:22px;bottom:calc(22px + env(safe-area-inset-bottom));z-index:40;display:grid;place-items:center;width:56px;height:56px;border:1px solid rgba(201,170,125,.5);border-radius:50%;background:var(--wine);color:var(--gold);box-shadow:0 10px 28px rgb(20 8 6 / .24),0 2px 6px rgb(20 8 6 / .16);text-decoration:none}
.wa-float svg{width:28px;height:28px;fill:currentColor}
.wa-float:focus-visible{outline:2px solid var(--gold);outline-offset:3px;box-shadow:0 0 0 3px var(--wine),0 10px 28px rgb(20 8 6 / .24)}
.wa-float-label{position:absolute;top:0;bottom:0;right:calc(100% + 12px);height:max-content;margin-block:auto;padding:9px 14px;border:1px solid rgba(201,170,125,.5);border-radius:999px;background:var(--wine);color:var(--gold);font:600 11px/1 var(--sans);letter-spacing:.18em;text-transform:uppercase;white-space:nowrap;box-shadow:0 6px 18px rgb(20 8 6 / .2);opacity:0;visibility:hidden;transform:translateX(6px);pointer-events:none;transition:opacity .25s var(--ease),transform .25s var(--ease),visibility .25s}
.wa-float:focus-visible .wa-float-label{opacity:1;visibility:visible;transform:none}
@media(hover:hover) and (pointer:fine){.wa-float:hover .wa-float-label{opacity:1;visibility:visible;transform:none}}
html:has(dialog[open]) .wa-float,html:has(#primaryNav.is-open) .wa-float{display:none}
@media(max-width:760px){.wa-float{width:52px;height:52px}.wa-float svg{width:26px;height:26px}}
@media(prefers-reduced-motion:reduce){.wa-float-label{transition:none;transform:none}}
.icon-arrow{display:inline-block;flex:none;width:.75em;height:.75em;vertical-align:-.05em;overflow:visible}
