/* Loud & Branded – Motion-Styles */
html, body { background: #000; }
html:not(.lenis) { scroll-behavior: smooth; }
html.lenis, html.lenis body { height: auto; }
.lenis.lenis-smooth { scroll-behavior: auto !important; }
.lenis.lenis-stopped { overflow: hidden; }

/* Hero: vor dem Start unsichtbar, damit nichts springt (Failsafe: lb-ready) */
html.lb-js:not(.lb-ready) [data-id="c0c1065"] { visibility: hidden; }

/* Verlauf-Wort „unbekannt“ – Verlauf sitzt auf jedem Wort, läuft dauerhaft sanft */
.lb-display span { color: #FF7A45; }
.lb-display span,
.lb-display span .lb-word {
  background-image: linear-gradient(90deg, #FFB06B 0%, #FF7A45 30%, #FF4D6A 60%, #FFB06B 100%);
  background-size: 220% 100%;
  -webkit-background-clip: text; background-clip: text;
  color: transparent; -webkit-text-fill-color: transparent;
  animation: lbSunset 7s ease-in-out infinite alternate;
}
.lb-display span .lb-word { display: inline-block; }
@keyframes lbSunset { 0% { background-position: 0% 50%; } 100% { background-position: 100% 50%; } }
.lb-word { will-change: transform, opacity; }

/* Farbakzente in Texten */
.lb-lead span, [data-id="30d71c4b"] span { color: #fff; }
[data-id="2c27650a"] span, [data-id="76ae9cf0"] span { color: #FF7A45; }

/* Navigation */
[data-id="47e4be2e"] { will-change: transform; }

/* Showreel */
[data-id="219babe2"] { transform-style: preserve-3d; }
[data-id="51aaaa7b"] { position: relative; }
[data-id="51aaaa7b"]::after { content: ""; position: absolute; left: 17px; top: 14px; border-left: 12px solid #fff; border-top: 8px solid transparent; border-bottom: 8px solid transparent; }

/* Laufband */
[data-id="53e53fc7"] { overflow: hidden; }
[data-id="328c97f4"] { color: transparent !important; -webkit-text-stroke: 1.4px rgba(255,255,255,.55); will-change: transform; }
[data-id="3c4f259f"] {
  background-image: linear-gradient(90deg, #FFB06B, #FF7A45 40%, #FF4D6A 75%, #FFB06B);
  background-size: 200% 100%; -webkit-background-clip: text; background-clip: text;
  color: transparent !important; -webkit-text-fill-color: transparent; will-change: transform;
  animation: lbSunset 9s linear infinite alternate;
}
@media (max-width: 767px) { [data-id="328c97f4"] { -webkit-text-stroke-width: 1px; } }

/* Warum-Kacheln: Akzentlinie */
[data-id="62d59381"] > * { position: relative; }
.lb-tile-line { position: absolute; left: 0; top: -1px; height: 2px; width: 100%; transform: scaleX(0); transform-origin: 0 50%;
  background: linear-gradient(90deg, #FFB06B, #FF7A45, #FF4D6A); pointer-events: none; }

/* Drehorte: eine Zeile, läuft seitlich */
[data-id="10699174"] { overflow: hidden; }
[data-id="4a1f86dc"] { white-space: nowrap; width: max-content; will-change: transform; }

/* Ablauf: Fortschrittslinie */
[data-id="680e56d6"] > * { position: relative; border-top-color: #222 !important; }
.lb-step-line { position: absolute; left: 0; top: -2px; height: 2px; width: 100%; transform: scaleX(0); transform-origin: 0 50%;
  background: linear-gradient(90deg, #FFB06B, #FF7A45, #FF4D6A); pointer-events: none; }
[data-id="680e56d6"] > * > p:first-child { transition: color .5s ease; }
[data-id="680e56d6"] > .is-on > p:first-child { color: #FF7A45 !important; }
@media (max-width: 1024px) { .lb-step-line { top: -1px; } }

/* Kontakt: Licht, das der Maus folgt */
[data-id="25024d66"] { position: relative; isolation: isolate; }
.lb-light { position: absolute; left: 0; top: 0; width: 520px; height: 520px; margin: -260px 0 0 -260px; border-radius: 50%;
  background: radial-gradient(circle, rgba(255,122,69,.28) 0%, rgba(255,77,106,.12) 35%, rgba(0,0,0,0) 70%);
  pointer-events: none; z-index: -1; }
[data-id="36328950"] { background-size: 200% 100% !important; animation: lbSunset 5s ease-in-out infinite alternate; transition: transform .3s ease, box-shadow .3s ease; }
[data-id="36328950"]:hover { transform: translateY(-2px); box-shadow: 0 16px 44px -10px rgba(255,90,80,.75) !important; }

/* Formular & FAQ */
.lb-input::placeholder { color: #5c5c5c; }
textarea.lb-input { resize: vertical; min-height: 120px; }
details summary { list-style: none; }
details summary::-webkit-details-marker { display: none; }
details summary p { transition: color .3s; }
details summary:hover p { color: #FFB06B !important; }
details[open] summary p { color: #FF7A45 !important; }
.lb-small a { color: #9A9A9A; text-decoration: underline; }

/* Karten: Maus-Neigung braucht 3D */
.lb-card { transform-style: preserve-3d; }

@media (prefers-reduced-motion: reduce) {
  html.lb-js [data-id="c0c1065"] { visibility: visible !important; }
  .lb-display span, .lb-display span .lb-word, [data-id="3c4f259f"], [data-id="36328950"] { animation: none !important; }
  [data-id="4a1f86dc"] { white-space: normal; width: auto; }
}