*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;line-height:1.8}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{display:block;max-width:100%}p{margin:0 0 1.2rem}h1,h2,h3{line-height:1.4;letter-spacing:.01em}h1{font-size:clamp(36px,4.7vw,70px);margin:16px 0 26px;letter-spacing:.03em}h2{font-size:clamp(28px,3.2vw,44px);margin:12px 0 24px}h3{font-size:22px;margin:12px 0}button{color:var(--ink)}.wrap{width:min(1184px,calc(100% - 64px));margin:auto}.sample{background:var(--ink);color:#fff;text-align:center;padding:8px 24px;font-size:12px;letter-spacing:.03em}.header{display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:104px}.brand{font-size:26px;line-height:1.2;font-weight:800;letter-spacing:.03em}.brand small{font-size:10px;display:block;font-weight:500;letter-spacing:.15em;margin-top:8px}nav{display:flex;gap:28px;font-size:14px;font-weight:600;align-items:center}.nav-cta{background:var(--ink);color:#fff;padding:12px 22px;border-radius:2px}.menu-toggle{display:none}.hero{display:grid;grid-template-columns:1fr 1.12fr;gap:32px;align-items:center;padding:44px 0 68px}.eyebrow{font:600 12px/1.5 -apple-system,sans-serif;letter-spacing:.16em;text-transform:uppercase}.lead{font-size:15px;line-height:2}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;padding:16px 24px;min-height:56px;background:var(--ink);color:#fff;border:1px solid var(--ink);font-weight:600;font-size:14px}.button:after{content:'↗';font-size:20px}.button.light{background:transparent;color:var(--ink)}.hero-cta{display:flex;gap:14px;margin:30px 0 24px;flex-wrap:wrap}.hero-note{font-size:12px;color:var(--muted)}.hero-art{position:relative}.hero-art img{aspect-ratio:1.12;object-fit:cover;width:100%;border-radius:140px 140px 8px 8px}.art-caption{display:flex;justify-content:space-between;font-size:11px;letter-spacing:.1em;margin-top:12px}.quick{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0;gap:24px}.quick p{margin:0;font-size:14px}.quick small{display:block;color:var(--muted);font-size:11px;margin-bottom:5px}.section{padding:88px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:30px}.section-head h2{margin-bottom:0}.subtle{font-size:13px;color:var(--muted)}.filters{display:flex;gap:8px;flex-wrap:wrap;margin:28px 0}.filter{border:1px solid var(--line);background:transparent;border-radius:30px;padding:10px 20px;font-size:13px}.filter[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:#fff}.event-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.event-card{min-width:0}.event-art{overflow:hidden;background:var(--accent)}.event-art img{width:100%;aspect-ratio:1.52;object-fit:cover;transition:transform .3s}.event-card:hover .event-art img{transform:scale(1.025)}.event-date{display:flex;align-items:baseline;gap:8px;margin-top:18px}.event-date strong{font-size:27px;font-weight:600;letter-spacing:.02em}.event-date span{font-size:11px}.tag{display:inline-block;font-size:11px;padding:2px 9px;background:var(--tint);margin-left:auto}.event-card h3{font-size:19px;margin:10px 0}.artists{font-size:13px;min-height:46px;color:var(--muted);margin-bottom:12px}.times{font-size:12px;border-top:1px solid var(--line);padding-top:13px;margin-bottom:8px}.price{font-size:13px}.text-button{border:0;border-bottom:1px solid var(--ink);background:transparent;padding:8px 0;display:flex;width:100%;align-items:center;justify-content:space-between;font-size:13px;font-weight:600;margin-top:14px}.note{font-size:12px;color:var(--muted);margin-top:24px}.about{background:var(--tint)}.split{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}.about-text{font-size:15px;max-width:42em}.about-mark{font:600 clamp(45px,6.8vw,92px)/1.1 Georgia,serif;letter-spacing:-.05em;color:var(--ink);margin-top:42px}.feature-list{margin:25px 0 0;padding:0;list-style:none;border-top:1px solid var(--line)}.feature-list li{padding:18px 0;border-bottom:1px solid var(--line);font-size:14px;display:flex;gap:18px}.feature-list span{font-size:11px;color:var(--muted)}.specs{display:grid;grid-template-columns:1fr 1fr;gap:0 36px}.specs div{padding:19px 0;border-bottom:1px solid var(--line)}dt{font-size:12px;color:var(--muted)}dd{font-size:15px;margin:7px 0 0}.host{background:var(--ink);color:#fff}.host .eyebrow,.host .subtle{color:var(--accent)}.host .button{background:var(--accent);color:var(--ink);border-color:var(--accent);margin-top:20px}.host p{font-size:15px;max-width:42em}.access-map{width:100%;height:250px;background:var(--tint);border:1px solid var(--line)}.access-info h3{font-size:25px}.access-info dl div{border-bottom:1px solid var(--line);padding:14px 0}.access-info dl{margin-top:28px}.faq{padding-top:0}.faq details{border-bottom:1px solid var(--line);padding:0}.faq summary{cursor:pointer;padding:24px 0;list-style:none;font-size:15px;display:flex;justify-content:space-between;gap:20px}.faq summary:after{content:'＋';font-size:19px}.faq details[open] summary:after{content:'－'}.faq details p{font-size:14px;max-width:58em;color:var(--muted);padding-right:30px;padding-bottom:16px}.footer{border-top:1px solid var(--line);padding:40px 0}.footer-row{display:flex;justify-content:space-between;gap:40px}.footer p{font-size:12px;color:var(--muted)}.footer a{text-decoration:underline}.footer small{font-size:11px;color:var(--muted)}dialog{border:1px solid var(--line);padding:32px;max-width:560px;width:calc(100% - 32px);background:var(--paper);color:var(--ink);max-height:90vh;overflow:auto}dialog::backdrop{background:#10201ebf}.dialog-top{display:flex;justify-content:space-between;gap:24px;align-items:start}.close{border:1px solid var(--line);background:transparent;min-width:44px;height:44px;font-size:20px}.dialog-top h2{font-size:25px;margin:10px 0 22px}.dialog-body{font-size:14px}.dialog-body label{display:block;margin:16px 0 6px;font-size:13px}.dialog-body select,.dialog-body input{width:100%;padding:12px;background:var(--paper);border:1px solid var(--line);border-radius:0;color:var(--ink)}.dialog-body .button{width:100%;margin-top:22px}.demo-message{background:var(--tint);padding:18px;margin-top:18px;font-size:13px}.service-note{font-size:12px}.bar{--paper:#f7f3e9;--ink:#392b25;--accent:#e8bd8c;--tint:#eee5d5;--line:#d6cdbf;--muted:#6b5e54}.house{--paper:#fafcf9;--ink:#142c2a;--accent:#bce7d4;--tint:#e9f2ed;--line:#c9d8d0;--muted:#51635b}.bar h1,.bar h2,.bar .brand{font-family:"Hiragino Mincho ProN","Yu Mincho",Georgia,serif;font-weight:500}.bar .hero-art img{border-radius:3px;aspect-ratio:1.03}.bar .event-grid{display:block}.bar .event-card{display:grid;grid-template-columns:180px 1fr 200px;gap:28px;padding:24px 0;border-top:1px solid var(--line);align-items:center}.bar .event-art img{aspect-ratio:1.2}.bar .event-date{margin:0}.bar .artists{min-height:0;margin:8px 0 0}.bar .text-button{margin:0}.bar .hero{grid-template-columns:1fr 1fr;gap:70px}.bar .about-mark{font-weight:400}.bar .tag{background:#e9d5b7}.bar .event-card h3{font-family:"Hiragino Mincho ProN","Yu Mincho",serif;font-size:22px}@media(max-width:950px){nav{gap:18px;font-size:12px}.brand{font-size:22px}.hero,.bar .hero{gap:26px}h1{font-size:43px}.wrap{width:calc(100% - 48px)}.split{gap:36px}.hero-cta{gap:10px}.button{padding:14px 18px;gap:20px}.bar .event-card{grid-template-columns:140px 1fr 165px;gap:20px}}@media(max-width:700px){.wrap{width:calc(100% - 40px)}.header{min-height:86px}.brand{font-size:23px}.menu-toggle{display:block;min-width:48px;min-height:44px;border:1px solid var(--line);background:transparent;font-size:13px}.header nav{display:none}.header nav.open{display:flex;position:absolute;z-index:5;left:0;right:0;top:126px;background:var(--paper);padding:24px;flex-direction:column;align-items:stretch;border-bottom:1px solid var(--line);box-shadow:0 10px 20px #0001;font-size:15px}.hero,.bar .hero{grid-template-columns:1fr;padding:30px 0 40px;gap:30px}.hero h1{font-size:44px}.hero .lead br{display:none}.hero-art{max-width:500px;width:100%;margin:auto}.hero-art img{aspect-ratio:1.25;max-height:390px;border-radius:110px 110px 4px 4px}.hero-note{margin-bottom:0}.sample{font-size:11px;line-height:1.8;padding:7px 18px}.quick{grid-template-columns:1fr;gap:16px;padding:24px 0}.quick p{font-size:14px}.quick small{display:inline-block;min-width:90px}.section{padding:56px 0}.section-head{display:block}.section-head .subtle{margin-top:18px}.event-grid{grid-template-columns:1fr;gap:38px}.event-art img{aspect-ratio:1.7}.artists{min-height:0}.split{grid-template-columns:1fr;gap:30px}.about-mark{margin-top:10px}.specs{gap:0 22px}.host .button{margin-top:5px}.faq{padding-top:0}.footer-row{display:block}.footer .brand{margin-bottom:24px}.bar .event-card{grid-template-columns:100px 1fr;gap:18px;padding:24px 0}.bar .event-card .event-meta{grid-column:1/-1}.bar .event-art img{aspect-ratio:.86}.bar .event-card h3{font-size:20px}.bar .event-date strong{font-size:23px}.bar .event-card .text-button{margin-top:6px}.bar .hero-art img{aspect-ratio:1.2;max-height:390px}.bar .hero h1{font-size:42px}.bar .hero-cta{margin-top:26px}.section h2{font-size:30px}}
[hidden]{display:none!important}
:focus-visible{outline:3px solid #a75324;outline-offset:3px}.host :focus-visible,.sample :focus-visible{outline-color:#ffe4a8}
.skip-link{position:absolute;left:20px;top:-90px;background:var(--paper);padding:12px 20px;z-index:20}.skip-link:focus{top:10px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.event-card:hover .event-art img{transform:none}}
.header{position:relative}@media(max-width:700px){.header nav.open{top:100%;left:-20px;right:-20px}}
body:not(.js-ready) .filters,body:not(.js-ready) .filter-status,body:not(.js-ready) .event-open,body:not(.js-ready) .host-open,body:not(.js-ready) .menu-toggle{display:none}body:not(.js-ready) nav{display:flex;position:static;flex-wrap:wrap}.no-script{padding:20px 0;font-size:14px}
@media(max-width:700px){.hero h1{font-size:clamp(32px,10vw,42px)}.bar .hero h1{font-size:clamp(32px,9.4vw,40px)}}@media(max-width:380px){.hero-cta{display:grid}.hero-cta .button{width:100%}.specs{grid-template-columns:1fr}.eyebrow{font-size:11px}}
img{height:auto}.event-art img{height:auto}.hero-art img{height:auto}
.filter,.text-button{min-height:44px}nav a{min-height:44px;display:flex;align-items:center}a[href^="mailto:"]{min-height:44px;display:inline-flex;align-items:center;overflow-wrap:anywhere;word-break:break-word;max-width:100%}.split>*{min-width:0}.footer p{overflow-wrap:anywhere}.event-card h3{overflow-wrap:anywhere}
/* Final visual regression refinements */
.split h2{font-size:clamp(28px,2.5vw,36px)}.about-mark{font-size:clamp(45px,5vw,70px)}@media(max-width:950px){.about .split{grid-template-columns:1fr}.about-mark{font-size:64px}}@media(max-width:700px){.about-mark{font-size:48px}.split h2{font-size:29px}}
h2 .phrase{display:inline-block}@media(max-width:700px){.bar .hero-cta{display:grid}.bar .hero-cta .button{width:100%}}
/* Photo-first mobile hero: keep the new visual visible without hiding demo notices. */
@media (max-width: 700px) {
.hero-art { order: -1; }
}
.hero-art img, .bar .hero-art img { aspect-ratio: 4 / 3; height: auto; max-height: none; object-fit: contain; border-radius: 4px; }
/* Lower content v1: uncropped event flyers and readable mobile event details. */
.bar .event-card { grid-template-columns: minmax(180px, 260px) minmax(0, 1fr) 190px; gap: 30px; padding: 32px 0; }
.bar .event-art { background: #eee1ce; border-radius: 4px; box-shadow: 0 5px 18px #392b2514; }
.bar .event-art img { display: block; width: 100%; height: auto; aspect-ratio: 3 / 4; object-fit: contain; }
.bar .event-card:hover .event-art img { transform: none; }
.bar .event-card h3 { font-size: clamp(22px, 2.1vw, 28px); line-height: 1.55; }
.bar .artists { min-height: 0; font-size: 14px; margin-bottom: 14px; }
.event-description { font-size: 14px; line-height: 1.95; color: var(--muted); margin: 0; }
.dialog-flyer { display: block; width: min(100%, 300px); height: auto; margin: 0 auto 20px; }
@media (min-width: 701px) and (max-width: 950px) {
.bar .event-card { grid-template-columns: 210px minmax(0, 1fr); gap: 16px 26px; }
.bar .event-art { grid-row: 1 / 3; }
.bar .event-meta { grid-column: 2; }
}
@media (max-width: 700px) {
.bar .event-card { grid-template-columns: minmax(0, 1fr); gap: 20px; padding: 28px 0 36px; }
.bar .event-art { width: 100%; max-width: 420px; justify-self: center; }
.bar .event-card .event-meta { grid-column: 1; }
.bar .event-card h3 { font-size: 25px; margin: 12px 0 8px; }
.bar .event-date strong { font-size: 28px; }
.bar .event-description { font-size: 15px; }
.bar .event-card .text-button { width: 100%; justify-content: space-between; padding: 14px 0; }
}