@font-face{font-family:Golos;src:url(assets/golos400.ttf)}@font-face{font-family:Golos;src:url(assets/golos600.ttf);font-weight:600 900}@font-face{font-family:Oswald;src:url(assets/oswald700.ttf);font-weight:700}
:root{--paper:#f5efdf;--forest:#193e32;--gold:#edb640;--line:#d4cbb5;--muted:#59665b;--display:Oswald,'Arial Narrow',sans-serif;color:var(--forest);background:var(--paper);font-family:Golos,Arial,sans-serif;scroll-behavior:smooth;scroll-padding-top:24px}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a{color:inherit}button{cursor:pointer}a{text-decoration:none}svg{display:block}.defs{position:absolute;width:0;height:0;overflow:hidden}.wrap{width:min(1280px,89%);margin:auto}.head-inner{height:83px;display:flex;align-items:center;justify-content:space-between;gap:20px}.site-head{border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:9px;font:700 29px/.9 var(--display);letter-spacing:-1.6px}.brand svg{width:48px;height:39px}.head-inner nav{display:flex;gap:37px;font-weight:600;font-size:14px}.head-inner nav a:hover,.text-link:hover,footer a:hover{text-decoration:underline;text-underline-offset:5px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:17px;font-size:15px;line-height:1.2;font-weight:600;min-height:52px;padding:14px 23px;border:1px solid transparent;border-radius:7px;transition:background .15s,transform .15s}.btn:hover{transform:translateY(-2px)}.btn svg{width:19px;height:19px}.btn.dark{color:#fff8e4;background:var(--forest)}.btn.gold{background:var(--gold);color:#183b2d}.btn.small{min-height:42px;padding:10px 17px;gap:9px;font-size:13px}.btn.small svg{width:17px;height:17px}#menu-toggle{display:none}#mobile-nav{padding:0 5.5% 20px}#mobile-nav a{display:block;padding:9px 0}
.hero{display:grid;grid-template-columns:46% 54%;align-items:center;min-height:clamp(470px,40.7vw,610px);padding-top:20px;padding-bottom:23px}.hero-copy{z-index:1;position:relative}.kicker{display:flex;align-items:center;gap:10px;font-size:10px;letter-spacing:2.1px;line-height:1.5;font-weight:700}.kicker i{height:2px;width:27px;background:#bb8824}.hero h1,h2{font-family:var(--display);font-weight:700;margin:0;letter-spacing:-.052em}.hero h1{font-size:clamp(68px,6.7vw,105px);line-height:1.055;margin:18px 0 23px}.hero h1 span,h2 span{color:#ca9227}.hero-copy>p{font-size:clamp(15px,1.18vw,18px);line-height:1.6;max-width:440px;color:#4c5b50;margin:0}.actions{display:flex;gap:26px;align-items:center;margin-top:31px}.text-link{font-size:14px;font-weight:600}.text-link span{font-size:18px;margin-left:3px}.hero-art{width:107%;margin-left:-2%;display:grid;place-items:center;align-self:stretch}.hero-art img{width:100%;height:100%;max-height:clamp(428px,38vw,560px);object-fit:contain;mix-blend-mode:multiply;mask-image:linear-gradient(90deg,transparent,#000 10%,#000 91%,transparent),linear-gradient(0deg,transparent,#000 6%,#000 96%,transparent);mask-composite:intersect}
.belt{background:var(--forest);color:#f7efd8;overflow:hidden;display:flex;align-items:center;justify-content:center;height:49px}.belt>div{display:flex;align-items:center;gap:clamp(24px,3.2vw,52px);white-space:nowrap;font:700 16px var(--display);letter-spacing:1.1px}.belt b{color:#f4c654}.belt i{font:normal 17px Arial;color:#d0a844}
.collection,.partner{padding-top:65px;padding-bottom:74px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:28px}.section-heading p{font-size:13px;color:var(--muted);margin:0 0 5px}h2{font-size:clamp(44px,4.6vw,72px);line-height:1.12;margin-top:10px}.beer-grid,.role-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.beer-card{padding:0;background:transparent;border:0;text-align:left}.beer-poster,.detail-poster{background:var(--tone);position:relative;overflow:hidden;display:grid;place-items:center}.beer-poster{height:clamp(190px,19vw,290px);border-radius:9px}.poster-ring{position:absolute;width:77%;aspect-ratio:1;border-radius:50%;border:1px solid #ffffff64;box-shadow:0 0 0 16px #ffffff12,0 0 0 17px #ffffff49,0 0 0 35px #ffffff11,0 0 0 36px #ffffff35}.poster-word{position:absolute;bottom:-.22em;left:.03em;font:700 clamp(64px,7.7vw,120px) var(--display);opacity:.1;letter-spacing:-.06em}.tin{position:relative;width:84px;height:174px;background:linear-gradient(90deg,#97998b,#efebd3 8%,#f7efd5 36%,#dad0ac 90%,#9b9273);border-radius:12% 12% 13% 13% / 7% 7% 5% 5%;transform:rotate(10deg);box-shadow:9px 12px 14px #3a301c32;transition:transform .25s;overflow:hidden;color:var(--ink)}.beer-card:hover .tin{transform:rotate(5deg) translateY(-4px)}.tin:before,.tin:after{content:"";height:5px;position:absolute;left:4%;width:92%;border-radius:50%;background:linear-gradient(#a8a99b,#e5e4da,#898b79);z-index:2}.tin:before{top:1px}.tin:after{bottom:1px}.tin-label{display:grid;justify-items:center;padding-top:21px}.tin-label svg{width:32px;height:23px}.tin-label b{font:700 20px var(--display);letter-spacing:-1.5px}.tin-label small{font:700 7px Golos;letter-spacing:1px}.tin-mountains,.tin-mountains:after{position:absolute;bottom:4px;height:45%;width:100%;background:var(--ink);clip-path:polygon(0 52%,20% 21%,30% 37%,52% 0,74% 38%,82% 18%,100% 47%,100% 100%,0 100%)}.tin-mountains:after{content:"";bottom:5%;height:80%;background:repeating-linear-gradient(155deg,var(--label) 0 2px,transparent 2px 6px);opacity:.6}.card-foot{padding:16px 1px 0;display:flex;justify-content:space-between;align-items:center}.card-foot small{font-size:12px;color:var(--muted)}h3{margin:4px 0;font:700 29px var(--display);letter-spacing:-.04em}.round{display:grid;place-items:center;border:1px solid #bdb9a1;border-radius:50%;width:37px;height:37px;font-size:19px}.about{background:var(--forest);color:var(--paper);padding:62px 0}.about-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8%}.about-body p,.intro,.detail-copy p{font-size:16px;line-height:1.7}.about-body p+p{color:#d6ddc8}.intro{max-width:650px;color:var(--muted)}.role-grid{margin-top:28px}.role-grid>a{border:1px solid var(--line);border-radius:9px;padding:24px;display:flex;flex-direction:column;align-items:flex-start}.role-grid>a:hover{background:#efe7d2}.role-grid strong{font:700 29px var(--display)}.role-grid p{color:var(--muted);line-height:1.55;margin:10px 0 22px}.role-grid span{margin-top:auto;font-weight:600;font-size:13px}footer{padding:26px 0;border-top:1px solid var(--line)}footer .wrap{display:flex;align-items:center;justify-content:space-between;gap:18px;font-size:13px}footer .brand{font-size:23px}footer .brand svg{width:36px}
dialog{width:min(420px,92vw);max-height:88vh;padding:0;background:var(--paper);color:var(--forest);border:0;border-radius:12px;box-shadow:0 25px 100px #10271d45}dialog::backdrop{background:#122e2594}.close{position:absolute;right:13px;top:12px;width:35px;height:35px;border-radius:50%;border:0;background:var(--paper);font-size:23px;z-index:1}.detail-poster{height:210px}.detail-copy{padding:24px}.detail-copy h3{font-size:39px;margin:7px 0 12px}.detail-copy strong{font-size:13px}.detail-copy .btn{margin-top:5px}.detail-copy p{font-size:14px}
:focus-visible{outline:3px solid #9e6509;outline-offset:4px}
@media(max-width:900px){.head-inner nav{gap:18px;font-size:13px}.hero h1{font-size:clamp(58px,7.7vw,72px)}.hero{grid-template-columns:47% 53%}.actions{flex-wrap:wrap;gap:15px}.hero-copy>p{font-size:15px}.wrap{width:91%}.beer-grid,.role-grid{gap:14px}.role-grid>a{padding:17px}}
@media(max-width:700px){.head-inner{height:65px;gap:12px}.brand{font-size:24px;gap:5px}.brand svg{width:37px}.head-inner nav{display:none}.head-inner .small{margin-left:auto;font-size:12px;min-height:35px;padding:8px 10px}.head-inner #menu-toggle{display:grid;align-content:center;gap:5px;background:transparent;border:0;width:32px;height:37px;padding:4px}#menu-toggle span{display:block;height:2px;background:var(--forest)}.hero{grid-template-columns:1fr;padding-top:34px;padding-bottom:12px}.hero h1{font-size:clamp(57px,12.5vw,80px);margin:12px 0 16px}.hero-copy>p{max-width:435px}.actions{margin-top:21px;gap:20px}.btn{min-height:45px;padding:12px 17px;font-size:14px}.hero-art{width:100%;margin:15px 0 0;height:clamp(240px,62vw,320px)}.hero-art img{max-height:100%;min-height:0}.belt{height:39px}.belt>div{font-size:13px}.collection,.partner{padding:40px 0}.section-heading{align-items:start;flex-direction:column;gap:6px}.beer-grid,.role-grid{grid-template-columns:1fr}.beer-grid{gap:28px}.beer-poster{height:220px}.about{padding:37px 0}.about-grid{grid-template-columns:1fr;gap:12px}.card-foot{padding-top:10px}.about-body p{margin:9px 0}.role-grid p{margin-bottom:14px}.kicker{font-size:9px}.poster-word{font-size:100px}footer .wrap>span{display:none}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*{transition:none!important}}
.brand img{width:103px;height:68px;object-fit:contain}.hero{grid-template-columns:46% 54%;padding-top:31px;padding-bottom:31px}.hero-art{width:100%;margin:0;align-self:center;overflow:hidden;border-radius:75px 8px 75px 8px;border:1px solid #7866395c;height:clamp(340px,32vw,475px);background:#4c3921}.hero-art img{height:100%;max-height:none;object-fit:cover;mix-blend-mode:normal;mask-image:none}.filters,.formats,.contacts{display:flex;flex-wrap:wrap;gap:9px}.filters button,.more,.formats li{padding:9px 14px;border:1px solid #bdb8a3;border-radius:25px;color:var(--forest);background:transparent;font-size:13px}.filters button[aria-pressed=true]{color:var(--paper);background:var(--forest);border-color:var(--forest)}.catalog-tools{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:18px 0;color:var(--muted);font-size:13px}input,select{max-width:100%;padding:10px 12px;border:1px solid #b9b7a3;border-radius:6px;color:var(--forest);background:#fffcf3}.more{display:flex;margin:28px auto 0;min-height:40px;padding:10px 20px}.more[hidden]{display:none}.beer-poster img,.detail-poster img{z-index:1;position:relative;height:85%;max-width:85%;object-fit:contain;mix-blend-mode:multiply;transition:transform .25s}.beer-card:hover img{transform:rotate(-3deg) scale(1.03)}.formats{padding:0;list-style:none;margin:6px 0 18px}.formats li{font-size:12px;padding:5px 9px}.detail-copy h4{margin:12px 0 0}.contacts{gap:20px}.contacts a{text-decoration:underline;text-underline-offset:4px;font-weight:600}footer .brand img{height:49px}.beer-poster,.detail-poster{grid-template-rows:minmax(0,1fr)}
@media(max-width:700px){.hero{grid-template-columns:1fr;gap:24px;padding:27px 0 22px}.hero-art{height:clamp(190px,56vw,335px);border-radius:40px 6px}.head-inner .brand img{width:74px;height:55px}.filters{gap:6px}.filters button{font-size:12px;padding:7px 10px}.catalog-tools{flex-wrap:wrap}.detail-poster{height:145px}.detail-copy{padding:18px}.section-heading .text-link{margin-top:8px}}

.site-head { background:#f9f5ea; border-color:#ddd6c4; }
.head-inner { height:72px; justify-content:flex-start; gap:clamp(24px,4vw,62px); }
.brand, footer .brand {
  color:var(--forest);
  font:700 clamp(27px,2.6vw,39px)/1 Georgia,serif;
  letter-spacing:-.055em;
}
.head-inner nav { border-inline-start:1px solid #d5ccb5; padding-inline-start:clamp(22px,3vw,44px); gap:27px; }
.head-inner nav a { position:relative; padding-block:7px; }
.head-inner nav a:hover { text-decoration:none; }
.head-inner nav a::after {
  content:""; position:absolute; inset:auto 0 0; height:2px;
  background:#b18836; transform:scaleX(0); transform-origin:left;
  transition:transform .2s ease;
}
.head-inner nav a:is(:hover,:focus-visible)::after { transform:scaleX(1); }
.head-inner > .btn, .head-inner > .text-link { margin-inline-start:auto; }
.head-inner > .btn { border-radius:24px; min-height:39px; padding:9px 17px; }
.order-contacts { display:grid; gap:4px; font-style:normal; }
footer .wrap > span { max-width:32ch; color:var(--muted); line-height:1.45; }
@media(max-width:700px) {
  .head-inner { height:60px; gap:8px; }
  .head-inner > .btn { font-size:12px; padding:8px 11px; min-height:36px; }
  .head-inner .brand { font-size:27px; }
  footer .wrap { flex-wrap:wrap; }
  .order-contacts { font-size:12px; }
}