@font-face{font-family:Alasar;src:url(original-assets/Alasar.d0f12ab.woff2);font-display:swap}@font-face{font-family:Raleway;src:url(original-assets/raleway-v19-latin-regular.131f660.woff2);font-display:swap}*{box-sizing:border-box}html{background:#faf9f5}body{margin:0;color:#3e2822;background:#faf9f5;font:14px/1.7 Raleway,sans-serif}a{color:inherit}a:focus-visible{outline:3px solid #b83e29;outline-offset:6px}.skip-link{position:absolute;top:-80px;left:20px;padding:10px;background:#faf9f5;z-index:100}.skip-link:focus{top:12px}.locations-header{max-width:1440px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:32px 6%;border-bottom:1px solid #b9984d66}.locations-header img{display:block;width:230px;height:auto}.locations-header>span{font-size:9px;letter-spacing:2.4px;color:#776340}main{max-width:1180px;margin:auto;padding:54px 28px 25px}.location-intro{text-align:center;margin:0 auto 40px}.eyebrow{font-size:9px;letter-spacing:3px;color:#776340}h1{font:clamp(48px,5.8vw,80px)/1.1 Alasar,sans-serif;font-weight:400;margin:17px 0 18px}h1 em{font-style:normal;color:#b83e29}.location-intro p{font-size:13px;line-height:1.9;margin:0}.location-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.location-card{display:grid;grid-template-columns:30px 1fr;gap:5px 24px;position:relative;padding:28px 32px 26px;min-height:170px;text-decoration:none;border:1px solid #b9984d66;background:#eee1cb;overflow:hidden;transition:background .2s,color .2s}.location-card:before{content:"";position:absolute;right:-32px;top:-35px;width:210px;height:220px;background:url(original-assets/Patroon_strepen_goud.bda1c60.svg);opacity:.22;transform:rotate(0);pointer-events:none;mask-image:linear-gradient(270deg,#000,transparent)}.location-number{font:10px Raleway,sans-serif;color:#776340;padding-top:9px;letter-spacing:1px}.location-name{font:clamp(42px,4vw,57px)/1.1 Alasar,sans-serif;z-index:1}.location-action{grid-column:2;display:flex;justify-content:space-between;align-items:center;gap:15px;font:21px Alasar,sans-serif;color:#b83e29;z-index:1}.location-action span{font-size:32px}.location-card:hover{background:#b83e29;color:#fffaf0}.location-card:hover .location-action,.location-card:hover .location-number{color:#fffaf0}.locations-note{font:25px Alasar,sans-serif;text-align:center;color:#b83e29;margin:31px 0 15px}.locations-footer{max-width:1440px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:23px 6%;border-top:1px solid #b9984d66;font-size:10px;color:#776340}.locations-footer img{display:block;width:122px;height:auto}.arrival{display:none}.arrival.is-visible{display:flex;position:fixed;inset:0;z-index:200;background:#faf9f5;align-items:center;justify-content:center;flex-direction:column;gap:18px;pointer-events:none;animation:arrival-away .25s ease 650ms forwards}.arrival>img{width:min(330px,65vw);height:auto}.arrival-pour{width:75px;height:85px;color:#b83e29}.arrival-pour svg{width:100%;height:100%}.arrival-beer{transform-origin:center bottom;animation:fill-glass .7s ease both}.arrival-stream{stroke-dasharray:40;animation:pour .6s ease both}.arrival-label{font:21px Alasar,sans-serif;color:#b83e29}.arrival.is-visible.is-finished{display:none}@keyframes arrival-away{to{opacity:0;visibility:hidden}}@keyframes fill-glass{from{transform:scaleY(.12)}to{transform:scaleY(1)}}@keyframes pour{from{stroke-dashoffset:40}to{stroke-dashoffset:0}}@media(min-width:1500px){main{padding-top:70px;padding-bottom:35px}.location-card{min-height:190px}}@media(max-width:700px){.locations-header{padding:23px 22px}.locations-header img{width:170px}.locations-header>span{font-size:7px;letter-spacing:1.2px;max-width:105px;text-align:right}main{padding:32px 20px 18px}.location-intro{margin-bottom:27px}h1{font-size:49px;margin:15px 0}h1 em{display:block}.location-intro p{font-size:11px;max-width:300px;margin:auto}.location-intro br{display:none}.location-grid{gap:12px;grid-template-columns:1fr}.location-card{min-height:100px;padding:18px 20px;grid-template-columns:20px 1fr auto;gap:0 16px;align-items:center}.location-number{padding:0;font-size:8px}.location-name{font-size:36px}.location-action{grid-column:3;font-size:0;gap:0}.location-action span{font-size:30px}.location-card:before{top:-40px;right:-25px;width:155px;height:180px}.locations-note{font-size:22px;margin:24px 0 10px}.locations-footer{padding:19px 22px;font-size:8px}.locations-footer img{width:100px}}@media(prefers-reduced-motion:reduce){*,*:before{animation:none!important;transition:none!important}.arrival.is-visible{display:none}}

/* Desktop: een beeldvullend stadscafé met vier heldere ingangen. */
.location-scene{display:none}
@media(min-width:901px){
 .locations-page{position:relative;min-height:100svh;display:flex;flex-direction:column;isolation:isolate}
 .location-scene{display:block;margin:0;position:absolute;inset:0;overflow:hidden;background:#3e2822;z-index:-1}
 .location-scene:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#21160de0 0%,#21160d70 52%,#21160d15 100%),linear-gradient(180deg,#21160d70,transparent 40%,#21160d70)}
 .location-scene>img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center 45%}
 .location-scene figcaption{display:none}
 .locations-header{width:100%;max-width:none;margin:0;padding:35px 5vw;border:0;align-items:center;color:#fffaf0}
 .locations-header img{width:clamp(240px,23vw,350px);filter:brightness(0) invert(1)}
 .locations-header>span{color:#fffaf0;font-size:10px;letter-spacing:3px}
 .locations-page main{width:100%;max-width:none;padding:0;margin:0;flex:1;display:flex;flex-direction:column}
 .location-intro{text-align:left;color:#fffaf0;margin:0;padding:clamp(35px,6vh,85px) 5vw clamp(45px,8vh,100px);flex:1}
 .eyebrow{font-size:10px;letter-spacing:3px;color:#e6c68b}
 h1{font-size:clamp(88px,8.6vw,145px);line-height:.98;margin:22px 0 25px;letter-spacing:-1px;max-width:900px;text-shadow:0 2px 25px #21160d22}
 h1 em{display:block;color:#fffaf0}
 .location-intro p{font-size:13px;line-height:1.9;max-width:430px}
 .location-intro br{display:none}
 .location-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:0;background:#faf9f5;padding:0 5vw;border-bottom:1px solid #b9984d66}
 .location-card{min-height:136px;padding:28px 25px;grid-template-columns:17px 1fr auto;gap:0 10px;align-items:center;border:0;border-left:1px solid #b9984d66;background:none;overflow:hidden;transition:background .2s,color .2s}
 .location-card:first-child{border-left:0;padding-left:0}
 .location-card:last-child{padding-right:0}
 .location-card:before{display:none}
 .location-number{font-size:8px;padding:0;align-self:start;margin-top:10px}
 .location-name{font-size:clamp(34px,3.1vw,52px);line-height:1.15}
 .location-action{grid-column:3;font-size:0;gap:0;color:#b83e29}
 .location-action span{font-size:30px;transition:transform .2s}
 .location-card:hover{background:#eee1cb;color:#b83e29}
 .location-card:hover .location-action,.location-card:hover .location-number{color:#b83e29}
 .location-card:hover .location-action span{transform:translate(3px,-3px)}
 .locations-note{display:none}
 .locations-footer{width:100%;max-width:none;margin:0;padding:17px 5vw;background:#faf9f5;border:0;font-size:9px;gap:12px}
 .locations-footer img{width:95px}
 .netlify-preview-note{position:relative;z-index:5}
}
@media(min-width:901px) and (max-height:780px){
 .locations-header{padding-top:24px;padding-bottom:24px}.locations-header img{width:260px}
 .location-intro{padding-top:25px;padding-bottom:40px}
 h1{font-size:clamp(78px,7.8vw,112px);margin:16px 0 20px}
 .location-card{min-height:110px;padding-top:23px;padding-bottom:23px}
}
@media(min-width:901px) and (max-width:1150px){
 .location-card{grid-template-columns:1fr auto;padding-left:14px;padding-right:14px;gap:8px}
 .location-number{display:none}.location-name{font-size:30px}.location-action{grid-column:2}
}

/* Real venue images accompany each entrance on every screen size. */
.location-card{grid-template-columns:64px 1fr auto;gap:0 14px;align-items:center}
.location-card .location-number{display:none}
.location-preview{display:block;width:64px;height:80px;object-fit:cover;border-radius:2px;z-index:1}
.location-action{grid-column:3;font-size:0}.location-action span{font-size:30px}
@media(max-width:700px){.location-preview{width:56px;height:64px}.location-card{grid-template-columns:56px 1fr auto;gap:0 16px}}
@media(min-width:901px) and (max-width:1150px){.location-preview{width:45px;height:66px}.location-card{grid-template-columns:45px 1fr auto;gap:0 10px}.location-name{font-size:28px}.location-action{grid-column:3}}

.location-privacy{text-align:center;padding:16px 20px 30px;font:12px Raleway,sans-serif}.location-privacy a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.locations-footer{flex-wrap:wrap}.locations-footer .footer-privacy{font:11px/1.6 Raleway,sans-serif;text-decoration:underline;text-underline-offset:3px}

/* Keep the invitation together below the introduction on every screen. */
.location-intro .intro-followup{display:block;white-space:nowrap}.location-intro p{text-wrap:pretty}