/* One header geometry, font and palette for the site, Terra and the account page.
   It does not inherit page-specific typography or custom properties. */
/* The body's overflow propagates to the viewport, reserving the scrollbar on short
   pages without changing the vw-based dimensions used by climate and Terra panels. */
body{overflow-y:scroll}
.vine-header,.vine-header *,.climate-popup,.climate-popup *{box-sizing:border-box}
.vine-header{--chrome-sans:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;position:relative;z-index:3;display:flex;align-items:center;gap:42px;max-width:1440px;margin:0 auto;padding:24px 40px;border:0;font:16px/1.5 var(--chrome-sans);color:var(--color-heading)}
.vine-logo{position:relative;flex:none;display:block;line-height:0;margin-left:24px;text-decoration:none;color:var(--color-brand)}
.vine-logo picture{display:block}
.vine-logo img{display:block;width:auto;height:52px}
.vine-menu{display:flex;align-items:center;gap:34px;min-width:0;white-space:nowrap;font:650 17px/1.5 var(--chrome-sans)}
.vine-menu a{display:inline-block;padding:7px 0;font:inherit;color:var(--color-heading);text-decoration:none}
.vine-menu a:hover,.vine-menu a[aria-current]{text-decoration:underline;text-underline-offset:7px;text-decoration-thickness:2px}
.vine-menu [aria-disabled]{color:var(--color-muted);opacity:.65;cursor:default}
.climate-toggle{appearance:none;display:inline-flex;align-items:center;gap:6px;flex:none;border:0;border-radius:0;background:none;box-shadow:none;color:var(--color-heading);font:inherit;padding:7px 0;white-space:nowrap;cursor:pointer}
.climate-toggle svg{flex:none;transition:transform .15s}
.climate-toggle[aria-expanded="true"] svg{transform:rotate(180deg)}
.climate-toggle:hover,.climate-toggle[data-current="true"]{color:var(--color-heading);text-decoration:underline;text-underline-offset:7px;text-decoration-thickness:2px}
.climate-popup[popover]{position:fixed;inset:auto;margin:0;padding:6px;min-width:176px;max-width:calc(100vw - 24px);border:1px solid var(--color-border);border-radius:10px;background:var(--surface-card);color:var(--color-heading);box-shadow:0 8px 26px #19353624;font:500 14px/1.4 system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
.climate-popup[popover]:popover-open{display:flex;flex-direction:column}
.climate-popup[popover] a{display:block;flex:none;padding:10px 14px;border-radius:6px;color:inherit;text-decoration:none;white-space:nowrap;font:inherit}
.climate-popup[popover] a:hover,.climate-popup[popover] a[aria-current="page"],.climate-popup[popover] a:focus-visible{background:var(--surface-mint);color:var(--color-heading);text-decoration:none}
.climate-popup[popover] .soon{display:block;padding:10px 14px;color:var(--color-muted);white-space:nowrap}
.climate-popup[popover] .soon small{font-size:12px;margin-left:4px;opacity:.85}
.vine-actions{order:9;margin-left:auto;display:flex;align-items:center;gap:16px;flex:none}
header a.vine-account{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:none;min-width:92px;min-height:48px;padding:10px 25px;border:1.5px solid var(--color-secondary-button-border);border-radius:12px;background:transparent;color:var(--color-secondary-button-text);font:500 16px/1.3 var(--chrome-sans);white-space:nowrap;text-decoration:none}
header a.vine-account:hover{background:var(--surface-mint);color:var(--color-secondary-button-text);text-decoration:none}
.vine-account img{width:22px;height:22px;margin:-2px 0;border-radius:50%;object-fit:cover;background:var(--surface-mint)}
header .vine-cta{display:inline-flex;align-items:center;justify-content:center;flex:none;min-height:48px;padding:12px 24px;border:0;border-radius:12px;background:var(--color-primary-button);color:var(--color-primary-button-text);font:600 16px/1.3 var(--chrome-sans);white-space:nowrap;text-decoration:none;box-shadow:0 4px 12px color-mix(in srgb,var(--brand-coral) 20%,transparent)}
header .vine-cta:hover{background:var(--color-primary-button-hover);color:var(--color-primary-button-text);text-decoration:none}
.vine-header :is(a,button):focus-visible,.climate-popup :is(a,button):focus-visible{outline:3px solid var(--color-focus);outline-offset:4px}
.site-footer{border-top:1px solid var(--color-border);margin-top:64px;padding:28px 0 40px;font-size:.9rem;color:var(--color-muted);background:var(--surface-card)}
.site-footer .wrap{max-width:1120px;margin:0 auto;padding:0 20px}
.site-footer .footer-inner{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 24px}
.brand-home .site-footer{margin-top:0}
.site-footer .footer-links{display:flex;flex-wrap:wrap;gap:6px 20px}
.site-footer .footer-links a{color:inherit;text-underline-offset:3px}
.site-footer .footer-links a:hover{color:var(--color-heading)}
@media(max-width:1280px){
 .vine-header{gap:26px}.vine-logo{margin-left:16px}.vine-menu{gap:24px;font-size:16px}.vine-actions{gap:12px}
 header a.vine-account{padding:10px 20px}header .vine-cta{padding:12px 20px}
}
@media(max-width:1000px){
 .vine-header{padding:20px 32px 12px;gap:16px 24px;flex-wrap:wrap}
 .vine-actions{order:2}.vine-menu{order:3;flex-basis:100%;justify-content:center;max-width:100%;overflow-x:auto;scrollbar-width:thin}
 .vine-logo{margin-left:24px}.vine-logo img{height:46px}
}
@media(max-width:660px){
 .vine-header{padding:18px 16px 10px;gap:16px}.vine-logo{margin:0 auto 0 0}.vine-logo img{height:42px}
 header a.vine-account{min-width:0;min-height:42px;padding:9px 17px;font-size:14px}
 header .vine-cta{min-height:42px;padding:9px 14px;font-size:14px}
 .vine-menu{width:100%;justify-content:space-between;gap:24px;font-size:15px;padding:0 0 6px}
}
@media(max-width:480px){.vine-actions a.vine-cta{display:none}}
@media(max-width:380px){.vine-menu{gap:16px;font-size:14px}}
@media(max-width:520px){.site-footer .wrap{padding:0 16px}}
@media(prefers-reduced-motion:reduce){.climate-toggle svg{transition:none}}