:root{--green:#172c23;--green2:#203a2b;--cream:#f6f3e9;--ink:#23332a;--muted:#66736d;--gold:#edbd64;--line:#d8ddd2;--white:#fffdfa}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'DM Sans',Arial,sans-serif;color:var(--ink);background:var(--cream)}body.no-scroll{overflow:hidden}a{text-decoration:none;color:inherit}button,input,textarea,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #e2a940;outline-offset:3px}img{max-width:100%}.shell{max-width:1310px;margin:auto;padding-left:36px;padding-right:36px}.announcement{text-align:center;background:#c5d8c1;color:#2b4631;letter-spacing:2px;font-size:10px;font-weight:800;padding:11px 20px}.announcement .dot{margin:0 12px}.site-header{position:relative;background:#f6f3e9;z-index:5;border-bottom:1px solid #dce0d7}.nav-inner{display:flex;align-items:center;justify-content:space-between;height:85px;gap:35px}.brand{display:flex;align-items:center;gap:11px;white-space:nowrap}.brand-mark{font-size:43px;line-height:1;color:#617f5f}.brand strong{font:800 21px/1 'Outfit',sans-serif;letter-spacing:1px;display:block}.brand small{display:block;letter-spacing:3.8px;font-size:8px;font-weight:800;margin-top:6px}.site-nav{display:flex;gap:37px;margin-left:auto}.site-nav a{font-size:13px;font-weight:700;color:#435449}.site-nav a:hover,.footer a:hover{color:#c58b31}.nav-cta{border:1px solid #a9b5a7;border-radius:30px;padding:13px 19px;font-weight:800;font-size:12px}.nav-cta span{padding-left:12px}.menu-toggle{display:none;background:none;border:0;font-size:25px}.hero{min-height:650px;background:#1d3026;position:relative;overflow:hidden;color:white}.hero-image{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(11,31,20,.98) 5%,rgba(12,34,21,.88) 36%,rgba(16,27,18,.22) 100%),url('https://images.unsplash.com/photo-1513558161293-cdaf765edfd4?w=1800&q=85');background-position:center,center;background-size:cover}.hero:after{content:'\2733 ';position:absolute;right:-30px;bottom:-155px;color:#ffffff0c;font-size:500px;line-height:1;pointer-events:none}.hero-content{position:relative;z-index:1;padding-top:120px;padding-bottom:115px}.eyebrow,.section-label{font-size:11px;letter-spacing:2.5px;font-weight:800}.eyebrow{display:flex;align-items:center;gap:13px;color:#e2c788}.eyebrow-line{height:1px;width:29px;background:#e2c788}.hero h1,h2,h3{font-family:'Outfit',sans-serif}.hero h1{font-size:clamp(66px,8.3vw,124px);letter-spacing:-5.5px;line-height:1.02;font-weight:700;margin:24px 0}.hero h1 em,h2 em{font-style:normal;color:var(--gold)}.hero p{font-size:16px;line-height:1.9;color:#d7ded3;max-width:500px}.hero-actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap;margin-top:33px}.button{display:inline-flex;align-items:center;gap:40px;padding:17px 23px;border-radius:4px;font-size:13px;font-weight:800;border:1px solid transparent}.button.gold{background:var(--gold);color:#1e2e23}.button:hover{transform:translateY(-2px)}.hero-stamp{color:#b9c7b8;letter-spacing:1.3px;font-size:9px;font-weight:800}.hero-bottom{position:absolute;bottom:27px;left:0;right:0;display:flex;justify-content:space-between;z-index:2;font-size:10px;font-weight:800;letter-spacing:2px;color:#c6d1c7}.quick-stats{background:#e7ebdc;border-bottom:1px solid #d1d8cb}.stats-grid{display:grid;grid-template-columns:1fr 1fr 1fr 2fr;align-items:center;gap:20px;min-height:137px}.stats-grid>div:not(:last-child){display:flex;align-items:center;gap:17px}.stats-grid strong{font:700 46px 'Outfit',sans-serif;color:#2d4635}.stats-grid span{font-size:10px;line-height:1.6;letter-spacing:1.1px;font-weight:800;max-width:90px}.stats-message{border-left:1px solid #c5d0c1;padding-left:44px;text-align:center;font:800 13px/2 'Outfit',sans-serif;letter-spacing:1.3px}.stats-message i{display:block;color:#8a8c60}.section{padding:115px 0}.section-top{display:flex;justify-content:space-between;align-items:end;gap:25px}.section-label{color:#708d70}.section h2,.featured-section h2{font-size:clamp(42px,5vw,66px);line-height:1.13;letter-spacing:-2.8px;margin:18px 0 20px}.section h2 em{color:#839b71}.section-intro{max-width:500px;line-height:1.8;color:#6c776e;font-size:14px}.section-aside{font-size:10px;font-weight:800;letter-spacing:1.5px;line-height:2;color:#9b9e8a;text-align:right}.filters{display:flex;gap:8px;flex-wrap:wrap;margin:40px 0 34px;padding-bottom:20px;border-bottom:1px solid #d6dbd0}.filter{padding:11px 18px;border:1px solid #d8dfd4;background:transparent;border-radius:30px;color:#58665b;font-size:12px;font-weight:800}.filter span{font-size:10px;opacity:.75;margin-left:10px}.filter:hover,.filter.active{background:var(--green);color:#fff;border-color:var(--green)}.beer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:27px}.beer-card{background:var(--white);border:1px solid #e6e6df;min-width:0}.beer-card[hidden]{display:none}.beer-photo-wrap{height:275px;position:relative;overflow:hidden;background:#d2d9cf}.beer-photo{width:100%;height:100%;object-fit:cover;transition:transform .4s}.beer-card:hover .beer-photo{transform:scale(1.04)}.category-tag{position:absolute;top:15px;left:15px;background:#f8f5eb;letter-spacing:1px;padding:9px 12px;font-size:10px;font-weight:800;text-transform:uppercase}.beer-card-info{padding:25px 25px 19px}.beer-style{text-transform:uppercase;color:#829777;font-weight:800;letter-spacing:1.6px;font-size:10px}.beer-card h3{font-size:26px;margin:10px 0 11px;letter-spacing:-.7px}.beer-card p{font-size:13px;line-height:1.8;color:#728076;min-height:69px;margin-bottom:24px}.beer-specs{border-top:1px solid #e3e7df;padding-top:15px;display:flex;align-items:center;gap:20px;color:#7a857b;font-size:10px;font-weight:800;letter-spacing:.6px}.beer-specs strong{color:#2d4433;font-size:15px}.details-link{margin-left:auto;background:transparent;border:0;color:#3d6349;font-weight:800;font-size:11px;padding:8px 0}.details-link:hover{text-decoration:underline}.empty-filter{padding:50px;text-align:center;color:#7a8276}.featured-section{display:grid;grid-template-columns:1fr 1fr;min-height:620px;background:var(--green)}.featured-visual{position:relative;min-height:540px;overflow:hidden}.featured-visual img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.featured-copy{background:#1a3327;color:#fff;padding:92px clamp(45px,7vw,125px);position:relative;overflow:hidden}.section-label.light{color:#b7d0a4}.featured-kicker{display:block;font-size:10px;font-weight:700;letter-spacing:1.5px;color:#8db090;margin-top:50px}.featured-section h2{margin:18px 0 26px}.featured-section h2 em{color:var(--gold)}.feature-divider{height:1px;background:#50705b;margin:34px 0}.featured-copy h3{font-size:25px;margin:0 0 11px}.featured-copy p{font-size:14px;color:#c2d0c5;line-height:1.9;max-width:400px}.button.outlined{border-color:#829b83;color:white;margin-top:26px;position:relative;z-index:2}.featured-decoration{position:absolute;bottom:-190px;right:-40px;font-size:490px;color:#fff1;pointer-events:none}.story-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:11%}.story-photo{position:relative;min-height:560px}.story-photo-image{position:absolute;inset:0;background:#68795c url('https://images.unsplash.com/photo-1514933651103-005eec06c04b?w=1300&q=85') center/cover}.story-photo-badge{position:absolute;bottom:-25px;right:-30px;background:var(--gold);color:var(--ink);border-radius:50%;height:155px;width:155px;display:flex;align-items:center;justify-content:center;text-align:center;font:800 15px/1.5 'Outfit',sans-serif;letter-spacing:2px;transform:rotate(11deg)}.story-photo-badge span{font-size:20px}.story-content p{line-height:2;font-size:14px;color:#68766c}.story-signoff{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #d3d9ce;margin-top:38px;padding-top:24px;color:#4e6c51;letter-spacing:2px;font-size:11px;font-weight:800}.story-signoff span{font-size:25px}.closing-banner{background:var(--gold);text-align:center;padding:75px 0}.closing-banner span{font-size:11px;letter-spacing:2.2px;font-weight:800}.closing-banner h2{font-size:clamp(35px,5vw,67px);letter-spacing:-2px;margin:14px 0}.closing-banner h2 em{color:#f8f3e4}.footer{background:#15291f;color:#e4ebdc}.footer-main{padding-top:65px;padding-bottom:70px;display:grid;grid-template-columns:1.1fr 1fr .5fr;gap:65px}.footer .brand-mark{color:#b1c6a0}.footer-main>div:nth-child(2)>span{font-size:11px;font-weight:800;letter-spacing:2px}.footer-main p{color:#a2b1a3;font-size:13px;line-height:1.9;max-width:340px}.footer-main>div:last-child{display:flex;flex-direction:column;gap:13px;font-size:12px;font-weight:700}.footer-bottom{border-top:1px solid #345044;display:flex;justify-content:space-between;padding-top:25px;padding-bottom:25px;font-size:10px;letter-spacing:1.3px;color:#9aad9c}.modal[hidden]{display:none}.modal{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:20px}.modal-backdrop{position:absolute;inset:0;background:#0e2018dc}.modal-dialog{position:relative;background:var(--cream);max-width:950px;width:100%;max-height:90vh;overflow:auto}.modal-close{position:absolute;right:16px;top:16px;z-index:2;background:var(--gold);border:0;width:39px;height:39px;border-radius:50%;font-size:26px}.modal-dialog #modalContent{display:grid;grid-template-columns:1fr 1fr}.modal-photos img#modalMainPhoto{width:100%;height:420px;object-fit:cover}.modal-thumbs{display:flex;gap:8px;padding:10px}.modal-thumbs button{width:78px;height:70px;padding:0;border:0;background:none}.modal-thumbs img{width:100%;height:100%;object-fit:cover}.modal-copy{padding:56px 40px}.modal-copy h2{font-size:43px;margin:10px 0 20px}.modal-copy p{line-height:1.8;font-size:14px;color:#5e6c61}.detail-stats{display:flex;gap:20px;padding:23px 0;border-top:1px solid #d5dfd0;border-bottom:1px solid #d5dfd0;margin:27px 0;font-size:11px}.detail-stats strong{font-size:21px;color:#294832;margin-right:5px}.admin-body{background:#f0f2eb}.admin-header{background:var(--green);color:white;padding:24px 0}.admin-header .shell{display:flex;align-items:center;justify-content:space-between}.admin-header a{font-size:13px}.admin-container{max-width:1150px;margin:45px auto 100px;padding:0 25px}.admin-title{font-size:38px;margin:0 0 12px}.admin-lede{color:#68776a;margin:0 0 25px}.admin-card{background:white;border:1px solid #d9e2d9;padding:32px;margin-bottom:25px;border-radius:7px}.admin-card h2{margin-top:0;font-size:23px}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.field{display:flex;flex-direction:column;gap:8px;min-width:0}.field.wide{grid-column:1/-1}.field label{font-size:12px;font-weight:800;color:#4a614e}.field input,.field select,.field textarea{border:1px solid #d1d9ce;border-radius:5px;padding:12px;background:#fcfdfb;width:100%;color:#26392a}.field textarea{min-height:120px;resize:vertical}.form-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.action{background:#244b31;color:white;border:0;padding:12px 20px;border-radius:5px;font-weight:800;font-size:13px}.action.alt{background:#e7ebdf;color:#314e35}.action.danger{background:#a44135}.notice{background:#e2f0df;color:#315a37;border:1px solid #b8d3b5;padding:15px;margin-bottom:20px;border-radius:5px}.notice.error{background:#fff0ea;border-color:#ecc5bc;color:#983b30}.admin-table{width:100%;border-collapse:collapse;font-size:13px}.admin-table th{text-align:left;color:#637663;font-size:11px;letter-spacing:1px}.admin-table td,.admin-table th{padding:13px 8px;border-bottom:1px solid #e5e9e3}.admin-table img{width:60px;height:48px;object-fit:cover;border-radius:4px}.admin-table .actions{white-space:nowrap}.admin-table .actions a,.admin-table .actions button{border:0;background:none;color:#29613c;font-weight:800;padding:5px;text-decoration:underline}.admin-table .actions button{color:#aa4338}.photo-preview{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.photo-preview img{width:95px;height:75px;object-fit:cover;border-radius:4px}.small-note{font-size:12px;line-height:1.7;color:#71806e}.login-card{max-width:460px;margin:80px auto}.login-card .field{margin-bottom:16px}@media(max-width:960px){.beer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.site-nav{gap:17px}.story-grid{gap:6%}.featured-copy{padding:65px 45px}.stats-grid{grid-template-columns:repeat(3,1fr)}.stats-message{display:none}}@media(max-width:700px){.shell{padding-left:20px;padding-right:20px}.nav-inner{height:72px}.nav-cta{display:none}.menu-toggle{display:block}.site-nav{display:none;position:absolute;top:72px;left:0;right:0;background:var(--cream);padding:25px;box-shadow:0 10px 15px #1a2b2330;flex-direction:column}.site-nav.open{display:flex}.hero{min-height:590px}.hero-content{padding-top:90px}.hero h1{letter-spacing:-3px}.hero-stamp{max-width:220px;line-height:1.5}.hero-bottom{font-size:8px}.stats-grid{min-height:125px;gap:7px}.stats-grid>div:not(:last-child){display:block;text-align:center}.stats-grid strong{font-size:32px;display:block}.stats-grid span{font-size:8px}.section{padding:75px 0}.section-aside{display:none}.beer-grid{grid-template-columns:1fr}.beer-photo-wrap{height:300px}.featured-section{grid-template-columns:1fr}.featured-visual{min-height:330px}.featured-copy{padding:60px 25px}.story-grid{grid-template-columns:1fr;gap:65px}.story-photo{min-height:340px}.story-photo-badge{right:4px}.footer-main{grid-template-columns:1fr;gap:25px}.footer-bottom{gap:20px;flex-wrap:wrap}.modal-dialog #modalContent{grid-template-columns:1fr}.modal-photos img#modalMainPhoto{height:260px}.modal-copy{padding:32px 24px}.field-grid{grid-template-columns:1fr}.admin-table{display:block;overflow-x:auto}.brand strong{font-size:18px}}

/* Elews Brews identity. Original supplied logo retained intact. */
.site-header {background:#173124;border-bottom-color:#304b36}
.site-header .site-nav a {color:#f7f9f1}
.site-header .nav-cta {color:#fff;border-color:#789477}
.site-header .menu-toggle {color:#fff}
.nav-inner {min-height:116px;height:auto;padding-top:9px;padding-bottom:9px}
.brand-logo {display:block;width:285px;height:auto;max-height:105px;object-fit:contain}
.footer .brand-logo {width:265px}
.admin-header .brand-logo {width:230px}
.admin-brand-label {font-size:10px;font-weight:800;letter-spacing:1.5px;max-width:140px;white-space:normal}
@media(max-width:960px){.brand-logo{width:220px}.nav-inner{gap:15px}.site-nav{gap:15px}}
@media(max-width:700px){.nav-inner{min-height:88px;height:auto}.brand-logo{width:185px}.site-nav{top:88px;background:#173124}.site-nav a{color:#fff}.admin-header .brand-logo{width:170px}.admin-brand-label{font-size:9px}}
