/* Zapowiedź pokoju: pełna szerokość, film w tle, nagłówek i przycisk po lewej. */
.teaser-room { position: relative; min-height: min(78svh, 40rem); display: flex; align-items: flex-end; overflow: hidden; background: #2a1a17 center / cover no-repeat; color: var(--color-white); }
.teaser-room video, .teaser-room .teaser-poster { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.teaser-room::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(36,12,18,.2) 0%, rgba(36,12,18,0) 35%, rgba(36,12,18,.72) 100%); pointer-events: none; }
.teaser-copy { position: relative; z-index: 1; width: min(calc(100% - 2rem), 76rem); margin: 0 auto; padding: var(--space-16) 0 var(--space-12); }
.teaser-copy h2 { max-width: 14ch; margin-bottom: var(--space-3); font-size: clamp(2.4rem, 7vw, 4.8rem); text-shadow: 0 2px 18px rgba(0,0,0,.4); }
.teaser-copy p { max-width: 30rem; margin: 0 0 var(--space-6); font-size: 1.1rem; text-shadow: 0 1px 10px rgba(0,0,0,.45); }
.teaser-room .button-light { color: #6e2b36; }
@media (min-width: 48rem) { .teaser-copy { width: min(calc(100% - 4rem), 76rem); } }