/* Brewery-branded games and practical venue training. */
.brewery-page { --brewery-cream:#fff7e8; --brewery-pink:#f5b8e0; --brewery-mint:#80e5e8; --brewery-muted:#bbb5c8; }
.brewery-page .brewery-shell { width:min(1280px,calc(100% - 96px)); margin-inline:auto; }
.brewery-page main { overflow:clip; }
.brewery-page p { line-height:1.8; }
.brewery-page .brewery-small { color:var(--brewery-muted); font-size:12px; line-height:1.75; }
.brewery-page .brewery-hero { display:grid; grid-template-columns:1.04fr 1fr; align-items:center; gap:64px; padding-block:86px 82px; position:relative; }
.brewery-page .brewery-hero::before { content:""; position:absolute; z-index:-1; pointer-events:none; inset:-100px -20vw -50px 35%; background:radial-gradient(ellipse at 60% 50%,#ae3a7533,transparent 65%); }
.brewery-page .brewery-hero h1 { font-size:clamp(45px,4.7vw,69px); line-height:1.07; letter-spacing:-.055em; margin:22px 0 25px; }
.brewery-page .brewery-lead { font-size:16px; color:#c6bed0; max-width:570px; margin:0; }
.brewery-page .hero-actions { display:flex; align-items:center; flex-wrap:wrap; gap:20px; margin:28px 0 18px; }
.brewery-page .brewery-text-link { font-size:13px; font-weight:600; text-decoration:none; color:var(--brewery-cream); padding-block:10px; }
.brewery-page .brewery-text-link span { color:var(--brewery-mint); margin-left:10px; }
.brewery-page .brewery-showcase { margin:0; transform:rotate(2deg); min-width:0; background:#131019; padding:10px; border:1px solid #bfa2ba5c; border-radius:12px; box-shadow:0 28px 100px #0008,0 0 90px #b23b8520; }
.brewery-page .brewery-screen-top { display:flex; justify-content:space-between; align-items:center; padding:8px 12px 15px; font-size:10px; letter-spacing:.11em; text-transform:uppercase; color:#ded2df; }
.brewery-page .brewery-screen-top span:last-child { color:var(--brewery-mint); font-size:9px; }
.brewery-page .brewery-main-screen { display:block; width:100%; height:auto; border-radius:4px; aspect-ratio:16/9; object-fit:cover; }
.brewery-page .brewery-screen-bottom { display:flex; justify-content:space-between; align-items:end; gap:20px; padding:20px 14px 19px; color:#c8bfcf; font-size:17px; line-height:1.5; }
.brewery-page .brewery-screen-bottom strong { color:var(--brewery-cream); font-weight:600; }
.brewery-page .brewery-powered { text-align:right; font-size:10px; line-height:1.6; }
.brewery-page .brewery-powered strong { font-size:13px; }
.brewery-page .brewery-showcase figcaption { border-top:1px solid #ffffff17; padding:12px 13px 4px; color:#b6acbf; font-size:10px; line-height:1.7; }

.brewery-page .brewery-offer { display:grid; grid-template-columns:1fr 1fr; gap:22px 90px; padding-block:60px 65px; border-top:1px solid #ffffff25; }
.brewery-page .brewery-offer h2,.brewery-page .brewery-contact h2 { font-size:clamp(34px,3.9vw,54px); line-height:1.1; }
.brewery-page .brewery-offer article { min-width:0; }
.brewery-page .brewery-offer article > p:not(.eyebrow) { font-size:15px; }
.brewery-page .brewery-training { margin:20px 0 0; padding-left:20px; color:var(--brewery-muted); font-size:14px; line-height:1.8; }
.brewery-page .brewery-training li { padding-left:5px; margin-block:10px; }
.brewery-page .brewery-training li::marker { color:var(--brewery-mint); }
.brewery-page .brewery-service-note { grid-column:1/-1; margin:16px 0 0; padding-top:22px; border-top:1px solid #ffffff16; font-size:12px; color:var(--brewery-muted); }
.brewery-page .brewery-contact { scroll-margin-top:28px; display:grid; grid-template-columns:1fr 1.05fr; gap:90px; max-width:1280px; padding-block:65px 90px; border-top:1px solid #ffffff25; }
.brewery-page .brewery-contact .contact-copy > p:not(.eyebrow) { font-size:15px; }
.brewery-page .brewery-contact .contact-form { min-width:0; margin:0; background:#15101e; padding:30px; border:1px solid #ffffff24; border-radius:8px; }
.brewery-page .brewery-contact .contact-form label { min-width:0; }
.brewery-page .brewery-contact .contact-form input,.brewery-page .brewery-contact .contact-form textarea { min-width:0; width:100%; max-width:100%; box-sizing:border-box; font-family:inherit; color:var(--brewery-cream); }
.brewery-page .brewery-contact .contact-form textarea { font-size:13px; line-height:1.7; }
.brewery-page .brewery-contact .contact-form span { font-size:11px; }
.brewery-page .brewery-contact .contact-form span.brewery-optional { display:inline; font-weight:400; color:#b0a4bb; }
.brewery-page .brewery-direct { margin-top:28px; }
.brewery-page .brewery-direct a { color:var(--brewery-pink); text-underline-offset:5px; overflow-wrap:anywhere; }
.brewery-page .brewery-contact .brewery-form-note { margin:0; color:var(--brewery-muted); font-size:10px; line-height:1.7; }
.brewery-page a:focus-visible,.brewery-page button:focus-visible { outline:3px solid var(--brewery-mint); outline-offset:5px; }
.brewery-page .button { gap:12px; }
@media(min-width:1101px) and (max-width:1450px) { .brewery-page .site-header { flex-wrap:wrap; justify-content:center; } .brewery-page .site-header .site-nav { justify-content:center; } }
@media(max-width:1100px) {
  .brewery-page .brewery-shell { width:calc(100% - 64px); }
  .brewery-page .brewery-hero { gap:36px; padding-block:55px 60px; }
  .brewery-page .brewery-hero h1 { font-size:clamp(40px,5vw,55px); }
  .brewery-page .brewery-lead { font-size:14px; }
  .brewery-page .brewery-offer,.brewery-page .brewery-contact { gap:45px; }
  .brewery-page .brewery-contact { margin-inline:auto; }
}
@media(max-width:900px) {
  .brewery-page .brewery-hero { grid-template-columns:1fr; gap:35px; }
  .brewery-page .brewery-hero-copy { max-width:650px; }
  .brewery-page .brewery-hero h1 { font-size:clamp(43px,7.5vw,65px); }
  .brewery-page .brewery-lead { font-size:16px; }
  .brewery-page .brewery-showcase { transform:rotate(1deg); max-width:650px; width:100%; margin:0 auto; box-sizing:border-box; }
  .brewery-page .brewery-offer,.brewery-page .brewery-contact { grid-template-columns:1fr; gap:35px; }
  .brewery-page .brewery-service-note { margin:0; }
  .brewery-page .brewery-contact .contact-copy { max-width:620px; }
}
@media(max-width:600px) {
  .brewery-page .brewery-shell { width:calc(100% - 40px); }
  .brewery-page .brewery-hero { padding-block:39px 45px; gap:32px; }
  .brewery-page .brewery-hero h1 { font-size:clamp(38px,9.4vw,56px); }
  .brewery-page .brewery-lead { font-size:14px; }
  .brewery-page .hero-actions { gap:12px; }
  .brewery-page .hero-actions .button { font-size:12px; padding:14px 16px; }
  .brewery-page .brewery-showcase { transform:none; padding:7px; border-radius:8px; }
  .brewery-page .brewery-screen-top { padding:8px 8px 12px; font-size:8px; }
  .brewery-page .brewery-screen-bottom { padding:16px 9px; font-size:15px; }
  .brewery-page .brewery-powered { font-size:8px; }
  .brewery-page .brewery-powered strong { font-size:11px; }
  .brewery-page .brewery-showcase figcaption { font-size:9px; padding:10px 8px 3px; }
  .brewery-page .brewery-offer { padding-block:38px 45px; gap:30px; }
  .brewery-page .brewery-offer h2,.brewery-page .brewery-contact h2 { font-size:35px; }
  .brewery-page .brewery-offer article > p:not(.eyebrow),.brewery-page .brewery-training { font-size:14px; }
  .brewery-page .brewery-contact { padding-block:40px 55px; margin-inline:auto; }
  .brewery-page .brewery-contact .contact-form { padding:20px; }
}
@media(prefers-reduced-motion:reduce) { .brewery-page *, .brewery-page *::before,.brewery-page *::after { scroll-behavior:auto!important; transition:none!important; animation:none!important; } }