.wieczor-page { overflow: clip; }
.wieczor-page .section { padding-block: var(--space-11); }
.wieczor-page .eyebrow { margin-bottom: var(--space-4); }
.wieczor-page .lead { margin-bottom: 0; }
.wieczor-hero { position: relative; display: grid; min-height: 47.5rem; background: var(--color-petrol-900); isolation: isolate; }
.wieczor-hero__media, .wieczor-hero__container { grid-area: 1 / 1; min-width: 0; }
.wieczor-hero__media { overflow: hidden; z-index: -1; }
.wieczor-hero__media::after { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(22,58,60,.96) 0%, rgba(22,58,60,.76) 38%, rgba(22,58,60,.24) 70%, rgba(22,58,60,.38) 100%), linear-gradient(0deg, rgba(22,58,60,.42), transparent 50%); content: ""; }
.wieczor-hero__media img { width: 100%; height: 100%; object-fit: cover; object-position: 72% center; transition: transform var(--transition-image); }
.wieczor-hero:hover .wieczor-hero__media img { transform: scale(1.02); }
.wieczor-hero__container { display: flex; width: min(100% - (var(--container-padding) * 2), var(--container-max)); min-width: 0; align-items: center; }
.wieczor-hero__panel { display: flex; width: min(46%, 35rem); min-width: 0; flex-direction: column; align-items: flex-start; gap: var(--space-5); padding: var(--space-8) var(--space-7); border: 1px solid var(--color-border-copper); background: rgba(22,58,60,.94); box-shadow: var(--shadow-soft); }
.wieczor-hero__panel h1, .wieczor-hero__panel p { margin: 0; }
.wieczor-hero__panel h1 { max-width: 34rem; }
.wieczor-hero__lead { max-width: 31rem; font-size: var(--text-lead); line-height: var(--leading-lead); }
.wieczor-hero__actions { display: flex; width: 100%; min-width: 0; flex-wrap: wrap; gap: var(--space-3); }
.wieczor-hero__actions > * { min-width: 0; }
.wieczor-rhythm__intro { width: min(52%, 37.5rem); min-width: 0; }
.wieczor-rhythm__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-7); margin-top: var(--space-8); }
.wieczor-act { display: grid; grid-template-columns: 4.25rem minmax(0, 1fr); min-width: 0; gap: var(--space-4); padding-top: var(--space-5); border-top: 1px solid var(--color-border-copper); }
.wieczor-act__number { color: var(--color-aged-copper); font-family: var(--font-heading); font-size: 2.5rem; line-height: 1; }
.wieczor-act__content { min-width: 0; max-width: 21.25rem; }
.wieczor-act__content h3, .wieczor-act__content p { margin: 0; }
.wieczor-act__content { display: flex; flex-direction: column; gap: var(--space-3); }
.wieczor-act--final { padding: var(--space-5); border: 0; background: var(--color-burgundy-700); color: var(--color-warm-ivory); }
.wieczor-act--final .wieczor-act__number { color: var(--color-aged-copper); }
.wieczor-kitchen__layout { display: grid; grid-template-columns: minmax(0, 56fr) minmax(0, 44fr); align-items: stretch; gap: var(--space-8); }
.wieczor-kitchen__figure { min-width: 0; margin: 0; }
.wieczor-kitchen__figure img { width: 100%; height: 100%; min-height: 38rem; border-radius: var(--radius-sm); object-fit: cover; object-position: center 58%; }
.wieczor-kitchen__copy { display: flex; min-width: 0; flex-direction: column; align-items: flex-start; }
.wieczor-kitchen__copy > h2 { max-width: 36.5rem; }
.wieczor-kitchen__blocks { display: flex; min-width: 0; flex-direction: column; gap: var(--space-6); }
.wieczor-kitchen__blocks > div { min-width: 0; max-width: 36.5rem; }
.wieczor-kitchen__blocks h3 { margin-bottom: var(--space-3); }
.wieczor-kitchen__blocks p { margin-bottom: 0; }
.wieczor-kitchen__statement { padding: var(--space-5); border-left: 2px solid var(--color-aged-copper); background: rgba(240,232,220,.07); }
.wieczor-text-link { display: inline-flex; min-height: 2.75rem; align-items: center; width: fit-content; margin-top: var(--space-4); color: inherit; font-size: var(--text-small); font-weight: 700; letter-spacing: .03em; text-decoration: none; }
.wieczor-text-link::after { width: 100%; height: 1px; align-self: flex-end; background: var(--color-aged-copper); content: ""; transform: scaleX(0); transform-origin: left; transition: transform var(--transition-fast); }
.wieczor-text-link:hover::after, .wieczor-text-link:focus-visible::after { transform: scaleX(1); }
.wieczor-interior__heading { width: min(50%, 36.25rem); min-width: 0; margin-left: auto; }
.wieczor-interior__cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-6); margin-top: var(--space-8); }
.wieczor-observation { display: flex; min-width: 0; flex-direction: column; gap: var(--space-4); padding-top: var(--space-5); border-top: 1px solid var(--color-border-copper); }
.wieczor-observation h3, .wieczor-observation p { margin: 0; }
.wieczor-observation p { max-width: 20rem; }
.wieczor-observation__mark { width: 3rem; height: 1.5rem; margin-top: auto; border: 1px solid var(--color-aged-copper); border-bottom: 0; border-radius: 3rem 3rem 0 0; }
.wieczor-interior__figure { margin: var(--space-8) 0 0; }
.wieczor-interior__figure img { width: 100%; aspect-ratio: 16 / 9; border-radius: var(--radius-sm); object-fit: cover; object-position: center; }
.wieczor-drinks__intro { width: min(48%, 35rem); min-width: 0; }
.wieczor-drinks__grid { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.2fr) minmax(0, .9fr); align-items: stretch; gap: var(--space-5); margin-top: var(--space-8); }
.wieczor-drink { display: flex; min-width: 0; flex-direction: column; align-items: flex-start; gap: var(--space-4); padding: var(--space-6) var(--space-5); border: 1px solid var(--color-border-copper); }
.wieczor-drink h3, .wieczor-drink p { margin: 0; }
.wieczor-drink p { max-width: 21.25rem; }
.wieczor-drink__roman { color: var(--color-aged-copper); font-family: var(--font-heading); font-size: 2rem; line-height: 1; }
.wieczor-drink--center { background: var(--color-burgundy-700); }
.wieczor-drink .wieczor-text-link { margin-top: auto; }
.wieczor-tables__top { display: grid; grid-template-columns: minmax(0, 52fr) minmax(0, 48fr); align-items: center; gap: var(--space-8); }
.wieczor-tables__intro { min-width: 0; max-width: 35rem; }
.wieczor-tables__figure { min-width: 0; margin: 0; }
.wieczor-tables__figure img { width: 100%; aspect-ratio: 3 / 2; border-radius: var(--radius-sm); object-fit: cover; object-position: center 60%; }
.wieczor-tables__cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-5); margin-top: var(--space-8); }
.wieczor-table-card { display: flex; min-width: 0; flex-direction: column; gap: var(--space-4); padding: var(--space-6) var(--space-5); border: 1px solid var(--color-border-copper); }
.wieczor-table-card h3, .wieczor-table-card p { margin: 0; }
.wieczor-table-card p { max-width: 18.75rem; }
.wieczor-rules-callout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(15rem, .7fr); align-items: start; gap: var(--space-7); margin-top: var(--space-8); padding: var(--space-7); background: var(--color-warm-ivory); color: var(--color-espresso-950); }
.wieczor-rules-callout__copy { min-width: 0; max-width: 38.75rem; }
.wieczor-rules-callout__copy h3 { margin-bottom: var(--space-4); }
.wieczor-rules-callout__copy p { margin-bottom: 0; }
.wieczor-rules-callout__list { display: flex; min-width: 0; flex-direction: column; gap: var(--space-4); margin: 0; }
.wieczor-rules-callout__list li { display: grid; grid-template-columns: .75rem minmax(0, 1fr); gap: var(--space-3); }
.wieczor-rules-callout__list li::before { width: .5rem; height: .5rem; margin-top: .45rem; border: 1px solid var(--color-aged-copper); content: ""; }
.wieczor-occasions__intro { width: min(50%, 35.625rem); min-width: 0; }
.wieczor-occasions__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-5); margin-top: var(--space-8); }
.wieczor-occasion { display: flex; min-width: 0; flex-direction: column; align-items: flex-start; gap: var(--space-4); padding: var(--space-6) var(--space-5); }
.wieczor-occasion h3, .wieczor-occasion p { margin: 0; }
.wieczor-occasion p { max-width: 20.625rem; }
.wieczor-occasion--light { border: 1px solid var(--color-border-light); background: var(--color-warm-ivory); color: var(--color-espresso-950); }
.wieczor-occasion--petrol { background: var(--color-petrol-900); color: var(--color-warm-ivory); }
.wieczor-occasion--burgundy { background: var(--color-burgundy-700); color: var(--color-warm-ivory); }
.wieczor-occasion--light .tag { color: var(--color-aged-copper); }
.wieczor-occasions__closing { margin: var(--space-6) 0 0; }
.wieczor-principles__intro { width: min(50%, 38.125rem); min-width: 0; }
.wieczor-principles__list { display: flex; min-width: 0; flex-direction: column; margin-top: var(--space-8); border-top: 1px solid var(--color-border-copper); }
.wieczor-principle { display: grid; grid-template-columns: 5rem minmax(11rem, 30%) minmax(0, 1fr); min-width: 0; align-items: start; gap: var(--space-5); padding: var(--space-5) 0; border-bottom: 1px solid var(--color-border-copper); }
.wieczor-principle__number { color: var(--color-aged-copper); font-family: var(--font-heading); font-size: 2.25rem; line-height: 1; }
.wieczor-principle div { min-width: 0; }
.wieczor-principle h3, .wieczor-principle p { margin: 0; }
.wieczor-principle p { max-width: 37.5rem; }
.wieczor-principle--emphasis { padding-left: var(--space-5); border-left: 2px solid var(--color-aged-copper); background: rgba(164,111,76,.08); }
.wieczor-inquiry__intro { width: min(52%, 38.75rem); min-width: 0; }
.wieczor-inquiry__cards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-6); margin-top: var(--space-8); }
.wieczor-inquiry-card { display: flex; min-width: 0; flex-direction: column; align-items: flex-start; gap: var(--space-4); padding: var(--space-6); border: 1px solid var(--color-border-light); background: rgba(240,232,220,.96); color: var(--color-espresso-950); }
.wieczor-inquiry-card h3, .wieczor-inquiry-card p { margin: 0; }
.wieczor-inquiry-card p { max-width: 22.5rem; }
.wieczor-inquiry-card .wieczor-text-link { margin-top: auto; }
.wieczor-inquiry-card--dark { border-color: var(--color-border-copper); background: var(--color-petrol-900); color: var(--color-warm-ivory); }
.wieczor-booking__panel { width: min(100%, 47.5rem); min-width: 0; margin-inline: auto; padding: var(--space-8); border: 1px solid var(--color-border-copper); background: var(--color-espresso-950); box-shadow: var(--shadow-soft); }
.wieczor-booking__content { display: flex; width: min(100%, 35rem); min-width: 0; flex-direction: column; align-items: flex-start; gap: var(--space-5); }
.wieczor-booking__content h2, .wieczor-booking__content p { margin: 0; }
.wieczor-booking__button { min-height: 3.25rem; }
.wieczor-booking__details { display: flex; width: 100%; min-width: 0; flex-direction: column; gap: var(--space-3); margin: 0; }
.wieczor-booking__details div { display: grid; grid-template-columns: 7rem minmax(0, 1fr); gap: var(--space-4); padding-bottom: var(--space-3); border-bottom: 1px solid var(--color-border-ivory); }
.wieczor-booking__details dt { color: var(--color-aged-copper); font-size: var(--text-label); letter-spacing: .1em; text-transform: uppercase; }
.wieczor-booking__details dd { margin: 0; overflow-wrap: anywhere; }
.wieczor-booking__details a { display: inline-flex; min-height: 2.75rem; align-items: center; }
.wieczor-booking__note { padding: var(--space-5); background: var(--color-burgundy-700); color: var(--color-warm-ivory); line-height: var(--leading-body); }
.wieczor-booking__note strong { display: block; margin-bottom: var(--space-2); }
@media (max-width: 61.25rem) { .wieczor-hero { min-height: auto; grid-template-rows: 25rem auto; } .wieczor-hero__media { grid-area: 1 / 1; } .wieczor-hero__container { grid-area: 2 / 1; width: 100%; } .wieczor-hero__panel { width: 100%; max-width: none; padding: var(--space-7) max(var(--container-padding), calc((100vw - var(--container-max)) / 2)); } .wieczor-hero__media::after { background: linear-gradient(0deg, rgba(22,58,60,.55), rgba(22,58,60,.1)); } }
@media (max-width: 57.5rem) { .wieczor-kitchen__layout, .wieczor-tables__top { grid-template-columns: minmax(0, 1fr); gap: var(--space-6); } .wieczor-kitchen__figure { order: 0; } .wieczor-kitchen__copy { order: 1; } .wieczor-kitchen__figure img { min-height: 0; aspect-ratio: 4 / 3; } .wieczor-tables__intro, .wieczor-tables__figure { max-width: none; } }
@media (max-width: 56.25rem) { .wieczor-page .section { padding-block: clamp(4.5rem, 11vw, 6rem); } .wieczor-interior__heading { width: 100%; margin-left: 0; } .wieczor-interior__cards, .wieczor-drinks__grid { grid-template-columns: minmax(0, 1fr); } .wieczor-interior__cards, .wieczor-drinks__grid { gap: var(--space-5); } .wieczor-observation p, .wieczor-drink p { max-width: none; } .wieczor-interior__figure img { aspect-ratio: 4 / 3; object-position: center; } .wieczor-drinks__intro { width: 100%; } }
@media (max-width: 53.75rem) { .wieczor-tables__cards { grid-template-columns: minmax(0, 1fr); } .wieczor-table-card p { max-width: none; } }
@media (max-width: 60rem) and (min-width: 42.5625rem) { .wieczor-occasions__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .wieczor-occasion:nth-child(3) { grid-column: 1 / -1; } }
@media (max-width: 47.5rem) { .wieczor-rhythm__intro, .wieczor-principles__intro { width: 100%; } .wieczor-rhythm__grid { grid-template-columns: minmax(0, 1fr); gap: var(--space-5); } .wieczor-principle { grid-template-columns: minmax(0, 1fr); gap: var(--space-2); } .wieczor-principle--emphasis { padding: var(--space-5); } }
@media (max-width: 43.75rem) { .wieczor-inquiry__cards { grid-template-columns: minmax(0, 1fr); } .wieczor-inquiry__intro { width: 100%; } }
@media (max-width: 42.5rem) { .wieczor-occasions__grid { grid-template-columns: minmax(0, 1fr); } .wieczor-occasions__intro { width: 100%; } }
@media (max-width: 37.5rem) { .wieczor-hero { grid-template-rows: 18.75rem auto; } .wieczor-hero__panel { gap: var(--space-4); padding: var(--space-6) var(--container-padding-mobile); } .wieczor-hero__panel h1 { font-size: 2.5rem; line-height: 1.02; } .wieczor-hero__lead { font-size: 1.0625rem; } .wieczor-hero__actions { flex-direction: column; } .wieczor-hero__actions .button { width: 100%; } .wieczor-act { grid-template-columns: minmax(0, 1fr); gap: var(--space-2); } .wieczor-act__content { max-width: none; } .wieczor-rules-callout { grid-template-columns: minmax(0, 1fr); gap: var(--space-5); padding: var(--space-5); } .wieczor-booking__panel { padding: var(--space-6) var(--space-5); } .wieczor-booking__content { width: 100%; } .wieczor-booking__button { width: 100%; min-height: 3.25rem; } .wieczor-booking__details div { grid-template-columns: minmax(0, 1fr); gap: var(--space-1); } }
@media (prefers-reduced-motion: reduce) { .wieczor-hero:hover .wieczor-hero__media img { transform: none; } }