.site-header { position: sticky; z-index: 80; top: 0; min-height: 5.5rem; background: var(--color-deep-teal); border-bottom: 1px solid rgba(240,226,200,.3); }
.site-header__frame { display: flex; align-items: stretch; width: min(100%, 100rem); min-height: 5.5rem; margin-inline: auto; }
.site-header__brand { display: flex; flex: 0 0 var(--brand-spine-width); flex-direction: column; align-items: center; justify-content: center; gap: .3rem; min-width: 0; padding: .5rem; border-right: 1px solid rgba(240,226,200,.3); color: var(--color-almond-cream); text-align: center; text-decoration: none; }
.site-header__logo { width: 3.5rem; height: 3.5rem; object-fit: contain; }
.site-header__brand-text { font-size: .56rem; font-weight: 600; letter-spacing: .08em; line-height: 1.12; }
.site-header__brand-text span { color: var(--color-cognac-brown); }
.site-header__navigation { display: flex; flex: 1 1 auto; min-width: 0; overflow: hidden; }
.site-header__panel { display: flex; align-items: center; gap: 1rem; min-width: 0; padding: .65rem 1rem; }
.site-header__panel--dining { background: var(--color-deep-teal); }
.site-header__panel--poker { background: var(--color-gunmetal); border-left: 1px solid rgba(240,226,200,.3); }
.site-header__panel-title { flex: 0 0 auto; color: var(--color-brown-travertine); font-size: var(--text-micro); font-weight: 600; letter-spacing: .12em; line-height: 1.2; }
.site-header__list { display: flex; align-items: center; gap: .75rem; margin: 0; padding: 0; list-style: none; white-space: nowrap; }
.site-header__list li, .site-header__list li + li { margin: 0; padding: 0; }
.site-header__list a { display: inline-flex; align-items: center; min-height: 2.75rem; border-bottom: 1px solid transparent; color: var(--color-almond-cream); font-size: var(--text-micro); font-weight: 500; letter-spacing: .055em; line-height: 1; text-decoration: none; }
.site-header__list a:hover, .site-header__list a:focus-visible { border-color: var(--color-cognac-brown); letter-spacing: .09em; }
.site-header__cta { flex: 0 0 auto; align-self: center; margin-inline: .75rem; white-space: nowrap; }
.site-header__toggle { display: none; align-items: center; justify-content: center; width: 2.75rem; min-width: 2.75rem; height: 2.75rem; margin: auto .75rem; padding: .65rem; border: 1px solid rgba(240,226,200,.42); background: transparent; color: var(--color-almond-cream); }
.site-header__toggle span { display: block; width: 100%; height: 1px; margin-block: .22rem; background: currentColor; transition: transform var(--transition-fast), opacity var(--transition-fast); }
.site-header__toggle[aria-expanded="true"] span:nth-child(1) { transform: translateY(.44rem) rotate(45deg); }
.site-header__toggle[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
.site-header__toggle[aria-expanded="true"] span:nth-child(3) { transform: translateY(-.44rem) rotate(-45deg); }
.site-header :focus-visible { outline: 2px solid var(--color-almond-cream); outline-offset: 2px; }
@media (max-width: 1199px) { .site-header__panel { gap: .6rem; padding-inline: .65rem; } .site-header__list { gap: .5rem; } .site-header__list a { font-size: .62rem; } .site-header__panel-title { font-size: .58rem; } .site-header__cta { margin-inline: .5rem; padding-inline: .55rem; font-size: .62rem; } }
@media (max-width: 899px) { .site-header { min-height: 4.5rem; } .site-header__frame { min-height: 4.5rem; } .site-header__brand { flex-direction: row; flex-basis: auto; justify-content: flex-start; padding-inline: var(--gutter); border-right: 0; } .site-header__logo { width: 2.25rem; height: 2.25rem; } .site-header__brand-text { max-width: 7rem; text-align: left; } .site-header__toggle { display: block; } .site-header__cta { margin-left: auto; } .site-header__navigation { position: fixed; inset: 4.5rem 0 0; display: grid; grid-template-columns: 1fr; align-content: start; overflow-y: auto; background: var(--color-deep-teal); opacity: 0; pointer-events: none; transform: translateX(100%); transition: opacity var(--transition-base), transform var(--transition-fold); } .site-header__navigation.is-open { opacity: 1; pointer-events: auto; transform: translateX(0); } .site-header__panel { display: block; min-height: 50vh; padding: 2rem var(--gutter); } .site-header__panel--poker { border-top: 1px solid rgba(240,226,200,.3); border-left: 0; } .site-header__panel-title { display: block; margin-bottom: 1.5rem; font-size: var(--text-micro); } .site-header__list { display: grid; gap: 0; white-space: normal; } .site-header__list a { min-height: 3.25rem; justify-content: space-between; border-bottom-color: rgba(240,226,200,.3); font-size: var(--text-nav); } .site-menu-open { overflow: hidden; } }
@media (max-width: 549px) { .site-header__brand { padding-inline: 1rem; } .site-header__brand-text { font-size: .5rem; } .site-header__cta { display: none; } .site-header__toggle { margin-left: auto; } }