/* Hey Fremont artwork: supplied logo and conceptual scenes, October 2026.
   Decorative imagery never substitutes for a member avatar or venue photo. */
html nav.bar,html.bz-night nav.bar,html body.app nav.bar{height:86px!important;min-height:86px}
html nav.bar img.navlogo,html .logo img{width:178px!important;height:auto!important;max-height:76px!important;max-width:none;margin:0!important;object-fit:contain;display:block}
html nav.bar .navsig{display:flex;align-items:center;flex-shrink:0}
html nav#nav{min-height:86px;padding-top:4px;padding-bottom:4px}
html.bz-night nav.bar .links a.on::after{bottom:-28px}
.top .logo{flex-shrink:0}

/* Warm original colors, enough contrast for headings and controls. */
html.bz-night .nbanner .nbg{filter:none;transform:none;background-position:75% 42%}
html.bz-night .nbanner:hover .nbg{transform:none}
html.bz-night .nbanner::before{background:linear-gradient(90deg,rgba(8,11,20,.92),rgba(8,11,20,.64) 46%,rgba(8,11,20,.06) 78%)}
html.bz-night .nhead::before{filter:none;opacity:1;background-image:linear-gradient(90deg,rgba(8,11,20,.86),rgba(8,11,20,.65) 43%,rgba(8,11,20,.08) 78%),var(--nb);background-position:center,75% 42%}
.muhero{margin:0 0 20px!important;padding:0!important;border-radius:22px;border:1px solid #ffb62733;min-height:260px}
.muhero .mubg{background-image:url(img/artwork/friends-v1.webp)!important;filter:none!important;background-position:75% 40%!important}
.muhero::before{background:linear-gradient(90deg,rgba(8,11,20,.94),rgba(8,11,20,.76) 48%,rgba(8,11,20,.04) 84%)!important}
.muhero .muin{padding:30px 32px!important;max-width:none!important}
.muhero .sub{max-width:660px}
.hf-calendar-hero .mubg{background-image:url(img/artwork/calendar-v1.webp)!important;background-position:center!important}
.hf-calendar-hero::before{background:linear-gradient(90deg,rgba(8,11,20,.62),rgba(8,11,20,.42) 50%,transparent 80%)!important}
.hf-art-header{position:relative;isolation:isolate;overflow:hidden;min-height:210px;padding:38px 32px!important;margin:0 0 24px;border:1px solid #ffb62733;border-radius:22px;background:#0b101b!important;text-align:left}
.hf-art-header::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0b101beb,#0b101ba8 48%,#0b101b18 80%),var(--hf-art) 75% center/cover no-repeat;pointer-events:none}
.hf-art-header h1{font-family:var(--display,Georgia)!important;font-size:clamp(32px,4vw,48px)!important;color:#fff!important;margin:0 0 10px}
.hf-art-header p,.hf-art-header .sub{max-width:560px;color:#e5e8f0}
.hf-art-local{--hf-art:url(img/artwork/ask-local-v1.webp);--hf-art-small:url(img/artwork/ask-local-v1-small.webp)}
.hf-art-food{--hf-art:url(img/artwork/food-v1.webp);--hf-art-small:url(img/artwork/food-v1-small.webp)}
.hf-art-camera{--hf-art:url(img/artwork/camera-v1.webp);--hf-art-small:url(img/artwork/camera-v1-small.webp)}
.hf-art-calendar{--hf-art:url(img/artwork/calendar-v1.webp);--hf-art-small:url(img/artwork/calendar-v1-small.webp)}

.community-hero{min-height:220px;padding:34px 32px!important;--explore-art:url(img/artwork/night-out-v1.webp);--explore-small:url(img/artwork/night-out-v1-small.webp)}
.community-hero::before{opacity:1!important;filter:none!important;background:linear-gradient(90deg,#0b101bf0,#0b101bb8 48%,#0b101b15 85%),var(--explore-art) 75% center/cover!important}
.community-hero h1{font-family:var(--display,Georgia)!important;font-size:clamp(32px,4vw,46px)!important}
.community-hero p{max-width:570px;color:#e0e4ed}
[data-category="hotels"] .community-hero{--explore-art:url(img/artwork/stay-v1.webp);--explore-small:url(img/artwork/stay-v1-small.webp)}
[data-category="food"] .community-hero{--explore-art:url(img/artwork/food-v1.webp);--explore-small:url(img/artwork/food-v1-small.webp)}
[data-category="bars"] .community-hero,[data-category="activities"] .community-hero{--explore-art:url(img/artwork/camera-v1.webp);--explore-small:url(img/artwork/camera-v1-small.webp)}
[data-category="venues"] .community-hero{--explore-art:url(img/artwork/calendar-v1.webp);--explore-small:url(img/artwork/calendar-v1-small.webp)}
[data-directory="hosts"] .community-hero{--explore-art:url(img/artwork/friends-v1.webp);--explore-small:url(img/artwork/friends-v1-small.webp)}
.guide-art{height:210px;background:var(--guide-art) 75% 42%/cover;border-radius:18px;border:1px solid #ffb62733;margin:0 0 30px}
.w.pic .cimg{background-position:75% center!important}

@media(max-width:760px){
 html nav.bar,html.bz-night nav.bar,html body.app nav.bar{height:70px!important;min-height:70px}
 html nav.bar img.navlogo,html .logo img{width:126px!important;max-height:54px!important}
 html nav#nav{min-height:70px}
 html.bz-night .nbanner .nbg{background-position:80% center}
 html.bz-night .nbanner::before{background:linear-gradient(90deg,#080b14ed,#080b14a6)}
 html.bz-night .nbanner h2{font-size:36px!important;white-space:normal}
 html.bz-night .nhead::before{background-image:linear-gradient(90deg,#080b14e8,#080b149c),var(--nb-small,var(--nb));opacity:1}
 .muhero{min-height:240px;border-radius:16px}
 .muhero .muin{padding:26px 22px!important}
 .muhero .mubg{background-image:url(img/artwork/friends-v1-small.webp)!important}
 .muhero::before{background:linear-gradient(90deg,#080b14ed,#080b14a6)!important}
 .hf-calendar-hero .mubg{background-image:url(img/artwork/calendar-v1-small.webp)!important;background-position:70% center!important}
 .hf-art-header{padding:28px 22px!important;min-height:190px;border-radius:16px}
 .hf-art-header::before{background-image:linear-gradient(90deg,#0b101bf0,#0b101ba8),var(--hf-art-small,var(--hf-art))}
 .community-hero{padding:28px 22px!important;min-height:200px}
 .community-hero::before{background-image:linear-gradient(90deg,#0b101bed,#0b101bb8),var(--explore-small)!important}
 .guide-art{height:170px;background-image:var(--guide-art-small)}
}
@media(prefers-reduced-motion:reduce){.scene .bg{animation:none!important;transition:none!important;transform:none!important}}