/* White page surfaces. Image cards, brand accents and scene transitions remain independent. */
:root {
  --lf-page-white:#fff;
  --paper:var(--lf-page-white)!important;
  --cream:var(--lf-page-white);
  --lf-paper:var(--lf-page-white);
  color-scheme:light;
}
html,body,#root,#journey { background-color:var(--lf-page-white)!important; }
html { scrollbar-color:#bcb5ab #fff; }
.lf8,#lf5-module,#lf6-module { --lf-paper:var(--lf-page-white); }
.journey-stage,.scene-canvas,.journey-stage .v2-media,
.lf8-stage .lf8-paper,.load-state,
.contact-dialog,.render-dialog,.lf8 .lf-dialog {
  background:var(--lf-page-white)!important;
}
#lf5-module { --home-paper:var(--lf-page-white); }
#lf5-module,#lf5-module .gallery,#lf5-module #gallery>.viewport {
  background:var(--lf-page-white)!important;
}
#lf5-module .preview,#lf5-module .poster { background-color:var(--lf-page-white); }
/* Only decorative contour canvases are excluded: the news image renderer stays intact. */
#lf5-module .lf-contour-backdrop-v2,#lf5-module .contour-background-canvas,
#lf5-module .sketches,#lf5-module .staticSketch {
  display:none!important;
}
#lf6-module {
  --background:var(--lf-page-white);
  --scene-background:var(--lf-page-white);
  background:var(--lf-page-white)!important;
}
#lf6-module .footer,#lf6-module .footer-background {
  background:var(--lf-page-white)!important;
}

/* Let BOTH languages size each label. Absolute English labels otherwise get clipped. */
#lf-nav-v4-root .cbx-roll {
  display:grid;grid-template-columns:max-content;
  align-items:center;justify-items:center;position:relative;overflow:hidden;
}
#lf-nav-v4-root .cbx-roll__first,#lf-nav-v4-root .cbx-roll__second {
  grid-area:1 / 1;position:relative;inset:auto;
  display:block;width:auto;white-space:nowrap;
  transition:transform .55s var(--cbx-ease-out);
}
#lf-nav-v4-root .cbx-roll__second { transform:translateY(115%); }
#lf-nav-v4-root .cbx-nav__link--contact { display:none; }
#lf-nav-v4-root .cbx-nav__link:focus-visible .cbx-roll__first,
#lf-nav-v4-root .cbx-contact:focus-visible .cbx-roll__first { transform:translateY(-115%); }
#lf-nav-v4-root .cbx-nav__link:focus-visible .cbx-roll__second,
#lf-nav-v4-root .cbx-contact:focus-visible .cbx-roll__second { transform:translateY(0); }
@media(hover:hover) and (pointer:fine) {
  #lf-nav-v4-root .cbx-nav__link:hover .cbx-roll__first,
  #lf-nav-v4-root .cbx-contact:hover .cbx-roll__first { transform:translateY(-115%); }
  #lf-nav-v4-root .cbx-nav__link:hover .cbx-roll__second,
  #lf-nav-v4-root .cbx-contact:hover .cbx-roll__second { transform:translateY(0); }
}

/* Full navigation at the top. After scrolling, only the right-hand trigger remains. */
#lf-nav-v4-root { background:#fff;transition:background-color .25s ease; }
#lf-nav-v4-root .cbx-header__inner { position:relative; }
#lf-nav-v4-root .cbx-brand { transition:opacity .25s ease,transform .35s var(--cbx-ease-out),visibility .25s; }
#lf-nav-v4-root .cbx-menu-toggle {
  display:none;position:relative;width:52px;height:52px;
  flex-direction:column;align-items:center;justify-content:center;gap:6px;
  margin:0;padding:0;border:0;border-radius:50%;background:#fff;color:#000;
  pointer-events:auto;touch-action:manipulation;
}
#lf-nav-v4-root .cbx-menu-toggle span {
  display:block;flex:0 0 2px;width:26px;height:2px;border-radius:1px;
  background:currentColor;transform:none;transform-origin:center;
  transition:transform .3s var(--cbx-ease-out),opacity .2s ease;
}
#lf-nav-v4-root .cbx-menu-toggle[aria-expanded="true"] span:nth-child(1) { transform:translateY(8px) rotate(45deg); }
#lf-nav-v4-root .cbx-menu-toggle[aria-expanded="true"] span:nth-child(2) { opacity:0;transform:scaleX(0); }
#lf-nav-v4-root .cbx-menu-toggle[aria-expanded="true"] span:nth-child(3) { transform:translateY(-8px) rotate(-45deg); }
#lf-nav-v4-root[data-nav-compact="true"] .cbx-header__inner { margin-inline:var(--gutter);gap:0; }
#lf-nav-v4-root[data-nav-compact="true"] .cbx-header__actions { margin-left:auto; }
#lf-nav-v4-root[data-nav-compact="true"] .cbx-header__actions>.cbx-contact { display:none; }
#lf-nav-v4-root[data-nav-compact="true"] .cbx-menu-toggle { display:flex; }
#lf-nav-v4-root[data-nav-scrolled="true"] { background:transparent;pointer-events:none; }
#lf-nav-v4-root[data-nav-scrolled="true"] .cbx-brand {
  opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-10px);
}
#lf-nav-v4-root[data-nav-compact="true"] .cbx-nav { display:none!important; }
@media(max-width:960px) {
  /* Also prevents an expanded-menu flash before JavaScript initializes. */
  #lf-nav-v4-root:not([data-nav-compact]) .cbx-nav,
  #lf-nav-v4-root:not([data-nav-compact]) .cbx-header__actions>.cbx-contact { display:none; }
  #lf-nav-v4-root:not([data-nav-compact]) .cbx-menu-toggle { display:flex; }
}
@media(prefers-reduced-motion:reduce) {
  #lf-nav-v4-root,#lf-nav-v4-root * { animation:none!important;transition:none!important; }
}