.bar-page { overflow: clip; }
.bar-page .container { width: min(100% - 4rem, 75rem); }
.bar-hero { padding-block: var(--space-10); }
.bar-hero__grid { display: grid; grid-template-columns: minmax(360px, 4.5fr) minmax(430px, 7fr); gap: var(--space-7); align-items: center; }
.bar-hero__grid > * { min-width: 0; width: 100%; }
.bar-hero__ticket { display: flex; flex-direction: column; gap: var(--space-4); margin-top: var(--space-7); }
.bar-hero__ticket > * { margin: 0; }
.bar-hero__ticket h1 { max-width: 15ch; }
.bar-hero__ticket > p:not(.eyebrow) { max-width: 28rem; }
.bar-hero__actions, .bar-lounge__actions { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-4); }
.bar-hero__rhythm { display: flex; flex-direction: column; gap: var(--space-3); padding-top: var(--space-5); border-top: 1px solid var(--color-rosewood); }
.bar-hero__rhythm > * { margin: 0; }
.bar-hero__rhythm h2 { font-family: var(--font-body); font-size: var(--font-size-label); font-weight: 600; letter-spacing: .1em; line-height: 1.2; text-transform: uppercase; }
.bar-hero__media { width: 100%; margin: 0; }
.bar-hero__media img { width: 100%; height: min(70vw, 700px); object-fit: cover; object-position: center; border-radius: var(--radius-field); }
.bar-craft__grid { display: grid; grid-template-columns: minmax(0, 7fr) minmax(320px, 4fr); gap: calc(var(--space-7) + var(--space-5)); align-items: start; }
.bar-craft__grid > * { min-width: 0; width: 100%; }
.bar-craft__media { margin: 0; }
.bar-craft__media img { width: 100%; aspect-ratio: 3 / 2; object-fit: cover; border-radius: var(--radius-field); }
.bar-craft__copy { display: flex; flex-direction: column; gap: var(--space-4); padding-top: 16%; }
.bar-craft__copy > * { margin: 0; }
.bar-number, .bar-wine__number { color: var(--color-cornflower-blue); font-size: var(--font-size-label); font-weight: 600; letter-spacing: .1em; line-height: 1.2; text-transform: uppercase; }
.bar-moments { display: grid; grid-template-columns: 1fr; gap: var(--space-4); }
.bar-moments article { min-width: 0; padding-bottom: var(--space-4); border-bottom: var(--rule-perforated); }
.bar-moments article > * { margin: 0; }
.bar-moments h3 { margin-bottom: var(--space-2); font-family: var(--font-body); font-size: var(--font-size-meta); font-weight: 600; letter-spacing: .04em; }
.bar-craft__promise { padding: var(--space-4); border-left: 3px solid var(--color-moss-green); background: color-mix(in srgb, var(--color-moss-green) 10%, transparent); color: var(--color-moss-green); font-weight: 500; }
.bar-signatures__intro { display: flex; flex-direction: column; gap: var(--space-4); width: min(100%, 38.75rem); margin-bottom: var(--space-7); }
.bar-signatures__intro > * { margin: 0; }
.bar-signatures__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-5); align-items: start; }
.bar-signatures__grid > * { min-width: 0; width: 100%; }
.bar-cocktail { display: flex; flex-direction: column; gap: var(--space-4); min-height: 100%; transition: transform var(--transition-base), border-color var(--transition-fast), background-color var(--transition-fast); }
.bar-cocktail > * { margin: 0; }
.bar-cocktail:nth-child(1), .bar-cocktail:nth-child(3) { margin-top: var(--space-5); }
.bar-cocktail--offset { transform: rotate(1deg); }
.bar-cocktail--seasonal { transform: rotate(-1deg); }
.bar-cocktail--zero { border-color: var(--color-moss-green); }
.bar-cocktail__head { display: flex; flex-direction: column; gap: var(--space-2); }
.bar-cocktail__head > * { margin: 0; }
.bar-cocktail__head span { color: var(--color-cornflower-blue); font-size: var(--font-size-label); font-weight: 700; letter-spacing: .1em; }
.bar-cocktail__head p { color: var(--color-text-muted); font-size: var(--font-size-fine); line-height: 1.4; }
.bar-detail-button { min-height: 2.75rem; width: 100%; padding: var(--space-3) 0; border-top: var(--border); color: var(--color-cornflower-blue); font-size: var(--font-size-label); font-weight: 600; letter-spacing: .06em; text-align: left; text-transform: uppercase; }
.bar-cocktail__detail { padding-top: var(--space-3); border-top: var(--rule-perforated); }
.bar-cocktail__detail p { margin: 0; color: var(--color-text-muted); font-size: var(--font-size-meta); }
.bar-cocktail:hover, .bar-cocktail:focus-within { transform: translateX(6px) rotate(0deg); border-color: var(--color-cornflower-blue); }
.bar-pairings__grid { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 7fr); gap: calc(var(--space-7) + var(--space-5)); }
.bar-pairings__grid > * { min-width: 0; width: 100%; }
.bar-pairings__intro { width: 100%; max-width: 24rem; display: flex; flex-direction: column; gap: var(--space-4); }
.bar-pairings__intro > * { margin: 0; }
.bar-pairings__content { display: flex; flex-direction: column; gap: var(--space-5); }
.bar-pairing-tabs { display: flex; flex-wrap: wrap; gap: var(--space-2); }
.bar-pairing-tabs > * { min-width: 0; min-height: 2.75rem; padding: var(--space-2) var(--space-3); border-bottom: 2px solid transparent; background: var(--color-mist-blue); color: var(--color-ink); font-size: var(--font-size-label); font-weight: 600; letter-spacing: .04em; }
.bar-pairing-tabs button[aria-selected="true"] { border-color: var(--color-tangerine); background: var(--color-paper-white); }
.bar-pairing-list { display: grid; grid-template-columns: 1fr; }
.bar-pairing { display: grid; grid-template-columns: minmax(110px, 2fr) minmax(0, 5fr); gap: var(--space-5); min-width: 0; padding-block: var(--space-5); border-bottom: var(--border); transition: opacity var(--transition-fast); }
.bar-pairing > * { min-width: 0; width: 100%; }
.bar-pairing > div:first-child { display: flex; flex-direction: column; gap: var(--space-2); }
.bar-pairing > div > * { margin: 0; }
.bar-pairing span { color: var(--color-cornflower-blue); font-size: var(--font-size-label); font-weight: 700; letter-spacing: .1em; }
.bar-pairing > div:first-child p { color: var(--color-text-muted); font-size: var(--font-size-label); font-weight: 600; letter-spacing: .08em; text-transform: uppercase; }
.bar-pairing h3 { margin-bottom: var(--space-2); }
.bar-pairing p { margin: 0; }
.bar-pairing.is-muted { opacity: .35; }
.bar-wines__intro { display: flex; flex-direction: column; gap: var(--space-4); width: min(100%, 38.75rem); margin-bottom: var(--space-7); }
.bar-wines__intro > * { margin: 0; }
.bar-wines__grid { display: grid; grid-template-columns: minmax(0, 3fr) minmax(0, 4fr) minmax(0, 3fr); gap: calc(var(--space-5) + var(--space-4)); align-items: end; }
.bar-wines__grid > * { min-width: 0; width: 100%; }
.bar-wine { display: flex; flex-direction: column; gap: var(--space-4); }
.bar-wine > * { margin: 0; }
.bar-wine--raised { transform: translateY(calc(var(--space-5) * -1)); border-color: var(--color-moss-green); }
.bar-zero__intro { display: flex; flex-direction: column; gap: var(--space-4); width: min(100%, 40rem); margin-inline: auto; text-align: center; }
.bar-zero__intro > * { margin: 0; }
.bar-zero__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-5) calc(var(--space-7) + var(--space-5)); margin-top: var(--space-7); }
.bar-zero__grid > * { min-width: 0; width: 100%; padding-bottom: var(--space-5); border-bottom: var(--border); }
.bar-zero__grid article > * { margin: 0; }
.bar-zero__grid article > p:first-child { margin-bottom: var(--space-2); color: var(--color-moss-green); font-size: var(--font-size-label); font-weight: 700; letter-spacing: .1em; }
.bar-zero__grid h3 { margin-bottom: var(--space-2); }
.bar-zero__link { margin-top: var(--space-6); text-align: center; }
.bar-lounge { position: relative; padding: 0; background: var(--color-bone-white); }
.bar-lounge__media { width: 100%; height: max(620px, 48vw); }
.bar-lounge__media img { width: 100%; height: 100%; object-fit: cover; object-position: center; border-radius: var(--radius-soft); }
.bar-lounge__container { position: absolute; inset: 0; display: flex; align-items: end; padding-block: var(--space-7); pointer-events: none; }
.bar-lounge__ticket { display: flex; flex-direction: column; gap: var(--space-4); width: min(100%, 31.25rem); pointer-events: auto; }
.bar-lounge__ticket > * { margin: 0; }
.bar-lounge__highlight { padding: var(--space-4); border-left: 3px solid var(--color-moss-green); background: color-mix(in srgb, var(--color-moss-green) 10%, transparent); color: var(--color-moss-green); font-weight: 500; }
.bar-inquiry__grid { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: calc(var(--space-7) + var(--space-5)); align-items: start; }
.bar-inquiry__grid > * { min-width: 0; width: 100%; }
.bar-inquiry__copy { display: flex; flex-direction: column; gap: var(--space-4); width: min(100%, 31.25rem); padding-top: var(--space-6); }
.bar-inquiry__copy > * { margin: 0; }
.bar-inquiry__copy::after { width: 6rem; height: 2px; content: ""; background: var(--color-tangerine); }
.bar-inquiry__form { display: flex; flex-direction: column; gap: var(--space-4); }
.bar-inquiry__form > * { margin: 0; }
.bar-inquiry__form-head { display: flex; flex-direction: column; gap: var(--space-3); }
.bar-inquiry__form-head > * { margin: 0; }
.bar-inquiry__two-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-4); }
.bar-inquiry__two-fields > * { min-width: 0; width: 100%; }
.bar-consent { display: grid; grid-template-columns: 1.125rem minmax(0, 1fr); gap: var(--space-3); align-items: start; }
.bar-consent input { margin-top: .2rem; }
.bar-consent label { min-width: 0; font-size: var(--font-size-fine); line-height: 1.4; }
.bar-inquiry__form .button { width: 100%; }
.bar-form-success { padding: var(--space-5); border-left: 3px solid var(--color-moss-green); background: color-mix(in srgb, var(--color-moss-green) 10%, transparent); color: var(--color-moss-green); font-weight: 600; }

@media (max-width: 1050px) {
  .bar-hero__grid { grid-template-columns: minmax(0, 3fr) minmax(430px, 5fr); gap: var(--space-5); }
  .bar-hero__ticket { margin-top: 0; }
  .bar-craft__grid { grid-template-columns: minmax(0, 5fr) minmax(280px, 3fr); gap: var(--space-5); }
  .bar-pairings__grid, .bar-inquiry__grid { gap: var(--space-6); }
}
@media (max-width: 900px) {
  .bar-hero__grid, .bar-craft__grid { grid-template-columns: 1fr; }
  .bar-hero__ticket { order: 1; max-width: 40rem; }
  .bar-hero__media { order: 2; max-width: 38.75rem; }
  .bar-craft__media { max-width: 100%; }
  .bar-craft__copy { padding-top: 0; width: min(100%, 35rem); }
  .bar-pairings__grid { grid-template-columns: 1fr; gap: var(--space-6); }
  .bar-pairings__intro { max-width: 35rem; }
  .bar-inquiry__grid { grid-template-columns: 1fr; gap: var(--space-6); }
}
@media (max-width: 820px) {
  .bar-signatures__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .bar-signatures__grid .bar-cocktail { margin-top: 0; transform: none; }
  .bar-wines__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .bar-wines__grid > :last-child { grid-column: 1 / -1; width: min(100%, 31.25rem); }
  .bar-wine--raised { transform: none; }
  .bar-lounge { display: flex; flex-direction: column; gap: var(--space-5); padding-block: var(--space-7); }
  .bar-lounge__media { height: auto; }
  .bar-lounge__media img { aspect-ratio: 3 / 4; border-radius: 0; }
  .bar-lounge__container { position: static; display: block; padding-block: 0; }
  .bar-lounge__ticket { width: min(100%, 35rem); }
}
@media (max-width: 720px) {
  .bar-signatures__grid, .bar-zero__grid, .bar-wines__grid { grid-template-columns: 1fr; }
  .bar-wines__grid > :last-child { grid-column: auto; width: 100%; }
  .bar-cocktail { min-height: 0; }
  .bar-cocktail:hover, .bar-cocktail:focus-within { transform: none; }
  .bar-inquiry__two-fields { grid-template-columns: 1fr; }
}
@media (max-width: 767px) {
  .bar-page .container { width: min(100% - 2.5rem, 75rem); }
  .bar-hero { padding-block: var(--space-8); }
  .bar-hero__ticket { padding: var(--space-5); }
  .bar-hero__ticket h1 { max-width: 13ch; font-size: clamp(2.625rem, 12vw, 3.5rem); }
  .bar-hero__actions, .bar-lounge__actions { flex-direction: column; align-items: stretch; }
  .bar-hero__actions > *, .bar-lounge__actions > * { width: 100%; min-height: 3rem; }
  .bar-hero__media img { height: auto; aspect-ratio: 4 / 5; }
  .bar-craft__copy, .bar-signatures__intro, .bar-wines__intro, .bar-pairings__intro, .bar-inquiry__copy { width: 100%; max-width: none; }
  .bar-pairing-tabs { flex-wrap: nowrap; overflow-x: auto; padding-bottom: var(--space-2); }
  .bar-pairing-tabs > * { flex: 0 0 auto; }
  .bar-pairing { grid-template-columns: 1fr; gap: var(--space-3); }
  .bar-pairing > div:first-child { flex-direction: row; align-items: center; }
  .bar-zero__intro { width: 100%; text-align: center; }
  .bar-zero__grid { gap: var(--space-4); }
  .bar-zero__link { text-align: left; }
  .bar-lounge__ticket { width: 100%; }
  .bar-inquiry__copy { padding-top: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .bar-cocktail { transition: none; }
}