@charset "utf-8";
:root{--forest:#20372d;--forest-deep:#152b22;--paper:#f8f7f1;--cream:#eeeae0;--text:#273b31;--muted:#7b8178;--line:#e0e3d9;--gold:#eac777;--lime:#cbe3aa;--accent:#e1a363;--serif:Georgia,"Times New Roman",serif;--sans:Inter,"Segoe UI",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--text);font:400 15px/1.55 var(--sans);-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #d6a35c;outline-offset:3px}button:disabled{opacity:.4;cursor:not-allowed}::selection{background:#cbe3aa;color:#20372d}.shell{width:min(1260px,calc(100% - 90px));margin-inline:auto}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:absolute;top:-100px;left:15px;background:white;padding:10px;z-index:30}.skip-link:focus{top:12px}.site-header{height:84px;background:var(--paper);position:sticky;top:0;z-index:20;border-bottom:1px solid #e8e8df}.header-inner{display:flex;align-items:center;justify-content:space-between;height:100%;gap:25px}.brand{display:flex;gap:10px;align-items:center;font-size:15px;line-height:1.02;font-weight:900;letter-spacing:-.05em;color:var(--forest)}.brand small{font-size:15px;font-weight:900;display:block;letter-spacing:.008em}.brand-mark{width:39px;height:39px;border-radius:50%;background:var(--forest);color:var(--lime);display:grid;place-items:center;font-size:25px}.brand-mark span{transform:rotate(20deg);display:block}.header-nav{display:flex;gap:35px;font-size:13px;font-weight:650}.header-nav a:hover{color:#aa7c43}.btn{border:0;display:inline-flex;align-items:center;justify-content:center;gap:30px;white-space:nowrap;border-radius:4px;min-height:46px;padding:12px 19px;font-size:13px;font-weight:700;transition:transform .2s,background .2s,color .2s}.btn:hover{transform:translateY(-2px)}.btn-dark{background:var(--forest);color:white}.btn-dark:hover{background:#365b47}.btn-primary{background:var(--lime);color:var(--forest)}.btn-primary:hover{background:#e2efcc}.btn-outline{background:transparent;color:var(--forest);border:1px solid #becbbf}.btn-outline:hover{background:#e7eadf}.btn-ghost{color:white;border:1px solid #64776c;background:transparent}.btn-ghost:hover{background:#3b5045}.header-action{padding-inline:19px;min-height:43px}.hero{background:var(--forest);color:white;min-height:600px;margin-top:26px;border-radius:8px;overflow:hidden;position:relative;display:grid;grid-template-columns:53% 47%;padding:70px 68px 74px}.hero:before{content:"";position:absolute;inset:0;opacity:.09;background-image:radial-gradient(#f5f1df .5px,transparent .5px);background-size:7px 7px;pointer-events:none}.hero-copy{position:relative;z-index:2;align-self:center;padding:20px 0 24px}.hero-eyebrow,.overline{font-size:11px;letter-spacing:.17em;font-weight:900}.hero-eyebrow{color:var(--lime);display:flex;align-items:center;gap:11px}.eyebrow-dot{width:7px;height:7px;border-radius:50%;background:#d9b565;box-shadow:0 0 0 5px #d9b5651b}.hero h1{font:normal clamp(60px,6vw,94px)/.97 var(--serif);letter-spacing:-.055em;margin:34px 0 28px}.hero h1 em{font-weight:normal;color:var(--lime)}.hero-copy>p:not(.hero-fineprint){color:#c0cec4;max-width:430px;font-size:17px;line-height:1.65;margin:0}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:34px}.hero-text-link{font-size:13px;border-bottom:1px solid #91a99a;padding-bottom:3px}.hero-text-link:hover{color:var(--lime)}.hero-fineprint{font-size:10px;letter-spacing:.15em;color:#9daf9e;margin-top:58px;font-weight:750}.hero-art{position:relative;min-height:445px;isolation:isolate}.hero-ring{position:absolute;border-radius:50%;left:50%;top:46%;transform:translate(-50%,-50%);background:#3d5747;width:405px;aspect-ratio:1}.ring-one:before{content:"";position:absolute;inset:18px;border:1px solid #c9d9bc50;border-radius:50%}.ring-two{width:300px;background:#536d55;opacity:.35}.art-caption{position:absolute;z-index:4;font-size:10px;font-weight:800;letter-spacing:.21em;color:#d6e4c9}.art-caption-top{right:10px;top:50px;transform:rotate(8deg)}.art-caption-bottom{bottom:23px;left:47px;font-size:9px;color:#b8c9b2}.art-glass{position:absolute;z-index:2;width:163px;height:300px;bottom:65px;border-radius:16px 16px 28px 28px;border:7px solid #e9f0db99;border-top-width:4px;overflow:visible;background:#e5ad40;box-shadow:inset 12px 0 15px #ffffff43,inset -14px 0 17px #6b3f174a,15px 25px 28px #14261d77;transform-origin:bottom center}.art-glass:before{content:"";position:absolute;bottom:-12px;left:-12px;right:-12px;height:19px;border-radius:50%;background:#c5d6be;box-shadow:0 9px 12px #15261d66;z-index:3}.art-glass-back{left:19%;bottom:78px;transform:rotate(-13deg) scale(.85);background:#5b2c21}.art-glass-front{left:45%;transform:rotate(10deg);background:#e9a735}.art-glass .art-foam{position:absolute;z-index:3;height:36px;left:-4px;right:-4px;top:-20px;background:linear-gradient(#fffdf0,#e8eedb);border-radius:40% 50% 35% 36%;box-shadow:0 10px 9px #fffdf0a1}.art-glass .art-foam:after{content:"";position:absolute;top:10px;left:14px;width:48px;height:22px;border-radius:50%;background:#fffdf0}.art-liquid{position:absolute;inset:0;border-radius:0 0 20px 20px;background:repeating-linear-gradient(0deg,transparent 0 23px,#ffffff0d 24px 25px);opacity:.9}.art-bubbles{position:absolute;inset:50px 18px 30px;background-image:radial-gradient(#fff4d6b3 2px,transparent 3px),radial-gradient(#fff4d6a0 1.5px,transparent 3px);background-size:37px 47px,53px 55px;background-position:6px 0,28px 16px;opacity:.65}.art-shine{position:absolute;top:43px;bottom:22px;left:8px;width:14px;border-radius:12px;background:#fff8e44c}.art-badge{position:absolute;z-index:5;right:0;bottom:77px;width:95px;height:95px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#243a2e;background:var(--lime);border-radius:50%;font:italic 26px var(--serif);transform:rotate(13deg);box-shadow:0 8px 20px #14251f40}.art-badge span{font:900 9px var(--sans);letter-spacing:.08em;margin-top:3px}.hero-bottom{position:absolute;bottom:23px;left:68px;right:68px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.14em;color:#a3b5a6;font-weight:800;border-top:1px solid #536b5b;padding-top:16px}.quick-stats{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line);padding:35px 0 33px;gap:28px}.quick-stat{display:flex;align-items:center;gap:15px;min-height:58px}.quick-stat:not(:first-child){border-left:1px solid var(--line);padding-left:26px}.quick-stat strong{font:normal 48px/.95 var(--serif);letter-spacing:-.06em}.quick-stat>span{font-weight:800;font-size:10px;letter-spacing:.1em;max-width:128px;line-height:1.5}.stat-message .stat-spark{font-size:31px;color:#91a987}.stat-message p{font:italic 20px/1.2 var(--serif);margin:0}.catalog-section{padding-top:104px;padding-bottom:122px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:33px}.overline{color:#829282}.section-heading h2,.journal-intro h2{font:normal clamp(42px,4.4vw,65px)/1.05 var(--serif);letter-spacing:-.055em;margin:16px 0 16px}.section-heading h2 em,.journal-intro h2 em{font-weight:normal;color:#77977d}.section-heading p{max-width:590px;color:#737e74;margin:0;line-height:1.7}.section-heading .btn{margin-bottom:10px}.toolbar{display:flex;gap:14px}.search-field{display:flex;align-items:center;flex:1;height:53px;border:1px solid #d9ded4;background:white;border-radius:4px;padding:0 16px;gap:10px}.search-field>span:first-child{font-size:26px;color:#5d7567;line-height:1}.search-field input{border:0;outline:0;flex:1;width:100%;background:transparent;color:var(--text);font-size:14px}.search-field input:focus-visible{outline:0}.search-field:focus-within{outline:2px solid #b1c7ab}.sort-field select{height:53px;min-width:194px;border:1px solid #d9ded4;background:white;border-radius:4px;color:var(--text);padding:0 12px;font-size:13px}.filter-row{display:flex;justify-content:space-between;gap:20px;margin-top:23px;align-items:center}.filter-chips{display:flex;flex-wrap:wrap;gap:8px}.chip{border:1px solid #d9ded4;background:transparent;padding:8px 13px;border-radius:30px;color:#52665a;font-size:12px;font-weight:700}.chip:hover,.chip.active{background:var(--forest);color:#fff;border-color:var(--forest)}.rated-switch{display:flex;gap:9px;align-items:center;white-space:nowrap;font-size:12px;font-weight:700;color:#526559;cursor:pointer}.rated-switch input{position:absolute;opacity:0;width:1px;height:1px}.switch-track{display:inline-block;position:relative;width:37px;height:22px;border-radius:30px;background:#cbd0c5;transition:background .2s}.switch-track:before{content:"";position:absolute;width:16px;height:16px;top:3px;left:3px;background:white;border-radius:50%;transition:transform .2s}.rated-switch input:checked+.switch-track{background:#52755c}.rated-switch input:checked+.switch-track:before{transform:translateX(15px)}.rated-switch input:focus-visible+.switch-track{outline:3px solid var(--accent);outline-offset:3px}.result-count{font-size:11px;letter-spacing:.12em;color:#7b8b80;font-weight:800;margin:29px 0 19px}.beer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.beer-card{border:1px solid #e1e6dc;background:white;border-radius:5px;overflow:hidden;transition:box-shadow .24s,transform .24s;display:flex;flex-direction:column}.beer-card:hover{transform:translateY(-4px);box-shadow:0 15px 35px #223b2c14}.beer-visual{height:203px;background:var(--bg,#e8eadc);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.beer-visual:before{content:"";width:180px;height:180px;position:absolute;border:1px solid #ffffffa8;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.beer-visual:after{content:"";height:24px;width:145px;position:absolute;border-radius:50%;bottom:15px;background:#26382b27;filter:blur(10px)}.visual-index{position:absolute;top:17px;left:20px;font-size:10px;font-weight:850;letter-spacing:.12em;color:#4e6051}.visual-style{position:absolute;right:17px;top:17px;border:1px solid #60756450;padding:4px 8px;border-radius:3px;font-size:10px;font-weight:800;letter-spacing:.06em;color:#4e6051}.beer-vessel{width:92px;height:136px;position:relative;z-index:1;transform:rotate(-8deg) translateY(13px);filter:drop-shadow(4px 11px 6px #3d4c3745)}.beer-vessel:before{content:"";position:absolute;left:24px;right:24px;top:-24px;height:34px;border-radius:5px 5px 1px 1px;background:linear-gradient(90deg,#473a25,#78532b,#352f24);box-shadow:inset 2px 0 #ffffff4a}.beer-vessel:after{content:"";position:absolute;left:19px;right:19px;top:-31px;height:8px;border-radius:2px;background:repeating-linear-gradient(90deg,#aa9876 0 6px,#847451 6px 8px)}.vessel-body{height:132px;border-radius:15px 15px 10px 10px;background:linear-gradient(95deg,#342c24 0,#7b5a38 14%,var(--beer,#d3a04c) 42%,#53402c 86%,#2b2924 100%);border:2px solid #644c32;display:flex;justify-content:center;align-items:center;overflow:hidden}.vessel-label{width:88px;min-height:63px;background:var(--label,#f0dfaa);box-shadow:0 3px 6px #1115;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;color:var(--ink,#34513a);border-block:3px solid var(--ink,#34513a);padding:8px 3px;transform:rotate(-2deg)}.vessel-label .little-star{font-size:15px;line-height:1}.vessel-label .label-text{font:800 10px/1.13 var(--sans);text-transform:uppercase;max-width:82px;overflow-wrap:anywhere}.vessel-label .label-sub{font-size:7px;letter-spacing:.05em;font-weight:700}.beer-card-content{padding:23px 22px 21px;flex:1;display:flex;flex-direction:column}.beer-origin{display:flex;justify-content:space-between;align-items:center;gap:12px;color:#788779;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.beer-card h3{font:normal 28px/1.1 var(--serif);letter-spacing:-.04em;margin:14px 0 10px}.beer-desc{color:#737f74;font-size:13px;line-height:1.55;min-height:42px;margin:0 0 18px}.beer-tags{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:19px}.beer-tag{padding:5px 8px;background:#eff1e9;border-radius:3px;color:#657569;font-size:10px;font-weight:700}.beer-card-foot{border-top:1px solid #edf0e9;padding-top:15px;display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:auto}.card-score{font-size:12px;color:#66786a;font-weight:700}.card-score strong{font:normal 24px var(--serif);color:var(--forest)}.card-score .score-star{color:#d49d4f}.card-action{border:0;background:var(--forest);color:white;border-radius:3px;padding:10px 13px;font-size:12px;font-weight:750}.card-action:hover{background:#447053}.source-link{font-size:11px;display:inline-block;color:#748376;text-decoration:underline;text-underline-offset:3px;margin-top:14px}.source-link:hover{color:#355f3d}.empty-state{text-align:center;padding:70px 20px;border:1px dashed #bcc9bb}.empty-state>span{font:normal 65px var(--serif)}.empty-state h3{font:normal 33px var(--serif);margin:8px 0}.empty-state p{color:#819083}.journal-section{background:var(--forest);color:white;padding:106px 0 114px;position:relative;overflow:hidden}.journal-section:before{content:"";position:absolute;right:-120px;top:-90px;border-radius:50%;width:430px;height:430px;border:65px solid #ffffff07}.journal-inner{display:grid;grid-template-columns:50% 1fr;gap:80px;align-items:center;position:relative}.overline.light{color:#c5dbbd}.journal-intro h2{font-size:clamp(48px,5vw,73px);margin-top:21px}.journal-intro h2 em{color:var(--lime)}.journal-intro p{font-size:16px;color:#c3d0c5;max-width:440px;line-height:1.7}.journal-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:33px}.journal-panel{background:#f7f7ed;color:var(--forest);padding:37px;border-radius:5px;box-shadow:15px 18px 0 #385242}.journal-panel-top{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.15em;font-weight:850;color:#718579}.round-stamp{font-size:27px;color:#93ac8b}.journal-total{display:flex;align-items:baseline;gap:15px;margin:20px 0 19px}.journal-total strong{font:normal 85px/1 var(--serif);letter-spacing:-.07em}.journal-total span{font-size:14px;color:#5c6b60}.progress-outer{height:8px;border-radius:30px;background:#dae3d4;overflow:hidden}.progress-outer>div{height:100%;background:#8aa66b;width:0%;transition:width .35s}.journal-rank-heading{margin:36px 0 14px;font-size:10px;font-weight:900;letter-spacing:.14em}.ranking-row{display:flex;align-items:center;gap:14px;padding:11px 0;border-bottom:1px solid #e0e4d9}.ranking-num{font:normal 23px var(--serif);width:28px;color:#8ba58c}.ranking-details{flex:1;min-width:0}.ranking-details strong{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ranking-details small{color:#778679;font-size:11px}.ranking-score{font:normal 24px var(--serif);color:var(--forest)}.ranking-placeholder{color:#7f8f80;font-size:13px;line-height:1.6;padding:15px 0}.journal-footnote{font-size:11px;color:#7c8c80;margin-top:24px}.guide-section{padding:104px 0 112px}.guide-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:53px;gap:25px}.guide-grid article{border-top:2px solid #aab9a2;padding-top:22px;position:relative}.step-n{font-size:11px;color:#859584;letter-spacing:.12em;font-weight:850}.step-icon{display:block;font:normal 54px/1 var(--serif);color:#8aab89;margin:27px 0 30px}.guide-grid h3{font:normal 30px var(--serif);letter-spacing:-.04em;margin:0 0 14px}.guide-grid p{font-size:13px;color:#77877b;line-height:1.75;max-width:250px}.source-note{border-top:1px solid var(--line);padding:28px 0 65px;display:flex;gap:34px;align-items:start}.source-note>span{flex:0 0 170px}.source-note p{font-size:12px;line-height:1.7;max-width:760px;color:#839084;margin:0}.site-footer{background:#e6ebdf}.footer-main{padding:58px 0 52px;display:grid;grid-template-columns:1.3fr .7fr 1.4fr;gap:64px}.footer-brand{font-size:23px;letter-spacing:-.07em;font-weight:900;line-height:1}.footer-brand i{font:italic 26px var(--serif);letter-spacing:-.05em}.footer-main p{font-size:12px;line-height:1.75;color:#697d70;max-width:400px}.footer-main>div:not(:first-child){display:flex;flex-direction:column;align-items:start;gap:10px}.footer-main strong{font-size:10px;letter-spacing:.12em;margin-bottom:7px}.footer-main a:not(.footer-brand){font-size:13px;color:#5e7365}.footer-main a:hover{text-decoration:underline}.footer-main>div:last-child p{margin:0}.footer-bottom{border-top:1px solid #cdd6c9;padding:20px 0 24px;display:flex;justify-content:space-between;gap:20px;font-size:10px;font-weight:800;letter-spacing:.05em;color:#728172}.modal{border:0;border-radius:7px;padding:0;width:min(620px,calc(100vw - 28px));max-height:min(90vh,900px);overflow:auto;color:var(--forest);box-shadow:0 18px 85px #06190f6b;background:#fafaf5}.modal::backdrop{background:#0b1d14a6;backdrop-filter:blur(3px)}.modal-top{padding:18px 25px;background:#e7ecdf;display:flex;justify-content:space-between;align-items:center}.icon-close{border:0;background:transparent;font-size:30px;line-height:1;color:#546456;width:34px;height:34px}.modal-body{padding:26px 36px 36px}.modal-beer-origin{color:#879285;font-size:11px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.modal h2{font:normal 41px/1.05 var(--serif);letter-spacing:-.045em;margin:8px 0 12px}.modal-blurb{font-size:13px;color:#7d887c;line-height:1.6;margin:0 0 25px}.rating-fields{display:grid;grid-template-columns:1fr 1fr;gap:24px 27px}.rating-field label{display:flex;justify-content:space-between;font-size:13px;font-weight:750;margin-bottom:11px}.rating-field label output{font-weight:800;color:#4c7358}.rating-field input{width:100%;accent-color:#638963;cursor:pointer}.rating-scale{display:flex;justify-content:space-between;font-size:10px;color:#879287}.rating-summary{margin:27px 0;padding:15px 18px;background:#e8eee2;border-radius:4px;display:flex;align-items:center;justify-content:space-between;gap:15px}.rating-summary span{font-size:10px;letter-spacing:.09em;font-weight:900}.rating-summary strong{font:normal 36px var(--serif)}.rating-summary small{font:normal 14px var(--sans);color:#758675}.form-label{display:block;font-size:12px;font-weight:800;margin:17px 0 7px}.modal textarea,.modal input:not([type=hidden]):not([type=range]),.modal select{border:1px solid #d1d9ce;border-radius:3px;background:white;width:100%;padding:12px 13px;color:var(--forest)}.modal textarea{resize:vertical;min-height:110px}.modal-actions{display:flex;gap:13px;align-items:center;justify-content:space-between;margin-top:24px}.form-two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,15px);background:#20372d;color:white;padding:13px 21px;border-radius:4px;box-shadow:0 5px 30px #142b2450;font-size:13px;opacity:0;pointer-events:none;z-index:99;transition:opacity .2s,transform .2s;max-width:calc(100vw - 30px)}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:1050px){.shell{width:min(100% - 56px,1260px)}.hero{padding:57px 43px 70px}.hero-bottom{left:43px;right:43px}.hero h1{font-size:clamp(55px,6.8vw,82px)}.art-glass-back{left:7%}.art-glass-front{left:43%}.journal-inner{gap:44px}.journal-panel{padding:28px}.quick-stat{gap:9px}.quick-stat:not(:first-child){padding-left:14px}.quick-stat strong{font-size:41px}}@media(max-width:790px){.shell{width:calc(100% - 36px)}.site-header{height:69px}.header-nav{display:none}.hero{grid-template-columns:1fr;padding:48px 30px 70px;min-height:0;margin-top:14px}.hero-copy{padding:0}.hero h1{font-size:clamp(55px,11vw,88px);margin:26px 0}.hero-art{min-height:350px;max-width:480px;width:100%;margin:auto}.hero-ring{width:310px}.ring-two{width:250px}.art-glass{bottom:38px}.art-glass-back{left:21%;bottom:45px}.art-glass-front{left:45%}.art-badge{right:9%;bottom:40px}.art-caption-bottom{bottom:6px}.hero-bottom{left:30px;right:30px}.quick-stats{grid-template-columns:repeat(2,1fr);row-gap:24px}.quick-stat:nth-child(3){border-left:0;padding-left:0}.catalog-section{padding-top:72px;padding-bottom:80px}.section-heading{align-items:start;flex-direction:column}.beer-grid{grid-template-columns:repeat(2,1fr)}.journal-inner{grid-template-columns:1fr}.journal-section{padding:77px 0 80px}.journal-panel{max-width:600px}.guide-grid{grid-template-columns:repeat(2,1fr)}.guide-section{padding:72px 0}.footer-main{grid-template-columns:1fr 1fr;gap:36px}.footer-main>div:last-child{grid-column:1/-1}}@media(max-width:560px){.header-action{padding:10px 12px;gap:8px;font-size:11px}.brand,.brand small{font-size:12px}.brand-mark{width:34px;height:34px;font-size:22px}.hero{padding:37px 22px 68px}.hero-eyebrow{font-size:9px;letter-spacing:.08em}.hero h1{font-size:clamp(50px,12vw,67px)}.hero-copy>p:not(.hero-fineprint){font-size:14px}.hero-actions{gap:18px;flex-wrap:wrap}.hero-actions .btn{min-height:44px}.hero-fineprint{margin-top:27px;font-size:9px}.hero-art{min-height:305px}.hero-ring{width:270px}.ring-two{width:210px}.art-glass{transform:rotate(6deg) scale(.75);bottom:-5px}.art-glass-back{transform:rotate(-13deg) scale(.65);bottom:15px;left:9%}.art-glass-front{left:35%;bottom:0}.art-badge{right:2%;bottom:14px;width:73px;height:73px;font-size:20px}.art-badge span{font-size:7px}.art-caption-top{top:36px;right:0;font-size:8px}.art-caption-bottom{left:10px}.hero-bottom{left:22px;right:22px;font-size:8px}.hero-bottom span:last-child{display:none}.quick-stats{gap:14px 9px}.quick-stat strong{font-size:39px}.quick-stat>span{font-size:9px}.quick-stat:not(:first-child){padding-left:10px}.stat-message .stat-spark{font-size:25px}.stat-message p{font-size:16px}.section-heading h2{font-size:44px}.toolbar{flex-direction:column}.sort-field select{width:100%}.filter-row{flex-direction:column;align-items:start}.beer-grid{grid-template-columns:1fr;gap:17px}.beer-visual{height:208px}.beer-card h3{font-size:30px}.journal-intro h2{font-size:53px}.journal-panel{box-shadow:8px 9px 0 #385242;padding:25px}.journal-total strong{font-size:71px}.guide-grid{gap:21px 17px}.guide-grid h3{font-size:25px}.guide-grid p{font-size:12px}.step-icon{font-size:44px;margin:17px 0}.source-note{display:block}.source-note p{margin-top:12px}.footer-main{grid-template-columns:1fr;gap:26px}.footer-main>div:last-child{grid-column:auto}.footer-bottom{flex-direction:column}.modal-body{padding:20px}.modal h2{font-size:36px}.rating-fields{gap:19px 14px}.rating-field label{font-size:11px}.modal-actions{flex-direction:column-reverse;align-items:stretch}.modal-actions .btn{width:100%}.form-two{grid-template-columns:1fr}.modal-top{padding:12px 19px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Produktfotos von den jeweiligen Brauereien; gezeichnete Flaschen als Ausfallsicherung. */
.beer-visual .visual-index,.beer-visual .visual-style{z-index:4}
.beer-photo-wrap{position:absolute;inset:0;z-index:2;background:var(--bg,#e8eadc);display:flex;align-items:center;justify-content:center}
.beer-photo{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:center;display:block;padding:7px 25px 12px;filter:drop-shadow(0 11px 8px #1c2c2018)}
.beer-photo-credit{position:absolute;bottom:8px;right:12px;color:#607565;font-size:8px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;background:#eef3e7c0;padding:2px 5px;border-radius:3px;white-space:nowrap}
.beer-visual.photo-failed .beer-photo-wrap{display:none}