/* Additions on top of style.css: language switch + DJ Vocalist teaser */

/* ---------- Language switch ---------- */
.nav__right { display: flex; align-items: center; gap: 22px; }
.nav__menu { gap: 28px; }
.lang { display: inline-flex; border: 1.5px solid var(--line); border-radius: 999px; padding: 3px; background: rgba(248, 241, 233, .55); position: relative; z-index: 2; }
.lang button {
  appearance: none; border: 0; background: none; cursor: pointer; color: var(--muted);
  font: 700 12px/1 var(--sans); letter-spacing: .08em; padding: 8px 11px; border-radius: 999px;
  transition: background .2s, color .2s;
}
.lang button[aria-pressed="true"] { background: var(--night); color: var(--sand); }
.lang button:not([aria-pressed="true"]):hover { color: var(--ink); }
.lang button:focus-visible, .nav a:focus-visible { outline: 2px solid var(--coral); outline-offset: 2px; }

/* ---------- DJ Vocalist teaser ---------- */
.djv { background: #173025; }
.djv__link { position: relative; display: block; overflow: hidden; color: var(--sand); text-decoration: none; isolation: isolate; }
.djv__img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -2; transition: transform 1.2s var(--ease); }
.djv__link::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgba(23, 48, 37, .92) 0%, rgba(23, 48, 37, .7) 45%, rgba(23, 48, 37, .15) 100%); }
.djv__link:hover .djv__img { transform: scale(1.03); }
.djv__body { display: flex; flex-direction: column; align-items: flex-start; padding-top: clamp(80px, 11vw, 140px); padding-bottom: clamp(80px, 11vw, 140px); }
.djv .eyebrow { color: #e3b23c; }
.djv__title { font: 500 clamp(44px, 6vw, 84px)/1.02 var(--serif); letter-spacing: -.015em; max-width: 12ch; }
.djv__text { max-width: 40ch; margin: 18px 0 32px; color: rgba(248, 241, 233, .85); font-size: 18px; }

@media (min-width: 901px) and (max-width: 1100px) {
  .nav__menu { gap: 20px; }
  .nav__name { display: none; }
}
@media (max-width: 900px) {
  .djv__link::after { background: rgba(23, 48, 37, .78); }
}