/* Shared identity for Eternal Tavern marketing pages. */
:root{--night:#090b09;--cream:#f1e9dc;--muted:#b8b5a9;--gold:#e5c581;--line:rgba(229,197,129,.21);--sans:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--serif:Georgia,"Times New Roman",serif}
body{font-family:var(--sans);font-size:1rem;line-height:1.6}
html{scroll-padding-top:100px}
*{box-sizing:border-box}a{touch-action:manipulation}
:focus-visible{outline:2px solid var(--gold);outline-offset:5px}
.site-header{position:relative;z-index:50;display:flex;justify-content:space-between;align-items:center;min-height:80px;padding:12px clamp(20px,4vw,64px);gap:24px;border-bottom:1px solid var(--line);background:#0a0d0b}
.brand{display:inline-flex;align-items:center;gap:12px;flex-shrink:0;font:400 1.35rem/1.2 var(--serif);text-transform:none;letter-spacing:-.02em;color:var(--cream);text-decoration:none}
.brand img{width:32px;height:32px;object-fit:contain}
.site-nav{display:flex;align-items:center;gap:28px}
.site-nav a{display:inline-flex;align-items:center;gap:10px;min-height:44px;font:500 .875rem/1.4 var(--sans);letter-spacing:0;text-transform:none;text-decoration:none;color:#d5d2c7}
.site-nav a:hover,.site-footer a:hover{color:var(--gold)}
.site-nav .nav-signin{padding:9px 16px;border:1px solid var(--line);border-radius:3px;color:var(--gold);background:transparent}
.mobile-nav{display:none}
.button,.product-button{min-height:48px;border-radius:3px;font:650 .9375rem/1.4 var(--sans);letter-spacing:0;padding:13px 22px;display:inline-flex;align-items:center;justify-content:center;gap:16px;white-space:normal;text-decoration:none}
.button{background:var(--gold);border:1px solid var(--gold);color:#142017;box-shadow:none}
.button:hover{background:#f1d7a3;color:#142017;transform:none}
.button-outline{color:var(--cream);border-color:#8b9487;background:rgba(8,17,13,.75)}
.button-outline:hover{color:#fff;background:#24372a}
.overline,.eyebrow{font:650 .8125rem/1.6 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
.text-link{display:inline-block;font:500 .9375rem/1.6 var(--sans);text-underline-offset:5px;color:var(--cream)}
.site-footer{display:block;min-height:0;padding:0;background:#0a0d0b;border-top:1px solid var(--line);color:var(--muted);font:400 .875rem/1.7 var(--sans);text-align:left}
.footer-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr 1fr;gap:36px;padding:48px clamp(20px,4vw,64px);align-items:start}
.site-footer .footer-grid nav{display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.site-footer h2{font:400 1.1rem/1.4 var(--serif);color:var(--cream);margin:0 0 14px}
.site-footer p,.site-footer a,.site-footer nav a{font:400 .875rem/1.7 var(--sans);color:#b8b5a9;letter-spacing:0;text-transform:none;text-decoration:none}
.site-footer p{margin:0}.footer-about>a{display:inline-block;margin-top:16px;color:var(--gold)}
.footer-base{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;min-height:64px;padding:16px 0;margin:0 clamp(20px,4vw,64px);border-top:1px solid var(--line)}
.footer-base p{font-size:.8125rem}.footer-base a{text-decoration:underline;text-underline-offset:3px;font-size:inherit}
@media(max-width:900px){.site-nav{display:none}.site-header{min-height:70px;padding-block:10px}.mobile-nav{display:block;position:relative}.mobile-nav summary{list-style:none;display:flex;gap:16px;align-items:center;padding:10px 0 10px 12px;min-height:44px;width:auto;font-size:.875rem;cursor:pointer;color:var(--cream)}.mobile-nav summary::-webkit-details-marker{display:none}.mobile-nav nav{position:absolute;right:0;top:calc(100% + 12px);z-index:60;display:grid;width:min(280px,calc(100vw - 40px));padding:10px;background:#101a14;border:1px solid var(--line);box-shadow:0 16px 30px #0006}.mobile-nav nav a{display:block;min-height:44px;padding:12px;font:500 .9375rem/1.4 var(--sans);color:var(--cream);text-decoration:none}.mobile-nav nav .nav-signin{margin:6px 0 0;background:transparent;border:1px solid var(--line);color:var(--gold);border-radius:2px}.footer-grid{grid-template-columns:1fr 1fr;gap:32px}.brand{font-size:1.2rem}}
@media(max-width:480px){.brand{font-size:1.125rem;gap:8px}.footer-grid{gap:30px 18px;padding-block:36px}.footer-about{grid-column:1/-1}.site-footer a{overflow-wrap:anywhere}.footer-base{display:block}.footer-base p+p{margin-top:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}
.brand-lock {
  position: relative;
  width: 30px;
  height: 30px;
  display: block;
  flex: 0 0 30px;
  border: 1px solid #b98b30;
  border-radius: 50%;
  background: rgba(139, 93, 16, .16);
  box-shadow: inset 0 0 0 1px rgba(245, 198, 93, .08);
}

.brand-lock::before {
  content: "";
  position: absolute;
  left: 9px;
  top: 7px;
  width: 10px;
  height: 9px;
  border: 1.5px solid #d7ad58;
  border-bottom: 0;
  border-radius: 7px 7px 0 0;
}

.brand-lock::after {
  content: "";
  position: absolute;
  left: 7px;
  top: 14px;
  width: 14px;
  height: 10px;
  border: 1.5px solid #d7ad58;
  border-radius: 2px;
  background: #181108;
}

.brand-lock i {
  position: absolute;
  z-index: 1;
  left: 13px;
  top: 17px;
  width: 3px;
  height: 4px;
  border-radius: 2px;
  background: #d7ad58;
}