.beer-archive{padding-bottom:clamp(90px,12vw,150px);background:var(--aim26-paper);color:var(--aim26-ink)}
.beer-archive__inner{width:min(calc(100% - var(--aim26-gutter)*2),var(--aim26-wide));margin-inline:auto}
.beer-archive__hero{padding:clamp(48px,7vw,96px) 0 clamp(58px,8vw,110px);border-bottom:1px solid var(--aim26-line)}
.beer-archive__hero .beer-archive__inner{display:grid;grid-template-columns:minmax(0,7fr) minmax(270px,5fr);gap:clamp(36px,7vw,110px);align-items:end}
.beer-archive__label{margin:0 0 16px;color:var(--aim26-brew);font:600 11px/1.4 var(--aim26-en);letter-spacing:.18em}
.beer-archive__title{grid-column:1;margin:0;font-size:clamp(36px,5vw,70px);font-weight:500;line-height:1.25;letter-spacing:.01em;word-break:keep-all}
.beer-archive__lead{grid-column:2;grid-row:1/3;margin:0;color:var(--aim26-muted);font-size:14px;line-height:2}
.beer-archive__lead a{color:inherit;text-decoration-color:var(--aim26-brew)}
.beer-archive__list{padding-top:clamp(55px,7vw,90px)}
.beer-filter{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}
.beer-filter__button{min-height:44px;padding:8px 16px;border:1px solid var(--aim26-line);border-radius:999px;background:transparent;color:var(--aim26-ink);font:600 10px/1 var(--aim26-en);letter-spacing:.12em;cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease,opacity .2s ease}
.beer-filter__button.is-active{border-color:var(--aim26-ink);background:var(--aim26-ink);color:#fff}
.beer-filter__note{margin:0 0 42px;color:var(--aim26-muted);font-size:11px}
.beer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(28px,4vw,54px) clamp(20px,3vw,40px)}
.beer-card{position:relative;min-width:0;border-top:1px solid var(--aim26-line)}
.beer-card::before{content:"";position:absolute;z-index:1;top:-1px;left:0;width:38px;height:3px;background:var(--aim26-brew)}
.beer-card__link{display:flex;height:100%;min-width:0;flex-direction:column;color:inherit;text-decoration:none;transition:opacity .24s ease,background-color .24s ease}
.beer-card__heading{min-width:0;padding:24px 8px 19px}
.beer-card__image{position:relative;aspect-ratio:4/3;overflow:hidden;background:#e8e3d9}
.beer-card__image>img{width:100%;height:100%;object-fit:cover}
.beer-card__label-image{position:absolute;right:12px;bottom:12px;width:64px;aspect-ratio:1;overflow:hidden;background:#fff}
.beer-card__label-image img{width:100%;height:100%;object-fit:cover}
.beer-card__status{position:absolute;top:12px;left:12px;padding:7px 9px;background:rgba(23,14,0,.88);color:#fff;font:600 9px/1 var(--aim26-en);letter-spacing:.1em}
.beer-card__status--limited{background:var(--aim26-brew);color:var(--aim26-ink)}
.beer-card__status--archive{background:rgba(70,66,60,.86)}
.beer-card__status-text,.beer-card__style{margin:0 0 10px;color:var(--aim26-brew);font:600 10px/1.45 var(--aim26-en);letter-spacing:.1em}
.beer-card__content{display:flex;min-width:0;flex:1;flex-direction:column;padding:21px 8px 10px}
.beer-card__title{margin:0;font:400 clamp(25px,2.3vw,34px)/1.15 var(--aim26-en);letter-spacing:.015em;overflow-wrap:anywhere}
.beer-card__description{display:-webkit-box;margin:0 0 20px;overflow:hidden;color:var(--aim26-muted);font-size:13px;line-height:1.8;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.beer-card__chart{width:min(100%,210px);margin:auto auto 18px;pointer-events:none}
.beer-card__meta{display:flex;flex-wrap:wrap;gap:8px;padding-top:16px;border-top:1px solid var(--aim26-line);color:var(--aim26-muted);font:500 10px/1.5 var(--aim26-en)}
.beer-card__meta span{display:inline-flex;gap:7px}.beer-card__meta strong{color:var(--aim26-ink)}
.beer-archive__empty{margin:60px 0;text-align:center;color:var(--aim26-muted)}
.beer-archive .p-pagination{display:flex;justify-content:center;gap:8px;margin:70px 0 0;padding:0;list-style:none}.beer-archive .p-pagination a,.beer-archive .p-pagination span{display:grid;min-width:44px;min-height:44px;place-items:center;border:1px solid var(--aim26-line);text-decoration:none}.beer-archive .p-pagination__item--current span{background:var(--aim26-ink);color:#fff}
@media(hover:hover) and (pointer:fine){.beer-filter__button:hover{border-color:var(--aim26-brew);color:var(--aim26-brew)}.beer-filter__button.is-active:hover{color:#fff;opacity:.78}.beer-card__link:hover{opacity:.76}}
@media(max-width:1024px){.beer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.beer-archive__hero .beer-archive__inner{grid-template-columns:1fr}.beer-archive__lead{grid-column:1;grid-row:auto}.beer-grid{grid-template-columns:1fr}.beer-card__title{font-size:28px}.beer-filter{flex-wrap:nowrap;margin-right:calc(var(--aim26-gutter)*-1);padding-right:var(--aim26-gutter);overflow-x:auto}.beer-filter__button{flex:0 0 auto}.beer-filter__note{line-height:1.7}}
@media(prefers-reduced-motion:reduce){.beer-filter__button,.beer-card__link{transition:none}}
.beer-archive__hero .beer-archive__inner>*,.beer-card__link>*,.beer-card__heading,.beer-card__content{min-width:0;max-width:100%}
.beer-archive__title,.beer-card__title{max-width:100%;min-width:0;word-break:normal;line-break:strict;overflow-wrap:break-word;text-wrap:balance}

@media print{
  @page{size:A4 portrait;margin:12mm}
  .aim26-header,.aim26-menu,.aim26-footer,.aim26-final-cta,.beer-archive .aim26-breadcrumb,.beer-filter,.beer-filter__note,.beer-archive .p-pagination{display:none!important}
  html,body,.beer-archive{background:#fff!important;color:#000!important;overflow:visible!important}
  .beer-archive{padding:0}
  .beer-archive__inner{width:100%;max-width:none}
  .beer-archive__hero{padding:0 0 8mm;border-bottom:1px solid #999}
  .beer-archive__hero .beer-archive__inner{display:block}
  .beer-archive__lead{margin-top:4mm;font-size:9pt;line-height:1.55}
  .beer-archive__list{padding-top:8mm}
  .beer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8mm 6mm}
  .beer-card{break-inside:avoid;page-break-inside:avoid;border-color:#999;background:#fff!important}
  .beer-card__link{color:#000!important;text-decoration:none!important}
  .beer-card__heading{padding:5mm 2mm 4mm}
  .beer-card__title{font-size:18pt}
  .beer-card__image{aspect-ratio:4/3;background:#fff}
  .beer-card__content{padding:4mm 2mm 2mm}
  .beer-card__chart{width:45mm;margin-bottom:4mm}
  .beer-card__description{display:block;overflow:visible;font-size:9pt;-webkit-line-clamp:unset}
  .beer-card__meta{font-size:8pt}
  a[href]::after{content:none!important}
  *{-webkit-print-color-adjust:economy;print-color-adjust:economy;box-shadow:none!important;text-shadow:none!important}
}