/* Focused launch fixes: readable labels, separate film controls and stable crops. */
html[data-theme="light"][data-zs-package] .closure-main :is(.kicker, .eyebrow) {
  color: var(--pkg, var(--a-violet));
}

html[data-theme="light"] .closure-main .sib-card.growth .sib-tag {
  color: var(--a-violet, #5c4470);
}

html[data-theme="dark"] .closure-main :is(
  .sec-head > .eyebrow,
  .feel-grid .eyebrow,
  .truth-grid .eyebrow,
  .small-eyebrow,
  .sib-card.growth .sib-tag,
  .whocard > .text-link
) {
  color: #b6a4ff;
}

.closure-main footer .legal {
  color: var(--mut);
  opacity: 1;
}

/* The pause control has a full row, independent of the caption and menu CTA. */
.kvarteret .bistro-film .bistro-film-caption {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 20px 32px;
}

.kvarteret .bistro-film .bistro-film-caption > [data-motion] {
  position: static;
  inset: auto;
  grid-column: 1 / -1;
  grid-row: 1;
  justify-self: end;
  min-height: 44px;
  max-width: 100%;
  margin: 0;
  transform: none;
}

.kvarteret .bistro-film .bistro-film-caption > span {
  grid-column: 1;
  grid-row: 2;
  margin: 0;
}

.kvarteret .bistro-film .bistro-film-caption > a {
  grid-column: 2;
  grid-row: 2;
  justify-self: end;
  max-width: 100%;
}

/* Keep the existing footage and text sequence; remove the moving photo frame. */
.experience-v2.tier-premium-max .cinema-stage {
  transform: none;
  border-radius: 0;
  clip-path: none;
  will-change: auto;
}

.experience-v2.tier-premium-max .cinema-image img {
  transform: none;
  will-change: auto;
}

@media (max-width: 760px) {
  .kvarteret .bistro-film .bistro-film-caption {
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
  }

  .kvarteret .bistro-film .bistro-film-caption > [data-motion] {
    justify-self: start;
  }

  .kvarteret .bistro-film .bistro-film-caption > a {
    grid-column: 1;
    grid-row: 3;
    justify-self: start;
  }

  /* Show the face together with the supporting hand, above the mobile copy. */
  .norr.experience-v2 .cinema-image img {
    inset: 0 0 auto auto;
    width: 180%;
    max-width: none;
    height: auto;
    object-fit: contain;
    object-position: right top;
    mask-image: linear-gradient(#000 75%, transparent 100%);
  }

  /* The foreground table and candle own the crop instead of the bar wall. */
  .glod.experience-v2 .cinema-image img {
    inset: 0 0 auto;
    width: 100%;
    height: clamp(300px, 46svh, 390px);
    object-fit: cover;
    object-position: 22% 100%;
    mask-image: linear-gradient(#000 76%, transparent 100%);
  }
}

.closure-main footer .flogo { width: 96px; height: 96px; object-fit: contain; }

/* R-7 (B): link colour on the four Legal pages: lighter violet than #7C5CFF so that the rendered contrast over the page gradient stays above 4.5:1 (nominal 5.31:1 against #05070E) */
html[data-theme="dark"]{--link-page:#876AFF}
/* R-6 overflow: long words on the Legal pages wrap at 200 % text on phone widths (WCAG 1.4.10); measured: no layout change at 100 % text. */
body { overflow-wrap: anywhere; }