:root{--black:#0A090B;--black-2:#0E0C10;--panel:#100E12;--gold:#C9A24B;--gold-lo:#E7CD80;--gold-d:#8A6E33;--gold-line:rgba(201,162,75,.34);--cream:#F4F1EA;--cream-2:#D6D0C4;--tan:#B49A66;--muted:#7E7868;--display:"Cormorant Garamond", "Playfair Display", Georgia, serif;--body:"Montserrat", system-ui, -apple-system, sans-serif;--maxw:1180px;--gutter:clamp(20px, 5vw, 60px);--damask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64'%3E%3Crect width='64' height='64' fill='%230A090B'/%3E%3Cg fill='none' stroke='%23191409' stroke-width='1'%3E%3Cpath d='M32 6 C 40 14 40 24 32 32 C 24 24 24 14 32 6 Z'/%3E%3Cpath d='M32 58 C 40 50 40 40 32 32 C 24 40 24 50 32 58 Z'/%3E%3Cpath d='M6 32 C 14 24 24 24 32 32 C 24 40 14 40 6 32 Z'/%3E%3Cpath d='M58 32 C 50 24 40 24 32 32 C 40 40 50 40 58 32 Z'/%3E%3Cpath d='M14 14 C 20 18 20 22 18 24'/%3E%3Cpath d='M50 14 C 44 18 44 22 46 24'/%3E%3Cpath d='M14 50 C 20 46 20 42 18 40'/%3E%3Cpath d='M50 50 C 44 46 44 42 46 40'/%3E%3C/g%3E%3Ccircle cx='32' cy='32' r='1.6' fill='%231d1609'/%3E%3C/svg%3E")}*,*::before,*::after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}body{margin:0;background:var(--black) var(--damask);background-attachment:fixed;color:var(--cream);font-family:var(--body);font-size:16px;font-weight:400;line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}h1,h2,h3,h4{font-family:var(--display);font-weight:600;line-height:1.05;margin:0}p{margin:0 0 1em}.wrap{max-width:var(--maxw);margin-inline:auto;padding-inline:var(--gutter)}.section{padding-block:clamp(60px, 9vw, 120px);position:relative}.foil{background:linear-gradient(170deg,var(--gold-lo) 0%,var(--gold) 42%,var(--gold-d) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:#fff0;color:#fff0}.eyebrow{font-family:var(--body);font-weight:500;font-size:.72rem;letter-spacing:.42em;text-transform:uppercase;color:var(--gold);display:inline-block;margin-bottom:1rem;padding-left:.42em}.head{text-align:center;max-width:720px;margin:0 auto clamp(40px,5vw,64px)}.head h1,.head h2{font-size:clamp(2.1rem, 5vw, 3.5rem);letter-spacing:.14em;text-transform:uppercase;font-weight:600}.head p{color:var(--tan);margin-top:14px;font-size:1.02rem}.crest{color:var(--gold);display:block;margin:0 auto}.crest svg{display:block;margin:0 auto;width:190px;height:auto}.crest.sm svg{width:130px}.btn{display:inline-flex;align-items:center;gap:10px;font-family:var(--body);font-weight:500;font-size:.76rem;letter-spacing:.2em;text-transform:uppercase;padding:15px 30px;cursor:pointer;border:1px solid var(--gold);transition:background .3s ease,color .3s ease,transform .3s ease}.btn-primary{background:var(--gold);color:#14110a}.btn-primary:hover{background:var(--gold-lo);border-color:var(--gold-lo);transform:translateY(-2px)}.btn-ghost{background:#fff0;color:var(--gold)}.btn-ghost:hover{background:rgb(201 162 75 / .1);transform:translateY(-2px)}.site-header{position:sticky;top:0;z-index:100;background:rgb(10 9 11 / .7);backdrop-filter:blur(12px);border-bottom:1px solid #fff0;transition:background .3s,border-color .3s}.site-header.scrolled{background:rgb(10 9 11 / .95);border-bottom-color:var(--gold-line)}.header-inner{display:flex;align-items:center;justify-content:space-between;height:80px}.brand{display:flex;align-items:center;gap:13px}.brand-logo{width:56px;height:56px;border-radius:50%;display:block;flex:none}.brand-mark{font-family:var(--display);font-weight:600;font-size:1.5rem;line-height:1;letter-spacing:.02em;color:var(--gold);white-space:nowrap}.brand-text{display:flex;flex-direction:column;line-height:1;border-left:1px solid var(--gold-line);padding-left:13px}.brand-name{font-family:var(--display);font-size:1rem;letter-spacing:.04em;color:var(--cream)}.brand-sub{font-size:.56rem;letter-spacing:.34em;text-transform:uppercase;color:var(--tan);margin-top:5px}.nav{display:flex;align-items:center;gap:32px;list-style:none;margin:0;padding:0}.nav li{margin:0}.nav a{font-size:.76rem;letter-spacing:.16em;text-transform:uppercase;color:var(--cream-2);transition:color .25s;position:relative}.nav a::after{content:"";position:absolute;left:0;bottom:-7px;width:0;height:1px;background:var(--gold);transition:width .3s ease}.nav a:hover{color:var(--gold)}.nav a:hover::after{width:100%}.header-cta{display:flex;align-items:center;gap:14px}.nav-toggle{display:none;background:none;border:0;color:var(--gold);cursor:pointer;padding:8px}.nav-toggle svg{width:26px;height:26px}.hero{position:relative;min-height:94vh;display:flex;align-items:center;justify-content:center;text-align:center;padding-block:80px;overflow:hidden;isolation:isolate}.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}.hero-video-overlay{position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse 70% 60% at 50% 44%,rgb(10 9 11 / .34),transparent 70%),linear-gradient(180deg,rgb(10 9 11 / .74) 0%,rgb(10 9 11 / .55) 42%,rgb(10 9 11 / .86) 100%)}.hero::before{content:"";position:absolute;inset:clamp(16px,3vw,34px);border:1px solid var(--gold-line);pointer-events:none;z-index:2}.hero::after{content:"";position:absolute;inset:calc(clamp(16px,3vw,34px) + 6px);border:1px solid rgb(201 162 75 / .16);pointer-events:none;z-index:2}.hero-glow{position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse 60% 50% at 50% 42%,rgb(201 162 75 / .12),transparent 70%)}.hero-inner{position:relative;z-index:3;max-width:820px;padding-inline:var(--gutter)}.footer-logo{width:118px;height:auto;margin-bottom:14px;display:block}.hero .crest{color:var(--gold)}.hero .crest svg{width:150px}.hero-heading{font-family:var(--display);font-weight:600;font-size:clamp(2.6rem, 7vw, 5.2rem);line-height:1.02;letter-spacing:-.01em;color:var(--cream);margin:14px 0 0;text-shadow:0 4px 40px rgb(0 0 0 / .55)}.hero-mark{font-family:var(--display);font-weight:600;font-size:clamp(4rem, 15vw, 9rem);line-height:.9;letter-spacing:.02em;margin:18px 0 6px}.hero-mark .amp{font-style:italic;font-weight:500;padding:0 .12em}.hero-title{font-family:var(--display);font-size:clamp(1.4rem, 4vw, 2.4rem);letter-spacing:.12em;color:var(--cream);font-weight:500}.hero-bar{font-family:var(--display);font-style:italic;font-size:clamp(1rem,2.4vw,1.4rem);color:var(--tan);margin-top:8px;letter-spacing:.06em}.hero-lead{color:var(--cream-2);max-width:50ch;margin:26px auto 32px;font-size:1.02rem}.hero-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.hero-meta{position:absolute;bottom:clamp(34px,5vw,56px);left:0;right:0;z-index:3;display:flex;gap:30px;justify-content:center;flex-wrap:wrap;font-size:.68rem;letter-spacing:.24em;text-transform:uppercase;color:var(--muted)}.hero-meta span{display:inline-flex;align-items:center;gap:10px}.hero-meta .sep{color:var(--gold-d)}.story{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(40px,6vw,84px);align-items:center}.story h2{font-size:clamp(2rem,4.4vw,3.2rem);letter-spacing:.04em;margin-bottom:1rem}.story .crest{margin:0 0 1.4rem}.story .crest svg{margin:0;width:150px}.story-lead{font-family:var(--display);font-size:1.4rem;line-height:1.4;color:var(--cream);font-style:italic}.story p{color:var(--cream-2)}.story-figure{position:relative;aspect-ratio:4/5;overflow:hidden;border:1px solid var(--gold-line);padding:10px}.story-figure .frame{position:absolute;inset:0;border:1px solid var(--gold-line);margin:4px;pointer-events:none;z-index:3}.story-figure .ph-img{position:absolute;inset:10px;background:url(/wp-content/themes/hhbarandgrill/assets/images/grill.jpg) center/cover no-repeat;background-color:#100d0a}.story-figure .fig-tag{position:absolute;left:22px;bottom:22px;z-index:4;font-family:var(--display);font-style:italic;font-size:.9rem;letter-spacing:.04em;color:var(--gold-lo);background:rgb(10 9 11 / .72);padding:7px 15px;backdrop-filter:blur(3px)}.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,3vw,40px);margin-top:clamp(50px,7vw,84px)}.pillar{text-align:center;padding:8px}.pillar .pico{color:var(--gold);font-size:1.5rem;margin-bottom:10px}.pillar h3{font-family:var(--display);font-size:1.45rem;letter-spacing:.04em;margin-bottom:8px}.pillar p{color:var(--tan);font-size:.93rem;margin:0}.menu-section{position:relative}.menu-frame{border:1px solid var(--gold-line);padding:clamp(28px,5vw,70px) clamp(20px,4vw,56px);position:relative;background:rgb(8 7 9 / .5)}.menu-frame::before{content:"";position:absolute;inset:7px;border:1px solid rgb(201 162 75 / .16);pointer-events:none}.menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(34px,5vw,72px)}.menu-cat{margin-bottom:46px}.menu-cat:last-child{margin-bottom:0}.menu-cat-head{text-align:center;margin-bottom:26px}.menu-cat-head .crest svg{width:96px}.menu-cat-title{font-family:var(--display);font-size:1.7rem;letter-spacing:.2em;text-transform:uppercase;font-weight:600;margin-top:8px}.menu-item{display:grid;grid-template-columns:1fr auto;gap:2px 14px;padding:11px 0;border-bottom:1px solid rgb(201 162 75 / .12)}.menu-item:last-child{border-bottom:0}.menu-item .name{font-weight:500;color:var(--cream);font-size:1rem;letter-spacing:.01em}.menu-item .name .q{color:var(--muted);font-weight:400;font-size:.85rem}.menu-item .price{font-family:var(--display);font-size:1.15rem;color:var(--gold);white-space:nowrap;align-self:start}.menu-item .desc{grid-column:1 / -1;color:var(--tan);font-size:.82rem;line-height:1.45;max-width:42ch}.menu-item .tag{display:inline-block;font-size:.56rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-lo);border:1px solid var(--gold-d);padding:1px 6px;margin-left:8px;vertical-align:middle}.menu-note{text-align:center;color:var(--muted);font-size:.82rem;margin:40px 0 0;font-style:italic;font-family:var(--display)}.quote{text-align:center;position:relative}.quote-glow{position:absolute;inset:0;background:radial-gradient(ellipse 50% 60% at 50% 50%,rgb(201 162 75 / .1),transparent 70%);pointer-events:none}.quote-inner{position:relative;z-index:2;max-width:760px;margin-inline:auto}.quote blockquote{font-family:var(--display);font-style:italic;font-size:clamp(1.5rem,3.6vw,2.4rem);line-height:1.32;margin:22px 0 0;color:var(--cream)}.quote cite{display:block;margin-top:22px;font-style:normal;font-size:.72rem;letter-spacing:.26em;text-transform:uppercase;color:var(--gold)}.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.gallery-grid .tile{aspect-ratio:1;overflow:hidden;border:1px solid var(--gold-line);position:relative}.gallery-grid .tile.tall{grid-row:span 2;aspect-ratio:auto}.gallery-grid .gimg{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .7s ease}.gallery-grid .tile:hover .gimg{transform:scale(1.07)}.gallery-grid .tile::after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 1px rgb(201 162 75 / .12)}.gallery-mosaic{display:grid;grid-template-columns:1.7fr 1fr;grid-template-rows:1fr 1fr;grid-template-areas:"feature tall" "wide tall";gap:12px;height:660px}.gallery-mosaic .g-feature{grid-area:feature}.gallery-mosaic .g-wide{grid-area:wide}.gallery-mosaic .g-tall{grid-area:tall}.gallery-mosaic figure{margin:0;position:relative;overflow:hidden;border:1px solid var(--gold-line);padding:6px;background:var(--panel)}.gallery-mosaic figure::after{content:"";position:absolute;inset:6px;box-shadow:inset 0 0 0 1px rgb(201 162 75 / .16);pointer-events:none;z-index:2}.gallery-mosaic img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s ease}.gallery-mosaic figure:hover img{transform:scale(1.05)}.gallery-mosaic figcaption{position:absolute;left:18px;bottom:16px;z-index:3;font-family:var(--display);font-style:italic;font-size:1rem;letter-spacing:.03em;color:var(--gold-lo);background:rgb(10 9 11 / .66);padding:6px 14px;backdrop-filter:blur(3px)}.visit-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,6vw,80px);align-items:start}.visit h2{font-size:clamp(1.9rem,4vw,2.8rem);letter-spacing:.06em;margin-bottom:20px}.contact-list{list-style:none;padding:0;margin:0 0 26px}.contact-list li{display:flex;gap:14px;align-items:flex-start;padding:10px 0;color:var(--cream-2)}.contact-list .ic{color:var(--gold);flex:none}.contact-list a:hover{color:var(--gold)}.hours-row{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid rgb(201 162 75 / .12)}.hours-row .day{color:var(--cream)}.hours-row .time{font-family:var(--display);font-size:1.1rem;color:var(--gold)}.map-embed{aspect-ratio:4/3;border:1px solid var(--gold-line);padding:8px}.map-embed iframe{width:100%;height:100%;border:0;filter:grayscale(.5) contrast(1.1) brightness(.85) sepia(.2)}.site-footer{border-top:1px solid var(--gold-line);padding-block:60px 32px}.footer-crest{text-align:center;color:var(--gold);margin-bottom:40px}.footer-crest svg{width:150px}.footer-top{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px;padding-bottom:40px;border-bottom:1px solid var(--gold-line)}.footer-about .brand-mark{font-size:1.8rem}.footer-about p{color:var(--tan);max-width:36ch;font-size:.92rem;margin-top:14px}.footer-col h4{font-family:var(--body);font-size:.68rem;letter-spacing:.26em;text-transform:uppercase;color:var(--gold);margin-bottom:16px}.footer-col ul{list-style:none;padding:0;margin:0}.footer-col li{margin-bottom:10px}.footer-col a,.footer-col li{color:var(--cream-2);font-size:.92rem}.footer-col a:hover{color:var(--gold)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:24px;color:var(--muted);font-size:.78rem;flex-wrap:wrap;gap:10px}.footer-bottom a{color:var(--muted)}.footer-bottom a:hover{color:var(--gold)}.page-hero{padding-block:clamp(90px,14vh,150px) clamp(36px,6vw,64px);border-bottom:1px solid var(--gold-line);text-align:center}.page-hero h1{font-size:clamp(2.2rem,6vw,4rem);letter-spacing:.08em;text-transform:uppercase}.entry{padding-block:clamp(48px,8vw,84px)}.entry .wrap{max-width:760px}.entry h2{font-family:var(--display);font-size:1.9rem;letter-spacing:.04em;margin:1.6em 0 .5em}.entry h3{font-family:var(--display);font-size:1.4rem;color:var(--gold);margin:1.4em 0 .4em}.entry a{color:var(--gold);text-decoration:underline;text-underline-offset:3px}.entry ul,.entry ol{color:var(--cream-2)}.entry img{margin:1.5em 0;border:1px solid var(--gold-line)}@media (max-width:900px){.nav,.header-cta .btn-ghost{display:none}.nav-toggle{display:block}.nav.open{display:flex;flex-direction:column;gap:2px;position:absolute;top:80px;left:0;right:0;background:var(--black-2);border-bottom:1px solid var(--gold-line);padding:16px var(--gutter) 24px}.nav.open a{padding:13px 0;font-size:.95rem;border-bottom:1px solid rgb(201 162 75 / .12)}.nav.open a::after{display:none}.story,.menu-grid,.visit-grid,.footer-top{grid-template-columns:1fr}.pillars{grid-template-columns:1fr;gap:30px}.gallery-grid{grid-template-columns:repeat(2,1fr)}.story-figure{aspect-ratio:16/11}.gallery-mosaic{grid-template-columns:1fr;grid-template-rows:none;grid-template-areas:"feature" "wide" "tall";height:auto}.gallery-mosaic figure{aspect-ratio:3/2}.gallery-mosaic .g-tall{aspect-ratio:4/5}}a:focus-visible,button:focus-visible,.btn:focus-visible{outline:2px solid var(--gold);outline-offset:3px}@media (max-width:560px){.brand-text{display:none}.header-cta .btn-primary{padding:11px 16px;font-size:.64rem;letter-spacing:.14em;white-space:nowrap}.nav-toggle{padding:8px 4px 8px 8px}}