/* The game's green enamel, copper equipment and cream shop signs. */
.brewery{--bg:#fbf5e8;--ink:#153f34;--muted:#536056;--accent:#85501e;--line:#d8c8a7;--soft:#efe4ca;--panel:#fffcf3;background:radial-gradient(ellipse at 100% 0,#e5ead9,transparent 45%),var(--bg)}
.brewery .brand{font-family:Georgia,serif;font-size:1.35rem;letter-spacing:-.03em}
.brewery .brand img{border-radius:14px;box-shadow:0 3px 0 #c5a36c}
.brewery .header{border-bottom:1px solid #cdbb98}
.brewery .header nav a{padding-inline:8px}
.brewery .hero{position:relative;isolation:isolate;padding:56px 44px;margin-top:26px;border-radius:32px;background:linear-gradient(90deg,#fff9edfA 0%,#fff9edf5 45%,#fff9ed35 100%),url('/assets/brewery-room.webp') center 30%/cover;box-shadow:0 14px 40px #173e3410;column-gap:40px;row-gap:24px}
.brewery .hero h1{font-size:clamp(2.65rem,4.7vw,4.55rem);line-height:1.08;letter-spacing:-.045em}
.brewery .hero .intro{color:#354d3e;line-height:1.85}
.brewery .hero .eyebrow{letter-spacing:.12em;font-size:.7rem}
.brewery .hero-art{padding:20px 30px 18px;min-height:550px}
.brewery .hero-art:before{width:90%;background:#fbf2d6b3;border:1px solid #fff3c6}
.brewery .hero-screen{width:250px;max-width:87%;border:5px solid #174d3c;border-radius:22px;transform:rotate(3deg);box-shadow:0 8px 0 #bd8e4a,0 24px 35px #173e3433}
.brewery .hero-character{width:49%;max-height:340px;left:-2%;bottom:0}
.brewery .hero-note{color:#354d3e}
.brewery .status{background:#edf2df;color:#31543b;border:1px solid #a8ba88;border-radius:6px;font-size:.7rem;padding:5px 10px;margin-bottom:20px}
.brewery .btn:not(.secondary){background:linear-gradient(#256148,#174d3c);color:#fff7e3!important;border:1px solid #174d3c;box-shadow:0 4px 0 #b78c50;border-radius:10px}
.brewery .btn.secondary{background:#fff9ee;border-color:#bca477;color:#254d3c!important;border-radius:10px}
.brewery .facts{margin-top:38px;gap:0;border:1px solid #ba945d;border-radius:18px;padding:24px 12px;background:#174d3c;box-shadow:0 5px 0 #ddc79b}
.brewery .facts>div{padding:6px 18px;text-align:center;border-color:#69836a}
.brewery .facts strong{color:#ffe3a3;font-weight:700;font-size:clamp(1.35rem,2.4vw,2.1rem)}
.brewery .facts span{color:#f0e9d8}
.brewery .overview{padding-block:56px}
.brewery .scene{background:#fffcf3;border:1px solid #d8c8a7;border-radius:24px;padding:18px;box-shadow:0 5px 0 #e8dcc3}
.brewery .scene-picture{border:0;border-radius:15px;background:linear-gradient(135deg,#1d5340,#103d31);padding:18px}
.brewery .scene-picture img{border-radius:9px;height:auto;width:min(225px,100%)}
.brewery .scene h3{font-size:1.55rem;line-height:1.2;margin-bottom:14px}
.brewery .scene p{font-size:.94rem}
.brewery .detail{background:#e8eddf;border-color:#d3ddc7}
.brewery .detail-art{position:relative;isolation:isolate}
.brewery .detail-art:before{content:'';position:absolute;inset:15% 0 0;border-radius:50% 50% 24px 24px;background:#f7eed6;z-index:-1}
.brewery .detail-art img{filter:drop-shadow(0 12px 14px #29442b1a)}
.brewery .detail-list>div{border-color:#c5d1b6}
.brewery .detail-list h3{font-family:Manrope,sans-serif;font-size:1rem;font-weight:800}
.brewery .faq-list{gap:14px 24px}
.brewery .faq details{align-self:start;background:#fffcf3;border:1px solid #d8c8a7;border-radius:14px;padding:18px 22px}
.brewery .closing{background:#174d3c;border:1px solid #c19a61;border-radius:24px;box-shadow:0 6px 0 #ddc79b}
.brewery .closing h2{color:#ffe3a3}
.brewery .closing p{color:#f0e9d8}
.brewery .closing .btn:not(.secondary){background:#ffe3a3;color:#153f34!important;border-color:#ffe3a3}
.brewery .document-page{background:#fffcf3;border:1px solid #d8c8a7;border-radius:24px;padding:32px;margin-block:28px 60px}
.brewery .document-page h2{color:#153f34}
.brewery .support-tiles>section{background:#f4eddb;border-radius:14px}
@media(max-width:1000px) and (min-width:821px){.brewery .hero{padding:38px 28px;column-gap:26px}.brewery .hero-art{padding-inline:15px}.brewery .hero h1{font-size:3rem}}
@media(max-width:820px){
  .brewery .hero{padding:38px 30px;background:linear-gradient(#fff9edfa 0%,#fff9edeb 45%,#fff9ed66 75%,#fff9edfa 100%),url('/assets/brewery-room.webp') center/cover}
  .brewery .hero h1{font-size:clamp(2.6rem,7vw,4rem)}
  .brewery .hero-art{min-height:0;padding:16px 28px 24px}
  .brewery .hero-screen{width:240px}
  .brewery .hero-character{width:43%;max-height:300px;left:0}
  .brewery .facts>div{padding:14px;border:0}
  .brewery .facts>div:nth-child(odd){border-right:1px solid #69836a}
  .brewery .detail-art{width:min(360px,100%);margin-inline:auto}
}
@media(max-width:540px){
  .brewery .hero{margin-top:10px;padding:28px 20px;border-radius:24px}
  .brewery .hero h1{font-size:clamp(2.2rem,9.3vw,3.2rem)}
  .brewery .hero-art{padding:10px 20px 18px}
  .brewery .hero-screen{width:220px;max-width:86%}
  .brewery .hero-character{width:44%;max-height:255px}
  .brewery .facts{padding:12px 4px}
  .brewery .facts strong{font-size:1.55rem}
  .brewery .facts span{font-size:.75rem}
  .brewery .scene{padding:18px}
  .brewery .scene-picture img{width:min(248px,100%)}
  .brewery .closing{padding:38px 22px}
  .brewery .document-page{padding:25px 20px}
}