.telesala {
  position: relative; isolation: isolate; overflow: clip;
  min-height: var(--vh-full);
  display: flex; align-items: center;
  padding-block: clamp(6rem, 14vh, 10rem);
  background: linear-gradient(135deg, #241019 0%, #180b11 60%, #12070c 100%);
  color: var(--cream);
}
.telesala__bg { position: absolute; inset: 0; z-index: 0; overflow: hidden; }
.telesala__bg-img {
  position: absolute; inset: 0; width: 100%; height: 100%;
  object-fit: cover; object-position: 50% 45%;
  filter: blur(9px) saturate(1.05) brightness(.94);
  transform: scale(1.12); transform-origin: center;
  will-change: transform;
}
.telesala__overlay {
  position: absolute; inset: 0;
  background:
    linear-gradient(100deg, rgba(15,7,11,.9) 0%, rgba(20,9,14,.68) 40%, rgba(20,9,14,.4) 72%, rgba(20,9,14,.32) 100%),
    linear-gradient(0deg, rgba(11,5,8,.62) 0%, rgba(11,5,8,0) 32%, rgba(11,5,8,0) 66%, rgba(11,5,8,.5) 100%);
}
.telesala__content { position: relative; z-index: 2; width: 100%; display: flex; flex-direction: column; }
.telesala__eyebrow { margin-bottom: clamp(1.4rem, 3vw, 2.4rem); color: var(--rosa); }
.telesala .eyebrow--light .eyebrow__dot { background: var(--rosa); box-shadow: 0 0 0 4px rgba(201,154,146,.28); }
.telesala__title {
  font-family: var(--font-display); font-weight: 600;
  font-size: clamp(2rem, 4.6vw, 4rem); line-height: 1.03; letter-spacing: -.025em;
  color: #fff; max-width: 20ch;
  text-shadow: 0 2px 34px rgba(9,3,6,.45);
}
.telesala__line { display: block; }
.telesala__title em { font-style: italic; color: var(--rosa); }
.telesala__desc {
  margin-top: clamp(2rem, 6vh, 4.5rem); max-width: 42ch;
  color: rgba(246,238,232,.86); font-size: clamp(1.05rem, 1.5vw, 1.26rem); line-height: 1.62;
  text-shadow: 0 1px 12px rgba(9,3,6,.5);
}
.telesala__desc strong { color: #fff; font-weight: 500; }
@media (min-width: 992px) {
  .telesala__desc { align-self: flex-end; margin-right: clamp(0rem, 6vw, 7rem); max-width: 36ch; text-align: left; }
}
@media (max-width: 560px) {
  .telesala__bg-img { filter: blur(6px) saturate(1.05) brightness(.9); transform: scale(1.14); object-position: 55% 45%; }
  .telesala__title { max-width: none; }
  .telesala__desc { max-width: none; }
}
@media (prefers-reduced-motion: reduce) {
  .telesala__bg-img { transform: scale(1.12); will-change: auto; }
}