@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=Inter:wght@400;500;600;700;800&display=swap');:root{--black:#151311;--cream:#f1eadc;--gold:#f6b923;--red:#d73b2d;--muted:#b6aca0}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;background:var(--black);color:#f8f2e8;font-family:Inter,Arial,sans-serif}h1,h2,h3,.brand,.btn,.eyebrow,.badge,.ticker,.crew b{font-family:'Barlow Condensed',Impact,'Arial Narrow',sans-serif}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(4.3rem,9.3vw,9rem);line-height:.86;letter-spacing:-.025em;margin-bottom:26px}h2{font-size:clamp(3.3rem,6.8vw,6.7rem);line-height:.92;letter-spacing:-.015em;margin-bottom:24px}h2 i{font-style:normal;color:var(--gold)}h3{font-size:2rem;line-height:1}p{line-height:1.7}.top{height:84px;position:sticky;top:0;z-index:20;background:#151311f7;border-bottom:2px solid #ffffff22;display:flex;align-items:center;justify-content:space-between;padding:0 max(4%,calc((100vw - 1400px)/2));gap:25px}.brand{display:flex;align-items:center;text-decoration:none;color:white;font-size:29px;line-height:.76;font-weight:900;letter-spacing:.01em;white-space:nowrap}.brand strong{color:var(--gold)}.hop{font-size:55px;color:var(--gold);margin-right:10px;line-height:1}nav{display:flex;gap:clamp(12px,2vw,31px)}nav a{color:#f6eee1;text-decoration:none;font-size:12px;font-weight:800;letter-spacing:.03em}nav a:hover{color:var(--gold)}.menu{display:none}.hero{min-height:630px;display:grid;grid-template-columns:1.25fr .75fr;align-items:center;position:relative;overflow:hidden;padding:90px max(5%,calc((100vw - 1300px)/2));background:radial-gradient(circle at 78% 48%,#87502c 0%,#3e291f 27%,transparent 52%),repeating-linear-gradient(130deg,transparent 0 4px,#ffffff05 5px 6px),#171513}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#111d 0%,transparent 75%);pointer-events:none}.hero-content{position:relative;z-index:2}.eyebrow{font-size:20px;letter-spacing:.12em;color:var(--gold);font-weight:800}.eyebrow.red{color:#b82f24}.hero h1 em{font-style:normal;color:var(--gold)}.lead{max-width:590px;font-size:19px;line-height:1.5}.actions{display:flex;flex-wrap:wrap;gap:14px;margin:30px 0}.btn{display:inline-flex;align-items:center;justify-content:center;padding:15px 22px;border:2px solid var(--gold);border-radius:3px;font-weight:900;font-size:20px;letter-spacing:.03em;text-decoration:none;cursor:pointer;transition:transform .15s;background:none;color:inherit}.btn:hover{transform:translateY(-3px)}.btn.primary{background:var(--gold);color:#151311}.btn.outline{border-color:#f1eadc;color:#fff}.hero-small{font-family:'Barlow Condensed',sans-serif;font-size:18px;letter-spacing:.17em;color:#f3e2c2}.hero-art{position:relative;z-index:1;text-align:center;filter:drop-shadow(0 15px 25px #0009)}.glass-row{font-size:clamp(100px,13vw,220px);white-space:nowrap;transform:rotate(-8deg);letter-spacing:-.28em}.hero-stamp{display:inline-block;border:5px solid var(--gold);color:var(--gold);border-radius:50%;padding:20px 30px;font:900 29px/1 'Barlow Condensed';transform:rotate(13deg);margin-top:15px}.hero-stamp small{font-size:16px}.ticker{display:flex;justify-content:space-around;gap:18px;background:var(--gold);color:#191613;padding:17px 15px;font-weight:900;font-size:19px;letter-spacing:.07em;flex-wrap:wrap}.section{padding:95px max(5%,calc((100vw - 1300px)/2))}.cream{background:var(--cream);color:#211c17}.dark{background:#191716;color:#f8f2e8}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.section-heading p{max-width:660px}.badge{background:var(--red);color:white;padding:25px;font-size:27px;font-weight:900;transform:rotate(7deg);text-align:center}.filter-row{display:flex;gap:12px;margin:25px 0}.filter-row input,.filter-row select{border:2px solid #3b3027;padding:14px 15px;font-size:15px;background:#fffaf0;border-radius:3px;min-width:0}.filter-row input{flex:1}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:#fffaf0;border:2px solid #241d17;box-shadow:6px 6px 0 #241d17;overflow:hidden}.card-top{height:150px;background:linear-gradient(130deg,#29201c,#72502f);display:flex;align-items:center;justify-content:center;color:var(--gold);font:900 60px 'Barlow Condensed';letter-spacing:.04em}.card-body{padding:22px}.card h3{margin:0 0 6px;font-size:29px}.card p{margin:0;color:#61534a}.card small{display:block;color:#9d3326;font-weight:800;margin-top:12px}.note{font-size:12px;opacity:.75;margin:25px 0 0}.note.light{color:#d1c6b6}.split{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}.split>div>p:not(.eyebrow){max-width:520px}.journal-panel{background:#2a2521;border:2px solid #7b6240;min-height:300px;padding:25px;box-shadow:8px 8px 0 #080706}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #ffffff44;padding-bottom:15px}.panel-head h3{font-size:32px;margin:0}.panel-head span{font-size:12px;color:var(--gold);font-weight:800}.entry{padding:15px 0;border-bottom:1px solid #ffffff22}.entry b{display:block}.entry small{color:#f5b82c}.entry p{margin:6px 0;font-size:13px;color:#d7c9b7}.entry button{background:none;border:none;color:#e7b69d;text-decoration:underline;cursor:pointer;padding:4px 0}.empty{padding:45px 15px;text-align:center;color:#cbb9a3}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:45px;font-size:18px}.callout{border-left:6px solid var(--red);background:#e2d5c0;padding:22px}.callout b{font:900 25px 'Barlow Condensed';color:#a52b22}.callout p{margin:6px 0}.event-section{background:linear-gradient(120deg,#1a1614,#3c2820);min-height:400px}.event-section>p:not(.eyebrow){max-width:660px}.story-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:45px;align-items:start}.story-img{width:100%;border:8px solid #fff;box-shadow:10px 10px 0 #201a17;display:block}.story-grid small{display:block;margin:22px 0;font:800 17px 'Barlow Condensed';letter-spacing:.06em}.story-copy h3{font-size:40px}.crew{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:26px}.crew>div{padding:13px;border-top:3px solid var(--red)}.crew b{display:block;font-size:25px}.crew span{font-size:12px}.poster{width:100%;max-width:1000px;display:block;margin:70px auto 0;border:8px solid #201a17}.closing{text-align:center;padding:100px 20px;background:radial-gradient(circle,#5b2b1d,#151311 70%)}.closing h2{font-size:clamp(4rem,9vw,9rem)}footer{padding:50px 6%;text-align:center;background:#0d0b0a;color:#bdb2a6}footer .mini{justify-content:center;font-size:24px;margin-bottom:22px}footer .hop{font-size:42px}footer p{font-size:12px;margin-bottom:9px}dialog{border:3px solid var(--gold);background:#211c18;color:#fff;max-width:450px;width:calc(100% - 30px);padding:25px;box-shadow:0 20px 100px #000b}dialog::backdrop{background:#000b}.dialog-head{display:flex;justify-content:space-between;align-items:center}.dialog-head h3{margin:0 0 20px}.dialog-head button{background:none;color:white;border:0;font-size:24px;cursor:pointer}dialog label{display:block;font-size:13px;font-weight:700;margin:0 0 14px}dialog input,dialog select,dialog textarea{display:block;width:100%;margin-top:7px;padding:12px;border:1px solid #9d8874;background:#fffaf0;color:#1c1612;font:inherit}dialog .btn{width:100%}.sr{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden}@media(max-width:900px){.top{height:76px;padding:0 5%}.menu{display:block;background:none;color:var(--gold);border:0;font-size:27px;cursor:pointer}nav{display:none;position:absolute;top:76px;left:0;right:0;background:#171411;padding:25px 6%;flex-direction:column;border-bottom:2px solid var(--gold)}nav.open{display:flex}nav a{font-size:16px;padding:8px}.hero{grid-template-columns:1fr;min-height:650px;padding:70px 6%}.hero-art{position:absolute;right:-15%;bottom:30px;opacity:.22}.hero-content{max-width:750px}.cards{grid-template-columns:repeat(2,1fr)}.split,.story-grid{grid-template-columns:1fr;gap:35px}.two-col{grid-template-columns:1fr;gap:10px}}@media(max-width:600px){.brand{font-size:22px}.hop{font-size:43px}.hero{padding:70px 6%;min-height:600px}.hero h1{font-size:clamp(3.8rem,14vw,6rem)}.lead{font-size:16px}.actions{align-items:stretch;flex-direction:column}.btn{font-size:19px}.ticker{font-size:14px}.section{padding:65px 6%}.section-heading{align-items:start}.badge{display:none}.filter-row{flex-direction:column}.cards{grid-template-columns:1fr}.crew{grid-template-columns:1fr}.story-copy h3{font-size:34px}.poster{margin-top:35px}.closing{padding:70px 6%}}

/* V1.1 — Niagara Beer Scene / cinematic grit */
:root{--gold:#ffbd2f;--red:#d83226;--cream:#f0e5d0}
body{background:#100e0d}
.top{background:#100e0df5;border-bottom:3px solid var(--red)}
.brand{transform:rotate(-1deg);text-shadow:2px 2px 0 #000}
.hop{color:var(--gold);filter:drop-shadow(2px 2px 0 var(--red))}
.hero{min-height:720px;display:flex;align-items:center;background:linear-gradient(90deg,#0b0909 0%,#0b0909f5 30%,#0b0909b0 54%,#0b090940 100%),url('/assets/hero-beer.jpg') center 43%/cover no-repeat;padding-top:105px;padding-bottom:105px;border-bottom:8px solid var(--red)}
.hero:before{background:repeating-linear-gradient(125deg,transparent 0 7px,#ffffff04 8px 9px);opacity:.5}
.hero-content{max-width:880px}
.hero h1{font-size:clamp(4.3rem,8.5vw,8.6rem);max-width:900px;text-shadow:4px 5px 0 #090807aa;transform:rotate(-1deg)}
.hero h1 em{display:inline;background:var(--gold);color:#14100c;padding:0 .08em;box-decoration-break:clone;-webkit-box-decoration-break:clone;text-shadow:none}
.hero .lead{max-width:580px;font-weight:600;text-shadow:1px 2px 4px #000}
.hero-art{position:absolute;right:6%;bottom:7%;opacity:.95}
.hero-stamp{border:4px dashed var(--gold);background:#120d0bbd;transform:rotate(12deg);font-size:26px}
.ticker{background:var(--gold);border-bottom:4px solid #17110e}
.cream{background-color:var(--cream);background-image:repeating-linear-gradient(45deg,transparent 0 10px,#5b3a1c07 11px 12px)}
.dark{background:#15110f;background-image:radial-gradient(circle at 100% 0%,#48201665,transparent 55%)}
.section-heading h2,.story h2{transform:rotate(-1deg)}
.card{box-shadow:8px 8px 0 #211913;transition:transform .2s,box-shadow .2s}
.card:hover{transform:translate(-2px,-5px);box-shadow:11px 13px 0 #211913}
.card-top{height:205px;position:relative;overflow:hidden;background:#2a1c15}
.card-top img{height:100%;width:100%;object-fit:cover;filter:saturate(.85) contrast(1.1);transition:transform .3s}
.card:hover .card-top img{transform:scale(1.05)}
.card-mark{position:absolute;bottom:12px;left:12px;background:var(--gold);color:#18120e;font:900 19px 'Barlow Condensed';padding:5px 12px;transform:rotate(-3deg)}
.card-body{min-height:140px}
.btn.primary{box-shadow:5px 5px 0 var(--red)}
.btn:hover{transform:translate(-2px,-3px)}
.story-img{filter:contrast(1.07)}
.poster{box-shadow:12px 12px 0 var(--red)}
.closing{background:linear-gradient(110deg,#130e0de8,#38150fc9),url('/assets/brewery-atmosphere-2.jpg') center/cover}
footer a{color:var(--gold);font-weight:900;text-decoration:none}
@media(max-width:900px){.hero{min-height:650px;background-position:62% center;background-image:linear-gradient(90deg,#0b0909ef 0%,#0b0909bd 62%,#0b090980 100%),url('/assets/hero-beer.jpg')}.hero-art{display:none}}
@media(max-width:600px){.hero{min-height:610px;padding:78px 6%;background-position:65% center}.hero h1{font-size:clamp(3.8rem,13.2vw,5.6rem)}.hero .lead{font-size:16px}.card-top{height:190px}}

/* V1.2: approved Niagara Beer Scene brand and responsive layout refinements */
.brand-logo{display:block;width:235px;height:65px;object-fit:contain;object-position:left center}
footer .brand-logo{width:205px;height:66px;object-position:center}
.hero-content{max-width:760px;width:100%}
.hero h1{font-size:clamp(3.6rem,6.8vw,7rem);line-height:.98;transform:none;letter-spacing:-.012em;max-width:760px}
.hero h1 em{display:inline-block;max-width:100%;font-size:.84em;line-height:1.03;padding:.035em .11em;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.hero .eyebrow{padding-top:8px}
.story-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}
.story-visual{min-width:0}.story-img{height:auto;object-fit:contain;background:#14100d}.story-grid small{margin-top:16px}
@media(max-width:900px){.brand-logo{width:205px;height:58px}.hero h1{font-size:clamp(3.8rem,9vw,6.5rem)}.story-grid{grid-template-columns:1fr}.story-visual{max-width:680px}}
@media(max-width:600px){.brand-logo{width:180px;height:55px}.hero{padding-top:65px;padding-bottom:70px}.hero h1{font-size:clamp(3.25rem,12vw,5.4rem);line-height:1}.hero h1 em{font-size:.77em}.hero .eyebrow{font-size:16px}.hero .lead{margin-top:15px}.story-img{border-width:5px}}