/* Preview build 2026-10-16: sunrise-gold accent, album tap cards, photo strips, placeholders */
:root{--gold:#F2B33D;--gold-d:#E3A21F}
.btn.gold{background:var(--gold)!important;color:#111!important}
.btn.gold:hover{background:#FFC857!important}
.bd-tag.b-bd{background:var(--gold)!important;color:#111!important}
.pill.gold{background:var(--gold)!important;color:#111!important;border-color:var(--gold)!important}
.bx{background:#151515;color:#f2f2f2}
.bx.light{background:#fff;color:#111}
.bx h2{margin-top:0}.bx .lead{max-width:46rem}
.bx-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1rem;margin:1.2rem 0}
.bx-card{background:#1f1f1f;border-radius:14px;overflow:hidden;color:#fff;margin:0}
.bx.light .bx-card{background:#f4f4f4;color:#111}
.bx-card picture,.bx-strip picture{display:block}
.bx-card img{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:cover}
.bx-card.wide img{aspect-ratio:4/3}
.bx-card .bx-b{padding:.8rem 1rem 1rem}.bx-card h3{margin:.1rem 0 .3rem;font-size:1.1rem}.bx-card p{margin:0;font-size:.95rem}
.bx-strip{display:flex;gap:.8rem;overflow-x:auto;scroll-snap-type:x mandatory;padding:.2rem 0 .8rem;margin:1rem 0;-webkit-overflow-scrolling:touch}
.bx-strip figure{flex:0 0 min(68%,250px);scroll-snap-align:start;margin:0;background:#1f1f1f;border-radius:12px;overflow:hidden}
.bx-strip img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover}
.bx-strip figcaption{padding:.5rem .75rem;font-size:.92rem;color:#f2f2f2}
.bx-ph{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3rem;aspect-ratio:4/3;max-width:360px;border:2px dashed var(--gold);border-radius:14px;background:#1b1b1b;color:#fff;text-align:center;padding:1rem;margin:.6rem 0 1rem}
.bx-ph strong{color:var(--gold)}
.pe-com{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin:1rem 0 1.5rem}
.pe-com figure{margin:0}.pe-com img{display:block;width:100%;height:auto;border-radius:14px;aspect-ratio:4/3;object-fit:cover}
.pe-com figcaption{font-size:.92rem;margin-top:.35rem}
/* album-style tap cards built from the menu embed's own data */
.alb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem;margin:1rem 0 1.5rem;padding:0;list-style:none}
.alb{background:#141414;color:#fff;border-radius:12px;padding:.65rem .65rem .8rem;margin:0}
.alb .cov{position:relative;aspect-ratio:1;border-radius:6px;overflow:hidden;background:radial-gradient(circle at 50% 50%,#2a2a2a 0 14%,#0c0c0c 15% 33%,#1a1a1a 34% 35%,#0c0c0c 36% 100%);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 18px #0007}
.alb .cov img{width:100%;height:100%;object-fit:cover}
.alb .cov img.can{object-fit:contain;padding:6%}
.alb .trk-n{font:700 .72rem/1 system-ui,sans-serif;letter-spacing:.08em;color:var(--gold);margin:.6rem 0 .2rem;text-transform:uppercase}
.alb h3{font-size:1.02rem;line-height:1.25;margin:0 0 .25rem;color:#fff}
.alb .trk{font:.82rem/1.35 system-ui,sans-serif;color:#e6e6e6;margin:0}
.alb .bd-tag{display:inline-block;margin:.4rem 0 0;padding:.15rem .55rem}.alb .bd-tag.b-guest{border-color:#fff;color:#fff}
#menu-container.alb-on{position:absolute!important;left:-10000px;width:1px;height:1px;overflow:hidden}
.pl-tbd{opacity:1}.pl-tbd .pl-song{color:inherit}
/* AA: soft local backing (in the section's own color) behind body copy in the sun's band; text paints above the sun (sun v12 z1) */
.s-tap .lead,.bx .lead{background:#141414bf;box-shadow:0 0 0 .4rem #141414bf;border-radius:.4rem}
.s-book .in>p,.s-book .in p:not(:has(.btn)){background:#c8102ed9;box-shadow:0 0 0 .4rem #c8102ed9;border-radius:.4rem}

/* 2026-10-16 fixes: hidden placeholders/reviews (markup kept), home tap row */
.bx-ph[hidden],#reviews[hidden]{display:none!important}
.hero-flag img.hero-img{object-position:center 40%}
.home-taps{margin-top:1rem}
.home-taps .alb-grid{grid-template-columns:repeat(6,minmax(0,1fr));margin:.5rem 0 0}
.home-taps .alb:nth-child(n+7){display:none}
@media (max-width:760px){.home-taps .alb-grid{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:62%;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 0 .75rem;-webkit-overflow-scrolling:touch}.home-taps .alb{scroll-snap-align:start}.home-taps .alb:nth-child(n+7){display:block}}
.bx>.in>h2{display:inline-block;background:#141414bf;box-shadow:0 0 0 .4rem #141414bf;border-radius:2px}
.s-trail .lead,.s-play .pl-beer .small{background:#141414bf;box-shadow:0 0 0 .3rem #141414bf}

/* 2026-10-16 sharp covers: labels and logo shown whole on white with padding, never upscaled past native */
.alb .cov:has(img.fit),.alb .cov:has(img.sm),.alb .cov:has(img.logo){background:#fff}
.alb .cov img.fit,.alb .cov img.logo{object-fit:contain;padding:9%}
.alb .cov img.sm,.alb .cov img.fit{width:auto;height:auto;max-width:100%;max-height:100%;margin:auto;box-sizing:border-box}
.alb .cov img.logo{padding:14%}
/* 2026-10-16 beer + music: hero crossfade, full-width beer strip, live music */
.hero-fade img.hs{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;opacity:0;transition:opacity 1.4s ease}
.hero-fade img.hs.on{opacity:1}
.hero.photo.hero-fade img.hero-img{object-position:center 60%}
@media (prefers-reduced-motion:reduce){.hero-fade img.hs{display:none}}
.bx-full .in{padding-bottom:0}
.bx-strip-full{padding:.2rem max(1rem,calc((100vw - 1200px)/2)) 1rem;margin:0}
.bx-strip-full figure{flex:0 0 min(70%,280px)}
@media (min-width:761px){.bx-strip-full figure{flex-basis:calc((min(100vw,1600px) - 6rem)/5)}}
.mus-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:760px){.mus-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.bx-strip-full figcaption,.mus-grid h3{color:#fff}
.hero-fade img.hs.dim{filter:brightness(.68)}
.bx-strip-full{position:relative;z-index:2}
.s-trail p a{background:#141414bf;box-shadow:0 0 0 .2rem #141414bf;border-radius:2px}
/* 2026-10-16 no-blur: trail background is a full-res portrait photo; on phones cap its height so it is never shown above native resolution */
.s-trail .bg img{object-position:center 45%}
@media (max-width:760px){.s-trail .bg{inset:0 0 auto 0;height:min(120%,1340px);-webkit-mask-image:linear-gradient(#000 82%,transparent);mask-image:linear-gradient(#000 82%,transparent)}}
@media (max-width:760px){.home-taps .alb-grid{grid-auto-columns:min(62%,170px)}}
/* no-blur caps: never display these past their native resolution on 2x screens */
img[src*="cans-wall"]{max-width:800px;margin-left:auto;margin-right:auto}
img[src*="brewhouse-band"]{max-height:476px!important}
.story-img2 img{height:auto!important}
.story-img2 img{aspect-ratio:4/3!important;max-height:476px!important;min-height:0!important}