.wnetrze-page { overflow: clip; }
.wnetrze-page .wn-text-link { display: inline-flex; align-items: center; min-height: 2.5rem; font-size: var(--text-xs); font-weight: 700; letter-spacing: .13em; line-height: 1.35; text-decoration: none; text-transform: uppercase; }
.wnetrze-page .wn-text-link::after { width: 1.5rem; height: 1px; margin-left: var(--space-3); background: currentColor; content: ""; transition: width var(--transition-fast); }
.wnetrze-page .wn-text-link:hover::after { width: 2rem; }
.wn-hero { position: relative; min-height: 47.5rem; display: grid; align-items: end; background: var(--color-petrol-950); isolation: isolate; }
.wn-hero__image, .wn-hero__shade { position: absolute; inset: 0; z-index: -2; }
.wn-hero__image img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.wn-hero__shade { z-index: -1; background: linear-gradient(90deg, rgb(16 43 45 / 96%) 0%, rgb(16 43 45 / 74%) 39%, rgb(16 43 45 / 14%) 73%, rgb(16 43 45 / 30%) 100%); }
.wn-hero__layout { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 4fr) minmax(0, 3fr); gap: var(--space-6); align-items: end; width: min(100% - (var(--container-padding) * 2), var(--container-max)); min-width: 0; padding-block: 8rem 4rem; }
.wn-hero__copy { grid-column: 1 / 2; min-width: 0; display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-4); }
.wn-hero__copy > * { min-width: 0; margin: 0; }
.wn-hero__copy h1 { max-width: 10ch; font-size: clamp(3.6rem, 5.2vw, 4.5rem); }
.wn-hero__lead { max-width: 30rem; font-size: var(--text-lead); line-height: 1.45; }
.wn-hero__actions { display: flex; flex-wrap: wrap; gap: var(--space-4); align-items: center; min-width: 0; }
.wn-hero__actions > * { min-width: 0; }
.wn-hero__note { grid-column: 3 / 4; min-width: 0; margin: 0; padding: var(--space-6); border-top: 1px solid var(--color-copper-500); background: rgb(27 65 65 / 88%); }
.wn-hero__note p { margin: 0; font-size: var(--text-sm); line-height: var(--leading-small); }
.wn-section-number, .wn-card-number, .wn-rule-number { display: block; color: var(--color-copper-500); font-size: var(--text-xs); font-weight: 700; letter-spacing: .16em; line-height: 1.4; }
.wn-hero__note .wn-section-number { margin-bottom: var(--space-3); }
.wn-sala__grid { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 4fr) minmax(0, 4fr); gap: var(--space-8) var(--space-6); align-items: start; }
.wn-sala__heading { grid-column: 1 / 2; min-width: 0; }
.wn-sala__heading > :last-child { margin-bottom: 0; }
.wn-sala__heading h2 { max-width: 9ch; }
.wn-sala__figure { grid-column: 3 / 4; grid-row: 1 / 3; min-width: 0; margin: 0; cursor: zoom-in; }
.wn-sala__figure img { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; object-position: center; }
.wn-sala__cards { grid-column: 1 / 3; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-6); min-width: 0; }
.wn-sala__card { min-width: 0; display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-3); padding-top: var(--space-4); border-top: 1px solid rgb(42 29 26 / 38%); }
.wn-sala__card > * { min-width: 0; margin: 0; }
.wn-sala__card h3 { font-size: var(--text-h4); }
.wn-sala__card p { font-size: var(--text-sm); line-height: var(--leading-small); }
.wn-sala__card em { display: block; margin-top: var(--space-3); font-family: var(--font-heading); font-size: 1.2rem; line-height: 1.2; }
.wn-materials__grid { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 1fr) minmax(0, 7fr); gap: var(--space-6); align-items: start; }
.wn-materials__figure { grid-column: 1 / 2; min-width: 0; margin: 0; }
.wn-materials__figure img { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; object-position: center; }
.wn-materials__content { grid-column: 3 / 4; min-width: 0; }
.wn-materials__content > :last-child { margin-bottom: 0; }
.wn-materials__content h2 { max-width: 14ch; }
.wn-materials__list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-8) var(--space-6); min-width: 0; }
.wn-materials__item { position: relative; min-width: 0; padding-left: var(--space-4); border-left: 1px solid var(--color-walnut-300); }
.wn-materials__item--petrol { border-left-color: var(--color-petrol-800); }
.wn-materials__item--cherry { border-left-color: var(--color-cherry-700); }
.wn-materials__item h3 { font-size: var(--text-h4); }
.wn-materials__item p { max-width: 17rem; margin-bottom: 0; }
.wn-intimate__grid { display: grid; grid-template-columns: minmax(0, 6fr) minmax(0, 1fr) minmax(0, 5fr); gap: var(--space-6); align-items: start; }
.wn-intimate__visual { grid-column: 1 / 2; min-width: 0; min-height: 32rem; background: linear-gradient(145deg, rgb(141 48 56 / 44%), transparent 48%), url('/public/media/wnetrze-nakryty-stol.webp') center / cover no-repeat; }
.wn-intimate__content { grid-column: 3 / 4; min-width: 0; }
.wn-intimate__content h2 { max-width: 10ch; }
.wn-intimate__lead { max-width: 31rem; font-size: var(--text-lead); line-height: 1.45; }
.wn-intimate__modules { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-6); min-width: 0; }
.wn-intimate__modules article { min-width: 0; padding-top: var(--space-4); border-top: var(--border-subtle); }
.wn-intimate__modules article > :last-child { margin-bottom: 0; }
.wn-intimate__modules h3 { font-size: var(--text-h4); }
.wn-transition { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--space-4); min-width: 0; margin-top: var(--space-12); padding: var(--space-6); background: rgb(16 43 45 / 52%); }
.wn-transition > * { min-width: 0; margin: 0; }
.wn-transition p { font-family: var(--font-heading); font-size: var(--text-h4); line-height: var(--leading-subheading); }
.wn-flow__grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--space-8) var(--space-6); align-items: start; }
.wn-flow__intro { grid-column: 1 / span 6; min-width: 0; }
.wn-flow__intro h2 { max-width: 12ch; }
.wn-flow__intro p { max-width: 38.75rem; margin-bottom: 0; }
.wn-flow__axis { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: var(--space-4); min-width: 0; margin: 0; padding: var(--space-4) 0; list-style: none; border-block: var(--border-subtle); }
.wn-flow__axis li { position: relative; min-width: 0; padding-left: var(--space-6); font-size: var(--text-xs); font-weight: 700; letter-spacing: .1em; line-height: 1.45; text-transform: uppercase; }
.wn-flow__axis li::before { position: absolute; top: .55rem; left: 0; width: var(--space-4); height: 1px; background: var(--color-copper-500); content: ""; }
.wn-flow__axis span { display: block; margin-bottom: var(--space-1); color: var(--color-copper-500); font-size: .65rem; }
.wn-flow__panel { grid-column: 9 / span 4; min-width: 0; padding: var(--space-6); background: var(--color-porcelain-50); color: var(--color-petrol-950); }
.wn-flow__panel > :last-child, .wn-flow__cta > :last-child { margin-bottom: 0; }
.wn-flow__panel h3, .wn-flow__cta h3 { font-size: var(--text-h4); }
.wn-flow__cta { grid-column: 1 / span 4; min-width: 0; display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-4); }
.wn-flow__cta > * { min-width: 0; margin: 0; }
.wn-flow__cta p { max-width: 20rem; }
.wn-casino__grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--space-8) var(--space-6); align-items: start; }
.wn-casino__figure { grid-column: 1 / span 7; min-width: 0; margin: 0; cursor: zoom-in; }
.wn-casino__figure img { width: 100%; aspect-ratio: 3 / 2; object-fit: cover; object-position: center; }
.wn-casino__intro { grid-column: 9 / span 4; min-width: 0; }
.wn-casino__intro h2 { max-width: 10ch; }
.wn-casino__intro p { max-width: 26.25rem; margin-bottom: 0; }
.wn-casino__details { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-6); min-width: 0; }
.wn-casino__details article { min-width: 0; padding-top: var(--space-4); border-top: 1px solid rgb(216 207 192 / 34%); }
.wn-casino__details article > :last-child { margin-bottom: 0; }
.wn-casino__details h3 { font-size: var(--text-h4); }
.wn-casino__details p { max-width: 14rem; }
.wn-casino__note { grid-column: 8 / span 5; min-width: 0; padding: var(--space-6); border: 1px solid rgb(216 207 192 / 38%); background: var(--color-cherry-900); }
.wn-casino__note > :last-child { margin-bottom: 0; }
.wn-casino__note h3 { font-size: var(--text-h4); }
.wn-casino__note p { max-width: 26.25rem; }
.wn-rules { background: var(--color-walnut-900); }
.wn-rules__panel { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--space-8) var(--space-6); min-width: 0; padding: clamp(var(--space-6), 5vw, var(--space-12)); border: 1px solid rgb(216 207 192 / 35%); background: var(--color-cherry-900); }
.wn-rules__heading { grid-column: 1 / span 5; min-width: 0; }
.wn-rules__heading h2 { max-width: 11ch; margin-bottom: 0; }
.wn-rules__items { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-6); min-width: 0; }
.wn-rules__items article { min-width: 0; padding-right: var(--space-4); border-right: 1px solid rgb(216 207 192 / 30%); }
.wn-rules__items article:last-child { border-right: 0; }
.wn-rules__items article > :last-child { margin-bottom: 0; }
.wn-rules__items h3 { font-size: var(--text-h4); }
.wn-age { display: block; margin-bottom: var(--space-3); color: var(--color-porcelain-50); font-family: var(--font-heading); font-size: 2rem; line-height: 1; }
.wn-rule-number { margin-bottom: var(--space-3); color: var(--color-copper-500); }
.wn-gallery__intro { max-width: 32.5rem; }
.wn-gallery__intro > :last-child { margin-bottom: 0; }
.wn-gallery__intro h2 { max-width: 10ch; }
.wn-gallery__track { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 1fr) minmax(0, 6fr); gap: var(--space-6); align-items: end; margin-top: var(--space-8); }
.wn-gallery__item { min-width: 0; margin: 0; cursor: zoom-in; }
.wn-gallery__item--portrait { grid-column: 1 / 2; }
.wn-gallery__item--wide { grid-column: 3 / 4; }
.wn-gallery__item img { width: 100%; object-fit: cover; }
.wn-gallery__item--portrait img { aspect-ratio: 4 / 5; }
.wn-gallery__item--wide img { aspect-ratio: 3 / 2; }
.wn-reserve { position: relative; background: var(--color-petrol-950); }
.wn-reserve__grid { display: grid; grid-template-columns: minmax(0, 6fr) minmax(0, 2fr) minmax(0, 4fr); gap: var(--space-6); align-items: stretch; }
.wn-reserve__content { grid-column: 1 / 2; min-width: 0; display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-4); }
.wn-reserve__content > * { min-width: 0; margin: 0; }
.wn-reserve__content h2 { max-width: 10ch; }
.wn-reserve__content p { max-width: 31.25rem; }
.wn-reserve__meta { display: flex; flex-wrap: wrap; gap: var(--space-2) var(--space-4); max-width: 38.75rem; padding-top: var(--space-4); border-top: var(--border-subtle); font-size: var(--text-sm); line-height: var(--leading-small); }
.wn-reserve__meta > * { min-width: 0; overflow-wrap: anywhere; }
.wn-reserve__line { grid-column: 3 / 4; min-width: 0; border-left: 1px solid rgb(182 106 60 / 55%); }
.wn-lightbox { width: min(94vw, 70rem); max-width: none; margin: auto; padding: 0; border: 1px solid var(--color-walnut-300); background: var(--color-petrol-950); color: var(--color-porcelain-50); }
.wn-lightbox::backdrop { background: rgb(10 18 18 / 82%); }
.wn-lightbox__inner { position: relative; display: flex; flex-direction: column; gap: var(--space-4); min-width: 0; padding: var(--space-6); }
.wn-lightbox__image { width: 100%; max-height: 75vh; object-fit: contain; }
.wn-lightbox__caption { max-width: 42rem; margin: 0; color: var(--color-porcelain-200); font-size: var(--text-sm); }
.wn-lightbox__close { position: absolute; top: var(--space-3); right: var(--space-3); z-index: 1; display: grid; width: 2.75rem; height: 2.75rem; place-items: center; border: 1px solid var(--color-porcelain-200); border-radius: var(--radius-md); background: var(--color-petrol-950); color: var(--color-porcelain-50); font-size: 1.75rem; line-height: 1; }
.wn-lightbox__close:hover { background: var(--color-petrol-800); }
@media (max-width: 67.5rem) { .wn-sala__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .wn-sala__heading { grid-column: 1 / 2; } .wn-sala__figure { grid-column: 2 / 3; grid-row: 1 / 3; } .wn-sala__cards { grid-column: 1 / -1; } .wn-hero__layout { grid-template-columns: minmax(0, 5fr) minmax(0, 3fr); } .wn-hero__note { grid-column: 2 / 3; } .wn-materials__grid { grid-template-columns: minmax(0, 4fr) minmax(0, 6fr); } .wn-materials__figure { grid-column: 1 / 2; } .wn-materials__content { grid-column: 2 / 3; } }
@media (max-width: 61.25rem) { .wn-hero { min-height: auto; display: flex; flex-direction: column; align-items: stretch; } .wn-hero__image { position: relative; inset: auto; order: 0; height: clamp(18rem, 52vw, 31rem); } .wn-hero__shade { display: none; } .wn-hero__layout { grid-template-columns: 1fr; gap: var(--space-6); padding-block: var(--space-8); } .wn-hero__copy, .wn-hero__note { grid-column: 1; } .wn-hero__copy h1 { max-width: 13ch; font-size: clamp(2.625rem, 8vw, 3.4rem); } .wn-hero__note { max-width: 31rem; } .wn-intimate__grid { grid-template-columns: 1fr; gap: var(--space-8); } .wn-intimate__visual, .wn-intimate__content { grid-column: 1; } .wn-intimate__visual { min-height: 23rem; } .wn-flow__grid, .wn-casino__grid { grid-template-columns: repeat(8, minmax(0, 1fr)); } .wn-flow__intro { grid-column: 1 / span 6; } .wn-flow__panel { grid-column: 5 / span 4; } .wn-flow__cta { grid-column: 1 / span 4; } .wn-casino__figure { grid-column: 1 / span 5; } .wn-casino__intro { grid-column: 6 / span 3; } .wn-casino__details, .wn-casino__note { grid-column: 1 / -1; } .wn-casino__note { max-width: 32rem; justify-self: end; } }
@media (max-width: 60rem) { .wn-intimate__modules { grid-template-columns: 1fr; } .wn-materials__grid { grid-template-columns: 1fr; gap: var(--space-8); } .wn-materials__figure, .wn-materials__content { grid-column: 1; } .wn-materials__figure { max-width: 32rem; } }
@media (max-width: 57.5rem) { .wn-flow__grid { grid-template-columns: 1fr; } .wn-flow__intro, .wn-flow__axis, .wn-flow__panel, .wn-flow__cta { grid-column: 1; } .wn-flow__axis { grid-template-columns: 1fr; gap: var(--space-3); border-block: 0; border-left: var(--border-subtle); padding: 0 0 0 var(--space-4); } .wn-flow__axis li { padding-left: var(--space-8); } .wn-flow__axis li::before { top: 1rem; left: 0; width: var(--space-6); } .wn-flow__panel { max-width: 28.75rem; } .wn-casino__grid { grid-template-columns: 1fr; } .wn-casino__figure, .wn-casino__intro, .wn-casino__details, .wn-casino__note { grid-column: 1; } .wn-casino__intro p, .wn-casino__note { max-width: 100%; } .wn-casino__details { grid-template-columns: 1fr; } .wn-casino__details p { max-width: 28rem; } .wn-casino__note { justify-self: stretch; } }
@media (max-width: 53.75rem) { .wn-rules__panel { grid-template-columns: 1fr; } .wn-rules__heading, .wn-rules__items { grid-column: 1; } .wn-rules__items { grid-template-columns: 1fr; gap: 0; } .wn-rules__items article { padding: var(--space-6) 0; border-right: 0; border-bottom: 1px solid rgb(216 207 192 / 30%); } .wn-rules__items article:last-child { padding-bottom: 0; border-bottom: 0; } .wn-reserve__grid { grid-template-columns: 1fr; } .wn-reserve__content, .wn-reserve__line { grid-column: 1; } .wn-reserve__line { display: none; } }
@media (max-width: 47.5rem) { .wn-gallery__track { display: flex; width: 100%; gap: var(--space-4); margin-top: var(--space-8); padding-inline: var(--container-padding); overflow-x: auto; scroll-snap-type: x proximity; } .wn-gallery__item { flex: 0 0 82vw; scroll-snap-align: start; } }
@media (max-width: 42.5rem) { .wn-hero__layout { width: min(100% - (var(--container-padding) * 2), var(--container-max)); } .wn-hero__lead { font-size: 1.125rem; } .wn-hero__actions { width: 100%; } .wn-hero__actions .button { width: 100%; } .wn-sala__grid { grid-template-columns: 1fr; gap: var(--space-8); } .wn-sala__heading, .wn-sala__figure, .wn-sala__cards { grid-column: 1; grid-row: auto; } .wn-sala__figure { order: 2; } .wn-sala__cards { order: 3; grid-template-columns: 1fr; gap: var(--space-6); } .wn-sala__card p { font-size: var(--text-base); } .wn-materials__list { grid-template-columns: 1fr; gap: var(--space-6); } .wn-materials__item p { max-width: none; } .wn-intimate__visual { min-height: 17rem; } .wn-transition { align-items: flex-start; padding: var(--space-4); } .wn-reserve__content .button { width: 100%; } .wn-reserve__meta { flex-direction: column; align-items: flex-start; } .wn-lightbox__inner { padding: var(--space-4); } }