/* ════════════════════════════════════════════════════════════════
   FISCHER WORKS — engine.css
   Ergaenzungen zur Works Engine (Buehne in home.css):
   kuerzerer Pin, Ueberspringen-Knopf, Mobil-Feinheiten.
   Wird nach home.css geladen und ueberschreibt dessen Pin-Hoehen.
   ════════════════════════════════════════════════════════════════ */

/* Kuerzerer Weg: 9 Stufen, 8 Uebergaenge (Phase 5: nochmals gekuerzt) */
.engine-pin{height:480vh}
@media (pointer:coarse){.engine-pin{height:400vh}}

/* Ueberspringen: sitzt unten mittig auf der Buehne, erscheint mit
   dem ersten Scroll und verschwindet vor dem Finale. */
.engine-skip{
  position:absolute;left:50%;bottom:clamp(22px,5vh,56px);
  transform:translate(-50%,8px);
  display:inline-flex;align-items:center;gap:10px;
  padding:11px 18px;border:1px solid var(--linie);border-radius:999px;
  background:color-mix(in srgb,var(--papier) 72%,transparent);
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
  font-family:var(--fm);font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;
  color:var(--grau);cursor:pointer;
  opacity:0;pointer-events:none;
  transition:opacity .25s var(--ease-out,cubic-bezier(.23,1,.32,1)),
    transform .25s var(--ease-out,cubic-bezier(.23,1,.32,1)),
    color .2s,border-color .2s;
}
.engine-skip.da{opacity:1;pointer-events:auto;transform:translate(-50%,0)}
.engine-skip:hover,.engine-skip:focus-visible{color:var(--tinte);border-color:var(--messing,#B8892E)}
.engine-skip:active{transform:translate(-50%,0) scale(.97)}
.engine-skip .pf{display:inline-block;transition:transform .25s var(--ease-out,cubic-bezier(.23,1,.32,1))}
.engine-skip:hover .pf{transform:translateY(3px)}

/* Mobil: Etikett und Finale duerfen sich nicht in die Quere kommen */
@media (max-width:640px){
  .engine-etikett{bottom:clamp(74px,12vh,110px)}
  .engine-wort{font-size:clamp(26px,8vw,40px)}
  .engine-finale{
    left:var(--rand);right:var(--rand);bottom:clamp(74px,12vh,110px);text-align:left;
    font-size:clamp(16px,4.6vw,22px);
  }
  .engine-skip{bottom:18px}
}
@media (prefers-reduced-motion:reduce){.engine-skip{display:none}}