/* Anderson's standalone wedding and event bars */
.bars-page main { padding-top: var(--top-offset); }
.bars-page section { scroll-margin-top: calc(var(--top-offset) + 1rem); }
.bar-intro { padding: 4rem 0 6rem; overflow: hidden; }
.bar-intro-grid { display: grid; grid-template-columns: 1.05fr 1fr; gap: clamp(3rem,7vw,8rem); align-items: center; max-width: 1400px; }
.bar-eyebrow { text-transform: uppercase; letter-spacing: .19em; font-size: .72rem; font-weight: 600; margin-bottom: 1.5rem; }
.bar-intro h1 { font-size: clamp(3rem,4.9vw,5.8rem); line-height: 1.06; margin-bottom: 1.8rem; }
.bar-intro-copy > p:not(.bar-eyebrow) { max-width: 43ch; }
.bar-lede { font-size: clamp(1.2rem,1.55vw,1.5rem); line-height: 1.6; margin-bottom: 1rem; }
.bar-intro-copy .btn { margin-top: 1.8rem; }
.bar-text-link { display: inline-block; text-decoration: none; border-bottom: 1px solid var(--brass); padding-bottom: .25rem; margin-top: 1.5rem; }
.bar-intro-copy > .bar-text-link { display: table; font-size: .88rem; }
.bar-intro-images { position: relative; padding: 0 0 4rem 3rem; }
.bar-hero-photo { width: 100%; height: min(620px,48vw); object-fit: cover; }
.bar-pour { position: absolute; left: -1.5rem; bottom: 0; width: 39%; border: 8px solid white; }
.bar-pour img { width: 100%; aspect-ratio: 2/3; object-fit: cover; }
.bar-image-note { display: block; text-align: right; font-family: var(--serif); font-style: italic; font-size: 1rem; padding-top: 1rem; }
.bar-wedding { background: var(--stone); padding: var(--space-half) 0; }
.bar-split { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: clamp(2.5rem,7vw,7rem); }
.bar-wedding-image img { width: 100%; height: auto; aspect-ratio: 3/2; object-fit: contain; }
.bar-copy h2,.bar-section-heading h2,.bar-enquiry h2 { font-size: clamp(2.6rem,4vw,4.5rem); margin-bottom: 1.6rem; }
.bar-copy p { margin-bottom: 1rem; max-width: 45ch; }
.bar-copy-note { font-family: var(--serif); font-size: 1.25rem; padding-top: .8rem; }
.bar-options { padding: var(--space) 0; }
.bar-section-heading { text-align: center; max-width: 650px; margin: 0 auto 3.5rem; }
.bar-option-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 3rem; }
.bar-option-grid article { border-top: 1px solid var(--brass); padding-top: 1.5rem; }
.bar-number { font-family: var(--serif); font-style: italic; font-size: 1.15rem; color: var(--brass-ink); }
.bar-option-grid h3 { font-size: 1.65rem; margin: 1rem 0; }
.bar-options-note { font-size: .85rem; color: var(--ink-soft); text-align: center; max-width: 65ch; margin: 2.5rem auto 0; }
.bar-event { padding: 0 0 var(--space); }
.bar-event-images { display: grid; grid-template-columns: 1.15fr .85fr; gap: 1rem; align-items: center; }
.bar-event-images img { width: 100%; aspect-ratio: 2/3; object-fit: cover; }
.bar-event-images img + img { margin-top: 5rem; }
.bar-enquiry { background: var(--ink); color: var(--linen); padding: var(--space-half) 0; }
.bar-enquiry-grid { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(3rem,7vw,7rem); align-items: center; }
.bar-enquiry p { max-width: 46ch; }
.bar-enquiry .btn { margin-top: 2rem; }
.bar-direct { margin-top: 1.3rem; font-size: .9rem; }
.bar-questions details { border-top: 1px solid rgba(255,249,250,.3); padding: 1.3rem 0; }
.bar-questions details:last-child { border-bottom: 1px solid rgba(255,249,250,.3); }
.bar-questions summary { cursor: pointer; font-size: 1.12rem; padding-right: 1rem; }
.bar-questions p { font-size: .95rem; margin-top: 1rem; color: var(--linen-soft); }
.bar-enquiry :focus-visible { outline-color: var(--linen); }
@media(max-width: 1080px) { .bar-intro-grid { gap: 2rem; } .bar-intro h1 { font-size: 3.3rem; } .bar-pour { left: 0; } }
@media(max-width: 760px) {
.bar-intro { padding: 2.5rem 0 3.5rem; }
.bar-intro-grid,.bar-split,.bar-enquiry-grid { grid-template-columns: 1fr; }
.bar-intro h1 { font-size: clamp(2.7rem,9vw,4rem); }
.bar-intro-images { margin-top: 1rem; padding-left: 3rem; padding-bottom: 3.5rem; }
.bar-hero-photo { height: auto; aspect-ratio: 4/5; }
.bar-pour { width: 36%; }
.bar-image-note { font-size: .85rem; }
.bar-wedding-image img { aspect-ratio: 3/2; }
.bar-option-grid { grid-template-columns: 1fr; gap: 1.8rem; }
.bar-section-heading { text-align: left; }
.bar-options { padding: 4rem 0; }
.bar-options-note { text-align: left; }
.bar-event-images img { aspect-ratio: 3/4; }
.bar-event { padding-bottom: 4rem; }
}

/* Photo trial: preserve the full arrangement of coupe glasses. */
.bar-event-images img:first-child { aspect-ratio: 1; object-fit: contain; }
