:root{--ink:#131411;--panel:#20211d;--cream:#efe3c8;--muted:#c4baa7;--rust:#c5814d;--line:#5a5548;--display:Impact,'Arial Narrow','Franklin Gothic Medium',sans-serif}body{background:#161713 url('assets/steel-texture.png') repeat;background-size:650px;font-size:17px}.wrap{width:min(1400px,calc(100% - 80px))}.site-header{background:linear-gradient(#171815c9,#171815c9),url('assets/steel-texture.png');border-bottom:2px solid #885432;box-shadow:0 5px 12px #0008}.header-inner{min-height:102px;gap:24px}.brand{gap:18px}.brand img{width:85px;height:85px}.brand-name{font-size:clamp(23px,2.25vw,35px);white-space:nowrap;letter-spacing:.015em}.header-socials{margin-left:0;padding-left:12px}nav{gap:22px;margin-left:auto}nav a{font-size:14px;font-family:'Arial Narrow',Arial,sans-serif;font-stretch:condensed;letter-spacing:.08em}.button{background:transparent;color:var(--cream);border:2px solid var(--rust);padding:13px 26px;font-size:15px;font-family:var(--display);font-weight:400;letter-spacing:.1em;box-shadow:inset 0 0 0 1px #302920}.button:hover{background:var(--rust);color:#151511}.button.secondary{border-color:#8b8069;background:transparent}.eyebrow{color:var(--rust)}h1,h2,.brand-name{mask-image:url('assets/type-grain.svg');mask-size:180px 180px}.workshop-hero{display:grid;grid-template-columns:42% 58%;max-width:1600px;margin:auto;border-bottom:2px solid #795138;min-height:520px}.hero-copy{padding:58px 32px 58px 40px;align-self:center}.hero-copy h1{font-size:clamp(3.8rem,6.7vw,7rem);line-height:.98;letter-spacing:.008em}.workshop-stamp{display:inline-block;margin-top:24px;padding:5px 20px;background:linear-gradient(#ab633cc4,#ab633cc4),url('assets/steel-texture.png');border:1px solid #9e6b45;box-shadow:inset 0 0 0 3px #643d2633;color:#151613;font:clamp(1.1rem,1.8vw,1.65rem)/1.4 var(--display);letter-spacing:.08em}.hero-copy p{font-family:Georgia,serif;font-size:clamp(1.1rem,1.8vw,1.7rem);line-height:1.4;margin:20px 0 26px}.hero-equipment{position:relative;margin:0;min-width:0;min-height:520px;overflow:hidden;background:#181a16}.hero-equipment img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center 55%}.hero-equipment:after{content:'';position:absolute;inset:0;box-shadow:inset 12px 0 25px #0006;pointer-events:none}.hero-equipment figcaption{position:absolute;right:25px;top:40px;z-index:1;background:#d6d2be;color:#1b1d19;border:2px solid #393c34;padding:12px 18px;transform:rotate(-3deg);font:1.35rem/1.15 var(--display);letter-spacing:.04em;box-shadow:2px 3px 0 #0006}.workshop-board{position:relative;display:grid;grid-template-columns:270px 1fr;gap:26px;align-items:center;margin-top:14px;padding:32px 32px;border:1px solid #81765e;outline:4px solid #252720;box-shadow:0 0 0 6px #74634866,inset 0 0 18px #0009,0 8px 14px #0007;background:linear-gradient(#121410aa,#121410aa),url('assets/steel-texture.png');background-size:600px}.workshop-board:before,.workshop-board:after{content:'';position:absolute;width:8px;height:8px;border-radius:50%;border:1px solid #777361;background:#2c2d27;box-shadow:inset 1px 1px 2px #050604;top:10px}.workshop-board:before{left:10px}.workshop-board:after{right:10px}.workshop-board h2{font-size:clamp(2.6rem,4.3vw,4.7rem);line-height:.95;border-right:1px solid #9a9079;padding-right:25px}.board-rows{min-width:0}.board-row{display:grid;grid-template-columns:100px 1.2fr .6fr .7fr .65fr;gap:20px;align-items:center;padding:18px 0;border-bottom:1px solid #b2a181;text-decoration:none;font-family:Georgia,serif;font-size:18px;line-height:1.3}.board-row:first-child{border-top:1px solid #b2a181}.board-row h3{font-size:clamp(1.6rem,2.1vw,2.2rem)}.board-row small{font-size:14px}.board-status{font-family:var(--display);font-size:1.5rem;color:var(--rust);letter-spacing:.04em}.board-tap:hover{background:#b97b4a19}.board-tap:hover h3{color:var(--rust)}.board-empty{grid-template-columns:230px 1fr;border-bottom:0}.board-empty .board-status{font-size:1.15rem;color:var(--muted)}.board-empty p{font-size:16px;color:var(--muted)}.workshop-story{padding-top:70px}.workshop-story h2{font-size:clamp(2.6rem,4.8vw,4.7rem)}.workshop-story p{max-width:610px;color:var(--muted);margin-top:20px}.workshop-story .story-dates{font-family:Georgia,serif;font-size:18px;color:var(--cream)}.workshop-story .button{margin-top:24px}.workshop-story figure{margin:0;padding:12px;border:1px solid #7f745d;background:#37362d}.workshop-story img{height:360px;object-fit:cover}.workshop-story figcaption{font-size:13px;letter-spacing:.14em;margin:12px 5px 2px;color:var(--cream)}.page-head{background:linear-gradient(#18191577,#18191577),url('assets/steel-texture.png');border-bottom:2px solid #795138;padding:55px 0 40px}.page-head h1{font-size:clamp(3.8rem,7vw,6.5rem)}.chapter{background:#12141055;margin:22px 0;border:1px solid #635e4e;padding:32px;box-shadow:inset 0 0 12px #0005}.chapter:last-child{margin-bottom:55px}.chapter .beer-row{margin:0;border-bottom:0;padding:0}.chapter h2{font-size:2rem}.tag{background:#ab633c19;border-color:#916b4c;color:#e4b386}.empty{background:#24261d55}.empty p{color:var(--cream)}.detail-top{padding-top:38px}.detail-hero{gap:60px}.detail-hero h1{font-size:clamp(3.8rem,7vw,6.5rem)}.beer-hero-photo{background:#10120f;border:1px solid #81765e;padding:10px;box-shadow:3px 4px 0 #0008;max-height:560px}.metric-bar{background:#151712aa;border:1px solid #81765e;box-shadow:inset 0 0 10px #0008}.metric:first-child{padding-left:20px}.metric{border-color:#82775e}.metric strong{font-family:var(--display);font-size:1.9rem}.aside-panel{background:linear-gradient(#181a15d9,#181a15d9),url('assets/steel-texture.png');border-color:#81765e;box-shadow:inset 0 0 15px #0006}.aside-panel h2{padding-bottom:16px;border-bottom:1px solid #746c55}.content-grid h2{letter-spacing:.03em}.photo-space,.graph-space{background:#15171199;border-color:#796c53}.content-grid section{border-bottom:1px solid #635b46;padding-bottom:32px}.content-grid .change{border-bottom:0}.about-intro{padding:60px 0}.about-intro img{padding:10px;background:#33352a;border:1px solid #81765e;box-shadow:3px 4px 0 #0006}.timeline{border-bottom:1px solid #746c55}.timeline>div{padding-left:22px;border-left:2px solid #8c5835}.build-gallery figure,.finished-gallery figure{padding:12px;background:#33352a;border:1px solid #81765e}.build-gallery figcaption,.finished-gallery figcaption{padding:12px 4px 0}.build-gallery figcaption .muted{color:#d2c5ad}.finished-section{border-color:#81765e}.ticker{background:#15171299;border-color:#81765e}.coming{position:relative;margin-top:35px;margin-bottom:55px;border:1px solid #81765e;padding:55px;box-shadow:inset 0 0 18px #0008;background:#15171166}.coming .eyebrow{display:inline-block;background:#a565391f;border:1px solid #8c5835;padding:8px 16px}.coming .serial{color:#b7a783}.site-footer{background:#11130fcc;border-top:2px solid #795138}.footer-grid .display{mask-image:url('assets/type-grain.svg')}.photo-credit{color:var(--muted)}
@media(max-width:1180px){.brand-name{display:none}.header-inner{gap:18px}.board-row{gap:12px;font-size:16px}.workshop-board{grid-template-columns:210px 1fr;gap:24px}.board-row h3{font-size:1.8rem}.board-status{font-size:1.35rem}.board-empty{grid-template-columns:185px 1fr}.hero-copy{padding-left:30px;padding-right:20px}.hero-copy h1{font-size:6.6vw}.header-socials{padding-left:6px}}
@media(max-width:900px){.workshop-board{grid-template-columns:1fr}.workshop-board h2{border-right:0;border-bottom:1px solid #9a9079;padding:0 0 20px;font-size:2.7rem}.workshop-board h2 br{display:none}.workshop-board{gap:0}.chapter{gap:30px;grid-template-columns:1fr 2fr;padding:25px}.chapter h2{font-size:1.65rem}.hero-copy h1{font-size:6.5vw}.hero-copy p{font-size:1.2rem}.hero-equipment,.workshop-hero{min-height:450px}}
@media(max-width:700px){.wrap{width:calc(100% - 36px)}.header-inner{min-height:86px}.brand img{width:56px;height:56px}nav{top:86px;z-index:10;background:#151711 url('assets/steel-texture.png');gap:2px}nav a{font-size:16px}.menu-button{padding:9px 12px;border-color:#81765e}.header-socials{gap:2px}.workshop-hero{grid-template-columns:1fr;min-height:0}.hero-copy{padding:38px 18px 32px}.hero-copy h1{font-size:clamp(3.2rem,12vw,5rem)}.workshop-stamp{font-size:1.25rem;margin-top:20px}.hero-copy p{font-size:1.25rem}.hero-equipment{min-height:360px}.hero-equipment img{object-position:center 60%}.hero-equipment figcaption{font-size:1rem;right:16px;top:20px;padding:9px 12px}.workshop-board{margin-top:18px;padding:26px 20px;gap:12px}.workshop-board h2{font-size:2.5rem}.board-tap{grid-template-columns:1fr 1fr;gap:16px 12px}.board-status{font-size:1.3rem}.board-tap h3{font-size:1.9rem}.board-tap .board-style{grid-column:2;grid-row:2}.board-tap>span:nth-last-child(2){grid-column:1;grid-row:2}.board-tap>span:last-child{grid-column:1;grid-row:3}.board-empty{grid-template-columns:1fr;gap:12px;padding-bottom:0}.board-empty p{font-size:16px}.board-empty .board-status{font-size:1.2rem}.workshop-story{padding-top:48px}.workshop-story .story-grid{gap:30px}.workshop-story img{height:320px}.workshop-story h2{font-size:2.8rem}.workshop-story .story-dates{font-size:16px}.chapter{padding:24px 20px;grid-template-columns:1fr;gap:24px}.chapter h2{font-size:1.8rem}.detail-hero{gap:32px}.detail-hero h1{font-size:3.8rem}.beer-hero-photo{max-height:none}.metric strong{font-size:1.65rem}.about-intro{padding:40px 0}.coming{padding:32px 22px;margin-top:24px;margin-bottom:32px}.coming h1{font-size:3.4rem}.coming .eyebrow{letter-spacing:.08em}.coming .serial{font-size:3rem}.finished-gallery figure,.build-gallery figure{padding:9px}.page-head{padding:40px 0 32px}}

/* Keep the brewery name beside the logo at every viewport. */
.header-inner .brand-name{display:block;font-size:clamp(20px,2.1vw,32px)}@media(max-width:1180px){.header-inner .brand-name{white-space:normal;max-width:180px;font-size:24px;line-height:1.05}.header-inner{gap:14px}nav{gap:14px}nav a{font-size:13px}}@media(min-width:701px) and (max-width:1000px){.header-inner .brand-name{max-width:135px;font-size:20px}.brand{gap:10px}.brand img{width:60px;height:60px}nav{gap:10px}.header-socials{padding-left:0;gap:0}.header-socials a{width:30px}}@media(max-width:700px){.header-inner{gap:8px}.header-inner .brand{gap:9px}.header-inner .brand-name{font-size:18px;max-width:110px}.brand img{width:48px;height:48px}.header-socials a{width:30px}.menu-button{padding:9px 10px;font-size:13px}}
@media(min-width:701px) and (max-width:1000px){.header-inner .brand{flex:1}.header-socials{order:3}.menu-button{display:block;order:4}nav{display:none;position:absolute;top:102px;left:0;right:0;z-index:10;background:#151711 url("assets/steel-texture.png");border-bottom:1px solid var(--line);padding:18px;flex-direction:column;align-items:stretch;gap:4px}nav.open{display:flex}nav a{font-size:16px;padding:4px 14px}}

.fermentation-chart{margin:24px 0}.fermentation-chart img{display:block;width:100%;height:auto;border:1px solid var(--line)}.fermentation-chart figcaption{margin-top:12px;line-height:1.6}

.reel-player{width:100%;max-width:540px;margin:24px 0;background:#fff;border:1px solid var(--line)}.reel-player iframe{display:block;width:100%;height:760px;border:0}@media(max-width:600px){.reel-player iframe{height:680px}}