*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0;font:inherit}html{line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;scroll-behavior:smooth;scroll-padding-top:5rem}body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1rem;line-height:1.6;color:var(--fg);background-color:var(--bg);min-height:100vh;transition:background-color .3s ease,color .3s ease}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;border:none;background:none}ul,ol{list-style:none}:root{--bg: #fefcf7;--fg: #333;--primary: #b8860b;--primary-hover: #996f09;--secondary: #deb887;--accent: #666;--success: #10b981;--warning: #f59e0b;--error: #ef4444;--info: #3b82f6;--surface: #ffffff;--surface-alt: #f8f9fa;--border: rgba(184, 134, 11, .1);--shadow: 0 4px 16px rgba(0, 0, 0, .1);--font-sans: "Inter", system-ui, sans-serif;--font-serif: "Crimson Text", Georgia, serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--font-display: "Playfair Display", Georgia, serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: .375rem;--radius: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal: 1040;--z-popover: 1050;--z-tooltip: 1060;--transition-fast: .15s ease-out;--transition: .3s ease-out;--transition-slow: .5s ease-out;--transition-smooth: .3s cubic-bezier(.25, .46, .45, .94)}html.dark{--bg: #0f0f0f;--fg: #fafafa;--primary: #ffd75f;--primary-hover: #ffeb3b;--secondary: #cd853f;--accent: #eaeaea;--surface: #1a1a1a;--surface-alt: #2d2d2d;--border: rgba(255, 215, 95, .2);--shadow: 0 4px 16px rgba(0, 0, 0, .3)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.2;color:var(--fg);margin-bottom:var(--space-4);text-wrap:balance}h1{font-size:clamp(2.5rem,5vw,3.5rem);font-weight:900;letter-spacing:-.025em}h2{font-size:clamp(2rem,4vw,3rem);font-weight:800;letter-spacing:-.02em}h3{font-size:clamp(1.5rem,3vw,2.25rem);font-weight:700;letter-spacing:-.015em}h4{font-size:var(--text-xl);font-weight:600}h5{font-size:var(--text-lg);font-weight:600}h6{font-size:var(--text-base);font-weight:600}p{font-size:var(--text-base);line-height:1.6;color:var(--fg);margin-bottom:var(--space-4);text-wrap:pretty}small{font-size:var(--text-sm);color:var(--accent)}strong{font-weight:600;color:var(--primary)}em{font-style:italic}a{color:var(--primary);text-decoration:none;transition:var(--transition)}a:hover{color:var(--primary-hover);text-decoration:underline}a:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:var(--radius-sm)}input,select,textarea{font-family:var(--font-sans);font-size:var(--text-base);padding:var(--space-3) var(--space-4);border:2px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--fg);transition:var(--transition);width:100%}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #b8860b1a}textarea{resize:vertical;min-height:120px}label{display:block;font-weight:500;color:var(--fg);margin-bottom:var(--space-2)}button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-family:var(--font-sans);font-size:var(--text-base);font-weight:600;border-radius:var(--radius);transition:var(--transition);cursor:pointer;border:none;background:var(--primary);color:#fff}button:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-2px)}button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}button:disabled{opacity:.5;cursor:not-allowed;transform:none}.container{max-width:1200px;margin-left:auto;margin-right:auto;padding-left:var(--space-4);padding-right:var(--space-4)}.section{padding:var(--space-16) 0}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.m-0{margin:0}.mt-0{margin-top:0}.mb-0{margin-bottom:0}.ml-0{margin-left:0}.mr-0{margin-right:0}.p-0{padding:0}.p-2{padding:var(--space-2)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-primary{color:var(--primary)}.text-muted{color:var(--accent)}.bg-primary{background-color:var(--primary)}.bg-surface{background-color:var(--surface)}.border{border:1px solid var(--border)}.border-primary{border-color:var(--primary)}.rounded{border-radius:var(--radius)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.shadow{box-shadow:var(--shadow)}.shadow-lg{box-shadow:0 8px 32px #00000026}.brewery-card{background:#ffffffe6;backdrop-filter:blur(25px) saturate(1.2);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:0 8px 32px #b8860b1a;transition:var(--transition-smooth)}.brewery-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 16px 48px #b8860b26}html.dark .brewery-card{background:#1a1a1ae6;border-color:#ffd75f33}.brewery-button{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-6);background:var(--primary);color:#fff;border:none;border-radius:var(--radius-full);font-weight:600;transition:var(--transition-smooth);box-shadow:0 4px 15px #b8860b4d}.brewery-button:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 8px 25px #b8860b66}.brewery-button.secondary{background:transparent;color:var(--primary);border:2px solid var(--primary);box-shadow:none}.brewery-button.secondary:hover{background:var(--primary);color:#fff}.brewery-glass{background:#ffffffe6;backdrop-filter:blur(20px) saturate(1.2);border:1px solid rgba(255,255,255,.3)}html.dark .brewery-glass{background:#1a1a1ae6;border:1px solid rgba(255,255,255,.1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-2rem)}to{opacity:1;transform:translate(0)}}.animate-fade-in{animation:fadeIn .6s ease-out both}.animate-fade-in-up{animation:fadeInUp .8s ease-out both}.animate-slide-in-left{animation:slideInLeft .6s ease-out both}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}@media(min-width:640px){.sm\:text-lg{font-size:var(--text-lg)}.sm\:p-6{padding:var(--space-6)}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:768px){.md\:text-xl{font-size:var(--text-xl)}.md\:p-8{padding:var(--space-8)}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1024px){.lg\:text-2xl{font-size:var(--text-2xl)}.lg\:p-12{padding:var(--space-12)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:var(--space-4);left:var(--space-4);background:var(--primary);color:#fff;padding:var(--space-2) var(--space-4);border-radius:var(--radius);text-decoration:none;font-weight:600;z-index:var(--z-tooltip);transform:translateY(-100px);transition:var(--transition)}.skip-link:focus{transform:translateY(0)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.brewery-card:hover,.brewery-button:hover,button:hover{transform:none!important}}@media(prefers-contrast:high){:root{--border: #000;--shadow: 0 4px 16px rgba(0, 0, 0, .5)}.brewery-card,.brewery-button{border:2px solid var(--primary)}html.dark{--border: #fff}html.dark .brewery-card,html.dark .brewery-button{border-color:var(--primary)}}.brewery-card,.brewery-button{will-change:transform;backface-visibility:hidden}.brewery-card:not(:hover),.brewery-button:not(:hover){will-change:auto}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--primary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--primary-hover)}*{scrollbar-width:thin;scrollbar-color:var(--primary) transparent}@media print{*,*:before,*:after{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}h1,h2,h3,h4,h5,h6{page-break-after:avoid}.brewery-card{border:1px solid black;box-shadow:none;backdrop-filter:none}}
