:root{--primary-amber:#f59e0b;--primary-gold:#fcd34d;--primary-honey:#fef3c7;--secondary-navy:#0f172a;--secondary-slate:#1e293b;--secondary-charcoal:#334155;--beer-amber-light:#fbbf24;--beer-amber-rich:#f59e0b;--beer-caramel:#d97706;--beer-bronze:#92400e;--foam-white:hsla(0,0%,100%,.98);--foam-cream:hsla(48,96%,89%,.95);--foam-light:rgba(255,251,235,.9);--glass-white:hsla(0,0%,100%,.08);--glass-gold:rgba(251,191,36,.1);--bubble-white:hsla(0,0%,100%,.6);--bubble-gold:rgba(252,211,77,.4);--bubble-shimmer:hsla(0,0%,100%,.9);--text-primary:#fefce8;--text-secondary:#fef3c7;--text-muted:hsla(48,96%,89%,.7);--text-inverse:#0f172a;--hover-glow:#fcd34d;--active-press:#f59e0b;--focus-ring:rgba(252,211,77,.5);--shadow-amber:rgba(245,158,11,.2);--shadow-dark:rgba(15,23,42,.4);--glow-gold:rgba(252,211,77,.3);--glow-white:hsla(0,0%,100%,.1);--font-display:"Playfair Display",serif;--font-body:"Inter",-apple-system,sans-serif;--space-xs:0.5rem;--space-sm:1rem;--space-md:1.5rem;--space-lg:2rem;--space-xl:3rem;--space-2xl:4rem;--space-3xl:6rem}*{box-sizing:border-box;margin:0;padding:0}.site-content{width:100%}.site-content,body{min-height:100vh;position:relative}body{background:linear-gradient(170deg,var(--secondary-navy) 0,var(--secondary-slate) 40%,var(--secondary-charcoal) 70%,var(--secondary-slate) 100%);color:var(--text-primary);font-family:var(--font-body);line-height:1.6;overflow-x:hidden}body:before{background-image:repeating-linear-gradient(45deg,transparent,transparent 2px,rgba(252,211,77,.03) 0,rgba(252,211,77,.03) 4px);content:"";pointer-events:none;z-index:1}.gradient-bg,body:before{height:100%;left:0;position:fixed;top:0;width:100%}.gradient-bg{background:linear-gradient(170deg,#0f172a 0%,#1e293b 40%,#334155 70%,#1e293b 100%);z-index:-2}.bubbles{height:100%;left:0;mix-blend-mode:screen;overflow:hidden;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}.bubble{animation:rise 8s cubic-bezier(.4,0,.2,1) infinite;background:radial-gradient(circle at 30% 30%,var(--bubble-shimmer),var(--bubble-gold),transparent);border-radius:50%;bottom:-100px;box-shadow:0 0 10px var(--glow-gold),0 0 20px var(--glow-white),inset -2px -2px 4px rgba(245,158,11,.2);opacity:0;position:absolute;will-change:transform,opacity}@keyframes rise{0%{opacity:0;transform:translateY(0) translateX(0) scale(.4)}10%{opacity:.6}25%{transform:translateY(-25vh) translateX(10px) scale(.6)}50%{opacity:.8;transform:translateY(-50vh) translateX(-8px) scale(.8)}75%{transform:translateY(-75vh) translateX(5px) scale(.9)}to{opacity:0;transform:translateY(-110vh) translateX(0) scale(1)}}.foam-overlay{height:200px;left:0;overflow:hidden;pointer-events:none;position:fixed;top:0;width:100%;z-index:1}.foam-overlay .foam-layer{animation:foam-drift 20s ease-in-out infinite;background:linear-gradient(to bottom,var(--foam-white) 0,var(--foam-light) 70%,hsla(0,0%,100%,.4) 90%,transparent 100%);height:150px;left:0;position:absolute;top:0;width:100%}.foam-overlay .foam-layer.extra-foam{animation-delay:2s;animation-duration:25s;opacity:.6;top:20px}@keyframes foam-drift{0%,to{transform:translateX(0) translateY(0)}25%{transform:translateX(30px) translateY(10px)}50%{transform:translateX(-20px) translateY(5px)}75%{transform:translateX(10px) translateY(15px)}}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes slideOut{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}@keyframes bounce{0%,to{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-4px)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.nav-premium{backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:linear-gradient(180deg,rgba(15,23,42,.85) 0,rgba(15,23,42,.75));border-bottom:1px solid var(--glass-gold);box-shadow:0 4px 30px var(--shadow-dark),inset 0 1px 0 var(--glass-white);padding:1rem 0;position:fixed;top:0;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%;z-index:1000}.nav-premium:hover{background:linear-gradient(180deg,rgba(15,23,42,.9) 0,rgba(15,23,42,.8))}.nav-premium.mobile-optimized{transition:none;will-change:auto}@media (max-width:768px){.particle{animation-duration:15s!important;opacity:.5!important}.divider-word,.section-bubble{animation:none!important}.nav-premium{backface-visibility:hidden;transform:translateZ(0)}}.nav-container{justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 var(--space-lg)}.logo,.nav-container{align-items:center;display:flex}.logo{color:inherit;gap:var(--space-sm);text-decoration:none!important}.logo-mark{align-items:center;display:flex;height:40px;justify-content:center;position:relative;width:40px}.logo-text{background:linear-gradient(135deg,var(--primary-gold) 0,var(--primary-amber) 50%,var(--beer-caramel) 100%);-webkit-background-clip:text;font-family:var(--font-display);font-size:1.5rem;font-weight:700;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 2px 4px var(--shadow-dark));transition:all .3s cubic-bezier(.4,0,.2,1)}.logo-text:hover{filter:drop-shadow(0 4px 8px var(--shadow-amber)) drop-shadow(0 0 20px var(--glow-gold));transform:scale(1.05)}.nav-links{display:flex;gap:var(--space-xl)}.nav-link{color:#fef3c7;font-size:.95rem;font-weight:500;text-decoration:none;padding:.5rem 0;position:relative;transition:color .3s}.nav-link:hover{color:#fcd34d}.nav-cta{background:linear-gradient(135deg,var(--primary-gold) 0,var(--primary-amber) 100%);border:1px solid transparent;border-radius:50px;box-shadow:0 4px 15px var(--shadow-amber),0 1px 3px var(--shadow-dark),inset 0 1px 0 var(--primary-honey);color:var(--text-inverse);font-size:.95rem;font-weight:600;letter-spacing:.025em;overflow:hidden;padding:.75rem 2rem;position:relative;text-decoration:none!important;transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-cta:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.4),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s cubic-bezier(.4,0,.2,1);width:100%}.nav-cta:hover{border:1px solid var(--primary-honey);box-shadow:0 8px 25px var(--shadow-amber),0 2px 8px var(--shadow-dark),0 0 30px var(--glow-gold);transform:translateY(-2px) scale(1.05)}.nav-cta:hover:before{left:100%}.nav-cta:active{transform:translateY(0) scale(.98)}.hero-premium{align-items:center;background:transparent;display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:var(--space-3xl) 0;position:relative}.particles{height:100%;left:0;opacity:1!important;overflow:hidden;pointer-events:none;position:fixed;top:0;width:100%;z-index:1}.particle{background:var(--bubble-white);border:1px solid hsla(0,0%,100%,.2);border-radius:50%;box-shadow:0 0 12px hsla(0,0%,100%,.6),inset -2px -2px 4px hsla(0,0%,100%,.3),inset 2px 2px 4px hsla(0,0%,100%,.5);opacity:.7;pointer-events:none;position:absolute}@keyframes float-up{0%{opacity:0;transform:translateY(110vh) scale(0) translateX(0)}10%{opacity:.7;transform:translateY(90vh) scale(.5) translateX(10px)}30%{transform:translateY(60vh) scale(.8) translateX(-15px)}50%{transform:translateY(40vh) scale(1) translateX(20px)}70%{transform:translateY(20vh) scale(1.1) translateX(-10px)}90%{opacity:.3;transform:translateY(5vh) scale(1.2) translateX(15px)}to{opacity:0;transform:translateY(-10vh) scale(1.3) translateX(0)}}.section-bubbles{height:100%;overflow:hidden;pointer-events:none;position:absolute;width:100%;z-index:0}.section-bubble{animation:gentle-rise 12s ease-in-out infinite;background:var(--bubble-white);border-radius:50%;box-shadow:0 0 6px hsla(0,0%,100%,.5);height:8px;position:absolute;width:8px}@keyframes gentle-rise{0%{opacity:0;transform:translateY(100%) scale(.5)}20%{opacity:.5}80%{opacity:.2}to{opacity:0;transform:translateY(-100vh) scale(1)}}.hero-container{align-items:center;display:grid;gap:var(--space-3xl);grid-template-columns:1fr 1fr;margin:0 auto;max-width:1400px;padding:0 var(--space-lg);position:relative;z-index:1}.hero-container.hero-split{align-items:flex-start;display:flex;gap:3rem;grid-template-columns:none;max-width:1200px}.hero-content{animation:fadeInUp 1s ease-out}.hero-badge{animation:glow-pulse 3s ease-in-out infinite;backdrop-filter:blur(10px);background:linear-gradient(135deg,var(--glass-gold),var(--glass-white));border:1px solid var(--primary-gold);border-radius:50px;box-shadow:0 4px 15px var(--shadow-amber),inset 0 1px 0 var(--glass-white);color:var(--primary-gold);display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.1em;margin-bottom:2rem;padding:.5rem 1.25rem;text-transform:uppercase}@keyframes glow-pulse{0%,to{box-shadow:0 4px 15px var(--shadow-amber),inset 0 1px 0 var(--glass-white)}50%{box-shadow:0 4px 25px var(--glow-gold),inset 0 1px 0 var(--glass-white),0 0 30px var(--glow-gold)}}.hero-title{color:var(--text-primary);font-family:var(--font-display);font-size:clamp(3.5rem,7vw,5.5rem);font-weight:300;letter-spacing:-.02em;line-height:1.05;margin-bottom:1.5rem}.hero-title .gradient-text{background:linear-gradient(135deg,var(--primary-gold) 0,var(--primary-amber) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:400}.hero-description{color:var(--text-secondary);font-size:1.35rem;font-weight:400;letter-spacing:.01em;line-height:1.8;margin-bottom:3rem;margin-left:auto;margin-right:auto;max-width:650px;opacity:.95}.hero-actions{display:flex;gap:var(--space-md);margin-bottom:var(--space-xl)}.btn-primary{align-items:center;background:linear-gradient(135deg,var(--primary-gold) 0,var(--primary-amber) 100%);border:none;border-radius:60px;box-shadow:0 10px 30px var(--shadow-amber),0 2px 8px var(--shadow-dark),inset 0 2px 0 var(--primary-honey),inset 0 -2px 0 var(--beer-caramel);color:var(--secondary-navy)!important;display:inline-flex;font-size:1.1rem;font-weight:600;justify-content:center;letter-spacing:.025em;outline:none;overflow:hidden;padding:1.25rem 3rem;position:relative;text-decoration:none!important;transform-style:preserve-3d;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-primary:before{background:radial-gradient(circle,var(--primary-honey),transparent);border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .5s cubic-bezier(.4,0,.2,1);width:0}.btn-primary:hover{box-shadow:0 15px 40px var(--shadow-amber),0 5px 15px var(--shadow-dark),0 0 50px var(--glow-gold),inset 0 2px 0 var(--primary-honey),inset 0 -2px 0 var(--beer-caramel);transform:translateY(-3px) scale(1.02) rotateX(-5deg)}.btn-primary:hover:before{height:300%;opacity:.3;width:300%}.btn-primary:active{transform:translateY(-1px) scale(.98) rotateX(0)}.mobile-menu-btn{border:2px solid var(--primary-gold);border-radius:8px;color:var(--primary-gold);font-size:1.5rem;transition:all .3s ease}.mobile-menu-btn:hover{background:var(--glass-gold);box-shadow:0 0 20px var(--glow-gold)}@media (max-width:768px){.mobile-menu-btn{display:block}.nav-links,.nav-right .nav-cta{display:none}}.mobile-menu{background:linear-gradient(170deg,var(--secondary-navy) 0,var(--secondary-slate) 100%);box-shadow:-4px 0 30px var(--shadow-dark);height:100vh;padding:5rem 2rem;right:-300px;top:0;transition:right .3s cubic-bezier(.4,0,.2,1);width:300px}.mobile-menu.active{right:0}.mobile-menu a{border-bottom:1px solid var(--glass-white);color:var(--text-secondary);font-weight:500;padding:1rem;text-decoration:none}.mobile-menu a:hover{background:var(--glass-gold);color:var(--primary-gold);padding-left:2rem}.search-container{align-items:center;backdrop-filter:blur(10px);background:var(--glass-white);border:2px solid var(--primary-gold);border-radius:60px;box-shadow:0 4px 20px var(--shadow-amber),inset 0 1px 0 var(--glass-white);gap:1rem;padding:.25rem;position:relative}.search-input{border:none;font-size:1.1rem;outline:none}.search-btn{background:linear-gradient(135deg,#fcd34d,#f59e0b)!important;transition:all .3s cubic-bezier(.4,0,.2,1)}.search-btn:hover{box-shadow:0 8px 25px var(--shadow-amber);transform:scale(1.05)}.quick-filters{gap:1rem}.filter-chip{backdrop-filter:blur(10px);background:var(--glass-white);border:2px solid var(--glass-gold);border-radius:30px;color:var(--text-secondary);font-weight:500;padding:.5rem 1.25rem}.filter-chip:hover{background:var(--primary-gold);border-color:var(--primary-gold);box-shadow:0 4px 15px var(--shadow-amber);color:var(--text-inverse)}.filter-chip.active{background:linear-gradient(135deg,var(--primary-gold),var(--primary-amber));border-color:var(--primary-amber);box-shadow:0 0 20px var(--glow-gold);color:var(--text-inverse)}.btn-secondary{align-items:center;backdrop-filter:blur(10px);background:hsla(0,0%,100%,.1);border:2px solid hsla(0,0%,100%,.6);border-radius:50px;box-sizing:border-box;color:var(--text-primary);display:inline-flex;font-size:1.125rem;font-weight:600;height:56px;justify-content:center;min-height:56px;padding:var(--space-md) var(--space-xl);text-decoration:none!important;text-shadow:1px 1px 3px rgba(0,0,0,.5);transition:all .3s ease}.btn-secondary:hover{background:hsla(0,0%,100%,.2);border-color:var(--foam-white);box-shadow:0 8px 20px rgba(0,0,0,.3);transform:translateY(-3px)}.hero-visual{animation:fadeIn 1.5s ease-out;position:relative}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.beer-composition{align-items:center;display:flex;height:500px;justify-content:center;position:relative;width:100%}.beer-mug-css{animation:gentle-float 6s ease-in-out infinite;height:280px;position:relative;width:200px}@keyframes gentle-float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-10px) rotate(2deg)}}.mug-body{background:linear-gradient(180deg,hsla(0,0%,100%,.1) 0,hsla(0,0%,100%,.05) 10%,transparent 0,transparent);border:3px solid rgba(245,166,35,.3);border-radius:0 0 20px 20px;box-shadow:0 20px 40px rgba(0,0,0,.2),inset 0 0 20px rgba(245,166,35,.1);height:250px;overflow:hidden;position:relative;width:200px}.beer-mug-css .beer-liquid{background:linear-gradient(0deg,rgba(217,125,13,.9) 0,rgba(230,140,20,.85) 30%,rgba(245,166,35,.8) 60%,rgba(250,180,50,.75) 90%,rgba(255,195,70,.7));bottom:0;height:75%;position:absolute;transform-origin:bottom;width:100%}.beer-mug-css .foam-layer{background:linear-gradient(180deg,rgba(255,248,225,.95) 0,rgba(255,248,225,.8) 40%,rgba(255,248,225,.5) 70%,transparent);border-radius:50% 50% 0 0;height:10%;opacity:1;position:absolute;top:25%;transform-origin:center;width:100%}.bubble-stream{bottom:10%;height:60%;left:50%;position:absolute;transform:translateX(-50%);width:100%}.bubble-stream:after,.bubble-stream:before{animation:bubble-rise-internal 3s ease-in-out infinite;background:hsla(0,0%,100%,.7);border-radius:50%;content:"";height:6px;position:absolute;width:6px}.bubble-stream:before{animation-delay:0s;left:40%}.bubble-stream:after{animation-delay:1.5s;left:60%}@keyframes bubble-rise-internal{0%{opacity:0;transform:translateY(0) scale(.5)}20%{opacity:.8}to{opacity:0;transform:translateY(-150px) scale(1)}}.mug-handle{background:hsla(0,0%,100%,.05);border:3px solid rgba(245,166,35,.3);border-left:none;border-radius:0 25px 25px 0;height:100px;position:absolute;right:-40px;top:30%;width:40px}.section-divider{overflow:hidden;padding:var(--space-3xl) 0;position:relative;text-align:center}.section-divider:after,.section-divider:before{background:linear-gradient(90deg,transparent 0,var(--primary-amber) 50%,transparent 100%);content:"";height:1px;opacity:.3;position:absolute;top:50%;width:30%}.section-divider:before{left:0}.section-divider:after{right:0}.divider-word{animation:divider-glow 4s ease-in-out infinite;color:var(--primary-amber);display:inline-block;font-family:var(--font-display);font-size:clamp(2rem,4vw,3rem);font-weight:400;letter-spacing:.3em;position:relative}@keyframes divider-glow{0%,to{opacity:1;text-shadow:0 0 20px rgba(245,166,35,.2)}50%{opacity:1;text-shadow:0 0 30px rgba(245,166,35,.6)}}.divider-word:after,.divider-word:before{content:"•";font-size:.5em;margin:0 2rem;opacity:.8;vertical-align:middle}.trust-indicators{gap:var(--space-xl)}.indicator,.trust-indicators{align-items:center;display:flex}.indicator{gap:var(--space-xs)}.indicator-number{color:var(--primary-amber);font-size:1.5rem;font-weight:700}.indicator-label{color:hsla(0,0%,96%,.9);font-size:.875rem}.features-premium{background:linear-gradient(180deg,rgba(26,43,60,0),rgba(26,43,60,.5));padding:var(--space-3xl) 0;position:relative}.section-header{margin-bottom:var(--space-3xl);text-align:center}.section-subtitle{color:var(--primary-amber);font-size:1rem;font-weight:500;letter-spacing:.1em;margin-bottom:var(--space-sm);text-transform:uppercase}.section-title{font-family:var(--font-display);font-size:clamp(2.5rem,4vw,3.5rem);font-weight:700;margin-bottom:var(--space-md)}.section-description{color:hsla(0,0%,96%,.95);font-size:1.125rem;margin:0 auto;max-width:600px}.features-grid{display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin:0 auto;max-width:1200px;padding:0 var(--space-lg)}.feature-card{backdrop-filter:blur(10px);background:linear-gradient(135deg,hsla(0,0%,100%,.05),rgba(245,166,35,.05));border:1px solid rgba(245,166,35,.2);border-radius:20px;overflow:hidden;padding:var(--space-xl);position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.feature-card:before{background:linear-gradient(90deg,var(--primary-amber),var(--gold-accent));content:"";height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.feature-card:hover:before{transform:scaleX(1)}.feature-card:hover{background:linear-gradient(135deg,hsla(0,0%,100%,.08),rgba(245,166,35,.08));box-shadow:0 20px 40px rgba(0,0,0,.2),0 10px 20px rgba(245,166,35,.2);transform:translateY(-5px)}.feature-icon{align-items:center;background:linear-gradient(135deg,var(--primary-amber),var(--gold-accent));border-radius:15px;box-shadow:0 10px 20px rgba(245,166,35,.2);display:flex;font-size:1.5rem;height:60px;justify-content:center;margin-bottom:var(--space-lg);width:60px}.feature-title{font-size:1.5rem;font-weight:600;margin-bottom:var(--space-sm)}.feature-description{color:hsla(0,0%,96%,.95);line-height:1.7}@media (max-width:768px){.nav-links{display:none}.hero-container{grid-template-columns:1fr;text-align:center}.hero-visual{margin-top:var(--space-xl)}.beer-showcase{height:400px}.hero-actions{align-items:center;flex-direction:column}.trust-indicators{justify-content:center}}.storytelling-section{background:linear-gradient(180deg,rgba(26,43,60,.5),rgba(26,43,60,.8));overflow:hidden;padding:var(--space-3xl) 0;position:relative}.chapter-carousel-container{margin:0 auto;max-width:1200px;overflow:hidden;padding:0 var(--space-xl);position:relative}.chapter-wheel{display:flex;gap:var(--space-xl);padding:var(--space-lg) 0;transition:transform .5s ease;will-change:transform}.chapter-wheel::-webkit-scrollbar{display:none}.chapter-panel{align-items:center;background:linear-gradient(135deg,rgba(26,43,60,.95),rgba(44,62,80,.95));border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,.4);display:flex;flex:0 0 100%;min-height:500px;opacity:.7;overflow:hidden;position:relative;scroll-snap-align:center;transition:transform .3s ease,opacity .3s ease}.chapter-panel.active{opacity:1;transform:scale(1.02)}.chapter-background{inset:0;position:absolute;z-index:0}.chapter-gradient{background:radial-gradient(circle at 20% 50%,rgba(245,166,35,.1) 0,transparent 50%);inset:0;position:absolute}.chapter-content-wrapper{padding:var(--space-3xl);position:relative;width:100%;z-index:1}.chapter-header{margin-bottom:var(--space-xl)}.chapter-header .chapter-number{color:var(--primary-amber);display:inline-block;font-size:.875rem;font-weight:600;letter-spacing:2px;margin-bottom:var(--space-sm);text-transform:uppercase}.chapter-header .chapter-title{color:var(--neutral-cream);font-family:var(--font-display);font-size:3rem;margin-bottom:var(--space-sm)}.chapter-location{color:hsla(0,0%,96%,.85);font-size:1rem;font-style:italic}.chapter-story{margin-bottom:var(--space-xl)}.chapter-story p{color:hsla(0,0%,96%,.9);font-size:1.1rem;line-height:1.8;margin-bottom:var(--space-md)}.chapter-footer{display:flex;justify-content:flex-start}.chapter-explore{align-items:center;color:var(--primary-amber);display:inline-flex;font-size:1.1rem;font-weight:600;gap:var(--space-sm);text-decoration:none!important;transition:all .3s ease}.chapter-explore:hover{color:var(--gold-accent);transform:translateX(5px)}.carousel-nav{align-items:center;background:rgba(26,43,60,.9);border:2px solid var(--primary-amber);border-radius:50%;color:var(--primary-amber);cursor:pointer;display:flex;font-size:1.5rem;height:50px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:50px;z-index:10}.carousel-nav:hover{background:var(--primary-amber);color:var(--secondary-navy);transform:translateY(-50%) scale(1.1)}.carousel-prev{left:20px}.carousel-next{right:20px}.chapter-indicators{display:flex;gap:var(--space-sm);justify-content:center;margin-top:var(--space-xl)}.chapter-indicators .indicator{background:hsla(0,0%,96%,.3);border-radius:50%;cursor:pointer;height:12px;transition:all .3s ease;width:12px}.chapter-indicators .indicator.active{background:var(--primary-amber);transform:scale(1.3)}.chapter-indicators .indicator:hover{background:rgba(245,166,35,.6)}.story-header{text-align:center}.story-chapter,.story-header{margin-bottom:var(--space-3xl)}.story-chapter{align-items:center;display:flex;min-height:80vh;position:relative}.chapter-video{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:-1}.chapter-video video{height:100%;object-fit:cover;width:100%}.video-overlay{background:linear-gradient(90deg,rgba(26,43,60,.9) 0,rgba(26,43,60,.4));height:100%;left:0;position:absolute;top:0;width:100%}.chapter-content{margin-left:10%;max-width:600px;z-index:1}.chapter-number{color:var(--primary-amber);font-size:.875rem;font-weight:600;letter-spacing:.1em;margin-bottom:var(--space-sm);text-transform:uppercase}.chapter-title{font-family:var(--font-display);font-size:3rem;margin-bottom:var(--space-lg)}.chapter-text{color:hsla(0,0%,96%,.9);font-size:1.25rem;line-height:1.8;margin-bottom:var(--space-xl)}.chapter-cta{align-items:center;color:var(--primary-amber);display:inline-flex;font-weight:600;text-decoration:none!important;transition:all .3s ease}.chapter-cta:hover{transform:translateX(5px)}.master-brewers{margin:0 auto;max-width:1200px;padding:0 var(--space-lg)}.brewers-title{font-size:2rem;margin-bottom:var(--space-xl);text-align:center}.brewers-grid{display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.brewer-card{background:hsla(0,0%,100%,.05);border-radius:20px;padding:var(--space-xl);text-align:center;transition:all .3s ease}.brewer-card:hover{background:hsla(0,0%,100%,.08);transform:translateY(-5px)}.brewer-image{background:linear-gradient(135deg,var(--primary-amber),var(--gold-accent));border-radius:50%;height:120px;margin:0 auto var(--space-lg);width:120px}.brewer-card h4{font-size:1.25rem;margin-bottom:var(--space-xs)}.brewer-card p{color:var(--primary-amber);margin-bottom:var(--space-md)}.brewer-card blockquote{color:hsla(0,0%,96%,.9);font-style:italic}.tasting-section{background:linear-gradient(135deg,rgba(125,157,127,.05),rgba(26,43,60,.8));overflow:hidden;padding:var(--space-3xl) 0;position:relative}.tasting-container{margin:0 auto;max-width:1400px;padding:0 var(--space-lg)}.flavor-wheel-container{align-items:center;display:flex;gap:var(--space-3xl);justify-content:center;margin:var(--space-3xl) 0}.flavor-wheel{filter:drop-shadow(0 20px 40px rgba(245,166,35,.2))}.flavor-details{max-width:400px}.flavor-details h4{font-size:1.5rem;margin-bottom:var(--space-sm)}.events-calendar{margin-top:var(--space-3xl)}.events-calendar h3{font-size:2rem;margin-bottom:var(--space-xl);text-align:center}.events-grid{display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.event-card{background:hsla(0,0%,100%,.05);border:1px solid rgba(245,166,35,.2);border-radius:20px;padding:var(--space-xl);position:relative;transition:all .3s ease}.event-card.vip{background:linear-gradient(135deg,rgba(212,175,55,.1),rgba(245,166,35,.05));border-color:var(--gold-accent)}.event-badge{background:var(--gold-accent);border-radius:20px;color:var(--secondary-navy);font-size:.75rem;font-weight:600;padding:.25rem .75rem;position:absolute;right:var(--space-md);top:var(--space-md)}.event-date{color:var(--primary-amber);font-size:.875rem;font-weight:600;margin-bottom:var(--space-sm)}.event-card h4{font-size:1.25rem;margin-bottom:var(--space-xs)}.event-card p{color:hsla(0,0%,96%,.9);margin-bottom:var(--space-lg)}.event-cta{background:transparent;border:1px solid var(--primary-amber);border-radius:50px;color:var(--primary-amber);cursor:pointer;font-weight:600;padding:var(--space-sm);transition:all .3s ease;width:100%}.event-cta:hover{background:var(--primary-amber);color:var(--secondary-navy)}.community-section{background:linear-gradient(180deg,rgba(26,43,60,.8),#1a2b3c);overflow:hidden;padding:var(--space-3xl) 0;position:relative}.community-container{margin:0 auto;max-width:1400px;padding:0 var(--space-lg)}.achievements{margin:var(--space-3xl) 0}.achievements h3{font-size:2rem;margin-bottom:var(--space-xl);text-align:center}.achievement-grid{display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.achievement-badge{background:hsla(0,0%,100%,.05);border:2px solid rgba(245,166,35,.2);border-radius:20px;padding:var(--space-lg);position:relative;text-align:center;transition:all .3s ease}.achievement-badge.earned{background:linear-gradient(135deg,rgba(245,166,35,.1),rgba(245,166,35,.05));border-color:var(--primary-amber)}.achievement-badge.locked{filter:grayscale(1);opacity:.5}.badge-icon{font-size:2.5rem;margin-bottom:var(--space-sm)}.achievement-badge h4{font-size:1.125rem;margin-bottom:var(--space-xs)}.achievement-badge p{color:hsla(0,0%,96%,.9);font-size:.875rem}.progress-bar{background:rgba(245,166,35,.2);border-radius:2px;height:4px;margin-top:var(--space-sm);overflow:hidden}.progress-fill{background:linear-gradient(90deg,var(--primary-amber),var(--gold-accent));height:100%;transition:width .5s ease}.user-gallery{margin-top:var(--space-3xl)}.user-gallery h3{font-size:2rem;margin-bottom:var(--space-xl);text-align:center}.gallery-grid{display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.gallery-item{border-radius:20px;cursor:pointer;height:300px;overflow:hidden;position:relative;transition:all .3s ease}.gallery-item.featured{grid-column:span 2}.gallery-image{background:linear-gradient(135deg,var(--primary-amber),var(--gold-accent));height:100%;width:100%}.gallery-overlay{background:linear-gradient(0deg,rgba(26,43,60,.9) 0,transparent);bottom:0;left:0;padding:var(--space-lg);position:absolute;right:0;transform:translateY(100%);transition:transform .3s ease}.gallery-item:hover .gallery-overlay{transform:translateY(0)}.location-display{align-items:center;background:rgba(245,166,35,.05);border:1px solid rgba(245,166,35,.2);border-radius:50px;cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;margin-right:1rem;padding:.5rem 1rem;transition:all .3s ease}.location-display:hover{background:rgba(245,166,35,.1);border-color:rgba(245,166,35,.3)}.location-icon{font-size:1.2rem}.location-text{color:hsla(0,0%,96%,.9);font-weight:500}.location-input{background:rgba(26,43,60,.5);border:1px solid rgba(245,166,35,.3);border-radius:4px;color:var(--neutral-cream);font-size:.9rem;padding:.25rem .5rem;width:150px}.edit-icon{font-size:.8rem;opacity:.6;transition:opacity .3s ease}.location-display:hover .edit-icon{opacity:1}.nav-right{gap:.5rem}.nav-right,.user-display{align-items:center;display:flex}.user-display{background:rgba(245,166,35,.05);border:1px solid rgba(245,166,35,.2);border-radius:50px;gap:.75rem;padding:.35rem .75rem .35rem .35rem}.user-avatar{align-items:center;display:flex;height:32px;justify-content:center;overflow:hidden;width:32px}.user-avatar-img{height:100%;object-fit:cover;width:100%}.user-avatar-initials{color:#fff;font-size:14px;height:100%;width:100%}.user-name{font-size:14px;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sign-out-btn{background:transparent;border:1px solid var(--primary-amber);border-radius:20px;color:var(--primary-amber);cursor:pointer;font-size:13px;font-weight:500;padding:.35rem .75rem;transition:all .3s ease;white-space:nowrap}.sign-out-btn:hover{background:var(--primary-amber);color:var(--secondary-navy);transform:translateY(-1px)}.user-menu-container{position:relative}.user-menu-trigger{align-items:center;background:rgba(245,166,35,.05);border:1px solid rgba(245,166,35,.2);border-radius:50px;color:var(--neutral-cream);cursor:pointer;display:flex;font-family:var(--font-body);font-size:.9rem;gap:.5rem;padding:.35rem .75rem .35rem .35rem;transition:all .3s ease}.user-menu-trigger:hover{background:rgba(245,166,35,.1);border-color:rgba(245,166,35,.3)}.user-avatar{object-fit:cover}.user-avatar,.user-avatar-initials{border:1.5px solid rgba(245,166,35,.3);border-radius:50%;height:30px;width:30px}.user-avatar-initials{align-items:center;background:linear-gradient(135deg,var(--primary-amber),var(--gold-accent));color:var(--secondary-navy);display:flex;font-size:12px;font-weight:600;justify-content:center;letter-spacing:.5px;text-transform:uppercase}.user-name{color:var(--neutral-cream);font-weight:500}.dropdown-arrow{font-size:.7rem;opacity:.7;transition:transform .3s ease}.user-menu-trigger:hover .dropdown-arrow{transform:translateY(1px)}.user-dropdown{backdrop-filter:blur(20px);background:rgba(26,43,60,.98);border:1px solid rgba(245,166,35,.2);border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,.3);min-width:280px;opacity:0;position:absolute;right:0;top:calc(100% + .75rem);transform:translateY(-10px);transition:all .3s ease;visibility:hidden;z-index:1001}.user-dropdown.active{opacity:1;transform:translateY(0);visibility:visible}.user-dropdown-header{align-items:center;border-bottom:1px solid rgba(245,166,35,.1);display:flex;gap:1rem;padding:1.25rem}.dropdown-avatar{object-fit:cover}.dropdown-avatar,.dropdown-avatar-initials{border:2px solid rgba(245,166,35,.3);border-radius:50%;height:48px;width:48px}.dropdown-avatar-initials{align-items:center;background:linear-gradient(135deg,var(--primary-amber),var(--gold-accent));color:var(--secondary-navy);display:flex;font-size:18px;font-weight:600;justify-content:center;letter-spacing:1px;text-transform:uppercase}.dropdown-user-info{flex:1}.dropdown-user-name{color:var(--neutral-cream);font-size:1rem;font-weight:600;margin-bottom:.25rem}.dropdown-user-email{color:hsla(0,0%,96%,.6);font-size:.85rem}.dropdown-divider{background:rgba(245,166,35,.1);height:1px}.dropdown-item{align-items:center;background:none;border:none;color:hsla(0,0%,96%,.9);cursor:pointer;display:flex;font-family:var(--font-body);font-size:.95rem;gap:.75rem;padding:.875rem 1.25rem;text-align:left;text-decoration:none!important;transition:all .2s ease;width:100%}.dropdown-item:hover{background:rgba(245,166,35,.1);color:var(--primary-amber);padding-left:1.5rem}.dropdown-icon{font-size:1.1rem;text-align:center;width:24px}.dropdown-signout{color:rgba(245,166,35,.8)}.dropdown-signout:hover{background:rgba(245,166,35,.15);color:var(--primary-amber)}@media (max-width:768px){.user-menu-trigger{padding:.4rem .75rem .4rem .4rem}.user-avatar{height:28px;width:28px}.user-name{display:none}.user-dropdown{left:auto;min-width:260px;right:-1rem}}.trust-bar{background:linear-gradient(135deg,rgba(245,166,35,.1),rgba(212,175,55,.1));border-bottom:1px solid rgba(245,166,35,.2);border-top:1px solid rgba(245,166,35,.2);flex-wrap:wrap;gap:var(--space-3xl);justify-content:center;margin:var(--space-xl) 0;padding:var(--space-lg) 0}.trust-bar,.trust-item{align-items:center;display:flex}.trust-item{flex-direction:column;gap:.25rem;text-align:center}.trust-item strong{color:var(--primary-amber);display:block;font-size:2rem;font-weight:700}.trust-item span{color:hsla(0,0%,96%,.8);font-size:.9rem;letter-spacing:.5px;text-transform:uppercase}.brewery-search{margin:0 auto;max-width:1200px;padding:var(--space-xl) var(--space-lg)}.search-container{display:flex;gap:var(--space-sm);margin-bottom:var(--space-lg);margin-left:auto;margin-right:auto;max-width:600px}.search-input{background:hsla(0,0%,100%,.05);border:2px solid rgba(245,166,35,.3);border-radius:50px;color:var(--text-primary)!important;flex:1;font-size:1rem;padding:1rem 1.5rem;transition:all .3s ease}.search-input::placeholder{color:hsla(48,96%,89%,.6)}.search-input:focus{background:hsla(0,0%,100%,.08);border-color:var(--primary-amber);color:var(--text-primary)!important;outline:none}.search-btn{background:linear-gradient(135deg,#f59e0b,#fcd34d)!important;border:none;border-radius:50px;color:#0f172a!important;cursor:pointer;font-weight:600;padding:1rem 2rem;transition:transform .3s ease,box-shadow .3s ease}.search-btn:hover{box-shadow:0 10px 30px rgba(245,166,35,.3);transform:translateY(-2px)}.quick-filters{display:flex;flex-wrap:wrap;gap:var(--space-sm);justify-content:center}.filter-chip{background:hsla(0,0%,100%,.05);border:1px solid rgba(245,166,35,.3);border-radius:25px;color:hsla(0,0%,96%,.9);cursor:pointer;font-size:.9rem;padding:.5rem 1.2rem;transition:all .3s ease}.filter-chip:hover{background:rgba(245,166,35,.1);border-color:var(--primary-amber);color:var(--primary-amber);transform:translateY(-2px)}.filter-chip.active{background:linear-gradient(135deg,var(--primary-amber),var(--gold-accent));border-color:transparent;color:var(--secondary-navy)}.popular-cities{margin:0 auto;max-width:1400px;padding:var(--space-3xl) var(--space-lg);text-align:center}.popular-cities h2{color:var(--primary-amber);font-family:var(--font-display);font-size:2.5rem;margin-bottom:var(--space-xl)}.cities-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-bottom:var(--space-xl);padding:.5rem}.city-card{align-items:center;background:linear-gradient(135deg,hsla(0,0%,100%,.05),hsla(0,0%,100%,.02));border:1px solid rgba(245,166,35,.2);border-radius:15px;display:flex;flex-direction:column;gap:.75rem;justify-content:center;min-height:120px;overflow:hidden;padding:1.5rem;position:relative;text-decoration:none!important;transition:all .3s ease}.city-card:before{background:radial-gradient(circle at top right,rgba(245,166,35,.1),transparent);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.city-card:hover{background:linear-gradient(135deg,rgba(245,166,35,.1),rgba(212,175,55,.05));border-color:var(--primary-amber);box-shadow:0 10px 30px rgba(245,166,35,.2);transform:translateY(-5px)}.city-card:hover:before{opacity:1}.city-card h3{color:var(--neutral-cream);font-size:1.25rem;font-weight:600;margin:0;text-align:center;z-index:1}.city-card span{font-size:.9rem;font-weight:500;z-index:1}.city-card span,.view-all{color:var(--primary-amber)}.view-all{display:inline-block;font-weight:600;text-decoration:none!important;transition:all .3s ease}.view-all:hover{transform:translateX(5px)}.recent-updates{margin:0 auto;max-width:1200px;padding:var(--space-3xl) var(--space-lg);text-align:center}.recent-updates h2{color:var(--primary-amber);font-family:var(--font-display);font-size:2.5rem;margin-bottom:var(--space-xl)}.updates-feed{display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.update-item{background:hsla(0,0%,100%,.03);border:1px solid rgba(245,166,35,.2);border-radius:12px;padding:var(--space-lg);text-align:left;transition:all .3s ease}.update-item:hover{background:hsla(0,0%,100%,.05);border-color:rgba(245,166,35,.4)}.update-badge{background:linear-gradient(135deg,var(--primary-amber),var(--gold-accent));border-radius:20px;color:var(--secondary-navy);display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:.5px;margin-bottom:var(--space-sm);padding:.25rem .75rem;text-transform:uppercase}.update-item h4{color:var(--neutral-cream);font-size:1.2rem;margin-bottom:.5rem}.update-item p{color:hsla(0,0%,96%,.7);font-size:.95rem;margin-bottom:.5rem}.update-item time{color:rgba(245,166,35,.6);font-size:.85rem}.brewery-cta{background:linear-gradient(135deg,rgba(245,166,35,.15),rgba(212,175,55,.1));margin-top:var(--space-3xl);padding:var(--space-3xl) var(--space-lg);text-align:center}.brewery-cta h2{color:var(--primary-amber);font-family:var(--font-display);font-size:2.5rem;margin-bottom:var(--space-sm)}.brewery-cta p{color:hsla(0,0%,96%,.9);font-size:1.2rem;margin-bottom:var(--space-xl)}.brewery-benefits{display:flex;flex-wrap:wrap;gap:var(--space-xl);justify-content:center;margin-bottom:var(--space-xl)}.brewery-benefits div{align-items:center;color:var(--neutral-cream);display:flex;font-size:1.1rem;gap:.5rem}@media (max-width:768px){.trust-bar{gap:var(--space-xl);padding:var(--space-lg) var(--space-sm)}.trust-item strong{font-size:1.5rem}.search-container{flex-direction:column}.search-btn,.search-input{width:100%}.cities-grid{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));padding:.25rem}.city-card{min-height:100px;padding:1.25rem 1rem}.city-card h3{font-size:1.1rem}.city-card span{font-size:.85rem}.brewery-benefits{flex-direction:column;gap:var(--space-sm)}.brewery-cta h2,.popular-cities h2,.recent-updates h2{font-size:2rem}}.footer-premium{background:linear-gradient(180deg,#1a2b3c,#0a0f17);border-top:1px solid rgba(245,166,35,.1);padding:var(--space-3xl) 0 var(--space-xl)}.footer-container{margin:0 auto;max-width:1400px;padding:0 var(--space-lg)}.footer-content{display:grid;gap:var(--space-xl);grid-template-columns:2fr 1fr 1fr 1fr;margin-bottom:var(--space-xl)}.footer-section h3,.footer-section h4{color:var(--primary-amber);margin-bottom:var(--space-md)}.newsletter-form{display:flex;gap:var(--space-sm);margin:var(--space-md) 0}.newsletter-form input{background:hsla(0,0%,100%,.05);border:1px solid rgba(245,166,35,.2);border-radius:50px;color:var(--neutral-cream);flex:1;padding:var(--space-sm)}.newsletter-form button{background:linear-gradient(135deg,var(--primary-amber),var(--gold-accent));border:none;border-radius:50px;color:var(--secondary-navy);cursor:pointer;font-weight:600;padding:var(--space-sm) var(--space-lg);transition:all .3s ease}.newsletter-form button:hover{box-shadow:0 10px 20px rgba(245,166,35,.3);transform:translateY(-2px)}.incentive{color:var(--gold-accent);font-size:.875rem}.app-buttons a{background:hsla(0,0%,100%,.05);border:1px solid rgba(245,166,35,.2);border-radius:10px;display:block;padding:var(--space-sm);transition:all .3s ease}.app-buttons a:hover{background:rgba(245,166,35,.1)}.app-rating{color:var(--primary-amber);display:flex;font-size:.875rem;gap:var(--space-sm)}.footer-section.links a{color:hsla(0,0%,96%,.9);display:block;padding:var(--space-xs) 0;text-decoration:none!important;transition:color .3s ease}.footer-section.links a:hover{color:var(--primary-amber)}.footer-bottom{align-items:center;border-top:1px solid rgba(245,166,35,.1);display:flex;justify-content:space-between;padding-top:var(--space-xl)}.trust-badges{display:flex;gap:var(--space-lg)}.trust-badges .badge{color:hsla(0,0%,96%,.8);font-size:.875rem}.footer-legal{align-items:center;display:flex;gap:var(--space-lg)}.footer-legal p{color:hsla(0,0%,96%,.8);margin:0}.footer-legal a{color:hsla(0,0%,96%,.8);text-decoration:none!important;transition:color .3s ease}.coming-soon-text,.footer-legal a:hover{color:var(--primary-amber)}.coming-soon-text{font-size:14px;font-weight:600;letter-spacing:1px;margin:var(--space-sm) 0;text-transform:uppercase}.app-buttons{display:flex;gap:var(--space-sm);margin:var(--space-md) 0}.app-store-badge,.google-play-badge{align-items:center;background:#000;border:1px solid hsla(0,0%,100%,.15);border-radius:6px;cursor:not-allowed;display:flex;gap:8px;opacity:.5;padding:8px 16px;text-decoration:none!important;transition:all .3s ease}.app-store-badge:hover,.google-play-badge:hover{border-color:rgba(245,166,35,.3);opacity:.7}.badge-icon{height:24px;position:relative;width:24px}.apple-icon:before{content:"🍎";font-size:24px;left:0;position:absolute;top:-4px}.play-icon:before{background:linear-gradient(45deg,#4285f4,#34a853,#fbbc04,#ea4335);-webkit-background-clip:text;content:"▶";font-size:20px;left:2px;position:absolute;top:-2px;-webkit-text-fill-color:transparent;background-clip:text}.badge-text{align-items:flex-start;display:flex;flex-direction:column}.badge-small{color:hsla(0,0%,100%,.85);font-size:9px;letter-spacing:.3px;line-height:1;text-transform:uppercase}.badge-large{color:#fff;font-size:15px;font-weight:600;line-height:1.2}@media (max-width:768px){:root{--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem}.nav-container{padding:0 var(--space-md)}.logo-text{font-size:1.3rem}.logo-mark{height:35px;width:35px}.nav-links{display:none}.hero-premium{min-height:100vh;padding:var(--space-3xl) 0 var(--space-2xl)}.hero-container{flex-direction:column;padding:var(--space-xl) var(--space-md);text-align:center}.hero-content{margin-bottom:var(--space-xl);max-width:100%}.hero-title{font-size:2.5rem;line-height:1.1;margin-bottom:var(--space-md)}.hero-subtitle{font-size:1.1rem;margin-bottom:var(--space-lg)}.hero-description{font-size:1rem;margin-bottom:var(--space-xl)}.cta-buttons{flex-direction:column;gap:var(--space-sm);width:100%}.btn-primary,.btn-secondary{font-size:1rem;padding:var(--space-md) var(--space-lg);width:100%}.trust-indicators{flex-direction:column;gap:var(--space-md);margin-top:var(--space-xl)}.indicator{text-align:center;width:100%}.hero-visual{display:none}.section-header{margin-bottom:var(--space-xl);padding:0 var(--space-md)}.section-title{font-size:2rem;margin-bottom:var(--space-sm)}.section-subtitle{font-size:.75rem}.section-description{font-size:1rem}.features-grid{gap:var(--space-lg);grid-template-columns:1fr;padding:0 var(--space-md)}.feature-card{padding:var(--space-lg)}.community-grid,.story-cards{gap:var(--space-lg);grid-template-columns:1fr;padding:0 var(--space-md)}.section-divider{margin:var(--space-2xl) 0;padding:var(--space-lg) 0}.divider-word{font-size:.875rem;padding:0 var(--space-md)}.footer-content{gap:var(--space-xl);grid-template-columns:1fr;text-align:center}.newsletter-form{flex-direction:column}.newsletter-form input{margin-bottom:var(--space-sm)}.newsletter-form button,.newsletter-form input{border-radius:8px;width:100%}.app-buttons{align-items:center;flex-direction:column}.app-store-badge,.google-play-badge{justify-content:center;width:180px}.footer-bottom{flex-direction:column;gap:var(--space-lg);text-align:center}.footer-legal,.trust-badges{flex-direction:column;gap:var(--space-sm)}.bubble{height:4px;width:4px}.section-bubble{height:3px;width:3px}.particles{opacity:.6}.bubble{animation-duration:25s}.nav-cta{display:none}}@media (min-width:769px) and (max-width:1024px){.hero-container{padding:0 var(--space-xl)}.cities-grid{gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.hero-title{font-size:3rem}.community-grid,.features-grid,.story-cards{grid-template-columns:repeat(2,1fr);padding:0 var(--space-xl)}.footer-content{grid-template-columns:repeat(2,1fr)}}@media (max-width:375px){.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.section-title{font-size:1.75rem}}.mobile-menu-btn{background:transparent;border:none;color:var(--primary-amber);cursor:pointer;display:none;font-size:1.8rem;padding:.5rem;transition:transform .3s ease}@media (max-width:768px){.mobile-menu-btn{display:block}.user-name{display:none}.user-display{gap:.5rem;padding:.25rem .5rem}.sign-out-btn{font-size:12px;padding:.25rem .5rem}}.mobile-menu-btn:hover{transform:scale(1.1)}.mobile-menu{animation:slideDown .3s ease;backdrop-filter:blur(20px);background:rgba(26,43,60,.98);border-bottom:1px solid rgba(245,166,35,.2);display:none;left:0;padding:var(--space-lg);position:fixed;right:0;top:70px;z-index:999}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.mobile-menu.active{display:block}.mobile-menu a{border-bottom:1px solid rgba(245,166,35,.1);color:var(--neutral-cream);display:block;font-size:1.1rem;padding:var(--space-md) var(--space-lg);text-decoration:none!important;transition:all .3s ease}.mobile-menu a:last-child{border-bottom:none;color:var(--primary-amber);font-weight:600}.mobile-menu a:hover{color:var(--primary-amber);padding-left:calc(var(--space-lg) + 10px)}.lazy-section{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.lazy-section.loaded{opacity:1;transform:translateY(0)}.section-bubble{transition:opacity .5s ease}.hero-split .hero-content{flex:1;min-width:0}.nearby-breweries{animation:fadeInUp .6s ease;backdrop-filter:blur(10px);background:linear-gradient(135deg,rgba(30,41,59,.95),rgba(15,23,42,.9));border:1px solid var(--primary-gold);border-radius:16px;box-shadow:0 4px 20px var(--shadow-dark),inset 0 1px 0 var(--glass-white);margin-top:3rem;max-width:600px;padding:1.5rem;width:100%}.hero-breweries{border:none!important;box-shadow:none!important;flex:0 0 400px;margin-top:0;max-height:700px;max-width:400px;overflow-x:hidden!important;overflow-y:auto;scrollbar-color:rgba(245,166,35,.3) transparent;scrollbar-width:thin}.hero-breweries::-webkit-scrollbar{height:0!important;width:6px}.hero-breweries::-webkit-scrollbar:horizontal{display:none!important}.hero-breweries::-webkit-scrollbar-track{background:rgba(245,166,35,.05);border-radius:3px}.hero-breweries::-webkit-scrollbar-thumb{background:rgba(245,166,35,.3);border-radius:3px}.hero-breweries::-webkit-scrollbar-thumb:hover{background:rgba(245,166,35,.5)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.breweries-header{align-items:center;background:linear-gradient(135deg,rgba(30,41,59,.95),rgba(15,23,42,.9));border:1px solid var(--primary-gold);border-radius:14px;box-shadow:0 2px 10px var(--shadow-dark),inset 0 1px 0 var(--glass-white);display:flex;gap:.9rem;margin-bottom:1.5rem;overflow:hidden;padding:1rem 1.2rem;position:relative}.breweries-header:before{animation:shimmer 3s infinite;background:linear-gradient(90deg,transparent,rgba(245,166,35,.2),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes shimmer{0%{left:-100%}to{left:100%}}.breweries-icon{animation:pulse 2s ease-in-out infinite;filter:drop-shadow(0 0 8px rgba(245,166,35,.3));font-size:1.6rem}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.breweries-title{color:var(--primary-gold);display:inline-block;font-size:1.2rem;font-weight:700;letter-spacing:.5px}.breweries-loading{align-items:center;color:hsla(0,0%,96%,.7);display:flex;gap:1rem;justify-content:center;padding:2rem}.loading-spinner{animation:spin .8s linear infinite;border:2px solid rgba(245,166,35,.2);border-radius:50%;border-top:2px solid var(--primary-amber);height:20px;width:20px}@keyframes spin{to{transform:rotate(1turn)}}.breweries-list{border:none!important;display:flex;flex-direction:column;gap:0;overflow-x:hidden!important;padding-bottom:2.5rem;padding-right:.5rem;position:relative}.breweries-list:after,.breweries-list:before,.hero-breweries:after,.hero-breweries:before,.nearby-breweries:after,.nearby-breweries:before{border:none!important;content:none!important;display:none!important}.breweries-list::-webkit-scrollbar:horizontal,.hero-breweries::-webkit-scrollbar:horizontal,.nearby-breweries::-webkit-scrollbar:horizontal{display:none!important;height:0!important}.breweries-list,.hero-breweries,.nearby-breweries{-ms-overflow-style:-ms-autohiding-scrollbar;scrollbar-width:thin}.breweries-list:after,.hero-breweries:after{background:none!important;box-shadow:none!important;display:none!important}.brewery-item{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:linear-gradient(135deg,rgba(26,43,60,.45),rgba(26,43,60,.25));border:1px solid rgba(245,166,35,.12);border-bottom:none!important;border-radius:18px;box-shadow:0 4px 24px rgba(0,0,0,.08),0 1px 2px rgba(0,0,0,.05),inset 0 1px 0 hsla(0,0%,100%,.03);color:inherit;cursor:pointer;display:grid;gap:1.3rem;grid-template-columns:52px 1fr;margin-bottom:.85rem;min-height:88px;overflow:hidden;padding:1.3rem 1.2rem;position:relative;text-decoration:none!important;text-decoration-color:transparent!important;text-decoration-line:none!important;text-decoration-style:none!important;text-underline-offset:0!important;transition:all .4s cubic-bezier(.4,0,.2,1)}.brewery-item:before{background:linear-gradient(90deg,transparent,rgba(245,166,35,.4) 50%,transparent);content:"";height:1px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .4s ease}.brewery-item:last-child{margin-bottom:0}.brewery-item:hover{background:linear-gradient(135deg,rgba(26,43,60,.65),rgba(245,166,35,.08));border-color:rgba(245,166,35,.45);border-bottom:none!important;box-shadow:0 8px 32px rgba(245,166,35,.25),0 2px 8px rgba(245,166,35,.15),0 0 40px rgba(252,211,77,.2);text-decoration:none!important;transform:translateX(5px)}.brewery-item:hover:before{opacity:1}a.brewery-item:after,a.brewery-item:hover:after{content:none!important;display:none!important}a.brewery-item,a.brewery-item:active,a.brewery-item:focus,a.brewery-item:hover,a.brewery-item:link,a.brewery-item:visited{border-bottom:none!important;outline:none!important;text-decoration:none!important;text-decoration-line:none!important}.brewery-actions,.brewery-item:hover .brewery-actions{display:none!important}.brewery-actions .maps-link{background:rgba(245,166,35,.1);border:1px solid rgba(245,166,35,.3);border-radius:6px;color:var(--primary-amber);cursor:pointer;display:inline-block;font-family:inherit;font-size:.875rem;padding:.25rem .5rem;text-decoration:none!important;transition:all .2s ease}.brewery-actions .maps-link:hover{background:rgba(245,166,35,.2);transform:scale(1.05)}.brewery-number{align-items:center;background:linear-gradient(145deg,var(--primary-amber) 0,var(--gold-accent) 100%);border-radius:50%;box-shadow:0 6px 20px rgba(245,166,35,.25),0 2px 8px rgba(212,175,55,.15),inset 0 -2px 4px rgba(0,0,0,.1);color:var(--secondary-navy);display:flex;flex-shrink:0;font-size:1.15rem;font-weight:700;height:52px;justify-content:center;margin:0;position:relative;transition:all .6s cubic-bezier(.4,0,.2,1);width:52px}.brewery-number:after{background:radial-gradient(circle,hsla(0,0%,100%,.4) 0,transparent 70%);border-radius:50%;content:"";height:30%;left:3px;position:absolute;top:3px;width:30%}.brewery-item:hover .brewery-number{box-shadow:0 8px 28px rgba(245,166,35,.45),0 0 50px rgba(245,166,35,.25),0 0 80px rgba(252,211,77,.15);transform:rotate(1turn)}.brewery-info{align-items:flex-start;display:flex;flex-direction:column;gap:.5rem;justify-content:center;min-width:0;width:100%}.brewery-name{color:var(--neutral-cream);font-size:1.08rem;font-weight:600;letter-spacing:.02em;line-height:1.3;overflow:hidden;text-align:left;text-overflow:ellipsis;transition:all .3s ease;white-space:nowrap;width:100%}.brewery-item:hover .brewery-name{color:var(--primary-amber);text-shadow:0 0 20px rgba(245,166,35,.3)}.brewery-details{align-items:center;color:hsla(0,0%,96%,.75);display:flex;font-size:.88rem;gap:.75rem;justify-content:flex-start;margin:0;width:100%}.brewery-details a{background:rgba(245,166,35,.05);border:1px solid rgba(245,166,35,.1);border-radius:14px;color:var(--primary-amber);font-size:.82rem;font-weight:500;margin-left:auto;padding:.15rem .6rem;text-decoration:none!important;transition:all .3s ease}.brewery-details a:hover{background:rgba(245,166,35,.15);border-color:rgba(245,166,35,.25);box-shadow:0 2px 8px rgba(245,166,35,.15);transform:translateX(3px)}.brewery-distance{align-items:center;background:linear-gradient(135deg,rgba(245,166,35,.12),rgba(245,166,35,.06));border:1px solid rgba(245,166,35,.15);border-radius:24px;color:var(--primary-amber);display:inline-flex;font-size:.85rem;font-weight:600;gap:.35rem;padding:.25rem .7rem;position:relative;transition:all .3s ease}.brewery-distance:before{content:"📍";filter:saturate(1.5);font-size:.75rem}.brewery-item:hover .brewery-distance{background:linear-gradient(135deg,rgba(245,166,35,.25),rgba(245,166,35,.12));border-color:rgba(245,166,35,.4);box-shadow:0 2px 8px rgba(245,166,35,.3),0 0 20px rgba(252,211,77,.2)}.brewery-type{background:rgba(212,175,55,.08);border:1px solid rgba(212,175,55,.15);border-radius:16px;color:hsla(0,0%,96%,.65);font-size:.8rem;font-style:italic;letter-spacing:.01em;padding:.2rem .65rem;text-transform:capitalize}.breweries-error{color:hsla(0,0%,96%,.5);font-size:.875rem;padding:2rem;text-align:center}.brewery-card{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:linear-gradient(135deg,rgba(26,43,60,.45),rgba(26,43,60,.25));border:1px solid rgba(245,166,35,.12);border-radius:18px;box-shadow:0 4px 24px rgba(0,0,0,.08),0 1px 2px rgba(0,0,0,.05),inset 0 1px 0 hsla(0,0%,100%,.03);padding:var(--space-lg);transition:all .3s cubic-bezier(.4,0,.2,1)}.brewery-card:hover{background:linear-gradient(135deg,rgba(26,43,60,.65),rgba(245,166,35,.08));border-color:rgba(245,166,35,.35);box-shadow:0 8px 32px rgba(245,166,35,.18),0 2px 8px rgba(245,166,35,.1),inset 0 1px 0 hsla(0,0%,100%,.08);transform:translateY(-5px)}.brewery-card h3{color:var(--neutral-cream);font-family:var(--font-display);font-size:1.5rem;font-weight:600;margin-bottom:var(--space-sm)}.brewery-card h2 a,.brewery-card h3 a{color:var(--neutral-cream)!important;text-decoration:none!important;transition:color .3s ease}.brewery-card h2 a:hover,.brewery-card h3 a:hover{color:var(--primary-amber)!important;text-shadow:0 0 20px rgba(245,166,35,.3)}.brewery-card h2 a:visited,.brewery-card h3 a:visited{color:var(--neutral-cream)!important}.brewery-card p{color:hsla(0,0%,96%,.85);line-height:1.6;margin-bottom:var(--space-xs)}.breweries-grid{display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin:var(--space-xl) 0}@media (max-width:1024px){.hero-container.hero-split{align-items:center;flex-direction:column}.hero-breweries{flex:1 1 auto;margin-top:2rem;max-height:500px;max-width:600px;width:100%}}@media (max-width:768px){.hero-container.hero-split{gap:2rem}.nearby-breweries{margin-top:2rem;padding:1.25rem}.hero-breweries{max-height:400px}.brewery-item{padding:.75rem}.brewery-details{align-items:flex-start;flex-direction:column;gap:.25rem}}