:root{--ink:#25251f;--paper:#ede8dc;--gold:#efb943;--orange:#af4c27;--line:#ccc5b6}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--orange);outline-offset:5px}header{height:90px;max-width:1440px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 6%;border-bottom:1px solid var(--line)}.brand{font-family:Georgia,serif;font-weight:700;font-size:25px;letter-spacing:2px}.brand small{font:11px sans-serif;display:block;letter-spacing:4px;margin-top:5px}nav{display:flex;gap:35px;font-size:14px}.hero{max-width:1440px;margin:auto;display:grid;grid-template-columns:1fr 1fr;min-height:680px;background:var(--ink);color:var(--paper)}.hero-copy{padding:75px 12% 30px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:600}.hero h1{font-size:clamp(54px,6.3vw,90px);line-height:1.2;letter-spacing:-3px;margin:38px 0 25px;font-weight:850}.hero h1 em{color:var(--gold);font-style:normal}.hero p{color:#c7c5b8;line-height:1.9;font-size:16px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;padding:17px 22px;border:0;font-weight:650;font-size:15px}.gold{background:var(--gold);color:var(--ink)}.dark{background:var(--ink);color:var(--paper)}.hero .button{margin-top:20px}.text-link{display:block;background:none;border:0;padding:0;text-align:left;font-size:14px}.hero .text-link{margin-top:23px;color:var(--paper)}.hero-foot{border-top:1px solid #505046;margin-top:55px;padding-top:20px;display:flex;justify-content:space-between;font-size:11px;color:#b0b1a4}.hero-art{position:relative;overflow:hidden;background:url('assets/halloween.png') center 39% / 170% auto no-repeat #d5c9b3}.art-caption{position:absolute;right:25px;bottom:25px;padding:14px 18px;border:1px solid #524d3a;background:#ede8dce8;color:var(--ink);font-size:11px;letter-spacing:2px;line-height:1.9}.art-caption span{letter-spacing:1px}.section{max-width:1440px;margin:auto;padding:80px 6%}.section-top{display:flex;align-items:end;justify-content:space-between;margin-bottom:35px}h2{font-size:34px;margin:14px 0 0;letter-spacing:-1px}.section-note{font-size:13px;color:#777164}.event-feature{display:grid;grid-template-columns:120px 1fr 180px;border-top:2px solid var(--ink);border-bottom:1px solid var(--line);padding:32px 0;gap:35px}.event-date{display:flex;flex-direction:column}.event-date b{font-family:Georgia,serif;font-size:75px;line-height:1}.event-date span{font-size:12px;letter-spacing:2px;margin-top:10px}.event-date small{align-self:start;margin-top:26px;padding:6px 12px;background:var(--orange);color:white;font-size:11px}h3{font-size:32px;margin:12px 0 15px}.event-slogan{color:#766b57;font-family:serif}.tags{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}.tags span{border:1px solid #c6bead;padding:5px 9px;font-size:12px}.hours{font-size:16px}.hours strong{font-size:26px;color:var(--orange)}.event-note{font-size:12px;color:#736e60}.event-body .text-link{margin-top:25px;text-decoration:underline;text-underline-offset:5px}.event-side{border-left:1px solid var(--line);padding-left:30px;display:flex;flex-direction:column;justify-content:space-between}.star{font-size:70px;color:var(--orange)}.event-side p{font-family:serif;font-size:25px;line-height:1.7}.event-side a{font-size:12px}.detail-grid{margin-top:25px;border-top:1px solid var(--line);line-height:1.8;font-size:14px}.detail-grid small{color:#777164}h4{margin-bottom:8px}#upcoming{display:flex;align-items:center;gap:14px;padding-top:18px;color:#716c60;font-size:14px;line-height:1.9}.little-dot{height:7px;width:7px;background:var(--orange);border-radius:50%}.community{background:#ded8c9}.connections{display:grid;grid-template-columns:1.1fr 1fr;border-top:1px solid #bfb6a5}.connections article{padding:35px 0 10px}.connections .official{border-left:1px solid #bfb6a5;padding-left:45px;margin-left:45px}.channel{font-size:11px;letter-spacing:1.4px}.connections h3{margin-top:30px}.connections p{font-size:15px;line-height:1.9;color:#6d6658}.connections small{display:block;margin-top:13px;font-size:11px;color:#716c60}.connections .button{margin-top:20px}.soon{font-size:10px;border:1px solid #918875;padding:3px 8px;display:inline-block;margin-left:12px}.unavailable{display:block;margin-top:35px;color:#736e60;font-size:14px}.visit{display:grid;grid-template-columns:1fr 1fr;align-items:center}.visit p{line-height:1.9;color:#736e60;font-size:14px}.visit .venue-name{font-family:Georgia,serif;font-size:25px;color:var(--ink);margin-top:30px}.visit-actions{display:flex;align-items:center;gap:25px;margin-top:25px}.visit-sign{border:1px solid #bcb4a4;justify-self:end;min-width:280px;padding:40px;text-align:center;transform:rotate(-4deg);font-family:Georgia,serif}.visit-sign span{font-size:22px;letter-spacing:5px}.visit-sign strong{display:block;font-size:100px;line-height:1.2}.visit-sign small{letter-spacing:5px}footer{background:var(--ink);color:#bbb9ab;padding:25px 6%;display:flex;justify-content:space-between;font-size:11px;gap:20px}dialog{border:none;background:var(--paper);color:var(--ink);max-width:440px;width:calc(100% - 32px);max-height:90vh;padding:30px;border-radius:4px;overflow:auto}dialog::backdrop{background:#000b}dialog h2{font-size:25px}dialog p{font-size:13px;line-height:1.7}dialog img{display:block;width:100%;height:auto;margin-top:20px}.close{position:absolute;right:10px;top:8px;font-size:28px;background:none;border:none;color:var(--ink)}.qr-expiry{color:#6b6456}.copy-status{min-height:20px}button:hover,.button:hover{filter:brightness(.95)}@media(max-width:760px){header{height:75px;padding:0 6%}.brand{font-size:19px}nav{gap:18px;font-size:12px}.hero{grid-template-columns:1fr;min-height:0}.hero-copy{padding:40px 7% 28px}.hero h1{font-size:62px;margin-top:25px}.hero-foot{margin-top:35px}.hero-art{height:320px;background-size:120% auto;background-position:center 40%}.art-caption{font-size:9px;right:16px;bottom:16px}.section{padding:50px 6%}.section-note{display:none}h2{font-size:28px}.event-feature{grid-template-columns:65px 1fr;gap:20px}.event-date b{font-size:49px}.event-date span{font-size:9px;letter-spacing:0}.event-date small{padding:4px 5px}.event-side{display:none}h3{font-size:27px}.hours{font-size:13px}.hours strong{font-size:22px}.connections{grid-template-columns:1fr}.connections .official{border-left:0;border-top:1px solid #bfb6a5;padding:30px 0 5px;margin:30px 0 0}.visit{grid-template-columns:1fr}.visit-sign{display:none}footer{flex-direction:column;gap:9px}.event-body .eyebrow{font-size:9px;letter-spacing:1px}.event-slogan{font-size:14px}.tags{gap:6px}.tags span{font-size:11px;padding:4px 6px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Confirmed copy corrections and QR-only viewport. Source QR pixels remain untouched. */
.qr-crop{position:relative;width:100%;aspect-ratio:1;overflow:hidden;margin-top:20px;background:white;border-radius:12px}.qr-crop #group-qr{position:absolute;max-width:none;width:136.363636%;height:auto;left:-18.181818%;top:-76.893939%;margin:0}header .brand{font-size:23px;letter-spacing:.3px}.visit-sign span{letter-spacing:1px}@media(max-width:760px){header{height:auto;min-height:85px;flex-wrap:wrap;gap:15px;padding-top:16px;padding-bottom:16px}header .brand{font-size:20px}nav{gap:18px}}

/* Palette A: permanent venue identity */
:root{--paper:#f3eee4;--ink:#292823;--gold:#dca343;--orange:#a44b2c;--line:#d6cdbd}.hero{background:var(--paper);color:var(--ink)}.hero p{color:#696151}.hero h1 em{color:#9c6325}.hero .text-link{color:var(--ink)}.hero-foot{border-color:var(--line);color:#716859}.hero-art{background:url('assets/venue-mural.jpg') center / cover no-repeat}.hero-copy{padding:65px 10% 30px}.hero h1{font-size:clamp(48px,6vw,78px)}.art-caption{background:#f3eee4ed}.intro,.future-note{color:#706859;line-height:1.9}.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:30px}.photo-grid figure{margin:0}.photo-grid img{width:100%;aspect-ratio:4/5;object-fit:cover;display:block}.photo-grid figcaption{padding-top:12px;font-size:14px}.future-note{font-size:13px;margin-top:28px}.gallery,.cooperation{border-bottom:1px solid var(--line)}.cooperation .text-link{margin-top:25px}.event-poster{display:block;width:min(100%,240px);height:auto;margin-top:25px}header{gap:24px}nav{flex-wrap:wrap;gap:20px}.community{background:#e6dfd1}
@media(max-width:760px){.hero-art{height:430px;background-size:cover;background-position:center 45%}.hero-copy{padding:40px 7% 28px}.photo-grid{grid-template-columns:1fr;gap:26px}.photo-grid img{aspect-ratio:4/3}nav{gap:14px}.brand{flex-shrink:0}.event-feature{gap:14px}.hours{line-height:1.8}}
/* Bar / coffee dual palette. Colors edited by the local palette workbench. */
:root{--bar-bg:#211f1c;--bar-surface:#2d2924;--bar-text:#f2e9dc;--bar-muted:#bdb1a1;--accent:#ed683c;--coffee-bg:#f3eee4;--coffee-text:#302820;--paper:var(--bar-bg);--ink:var(--bar-text);--gold:var(--accent);--orange:var(--accent);--line:#ffffff25}
body,header,.hero,.section{background:var(--bar-bg);color:var(--bar-text)}.hero p,.intro,.event-note,.connections p,.connections small,.visit p,.section-note,.event-slogan,#upcoming,.detail-grid small,.hero-foot{color:var(--bar-muted)}.hero h1 em,.hours strong,.star{color:var(--accent)}.hero-art{background-image:linear-gradient(90deg,var(--bar-bg),transparent 24%),url('assets/hero-door.jpg');background-size:cover;background-position:center}.art-caption{background:var(--bar-bg);color:var(--bar-text);border-color:var(--line)}.gold,.dark{background:var(--accent);color:#211b17}.hero .text-link{color:var(--bar-text)}.community{background:var(--bar-surface)}.connections,.connections .official{border-color:var(--line)}.visit .venue-name{color:var(--bar-text)}.event-date small{color:#211b17}.hero-foot{border-color:var(--line)}.visit-sign{border:0;transform:none;padding:0;min-width:0;width:250px}.visit-sign img{width:100%;display:block}.qr-crop,.qr-crop #group-qr{border-radius:1px}.coffee{background:var(--coffee-bg);color:var(--coffee-text);padding:42px;margin-top:45px}.coffee .future-note{color:var(--coffee-text);margin-top:16px}.coffee .soon{margin-left:0;color:var(--coffee-text);border-color:currentColor}.photo-grid{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--accent) transparent;padding-bottom:15px}.photo-grid figure{flex:0 0 62%;scroll-snap-align:start}.photo-grid img{aspect-ratio:16/10;transition:filter .3s;filter:saturate(.85)}.photo-grid .photo-frame:hover img{filter:saturate(1.1)}.gallery-controls,.viewer-controls{display:flex;gap:12px;align-items:center;margin-top:24px}.gallery-controls span{margin-right:auto;color:var(--bar-muted);font-size:12px}.gallery-controls button,.viewer-controls button,.event-tabs button{border:1px solid var(--line);background:transparent;color:var(--bar-text);padding:10px 14px}.event-viewer{margin-top:30px;max-width:560px}.event-tabs{display:flex;gap:8px;margin-bottom:18px;flex-wrap:wrap}.event-tabs [aria-pressed=true]{background:var(--accent);color:#211b17;border-color:var(--accent)}.poster-open{display:block;width:100%;border:0;background:var(--bar-surface);padding:20px}.event-poster{width:100%;max-height:570px;object-fit:contain;margin:0 auto}.viewer-controls{justify-content:space-between;font-size:12px;color:var(--bar-muted);margin-top:12px}#image-dialog{max-width:1000px;width:calc(100% - 24px);background:var(--bar-surface);padding:40px 16px 16px}#image-dialog img{margin:0;width:100%}.close{color:var(--bar-text)}dialog{background:var(--bar-surface);color:var(--bar-text)}.qr-expiry{color:var(--bar-muted)}
#palette-open{position:fixed;right:20px;bottom:20px;z-index:20;background:var(--accent);color:#211b17;border:0;padding:12px 18px;box-shadow:0 4px 22px #0005}#palette-panel{position:fixed;right:16px;bottom:16px;z-index:30;width:min(360px,calc(100% - 32px));max-height:90vh;overflow:auto;background:#f7f3ec;color:#27231f;padding:22px;box-shadow:0 12px 60px #0008;border:1px solid #baaf9d}#palette-panel[hidden]{display:none}.palette-heading{display:flex;justify-content:space-between;align-items:center}.palette-heading h3{font-size:21px;margin:0}.palette-heading button{border:0;background:none;font-size:26px}#palette-panel p{font-size:12px;line-height:1.7}#palette-fields label{display:flex;align-items:center;justify-content:space-between;margin:12px 0;gap:12px;font-size:13px}#palette-fields input{width:52px;height:32px;padding:2px;border:1px solid #bbb}#palette-fields code{font-size:11px;margin-left:auto}.palette-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.palette-actions button{padding:9px;background:#e8dfd2;border:1px solid #bfb29f;color:#27231f}#palette-status{display:block;font-size:12px;line-height:1.6;margin-top:12px}
@media(max-width:760px){.hero-art{background-image:linear-gradient(180deg,var(--bar-bg),transparent 20%),url('assets/hero-door.jpg')}.photo-grid figure{flex-basis:88%}.coffee{padding:28px}.gallery-controls{flex-wrap:wrap}.gallery-controls span{flex-basis:100%}.poster-open{padding:10px}.visit-sign{display:block;width:160px;justify-self:start;margin-top:30px}}
@media(prefers-reduced-motion:reduce){.photo-grid img{transition:none}}
/* Series marks are rendered with luminance masks, retaining original artwork. */
:root{--caption-bg:#443d32;--caption-text:#ffdfb3;--detail-link:#ec650e;--copy-link:#b86016}
#copy-name{color:var(--copy-link)}#details-button{color:var(--detail-link)}.art-caption{color:var(--caption-text);background:var(--caption-bg)}.module-mark{display:block;width:130px;height:auto;color:var(--accent)}.gallery,.coffee,.cooperation{position:relative}.gallery>.module-mark,.cooperation>.module-mark{position:absolute;right:7%;top:65px;width:115px;opacity:.8}.gallery>h2,.cooperation>h2{max-width:calc(100% - 155px)}.coffee>.module-mark{float:right;width:95px;color:var(--coffee-text);opacity:.75;margin:0 0 12px 25px}.coffee{display:flow-root;margin-top:65px;background:linear-gradient(110deg,var(--coffee-bg),color-mix(in srgb,var(--coffee-bg) 90%,#c5aa87));border-radius:2px}.visit-sign{width:240px;color:var(--accent);opacity:.85}.visit-sign .module-mark{width:100%;height:auto}.event-side{align-self:start;justify-content:flex-start;gap:18px;height:320px}.event-side .module-mark{width:105px;height:110px;object-fit:contain}.event-side p{margin:0;font-size:24px}.event-side>a{margin-top:10px}#event-details{grid-column:2 / -1;display:grid;grid-template-columns:minmax(230px,.85fr) minmax(220px,1fr);gap:48px;align-items:start;padding:32px 0 0;border-top:1px solid var(--line)}#event-details[hidden]{display:none}.event-viewer{margin:0;max-width:100%;min-width:0;display:flex;flex-direction:column}.event-tabs{order:2;margin:22px 0 0;gap:18px}.event-tabs button{border:0;border-bottom:1px solid transparent;padding:8px 0;color:var(--bar-muted);background:none}.event-tabs [aria-pressed=true]{border-bottom-color:var(--accent);color:var(--accent);background:none}.poster-open{padding:0;background:none;box-shadow:0 16px 36px #0004;transform:rotate(-1deg);transition:transform .35s}.poster-open:hover{transform:rotate(0deg) translateY(-3px)}.event-poster{max-height:560px;width:100%;object-fit:contain;object-position:left top}.viewer-controls{order:3}.viewer-controls button{border:0;padding:8px}.detail-grid{margin:0;padding:8px 0;border:0}.detail-grid h4{font-size:21px;line-height:1.5;margin-top:30px}.detail-grid p{color:var(--bar-muted)}.event-appendix{border-top:1px solid var(--line);margin-top:30px;padding-top:20px}.event-appendix summary{cursor:pointer;color:var(--accent)}.photo-grid{display:block;position:relative;height:clamp(300px,39vw,520px);overflow:hidden;scroll-snap-type:none;margin-top:55px;padding:22px 0;isolation:isolate;touch-action:pan-y;outline-offset:5px}.photo-grid figure{position:absolute;top:25px;left:20%;width:60%;height:calc(100% - 75px);margin:0;transition:transform 1.1s ease,opacity 1.1s ease,filter 1.1s ease;will-change:transform;transform:scale(.8);opacity:0;pointer-events:none}.photo-grid figure[data-position=active]{z-index:3;transform:translateX(0) scale(1);opacity:1;pointer-events:auto;filter:none}.photo-grid figure[data-position=previous]{z-index:2;transform:translateX(-63%) scale(.82);opacity:.45;pointer-events:auto;filter:saturate(.55)}.photo-grid figure[data-position=next]{z-index:2;transform:translateX(63%) scale(.82);opacity:.45;pointer-events:auto;filter:saturate(.55)}.photo-grid figure[data-position=hidden]{visibility:hidden}.photo-grid .photo-frame{display:block;height:100%;box-shadow:0 18px 48px #0007}.photo-grid img{height:100%;width:100%;object-fit:cover;aspect-ratio:auto;filter:none}.photo-grid figcaption{padding-top:14px;text-align:center;color:var(--bar-muted);font-size:12px;letter-spacing:2px}.gallery-hint{display:flex;justify-content:center;gap:24px;font-size:11px;color:var(--bar-muted);margin:12px 0}.community{background:linear-gradient(180deg,var(--bar-bg),var(--bar-surface) 30%,var(--bar-surface) 75%,var(--bar-bg))}
@media(max-width:900px){.event-feature{grid-template-columns:75px minmax(0,1fr) 130px;gap:22px}#event-details{gap:28px}.event-side{padding-left:18px}.event-side p{font-size:20px}}
@media(max-width:760px){.gallery>.module-mark,.cooperation>.module-mark{width:70px;top:48px;right:6%}.gallery>h2,.cooperation>h2{max-width:calc(100% - 85px)}.coffee>.module-mark{width:68px}.event-feature{grid-template-columns:54px minmax(0,1fr);gap:18px}.event-side{display:none}#event-details{grid-column:1 / -1;grid-template-columns:1fr;gap:24px}.event-viewer{max-width:400px;width:100%;margin:auto}.photo-grid{height:330px}.photo-grid figure{left:13%;width:74%}.event-tabs{justify-content:space-between;gap:12px}.module-mark.mark-stamp{width:180px}}
@media(prefers-reduced-motion:reduce){.photo-grid figure,.poster-open{transition:none}}
/* Portrait strip and consistent series headings */
nav a{transition:color .2s}nav a:hover,nav a:focus-visible{color:var(--accent)}
.gallery,.events,.cooperation{position:relative}.gallery>.module-mark,.events>.module-mark,.cooperation>.module-mark{position:absolute;top:72px;right:6%;width:92px;height:112px;color:#f2e9dc;opacity:1}.coffee{padding-right:170px}.coffee>.module-mark{position:absolute;right:0;top:35px;float:none;width:92px;height:112px;margin:0;color:var(--coffee-text);opacity:1}.events .section-top{min-height:115px;padding-right:140px}.events .section-note{display:none}.gallery>h2,.cooperation>h2{max-width:calc(100% - 140px)}.event-side{height:250px;padding-top:10px;gap:24px}.event-side p{line-height:1.8}.coffee .soon{color:#ed683b;border-color:#ed683b}
.photo-grid{height:clamp(290px,31vw,410px);margin-top:44px;margin-bottom:0;padding:0;overflow:hidden}.photo-grid figure{left:40.5%;width:19%;top:12px;height:calc(100% - 24px)}.photo-grid figure[data-position=active]{transform:translateX(0) scale(1);opacity:1}.photo-grid figure[data-position=previous]{transform:translateX(-106%) scale(.96);opacity:.84;filter:none}.photo-grid figure[data-position=next]{transform:translateX(106%) scale(.96);opacity:.84;filter:none}.photo-grid figure[data-position=far-previous]{visibility:visible;z-index:1;transform:translateX(-212%) scale(.93);opacity:.65;pointer-events:auto}.photo-grid figure[data-position=far-next]{visibility:visible;z-index:1;transform:translateX(212%) scale(.93);opacity:.65;pointer-events:auto}.photo-grid img{object-fit:contain;background:transparent}.photo-grid .photo-frame{box-shadow:none}.coffee{margin-top:48px}
.art-caption{right:32px;bottom:30px;padding:0 0 0 14px;border:0;border-left:1px solid #ffdfb380;background:none!important;color:#ffdfb3;text-shadow:0 2px 10px #000;z-index:1;font-size:10px;letter-spacing:2.5px;line-height:2}.hero-art:after{content:'';position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#14110d85);pointer-events:none}
footer{position:relative;min-height:160px;padding-right:300px;align-items:end;background:var(--bar-bg);border-top:1px solid var(--line);color:var(--bar-muted)}footer .visit-sign{position:absolute;right:6%;bottom:22px;width:160px;margin:0;opacity:1;transform:rotate(-5deg)}footer .mark-stamp{width:100%;color:#ff4c1b}.visit{grid-template-columns:1fr}.section h2{font-weight:650;letter-spacing:-.035em;line-height:1.35}.eyebrow{letter-spacing:.19em}.brand{letter-spacing:0}
@media(max-width:760px){.gallery>.module-mark,.events>.module-mark,.cooperation>.module-mark{top:48px;width:65px;height:80px;right:6%}.coffee>.module-mark{width:65px;height:80px;right:0;top:28px}.coffee{padding-right:100px}.events .section-top{padding-right:85px;min-height:90px}.gallery>h2,.cooperation>h2{max-width:calc(100% - 85px)}.photo-grid{height:300px}.photo-grid figure{width:31%;left:34.5%}.art-caption{right:22px;bottom:24px}footer{min-height:165px;padding-right:165px;align-items:start;justify-content:end}footer .visit-sign{width:125px;bottom:22px}footer .module-mark.mark-stamp{width:100%}}
/* Inline series headings and a softer overlapping portrait carousel. */
.module-heading{display:flex;align-items:center;gap:22px;min-height:76px}.module-heading>.module-mark{position:static;float:none;flex:0 0 48px;width:48px;height:68px;margin:0;color:#f2e9dc;opacity:1}.module-heading>div{min-width:0}.module-heading h2,.module-heading h3{max-width:none;margin:9px 0 0}.module-heading .eyebrow{font-size:10px}.coffee{padding:36px 42px}.coffee .module-heading>.module-mark{color:var(--coffee-text)}.events .section-top{padding-right:0;min-height:76px}.gallery>.intro,.cooperation>p{margin-left:70px}.gallery>h2,.cooperation>h2{max-width:none}.coffee .future-note,.coffee>.soon{margin-left:70px}.cooperation>.text-link{margin-left:70px}
.photo-grid{height:clamp(340px,34vw,440px);margin-top:32px;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}.photo-grid figure{left:35%;width:30%;top:22px;height:calc(100% - 44px);transition:transform .85s cubic-bezier(.22,.61,.36,1),opacity .85s ease,filter .85s ease;visibility:visible}.photo-grid figure[data-position=active]{transform:translateX(0) scale(1.07);opacity:1;z-index:5}.photo-grid figure[data-position=previous]{transform:translateX(-68%) scale(.94);opacity:.7;z-index:3}.photo-grid figure[data-position=next]{transform:translateX(68%) scale(.94);opacity:.7;z-index:3}.photo-grid figure[data-position=far-previous]{transform:translateX(-132%) scale(.84);opacity:.32;z-index:1}.photo-grid figure[data-position=far-next]{transform:translateX(132%) scale(.84);opacity:.32;z-index:1}.photo-grid figure[data-position=hidden]{visibility:visible;transform:scale(.75);opacity:0;z-index:0;pointer-events:none}.photo-grid .photo-frame{display:flex;align-items:center;justify-content:center;background:none}.photo-grid img{width:auto;max-width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 12px 18px #0006)}
.visit{position:relative;overflow:hidden;min-height:470px}.visit>div:not(.visit-mural){position:relative;z-index:1;max-width:55%}.visit-mural{position:absolute;right:-2%;top:-5%;width:55%;height:110%;background:url('assets/venue-mural.jpg') center 40%/cover no-repeat;transform:rotate(3deg) scale(1.05);opacity:.76;mask-image:linear-gradient(90deg,transparent,#000 32%,#000 80%,transparent);pointer-events:none}.visit:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,var(--bar-bg),transparent 20%,transparent 75%,var(--bar-bg));pointer-events:none}
@media(max-width:760px){.module-heading{gap:16px;min-height:64px}.module-heading>.module-mark{flex-basis:38px;width:38px;height:56px}.module-heading h2{font-size:25px}.gallery>.intro,.cooperation>p,.cooperation>.text-link,.coffee .future-note,.coffee>.soon{margin-left:54px}.coffee{padding:28px}.photo-grid{height:340px}.photo-grid figure{left:25%;width:50%}.photo-grid figure[data-position=previous]{transform:translateX(-66%) scale(.9)}.photo-grid figure[data-position=next]{transform:translateX(66%) scale(.9)}.visit>div:not(.visit-mural){max-width:100%}.visit-mural{width:90%;right:-30%;opacity:.23;mask-image:linear-gradient(90deg,transparent,#000 60%)}.visit:after{z-index:0}.visit>div:not(.visit-mural){z-index:2}}
@media(prefers-reduced-motion:reduce){.photo-grid figure{transition:none}}
/* Small chapter stamps above an uninterrupted text alignment. */
.module-heading{display:block;min-height:0}.module-heading>.module-mark{width:38px;height:48px;margin:0 0 18px}.module-heading h2,.module-heading h3{margin-top:10px}.gallery>.intro,.cooperation>p,.cooperation>.text-link,.coffee .future-note,.coffee>.soon{margin-left:0}.visit-mural{transform:rotate(0deg) scale(1.06)}

/* Owner approved export, 2026-10-30. Desktop mural adjustment only. */
:root{--bar-bg:#211f1c;--bar-surface:#433e37;--bar-text:#f2e9dc;--bar-muted:#bdb1a1;--accent:#ed683c;--coffee-bg:#e9d7c3;--coffee-text:#302820;}
@media(min-width:761px){.visit-mural{translate:1px 41px;rotate:1.5deg}}
.qr-crop{padding:12px;aspect-ratio:auto}.qr-crop #group-qr{position:static;display:block;width:100%;max-width:100%;height:auto;margin:0}

.bar-hours{font-size:13px;color:var(--bar-muted);margin:18px 0 0;line-height:1.8}.bar-hours span{display:inline-block;margin-left:12px;color:var(--bar-text);letter-spacing:.04em}.photo-frame{cursor:default}