/* Projektszenen: Event, Food mit Smartphone, FPV, Scroll Choreografie */

.work { outline: none; }
.project { position: relative; }

h2 {
  font-family: var(--display);
  font-size: clamp(1.9rem, 4vw, 3.6rem);
  letter-spacing: -.05em;
  line-height: 1;
  font-weight: 600;
}
.bignum {
  display: block;
  font-family: var(--display);
  font-weight: 600;
  font-size: clamp(3.2rem, 8vw, 8.5rem);
  line-height: .8;
  letter-spacing: -.06em;
  color: transparent;
  -webkit-text-stroke: 1px rgba(29, 31, 34, .28);
  margin-bottom: clamp(14px, 2.4vw, 30px);
  font-variant-numeric: tabular-nums;
}
.project-desc { max-width: 30rem; color: var(--mut); font-size: clamp(.98rem, 1.2vw, 1.08rem); line-height: 1.6; }
.project-info { display: grid; gap: 18px; justify-items: start; align-content: end; }
.tags { display: flex; flex-wrap: wrap; gap: 8px; }
.tags li {
  font-size: .8rem;
  padding: 6px 13px;
  border-radius: 999px;
  border: 1px solid rgba(29, 31, 34, .14);
  color: var(--ink);
}
.facts { font-size: .8rem; color: var(--mut); font-variant-numeric: tabular-nums; min-height: 1.2em; }
.facts:empty { display: none; }

/* Kleine Kennzeichnung neben dem FPV Video */
.info-kicker { display: inline-flex; align-items: center; gap: 12px; font-size: .78rem; letter-spacing: .14em; text-transform: uppercase; color: var(--dark-mut); }
.info-kicker span { color: var(--lemon); font-variant-numeric: tabular-nums; letter-spacing: .04em; }

/* Einsatzbereiche FPV */
.usecases { display: grid; gap: 10px; }
.usecases-label { font-size: .74rem; letter-spacing: .12em; text-transform: uppercase; color: var(--dark-mut); }
.usecase-list { display: flex; flex-wrap: wrap; gap: 8px 20px; max-width: 30rem; }
.usecase-list li {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  font-family: var(--display);
  font-weight: 600;
  font-size: clamp(1rem, 1.25vw, 1.15rem);
  letter-spacing: -.02em;
  color: var(--dark-ink);
}
.usecase-list li::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--lemon); }

/* Raster: Info und Bühne nebeneinander ab 1100px */
.project-grid { display: grid; gap: 28px; }
@media (min-width: 1100px) {
  .project-grid { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: clamp(40px, 4vw, 80px); align-items: center; }
  .project-grid.flip { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); }
  .project-grid.flip > .project-info { order: 2; }
  .project-info { padding-bottom: 8px; }
}

/* Bühne */
.stage {
  position: relative;
  background: #0d0e10;
  border-radius: clamp(12px, 1.3vw, 22px);
  overflow: hidden;
}
.stage video { display: block; background: #0d0e10; }

.missing {
  display: none;
  position: absolute;
  inset: 0;
  z-index: 3;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 24px;
  font-size: .95rem;
  color: var(--dark-mut);
  background: radial-gradient(120% 120% at 30% 20%, #23262b, #121316);
}
.is-missing .missing { display: flex; }
.is-missing video { visibility: hidden; }

/* Hochkante Videos als schwebende Karten mit weichem Lichtschein aus dem Video */
.stage.stage-v {
  --sh: min(calc(var(--vh) - var(--hh) - 7rem), 820px);
  height: var(--sh);
  display: grid;
  place-items: center;
  background: none;
  border-radius: 0;
  overflow: visible;
  isolation: isolate;
}
.stage-v .ambient, .stage-v .ambient-live {
  position: absolute;
  left: 50%;
  top: 50%;
  width: calc(var(--sh) * .5625 * 1.08);
  height: calc(var(--sh) * .96);
  max-width: none;
  object-fit: cover;
  z-index: -1;
  border-radius: 40px;
  transform: translate(-50%, -46%);
  filter: blur(56px) saturate(1.5);
  opacity: .55;
  pointer-events: none;
}
.stage-v .ambient-live { opacity: 0; transition: opacity 1.2s ease; }
.stage-v .ambient-live.on { opacity: .62; }
.project-fpv .stage-v .ambient { opacity: .7; }
.project-fpv .stage-v .ambient-live.on { opacity: .85; }
.p-frame {
  position: relative;
  height: 100%;
  aspect-ratio: 9 / 16;
  max-width: 100%;
  overflow: hidden;
  container-type: inline-size;
  border-radius: clamp(16px, 1.6vw, 26px);
  background: #000;
  box-shadow: 0 50px 90px -40px rgba(20, 22, 26, .7), 0 0 0 1px rgba(29, 31, 34, .06);
  transform: translateZ(0);
}
.project-fpv .p-frame { box-shadow: 0 50px 90px -40px rgba(0, 0, 0, .8), 0 0 0 1px rgba(255, 255, 255, .08); }
.p-frame video { width: 100%; height: 100%; object-fit: cover; }
.stage-v:fullscreen { height: 100%; background: #000; }
.stage-v:-webkit-full-screen { height: 100%; background: #000; }
.stage-v:fullscreen .p-frame { border-radius: 0; }

@media (max-width: 1099px) {
  .stage.stage-v { --sh: min(calc(var(--vh) - var(--hh) - 9rem), 760px); }
}
@media (max-width: 759px) {
  .stage.stage-v { --sh: auto; height: auto; display: block; }
  .stage-v .ambient, .stage-v .ambient-live { display: none; }
  .p-frame {
    width: min(100%, calc((var(--vh) - var(--hh) - 6rem) * 9 / 16));
    height: auto;
    margin: 0 auto;
    box-shadow: 0 30px 60px -30px rgba(20, 22, 26, .6);
  }
}

/* Projekt 1 */
.project-event { padding: clamp(32px, 8vh, 110px) 0 clamp(72px, 13vh, 160px); }

/* Projekt 2 */
.food-scene {
  position: relative;
  display: grid;
  gap: 28px;
  justify-items: center;
  padding: clamp(40px, 8vh, 90px) var(--gut);
  background: var(--bg);
}
.food-scene::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: min(90vw, 760px);
  aspect-ratio: 1;
  transform: translate(-50%, -50%);
  background: radial-gradient(closest-side, rgba(230, 223, 159, .75), rgba(230, 223, 159, 0));
  pointer-events: none;
}
.scene-shade { display: none; }
.food-text { position: relative; display: grid; gap: 16px; justify-items: start; width: 100%; max-width: var(--maxw); }
.food-side { display: none; }
.phone-col { position: relative; display: grid; gap: 22px; justify-items: center; }

.phone {
  --h: min(calc(var(--vh) - var(--hh) - 11rem), 680px);
  position: relative;
  height: var(--h);
  aspect-ratio: 9 / 18;
  padding: calc(var(--h) * .012);
  border-radius: calc(var(--h) * .078);
  background: linear-gradient(145deg, #45484e, #1a1b1e 45%, #2b2d31);
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, .1),
    inset 0 0 0 calc(var(--h) * .004) #0c0d0f,
    0 50px 80px -34px rgba(20, 22, 26, .55),
    0 18px 30px -16px rgba(20, 22, 26, .35);
}
.phone::before, .phone::after {
  content: "";
  position: absolute;
  width: 3px;
  background: #2a2c30;
  border-radius: 2px;
}
.phone::before { left: -3px; top: 17%; height: 7%; box-shadow: 0 calc(var(--h) * .085) 0 #2a2c30; }
.phone::after { right: -3px; top: 24%; height: 11%; }

.phone-screen {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: calc(var(--h) * .066);
  background: #000;
  overflow: hidden;
  display: grid;
  place-items: center;
}
.phone-screen::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(125deg, rgba(255, 255, 255, .08) 0%, rgba(255, 255, 255, 0) 32%);
  pointer-events: none;
}
.phone-screen video {
  display: block;
  width: 100%;
  aspect-ratio: 9 / 16;
  height: auto;
  object-fit: cover;
  background: #000;
}
.phone-screen .missing { font-size: .8rem; }
.phone-island {
  position: absolute;
  z-index: 3;
  left: 50%;
  top: calc(var(--h) * .024);
  width: 27%;
  height: calc(var(--h) * .026);
  transform: translateX(-50%);
  background: #000;
  border-radius: 999px;
}
.phone-home {
  position: absolute;
  z-index: 3;
  left: 50%;
  bottom: calc(var(--h) * .02);
  width: 32%;
  height: 4px;
  transform: translateX(-50%);
  background: rgba(255, 255, 255, .72);
  border-radius: 999px;
}
.phone-progress {
  position: absolute;
  z-index: 2;
  left: 7%;
  right: 7%;
  top: calc(var(--h) * .056);
  height: 3px;
  border-radius: 3px;
  background: rgba(255, 255, 255, .28);
  overflow: hidden;
}
.phone-progress i {
  display: block;
  height: 100%;
  background: #fff;
  transform: scaleX(var(--pp, 0));
  transform-origin: left;
}
.phone-tap {
  position: absolute;
  inset: 0;
  z-index: 2;
  background: transparent;
  border: 0;
  padding: 0;
  cursor: pointer;
  border-radius: inherit;
}
.phone-tap:focus-visible { outline: 2px solid var(--lemon); outline-offset: -4px; }

.sound-btn {
  appearance: none;
  display: inline-flex;
  align-items: center;
  gap: 12px;
  min-height: 50px;
  padding: 0 24px 0 20px;
  font: inherit;
  font-size: .95rem;
  color: var(--bg);
  background: var(--ink);
  border: 0;
  border-radius: 999px;
  cursor: pointer;
  transform: translate3d(var(--mx), var(--my), 0);
  transition: transform .5s var(--out), background .25s ease;
}
.sound-btn:hover { background: #2c2f33; }
.sound-btn[aria-pressed="true"] { background: var(--lemon); color: var(--ink); }
.sound-bars { display: inline-flex; align-items: flex-end; gap: 2px; height: 14px; }
.sound-bars i { display: block; width: 3px; height: 4px; border-radius: 1px; background: currentColor; }
.sound-btn[aria-pressed="true"] .sound-bars i { animation: eq .9s ease-in-out infinite; }
.sound-btn[aria-pressed="true"] .sound-bars i:nth-child(2) { animation-delay: -.3s; }
.sound-btn[aria-pressed="true"] .sound-bars i:nth-child(3) { animation-delay: -.6s; }
@keyframes eq { 0%, 100% { height: 4px; } 50% { height: 14px; } }

@media (min-width: 900px) {
  .food-scene {
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    padding-block: clamp(48px, 8vh, 90px);
  }
  .food-text { grid-column: 1; align-self: end; max-width: 26rem; justify-self: start; padding-bottom: 12px; }
  .phone-col { grid-column: 2; }
  .food-side { display: block; grid-column: 3; justify-self: end; align-self: end; padding-bottom: 92px; }
  .food-hint { display: inline-block; font-size: .8rem; color: var(--mut); writing-mode: vertical-rl; transform: rotate(180deg); letter-spacing: .04em; }
}

/* Projekt 3 */
.project-fpv {
  color: var(--dark-ink);
}
.fpv-body { background: var(--dark); padding: clamp(48px, 9vh, 110px) 0 clamp(64px, 11vh, 130px); }

/* FPV Hero: Vollbild Loop, an den Bildschirm gekoppelt, damit der Übergang aus dem Smartphone nahtlos ist.
   Mit Effekten bleibt das Video länger stehen, der Titel hält unten links, erst am Ende geht es weich ins Dunkle. */
.fpv-hero {
  position: relative;
  height: var(--vh);
  min-height: 520px;
  color: var(--dark-ink);
}
.fx .fpv-hero { height: calc(var(--vh) * 1.7); }
/* Ohne Effekte zeigt der Hero ein Standbild der Szene */
.fpv-hero { background: var(--dark) url("../media/poster-fpvloop-v.jpg") center / cover no-repeat; }
@media (orientation: landscape) { .fpv-hero { background-image: url("../media/poster-fpvloop-h.jpg"); } }
.fx .fpv-hero { background: none; }
.fpv-loop {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: brightness(.9) saturate(1.1);
  background: var(--dark);
}
.fpv-hero-stick {
  position: relative;
  z-index: 1;
  height: var(--vh);
  min-height: 520px;
  display: grid;
  align-items: end;
  background: linear-gradient(to bottom, rgba(20, 22, 26, 0) 55%, rgba(20, 22, 26, .42) 100%);
}
.fx .fpv-hero-stick { position: sticky; top: 0; }
.fpv-hero-fade {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: calc(var(--vh) * .5);
  z-index: 0;
  background: linear-gradient(to bottom, rgba(20, 22, 26, 0), var(--dark));
  pointer-events: none;
}
.fpv-hero-copy { position: relative; padding-bottom: clamp(56px, 11vh, 120px); }
.fpv-kicker {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  margin-bottom: clamp(12px, 2vh, 22px);
  font-size: .78rem;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: rgba(243, 240, 232, .9);
  text-shadow: 0 2px 12px rgba(0, 0, 0, .35);
}
.fpv-num { font-variant-numeric: tabular-nums; letter-spacing: .04em; }
.fpv-kicker-line { width: 36px; height: 1px; background: currentColor; opacity: .7; }
.fpv-hero-title {
  font-size: clamp(3.2rem, 11vw, 11rem);
  line-height: .9;
  letter-spacing: -.055em;
  text-shadow: 0 12px 50px rgba(0, 0, 0, .3);
}
.fl { display: inline-block; overflow: hidden; padding: 0 .06em .14em 0; margin-bottom: -.12em; vertical-align: top; }
.fl > span { display: inline-block; }
.js .fl > span { transform: translate3d(0, 108%, 0); transition: transform 1.4s var(--out); }
.js .fpv-hero .fl:nth-child(2) > span { transition-delay: .14s; }
.js .fpv-hero .fpv-kicker { opacity: 0; transform: translateY(12px); transition: opacity 1s ease .3s, transform 1s var(--out) .3s; }
.js .fpv-hero.in .fl > span, .force-in .fl > span { transform: none; }
.js .fpv-hero.in .fpv-kicker, .force-in .fpv-hero .fpv-kicker { opacity: 1; transform: none; }
.fpv-hero-cue {
  position: absolute;
  right: var(--gut);
  bottom: clamp(56px, 11vh, 120px);
  display: none;
  align-items: center;
  gap: 12px;
  font-size: .8rem;
  color: rgba(243, 240, 232, .85);
}
.fpv-hero-cue i { position: relative; width: 1px; height: 34px; overflow: hidden; background: rgba(243, 240, 232, .25); }
.fpv-hero-cue i::after { content: ""; position: absolute; inset: 0; background: var(--lemon); animation: cue 2s var(--ease) infinite; }
@media (min-width: 760px) { .fpv-hero-cue { display: inline-flex; } }

/* Szene im Food Bereich: das Smartphone fliegt in dieselbe FPV Aufnahme */
.scene-shade .fpv-loop { position: absolute; inset: 0; }
.project-fpv .bignum { -webkit-text-stroke-color: rgba(243, 240, 232, .3); }
.project-fpv .project-desc, .project-fpv .facts { color: var(--dark-mut); }
.project-fpv .tags li { border-color: rgba(243, 240, 232, .2); color: var(--dark-ink); }
.fpv-frame { transform-origin: 50% 0; }
.ext-link {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 46px;
  margin-top: 6px;
  padding: 0 20px;
  color: var(--ink);
  background: var(--lemon);
  text-decoration: none;
  border-radius: 999px;
  font-size: .92rem;
  transform: translate3d(var(--mx), var(--my), 0);
  transition: transform .5s var(--out), background .25s ease;
}
.ext-link:hover, .ext-link:focus-visible { background: #efe9b0; }
.ext-link[hidden] { display: none; }
/* Abschluss nach FPV: Ideen in Bewegung wird als Flugbahn gezeichnet.
   Echte Vektorkonturen der Schrift, die Linie fährt jeden Buchstaben ab, danach füllt er sich.
   Der Punkt am Ende ist der gelbe Markenpunkt. Gleiche Farbe wie der FPV Bereich, keine Kante. */
.project-fpv { position: relative; z-index: 2; }
.outro-band {
  position: relative;
  z-index: 1;
  background: var(--dark);
  color: var(--dark-ink);
  padding: clamp(40px, 9vh, 120px) 0 calc(clamp(56px, 11vh, 140px) + 56px);
}
.fp-wrap { display: grid; grid-template-columns: minmax(0, 1fr); gap: clamp(18px, 3vh, 34px); }
.fp-svg { display: block; width: 100%; height: auto; overflow: visible; }
.fp-narrow { display: none; }
/* Ideen in Bewegung: in den Buchstaben läuft FPV Material. Die Maske sind genau dieselben Konturen wie im SVG. */
.fp-art { position: relative; }
.fp-art .fp-svg { position: relative; z-index: 1; }
.fp-vid {
  position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; pointer-events: none;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-123 -123 17157 2724' preserveAspectRatio='none'%3E%3Cpath fill='white' d='M388 496.55999999999995H124V1986.56H388Z M950.0799999999999 2007.56C1088.08 2007.56 1204.08 1947.56 1270.08 1825.56H1272.08V1986.56H1520.08V496.55999999999995H1268.08V1080.56H1266.08C1198.08 964.56 1085.08 909.56 948.0799999999999 909.56C677.0799999999999 909.56 493.08 1132.56 493.08 1457.56C493.08 1786.56 674.0799999999999 2007.56 950.0799999999999 2007.56ZM1009.0799999999999 1796.56C853.0799999999999 1796.56 748.0799999999999 1676.56 748.0799999999999 1457.56C748.0799999999999 1239.56 853.0799999999999 1118.56 1009.0799999999999 1118.56C1174.08 1118.56 1282.08 1252.56 1282.08 1457.56C1282.08 1663.56 1174.08 1796.56 1009.0799999999999 1796.56Z M2128.16 2010.56C2375.16 2010.56 2571.16 1867.56 2611.16 1660.56H2375.16C2346.16 1750.56 2261.16 1811.56 2134.16 1811.56C1964.1599999999999 1811.56 1866.1599999999999 1696.56 1860.1599999999999 1524.56H2624.16V1455.56C2624.16 1131.56 2422.16 906.56 2118.16 906.56C1822.1599999999999 906.56 1613.1599999999999 1138.56 1613.1599999999999 1459.56C1613.1599999999999 1779.56 1811.1599999999999 2010.56 2128.16 2010.56ZM1862.1599999999999 1350.56C1879.1599999999999 1199.56 1976.1599999999999 1106.56 2122.16 1106.56C2268.16 1106.56 2366.16 1199.56 2382.16 1350.56Z M3179.24 2010.56C3426.24 2010.56 3622.24 1867.56 3662.24 1660.56H3426.24C3397.24 1750.56 3312.24 1811.56 3185.24 1811.56C3015.24 1811.56 2917.24 1696.56 2911.24 1524.56H3675.24V1455.56C3675.24 1131.56 3473.24 906.56 3169.24 906.56C2873.24 906.56 2664.24 1138.56 2664.24 1459.56C2664.24 1779.56 2862.24 2010.56 3179.24 2010.56ZM2913.24 1350.56C2930.24 1199.56 3027.24 1106.56 3173.24 1106.56C3319.24 1106.56 3417.24 1199.56 3433.24 1350.56Z M4016.3199999999997 1389.56C4016.3199999999997 1209.56 4115.32 1130.56 4247.32 1130.56C4382.32 1130.56 4460.32 1211.56 4460.32 1366.56V1986.56H4713.32V1326.56C4713.32 1055.56 4557.32 909.56 4336.32 909.56C4191.32 909.56 4084.3199999999997 973.56 4012.3199999999997 1092.56V930.56H3764.3199999999997V1986.56H4016.3199999999997Z M5236.48 1986.56H5488.48V930.56H5236.48ZM5362.48 773.56C5448.48 773.56 5513.48 711.56 5513.48 629.56C5513.48 548.56 5448.48 486.55999999999995 5362.48 486.55999999999995C5276.48 486.55999999999995 5211.48 548.56 5211.48 629.56C5211.48 711.56 5276.48 773.56 5362.48 773.56Z M5882.5599999999995 1389.56C5882.5599999999995 1209.56 5981.5599999999995 1130.56 6113.5599999999995 1130.56C6248.5599999999995 1130.56 6326.5599999999995 1211.56 6326.5599999999995 1366.56V1986.56H6579.5599999999995V1326.56C6579.5599999999995 1055.56 6423.5599999999995 909.56 6202.5599999999995 909.56C6057.5599999999995 909.56 5950.5599999999995 973.56 5878.5599999999995 1092.56V930.56H5630.5599999999995V1986.56H5882.5599999999995Z M7114.719999999999 1986.56H7716.719999999999C8061.719999999999 1986.56 8242.72 1818.56 8242.72 1567.56C8242.72 1355.56 8104.719999999999 1232.56 7926.719999999999 1211.56V1209.56C8086.719999999999 1165.56 8185.719999999999 1055.56 8185.719999999999 883.56C8185.719999999999 650.56 8004.719999999999 496.55999999999995 7690.719999999999 496.55999999999995H7114.719999999999ZM7374.719999999999 1771.56V1334.56H7694.719999999999C7870.719999999999 1334.56 7971.719999999999 1420.56 7971.719999999999 1558.56C7971.719999999999 1695.56 7868.719999999999 1771.56 7688.719999999999 1771.56ZM7374.719999999999 1127.56V711.56H7678.719999999999C7829.719999999999 711.56 7921.719999999999 791.56 7921.719999999999 919.56C7921.719999999999 1046.56 7829.719999999999 1127.56 7678.719999999999 1127.56Z M8802.8 2010.56C9049.8 2010.56 9245.8 1867.56 9285.8 1660.56H9049.8C9020.8 1750.56 8935.8 1811.56 8808.8 1811.56C8638.8 1811.56 8540.8 1696.56 8534.8 1524.56H9298.8V1455.56C9298.8 1131.56 9096.8 906.56 8792.8 906.56C8496.8 906.56 8287.8 1138.56 8287.8 1459.56C8287.8 1779.56 8485.8 2010.56 8802.8 2010.56ZM8536.8 1350.56C8553.8 1199.56 8650.8 1106.56 8796.8 1106.56C8942.8 1106.56 9040.8 1199.56 9056.8 1350.56Z M9619.88 1986.56H9879.88L10009.88 1546.56C10038.88 1448.56 10064.88 1345.56 10090.88 1242.56C10117.88 1345.56 10143.88 1448.56 10171.88 1546.56L10299.88 1986.56H10561.88L10888.88 930.56H10620.88L10511.88 1331.56C10478.88 1456.56 10447.88 1590.56 10417.88 1721.56C10384.88 1590.56 10352.88 1456.56 10318.88 1331.56L10207.88 930.56H9974.88L9862.88 1331.56C9827.88 1457.56 9795.88 1592.56 9762.88 1723.56C9730.88 1592.56 9700.88 1457.56 9667.88 1331.56L9558.88 930.56H9293.88Z M11402.96 2010.56C11649.96 2010.56 11845.96 1867.56 11885.96 1660.56H11649.96C11620.96 1750.56 11535.96 1811.56 11408.96 1811.56C11238.96 1811.56 11140.96 1696.56 11134.96 1524.56H11898.96V1455.56C11898.96 1131.56 11696.96 906.56 11392.96 906.56C11096.96 906.56 10887.96 1138.56 10887.96 1459.56C10887.96 1779.56 11085.96 2010.56 11402.96 2010.56ZM11136.96 1350.56C11153.96 1199.56 11250.96 1106.56 11396.96 1106.56C11542.96 1106.56 11640.96 1199.56 11656.96 1350.56Z M12467.039999999999 2418.56C12753.039999999999 2418.56 12966.039999999999 2286.56 12966.039999999999 1959.56V930.56H12717.039999999999V1087.56H12716.039999999999C12646.039999999999 966.56 12531.039999999999 909.56 12394.039999999999 909.56C12123.039999999999 909.56 11939.039999999999 1132.56 11939.039999999999 1453.56C11939.039999999999 1771.56 12120.039999999999 1993.56 12396.039999999999 1993.56C12535.039999999999 1993.56 12647.039999999999 1937.56 12715.039999999999 1813.56H12716.039999999999V1974.56C12716.039999999999 2136.56 12625.039999999999 2223.56 12467.039999999999 2223.56C12349.039999999999 2223.56 12262.039999999999 2175.56 12238.039999999999 2084.56H11991.039999999999C12019.039999999999 2289.56 12188.039999999999 2418.56 12467.039999999999 2418.56ZM12455.039999999999 1785.56C12299.039999999999 1785.56 12194.039999999999 1666.56 12194.039999999999 1450.56C12194.039999999999 1235.56 12299.039999999999 1115.56 12455.039999999999 1115.56C12620.039999999999 1115.56 12728.039999999999 1247.56 12728.039999999999 1450.56C12728.039999999999 1653.56 12620.039999999999 1785.56 12455.039999999999 1785.56Z M13484.119999999999 2007.56C13630.119999999999 2007.56 13737.119999999999 1943.56 13809.119999999999 1824.56V1986.56H14057.119999999999V930.56H13804.119999999999V1527.56C13804.119999999999 1707.56 13706.119999999999 1786.56 13573.119999999999 1786.56C13438.119999999999 1786.56 13360.119999999999 1705.56 13360.119999999999 1550.56V930.56H13108.119999999999V1590.56C13108.119999999999 1861.56 13263.119999999999 2007.56 13484.119999999999 2007.56Z M14451.199999999999 1389.56C14451.199999999999 1209.56 14550.199999999999 1130.56 14682.199999999999 1130.56C14817.199999999999 1130.56 14895.199999999999 1211.56 14895.199999999999 1366.56V1986.56H15148.199999999999V1326.56C15148.199999999999 1055.56 14992.199999999999 909.56 14771.199999999999 909.56C14626.199999999999 909.56 14519.199999999999 973.56 14447.199999999999 1092.56V930.56H14199.199999999999V1986.56H14451.199999999999Z M15769.279999999999 2418.56C16055.279999999999 2418.56 16268.279999999999 2286.56 16268.279999999999 1959.56V930.56H16019.279999999999V1087.56H16018.279999999999C15948.279999999999 966.56 15833.279999999999 909.56 15696.279999999999 909.56C15425.279999999999 909.56 15241.279999999999 1132.56 15241.279999999999 1453.56C15241.279999999999 1771.56 15422.279999999999 1993.56 15698.279999999999 1993.56C15837.279999999999 1993.56 15949.279999999999 1937.56 16017.279999999999 1813.56H16018.279999999999V1974.56C16018.279999999999 2136.56 15927.279999999999 2223.56 15769.279999999999 2223.56C15651.279999999999 2223.56 15564.279999999999 2175.56 15540.279999999999 2084.56H15293.279999999999C15321.279999999999 2289.56 15490.279999999999 2418.56 15769.279999999999 2418.56ZM15757.279999999999 1785.56C15601.279999999999 1785.56 15496.279999999999 1666.56 15496.279999999999 1450.56C15496.279999999999 1235.56 15601.279999999999 1115.56 15757.279999999999 1115.56C15922.279999999999 1115.56 16030.279999999999 1247.56 16030.279999999999 1450.56C16030.279999999999 1653.56 15922.279999999999 1785.56 15757.279999999999 1785.56Z'/%3E%3C/svg%3E") 0 0 / 100% 100% no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-123 -123 17157 2724' preserveAspectRatio='none'%3E%3Cpath fill='white' d='M388 496.55999999999995H124V1986.56H388Z M950.0799999999999 2007.56C1088.08 2007.56 1204.08 1947.56 1270.08 1825.56H1272.08V1986.56H1520.08V496.55999999999995H1268.08V1080.56H1266.08C1198.08 964.56 1085.08 909.56 948.0799999999999 909.56C677.0799999999999 909.56 493.08 1132.56 493.08 1457.56C493.08 1786.56 674.0799999999999 2007.56 950.0799999999999 2007.56ZM1009.0799999999999 1796.56C853.0799999999999 1796.56 748.0799999999999 1676.56 748.0799999999999 1457.56C748.0799999999999 1239.56 853.0799999999999 1118.56 1009.0799999999999 1118.56C1174.08 1118.56 1282.08 1252.56 1282.08 1457.56C1282.08 1663.56 1174.08 1796.56 1009.0799999999999 1796.56Z M2128.16 2010.56C2375.16 2010.56 2571.16 1867.56 2611.16 1660.56H2375.16C2346.16 1750.56 2261.16 1811.56 2134.16 1811.56C1964.1599999999999 1811.56 1866.1599999999999 1696.56 1860.1599999999999 1524.56H2624.16V1455.56C2624.16 1131.56 2422.16 906.56 2118.16 906.56C1822.1599999999999 906.56 1613.1599999999999 1138.56 1613.1599999999999 1459.56C1613.1599999999999 1779.56 1811.1599999999999 2010.56 2128.16 2010.56ZM1862.1599999999999 1350.56C1879.1599999999999 1199.56 1976.1599999999999 1106.56 2122.16 1106.56C2268.16 1106.56 2366.16 1199.56 2382.16 1350.56Z M3179.24 2010.56C3426.24 2010.56 3622.24 1867.56 3662.24 1660.56H3426.24C3397.24 1750.56 3312.24 1811.56 3185.24 1811.56C3015.24 1811.56 2917.24 1696.56 2911.24 1524.56H3675.24V1455.56C3675.24 1131.56 3473.24 906.56 3169.24 906.56C2873.24 906.56 2664.24 1138.56 2664.24 1459.56C2664.24 1779.56 2862.24 2010.56 3179.24 2010.56ZM2913.24 1350.56C2930.24 1199.56 3027.24 1106.56 3173.24 1106.56C3319.24 1106.56 3417.24 1199.56 3433.24 1350.56Z M4016.3199999999997 1389.56C4016.3199999999997 1209.56 4115.32 1130.56 4247.32 1130.56C4382.32 1130.56 4460.32 1211.56 4460.32 1366.56V1986.56H4713.32V1326.56C4713.32 1055.56 4557.32 909.56 4336.32 909.56C4191.32 909.56 4084.3199999999997 973.56 4012.3199999999997 1092.56V930.56H3764.3199999999997V1986.56H4016.3199999999997Z M5236.48 1986.56H5488.48V930.56H5236.48ZM5362.48 773.56C5448.48 773.56 5513.48 711.56 5513.48 629.56C5513.48 548.56 5448.48 486.55999999999995 5362.48 486.55999999999995C5276.48 486.55999999999995 5211.48 548.56 5211.48 629.56C5211.48 711.56 5276.48 773.56 5362.48 773.56Z M5882.5599999999995 1389.56C5882.5599999999995 1209.56 5981.5599999999995 1130.56 6113.5599999999995 1130.56C6248.5599999999995 1130.56 6326.5599999999995 1211.56 6326.5599999999995 1366.56V1986.56H6579.5599999999995V1326.56C6579.5599999999995 1055.56 6423.5599999999995 909.56 6202.5599999999995 909.56C6057.5599999999995 909.56 5950.5599999999995 973.56 5878.5599999999995 1092.56V930.56H5630.5599999999995V1986.56H5882.5599999999995Z M7114.719999999999 1986.56H7716.719999999999C8061.719999999999 1986.56 8242.72 1818.56 8242.72 1567.56C8242.72 1355.56 8104.719999999999 1232.56 7926.719999999999 1211.56V1209.56C8086.719999999999 1165.56 8185.719999999999 1055.56 8185.719999999999 883.56C8185.719999999999 650.56 8004.719999999999 496.55999999999995 7690.719999999999 496.55999999999995H7114.719999999999ZM7374.719999999999 1771.56V1334.56H7694.719999999999C7870.719999999999 1334.56 7971.719999999999 1420.56 7971.719999999999 1558.56C7971.719999999999 1695.56 7868.719999999999 1771.56 7688.719999999999 1771.56ZM7374.719999999999 1127.56V711.56H7678.719999999999C7829.719999999999 711.56 7921.719999999999 791.56 7921.719999999999 919.56C7921.719999999999 1046.56 7829.719999999999 1127.56 7678.719999999999 1127.56Z M8802.8 2010.56C9049.8 2010.56 9245.8 1867.56 9285.8 1660.56H9049.8C9020.8 1750.56 8935.8 1811.56 8808.8 1811.56C8638.8 1811.56 8540.8 1696.56 8534.8 1524.56H9298.8V1455.56C9298.8 1131.56 9096.8 906.56 8792.8 906.56C8496.8 906.56 8287.8 1138.56 8287.8 1459.56C8287.8 1779.56 8485.8 2010.56 8802.8 2010.56ZM8536.8 1350.56C8553.8 1199.56 8650.8 1106.56 8796.8 1106.56C8942.8 1106.56 9040.8 1199.56 9056.8 1350.56Z M9619.88 1986.56H9879.88L10009.88 1546.56C10038.88 1448.56 10064.88 1345.56 10090.88 1242.56C10117.88 1345.56 10143.88 1448.56 10171.88 1546.56L10299.88 1986.56H10561.88L10888.88 930.56H10620.88L10511.88 1331.56C10478.88 1456.56 10447.88 1590.56 10417.88 1721.56C10384.88 1590.56 10352.88 1456.56 10318.88 1331.56L10207.88 930.56H9974.88L9862.88 1331.56C9827.88 1457.56 9795.88 1592.56 9762.88 1723.56C9730.88 1592.56 9700.88 1457.56 9667.88 1331.56L9558.88 930.56H9293.88Z M11402.96 2010.56C11649.96 2010.56 11845.96 1867.56 11885.96 1660.56H11649.96C11620.96 1750.56 11535.96 1811.56 11408.96 1811.56C11238.96 1811.56 11140.96 1696.56 11134.96 1524.56H11898.96V1455.56C11898.96 1131.56 11696.96 906.56 11392.96 906.56C11096.96 906.56 10887.96 1138.56 10887.96 1459.56C10887.96 1779.56 11085.96 2010.56 11402.96 2010.56ZM11136.96 1350.56C11153.96 1199.56 11250.96 1106.56 11396.96 1106.56C11542.96 1106.56 11640.96 1199.56 11656.96 1350.56Z M12467.039999999999 2418.56C12753.039999999999 2418.56 12966.039999999999 2286.56 12966.039999999999 1959.56V930.56H12717.039999999999V1087.56H12716.039999999999C12646.039999999999 966.56 12531.039999999999 909.56 12394.039999999999 909.56C12123.039999999999 909.56 11939.039999999999 1132.56 11939.039999999999 1453.56C11939.039999999999 1771.56 12120.039999999999 1993.56 12396.039999999999 1993.56C12535.039999999999 1993.56 12647.039999999999 1937.56 12715.039999999999 1813.56H12716.039999999999V1974.56C12716.039999999999 2136.56 12625.039999999999 2223.56 12467.039999999999 2223.56C12349.039999999999 2223.56 12262.039999999999 2175.56 12238.039999999999 2084.56H11991.039999999999C12019.039999999999 2289.56 12188.039999999999 2418.56 12467.039999999999 2418.56ZM12455.039999999999 1785.56C12299.039999999999 1785.56 12194.039999999999 1666.56 12194.039999999999 1450.56C12194.039999999999 1235.56 12299.039999999999 1115.56 12455.039999999999 1115.56C12620.039999999999 1115.56 12728.039999999999 1247.56 12728.039999999999 1450.56C12728.039999999999 1653.56 12620.039999999999 1785.56 12455.039999999999 1785.56Z M13484.119999999999 2007.56C13630.119999999999 2007.56 13737.119999999999 1943.56 13809.119999999999 1824.56V1986.56H14057.119999999999V930.56H13804.119999999999V1527.56C13804.119999999999 1707.56 13706.119999999999 1786.56 13573.119999999999 1786.56C13438.119999999999 1786.56 13360.119999999999 1705.56 13360.119999999999 1550.56V930.56H13108.119999999999V1590.56C13108.119999999999 1861.56 13263.119999999999 2007.56 13484.119999999999 2007.56Z M14451.199999999999 1389.56C14451.199999999999 1209.56 14550.199999999999 1130.56 14682.199999999999 1130.56C14817.199999999999 1130.56 14895.199999999999 1211.56 14895.199999999999 1366.56V1986.56H15148.199999999999V1326.56C15148.199999999999 1055.56 14992.199999999999 909.56 14771.199999999999 909.56C14626.199999999999 909.56 14519.199999999999 973.56 14447.199999999999 1092.56V930.56H14199.199999999999V1986.56H14451.199999999999Z M15769.279999999999 2418.56C16055.279999999999 2418.56 16268.279999999999 2286.56 16268.279999999999 1959.56V930.56H16019.279999999999V1087.56H16018.279999999999C15948.279999999999 966.56 15833.279999999999 909.56 15696.279999999999 909.56C15425.279999999999 909.56 15241.279999999999 1132.56 15241.279999999999 1453.56C15241.279999999999 1771.56 15422.279999999999 1993.56 15698.279999999999 1993.56C15837.279999999999 1993.56 15949.279999999999 1937.56 16017.279999999999 1813.56H16018.279999999999V1974.56C16018.279999999999 2136.56 15927.279999999999 2223.56 15769.279999999999 2223.56C15651.279999999999 2223.56 15564.279999999999 2175.56 15540.279999999999 2084.56H15293.279999999999C15321.279999999999 2289.56 15490.279999999999 2418.56 15769.279999999999 2418.56ZM15757.279999999999 1785.56C15601.279999999999 1785.56 15496.279999999999 1666.56 15496.279999999999 1450.56C15496.279999999999 1235.56 15601.279999999999 1115.56 15757.279999999999 1115.56C15922.279999999999 1115.56 16030.279999999999 1247.56 16030.279999999999 1450.56C16030.279999999999 1653.56 15922.279999999999 1785.56 15757.279999999999 1785.56Z'/%3E%3C/svg%3E") 0 0 / 100% 100% no-repeat;
  filter: brightness(1.28) contrast(1.04) saturate(1.08);
  transition: opacity 1.1s ease;
}
@media (max-width: 759px) {
  .fp-vid { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-123 -123 10166 4813' preserveAspectRatio='none'%3E%3Cpath fill='white' d='M388 496.55999999999995H124V1986.56H388Z M950.0799999999999 2007.56C1088.08 2007.56 1204.08 1947.56 1270.08 1825.56H1272.08V1986.56H1520.08V496.55999999999995H1268.08V1080.56H1266.08C1198.08 964.56 1085.08 909.56 948.0799999999999 909.56C677.0799999999999 909.56 493.08 1132.56 493.08 1457.56C493.08 1786.56 674.0799999999999 2007.56 950.0799999999999 2007.56ZM1009.0799999999999 1796.56C853.0799999999999 1796.56 748.0799999999999 1676.56 748.0799999999999 1457.56C748.0799999999999 1239.56 853.0799999999999 1118.56 1009.0799999999999 1118.56C1174.08 1118.56 1282.08 1252.56 1282.08 1457.56C1282.08 1663.56 1174.08 1796.56 1009.0799999999999 1796.56Z M2128.16 2010.56C2375.16 2010.56 2571.16 1867.56 2611.16 1660.56H2375.16C2346.16 1750.56 2261.16 1811.56 2134.16 1811.56C1964.1599999999999 1811.56 1866.1599999999999 1696.56 1860.1599999999999 1524.56H2624.16V1455.56C2624.16 1131.56 2422.16 906.56 2118.16 906.56C1822.1599999999999 906.56 1613.1599999999999 1138.56 1613.1599999999999 1459.56C1613.1599999999999 1779.56 1811.1599999999999 2010.56 2128.16 2010.56ZM1862.1599999999999 1350.56C1879.1599999999999 1199.56 1976.1599999999999 1106.56 2122.16 1106.56C2268.16 1106.56 2366.16 1199.56 2382.16 1350.56Z M3179.24 2010.56C3426.24 2010.56 3622.24 1867.56 3662.24 1660.56H3426.24C3397.24 1750.56 3312.24 1811.56 3185.24 1811.56C3015.24 1811.56 2917.24 1696.56 2911.24 1524.56H3675.24V1455.56C3675.24 1131.56 3473.24 906.56 3169.24 906.56C2873.24 906.56 2664.24 1138.56 2664.24 1459.56C2664.24 1779.56 2862.24 2010.56 3179.24 2010.56ZM2913.24 1350.56C2930.24 1199.56 3027.24 1106.56 3173.24 1106.56C3319.24 1106.56 3417.24 1199.56 3433.24 1350.56Z M4016.3199999999997 1389.56C4016.3199999999997 1209.56 4115.32 1130.56 4247.32 1130.56C4382.32 1130.56 4460.32 1211.56 4460.32 1366.56V1986.56H4713.32V1326.56C4713.32 1055.56 4557.32 909.56 4336.32 909.56C4191.32 909.56 4084.3199999999997 973.56 4012.3199999999997 1092.56V930.56H3764.3199999999997V1986.56H4016.3199999999997Z M5236.48 1986.56H5488.48V930.56H5236.48ZM5362.48 773.56C5448.48 773.56 5513.48 711.56 5513.48 629.56C5513.48 548.56 5448.48 486.55999999999995 5362.48 486.55999999999995C5276.48 486.55999999999995 5211.48 548.56 5211.48 629.56C5211.48 711.56 5276.48 773.56 5362.48 773.56Z M5882.5599999999995 1389.56C5882.5599999999995 1209.56 5981.5599999999995 1130.56 6113.5599999999995 1130.56C6248.5599999999995 1130.56 6326.5599999999995 1211.56 6326.5599999999995 1366.56V1986.56H6579.5599999999995V1326.56C6579.5599999999995 1055.56 6423.5599999999995 909.56 6202.5599999999995 909.56C6057.5599999999995 909.56 5950.5599999999995 973.56 5878.5599999999995 1092.56V930.56H5630.5599999999995V1986.56H5882.5599999999995Z M124 4075.52H726C1071 4075.52 1252 3907.52 1252 3656.52C1252 3444.52 1114 3321.52 936 3300.52V3298.52C1096 3254.52 1195 3144.52 1195 2972.52C1195 2739.52 1014 2585.52 700 2585.52H124ZM384 3860.52V3423.52H704C880 3423.52 981 3509.52 981 3647.52C981 3784.52 878 3860.52 698 3860.52ZM384 3216.52V2800.52H688C839 2800.52 931 2880.52 931 3008.52C931 3135.52 839 3216.52 688 3216.52Z M1812.08 4099.52C2059.08 4099.52 2255.08 3956.52 2295.08 3749.52H2059.08C2030.08 3839.52 1945.08 3900.52 1818.08 3900.52C1648.08 3900.52 1550.08 3785.52 1544.08 3613.52H2308.08V3544.52C2308.08 3220.52 2106.08 2995.52 1802.08 2995.52C1506.08 2995.52 1297.08 3227.52 1297.08 3548.52C1297.08 3868.52 1495.08 4099.52 1812.08 4099.52ZM1546.08 3439.52C1563.08 3288.52 1660.08 3195.52 1806.08 3195.52C1952.08 3195.52 2050.08 3288.52 2066.08 3439.52Z M2629.16 4075.52H2889.16L3019.16 3635.52C3048.16 3537.52 3074.16 3434.52 3100.16 3331.52C3127.16 3434.52 3153.16 3537.52 3181.16 3635.52L3309.16 4075.52H3571.16L3898.16 3019.52H3630.16L3521.16 3420.52C3488.16 3545.52 3457.16 3679.52 3427.16 3810.52C3394.16 3679.52 3362.16 3545.52 3328.16 3420.52L3217.16 3019.52H2984.16L2872.16 3420.52C2837.16 3546.52 2805.16 3681.52 2772.16 3812.52C2740.16 3681.52 2710.16 3546.52 2677.16 3420.52L2568.16 3019.52H2303.16Z M4412.24 4099.52C4659.24 4099.52 4855.24 3956.52 4895.24 3749.52H4659.24C4630.24 3839.52 4545.24 3900.52 4418.24 3900.52C4248.24 3900.52 4150.24 3785.52 4144.24 3613.52H4908.24V3544.52C4908.24 3220.52 4706.24 2995.52 4402.24 2995.52C4106.24 2995.52 3897.24 3227.52 3897.24 3548.52C3897.24 3868.52 4095.24 4099.52 4412.24 4099.52ZM4146.24 3439.52C4163.24 3288.52 4260.24 3195.52 4406.24 3195.52C4552.24 3195.52 4650.24 3288.52 4666.24 3439.52Z M5476.32 4507.52C5762.32 4507.52 5975.32 4375.52 5975.32 4048.52V3019.52H5726.32V3176.52H5725.32C5655.32 3055.52 5540.32 2998.52 5403.32 2998.52C5132.32 2998.52 4948.32 3221.52 4948.32 3542.52C4948.32 3860.52 5129.32 4082.52 5405.32 4082.52C5544.32 4082.52 5656.32 4026.52 5724.32 3902.52H5725.32V4063.52C5725.32 4225.52 5634.32 4312.52 5476.32 4312.52C5358.32 4312.52 5271.32 4264.52 5247.32 4173.52H5000.32C5028.32 4378.52 5197.32 4507.52 5476.32 4507.52ZM5464.32 3874.52C5308.32 3874.52 5203.32 3755.52 5203.32 3539.52C5203.32 3324.52 5308.32 3204.52 5464.32 3204.52C5629.32 3204.52 5737.32 3336.52 5737.32 3539.52C5737.32 3742.52 5629.32 3874.52 5464.32 3874.52Z M6493.4 4096.52C6639.4 4096.52 6746.4 4032.52 6818.4 3913.52V4075.52H7066.4V3019.52H6813.4V3616.52C6813.4 3796.52 6715.4 3875.52 6582.4 3875.52C6447.4 3875.52 6369.4 3794.52 6369.4 3639.52V3019.52H6117.4V3679.52C6117.4 3950.52 6272.4 4096.52 6493.4 4096.52Z M7460.48 3478.52C7460.48 3298.52 7559.48 3219.52 7691.48 3219.52C7826.48 3219.52 7904.48 3300.52 7904.48 3455.52V4075.52H8157.48V3415.52C8157.48 3144.52 8001.48 2998.52 7780.48 2998.52C7635.48 2998.52 7528.48 3062.52 7456.48 3181.52V3019.52H7208.48V4075.52H7460.48Z M8778.56 4507.52C9064.56 4507.52 9277.56 4375.52 9277.56 4048.52V3019.52H9028.56V3176.52H9027.56C8957.56 3055.52 8842.56 2998.52 8705.56 2998.52C8434.56 2998.52 8250.56 3221.52 8250.56 3542.52C8250.56 3860.52 8431.56 4082.52 8707.56 4082.52C8846.56 4082.52 8958.56 4026.52 9026.56 3902.52H9027.56V4063.52C9027.56 4225.52 8936.56 4312.52 8778.56 4312.52C8660.56 4312.52 8573.56 4264.52 8549.56 4173.52H8302.56C8330.56 4378.52 8499.56 4507.52 8778.56 4507.52ZM8766.56 3874.52C8610.56 3874.52 8505.56 3755.52 8505.56 3539.52C8505.56 3324.52 8610.56 3204.52 8766.56 3204.52C8931.56 3204.52 9039.56 3336.52 9039.56 3539.52C9039.56 3742.52 8931.56 3874.52 8766.56 3874.52Z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-123 -123 10166 4813' preserveAspectRatio='none'%3E%3Cpath fill='white' d='M388 496.55999999999995H124V1986.56H388Z M950.0799999999999 2007.56C1088.08 2007.56 1204.08 1947.56 1270.08 1825.56H1272.08V1986.56H1520.08V496.55999999999995H1268.08V1080.56H1266.08C1198.08 964.56 1085.08 909.56 948.0799999999999 909.56C677.0799999999999 909.56 493.08 1132.56 493.08 1457.56C493.08 1786.56 674.0799999999999 2007.56 950.0799999999999 2007.56ZM1009.0799999999999 1796.56C853.0799999999999 1796.56 748.0799999999999 1676.56 748.0799999999999 1457.56C748.0799999999999 1239.56 853.0799999999999 1118.56 1009.0799999999999 1118.56C1174.08 1118.56 1282.08 1252.56 1282.08 1457.56C1282.08 1663.56 1174.08 1796.56 1009.0799999999999 1796.56Z M2128.16 2010.56C2375.16 2010.56 2571.16 1867.56 2611.16 1660.56H2375.16C2346.16 1750.56 2261.16 1811.56 2134.16 1811.56C1964.1599999999999 1811.56 1866.1599999999999 1696.56 1860.1599999999999 1524.56H2624.16V1455.56C2624.16 1131.56 2422.16 906.56 2118.16 906.56C1822.1599999999999 906.56 1613.1599999999999 1138.56 1613.1599999999999 1459.56C1613.1599999999999 1779.56 1811.1599999999999 2010.56 2128.16 2010.56ZM1862.1599999999999 1350.56C1879.1599999999999 1199.56 1976.1599999999999 1106.56 2122.16 1106.56C2268.16 1106.56 2366.16 1199.56 2382.16 1350.56Z M3179.24 2010.56C3426.24 2010.56 3622.24 1867.56 3662.24 1660.56H3426.24C3397.24 1750.56 3312.24 1811.56 3185.24 1811.56C3015.24 1811.56 2917.24 1696.56 2911.24 1524.56H3675.24V1455.56C3675.24 1131.56 3473.24 906.56 3169.24 906.56C2873.24 906.56 2664.24 1138.56 2664.24 1459.56C2664.24 1779.56 2862.24 2010.56 3179.24 2010.56ZM2913.24 1350.56C2930.24 1199.56 3027.24 1106.56 3173.24 1106.56C3319.24 1106.56 3417.24 1199.56 3433.24 1350.56Z M4016.3199999999997 1389.56C4016.3199999999997 1209.56 4115.32 1130.56 4247.32 1130.56C4382.32 1130.56 4460.32 1211.56 4460.32 1366.56V1986.56H4713.32V1326.56C4713.32 1055.56 4557.32 909.56 4336.32 909.56C4191.32 909.56 4084.3199999999997 973.56 4012.3199999999997 1092.56V930.56H3764.3199999999997V1986.56H4016.3199999999997Z M5236.48 1986.56H5488.48V930.56H5236.48ZM5362.48 773.56C5448.48 773.56 5513.48 711.56 5513.48 629.56C5513.48 548.56 5448.48 486.55999999999995 5362.48 486.55999999999995C5276.48 486.55999999999995 5211.48 548.56 5211.48 629.56C5211.48 711.56 5276.48 773.56 5362.48 773.56Z M5882.5599999999995 1389.56C5882.5599999999995 1209.56 5981.5599999999995 1130.56 6113.5599999999995 1130.56C6248.5599999999995 1130.56 6326.5599999999995 1211.56 6326.5599999999995 1366.56V1986.56H6579.5599999999995V1326.56C6579.5599999999995 1055.56 6423.5599999999995 909.56 6202.5599999999995 909.56C6057.5599999999995 909.56 5950.5599999999995 973.56 5878.5599999999995 1092.56V930.56H5630.5599999999995V1986.56H5882.5599999999995Z M124 4075.52H726C1071 4075.52 1252 3907.52 1252 3656.52C1252 3444.52 1114 3321.52 936 3300.52V3298.52C1096 3254.52 1195 3144.52 1195 2972.52C1195 2739.52 1014 2585.52 700 2585.52H124ZM384 3860.52V3423.52H704C880 3423.52 981 3509.52 981 3647.52C981 3784.52 878 3860.52 698 3860.52ZM384 3216.52V2800.52H688C839 2800.52 931 2880.52 931 3008.52C931 3135.52 839 3216.52 688 3216.52Z M1812.08 4099.52C2059.08 4099.52 2255.08 3956.52 2295.08 3749.52H2059.08C2030.08 3839.52 1945.08 3900.52 1818.08 3900.52C1648.08 3900.52 1550.08 3785.52 1544.08 3613.52H2308.08V3544.52C2308.08 3220.52 2106.08 2995.52 1802.08 2995.52C1506.08 2995.52 1297.08 3227.52 1297.08 3548.52C1297.08 3868.52 1495.08 4099.52 1812.08 4099.52ZM1546.08 3439.52C1563.08 3288.52 1660.08 3195.52 1806.08 3195.52C1952.08 3195.52 2050.08 3288.52 2066.08 3439.52Z M2629.16 4075.52H2889.16L3019.16 3635.52C3048.16 3537.52 3074.16 3434.52 3100.16 3331.52C3127.16 3434.52 3153.16 3537.52 3181.16 3635.52L3309.16 4075.52H3571.16L3898.16 3019.52H3630.16L3521.16 3420.52C3488.16 3545.52 3457.16 3679.52 3427.16 3810.52C3394.16 3679.52 3362.16 3545.52 3328.16 3420.52L3217.16 3019.52H2984.16L2872.16 3420.52C2837.16 3546.52 2805.16 3681.52 2772.16 3812.52C2740.16 3681.52 2710.16 3546.52 2677.16 3420.52L2568.16 3019.52H2303.16Z M4412.24 4099.52C4659.24 4099.52 4855.24 3956.52 4895.24 3749.52H4659.24C4630.24 3839.52 4545.24 3900.52 4418.24 3900.52C4248.24 3900.52 4150.24 3785.52 4144.24 3613.52H4908.24V3544.52C4908.24 3220.52 4706.24 2995.52 4402.24 2995.52C4106.24 2995.52 3897.24 3227.52 3897.24 3548.52C3897.24 3868.52 4095.24 4099.52 4412.24 4099.52ZM4146.24 3439.52C4163.24 3288.52 4260.24 3195.52 4406.24 3195.52C4552.24 3195.52 4650.24 3288.52 4666.24 3439.52Z M5476.32 4507.52C5762.32 4507.52 5975.32 4375.52 5975.32 4048.52V3019.52H5726.32V3176.52H5725.32C5655.32 3055.52 5540.32 2998.52 5403.32 2998.52C5132.32 2998.52 4948.32 3221.52 4948.32 3542.52C4948.32 3860.52 5129.32 4082.52 5405.32 4082.52C5544.32 4082.52 5656.32 4026.52 5724.32 3902.52H5725.32V4063.52C5725.32 4225.52 5634.32 4312.52 5476.32 4312.52C5358.32 4312.52 5271.32 4264.52 5247.32 4173.52H5000.32C5028.32 4378.52 5197.32 4507.52 5476.32 4507.52ZM5464.32 3874.52C5308.32 3874.52 5203.32 3755.52 5203.32 3539.52C5203.32 3324.52 5308.32 3204.52 5464.32 3204.52C5629.32 3204.52 5737.32 3336.52 5737.32 3539.52C5737.32 3742.52 5629.32 3874.52 5464.32 3874.52Z M6493.4 4096.52C6639.4 4096.52 6746.4 4032.52 6818.4 3913.52V4075.52H7066.4V3019.52H6813.4V3616.52C6813.4 3796.52 6715.4 3875.52 6582.4 3875.52C6447.4 3875.52 6369.4 3794.52 6369.4 3639.52V3019.52H6117.4V3679.52C6117.4 3950.52 6272.4 4096.52 6493.4 4096.52Z M7460.48 3478.52C7460.48 3298.52 7559.48 3219.52 7691.48 3219.52C7826.48 3219.52 7904.48 3300.52 7904.48 3455.52V4075.52H8157.48V3415.52C8157.48 3144.52 8001.48 2998.52 7780.48 2998.52C7635.48 2998.52 7528.48 3062.52 7456.48 3181.52V3019.52H7208.48V4075.52H7460.48Z M8778.56 4507.52C9064.56 4507.52 9277.56 4375.52 9277.56 4048.52V3019.52H9028.56V3176.52H9027.56C8957.56 3055.52 8842.56 2998.52 8705.56 2998.52C8434.56 2998.52 8250.56 3221.52 8250.56 3542.52C8250.56 3860.52 8431.56 4082.52 8707.56 4082.52C8846.56 4082.52 8958.56 4026.52 9026.56 3902.52H9027.56V4063.52C9027.56 4225.52 8936.56 4312.52 8778.56 4312.52C8660.56 4312.52 8573.56 4264.52 8549.56 4173.52H8302.56C8330.56 4378.52 8499.56 4507.52 8778.56 4507.52ZM8766.56 3874.52C8610.56 3874.52 8505.56 3755.52 8505.56 3539.52C8505.56 3324.52 8610.56 3204.52 8766.56 3204.52C8931.56 3204.52 9039.56 3336.52 9039.56 3539.52C9039.56 3742.52 8931.56 3874.52 8766.56 3874.52Z'/%3E%3C/svg%3E"); }
}
.outro-band:not(.fp-video) .fp-vid { display: none; }
.js .outro-band.fp-video .fp-g { fill-opacity: 0 !important; }
.outro-band.fp-video.fp-on .fp-vid { opacity: 1; transition-delay: 1s; }
.js .outro-band.fp-video.fp-on .fp-g, .js .outro-band.fp-video.fp-done .fp-g {
  stroke-dashoffset: 0; stroke-opacity: .5; stroke: var(--dark-ink); stroke-width: 7;
}
.js .outro-band.fp-video.fp-on:not(.fp-done) .fp-g {
  transition:
    stroke-dashoffset 1.5s cubic-bezier(.45, 0, .2, 1) calc(var(--g) * 70ms),
    stroke 1.1s ease calc(var(--g) * 70ms + 1.1s),
    stroke-width 1.1s ease calc(var(--g) * 70ms + 1.1s),
    stroke-opacity 1.1s ease calc(var(--g) * 70ms + 1.1s);
}
@media (max-width: 759px) { .fp-wide { display: none; } .fp-narrow { display: block; } }
.fp-g {
  fill: var(--dark-ink);
  fill-opacity: 1;
  stroke: var(--lemon);
  stroke-width: 22;
  stroke-linejoin: round;
  stroke-linecap: round;
  stroke-opacity: 0;
  stroke-dasharray: 1 1;
  stroke-dashoffset: 0;
}
.fp-dot { fill: var(--lemon); transform-box: fill-box; transform-origin: center; }
/* Schwerpunkte unter der Flugbahn: schlicht, aber bedienbar. Ein gelber Punkt gleitet auf einer
   Haarlinie unter das gewählte Wort, ein Klick springt zur passenden Kompetenz. */
.fp-sub {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  gap: 4px 34px;
  justify-self: start;
  max-width: 100%;
  padding-bottom: 14px;
  margin-top: 4px;
}
.fp-sub button {
  position: relative;
  min-height: 44px;
  padding: 0;
  border: 0;
  background: none;
  font: inherit;
  font-size: .82rem;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--dark-mut);
  cursor: pointer;
  transition: color .35s ease;
}
.fp-sub button:hover, .fp-sub button:focus-visible, .fp-sub button.on { color: var(--bg); }
.fp-sub button:focus-visible { outline: 1px solid var(--lemon); outline-offset: 6px; border-radius: 2px; }
.fp-track { position: absolute; left: 0; right: 0; bottom: 0; height: 1px; background: rgba(243, 240, 232, .14); pointer-events: none; }
.fp-glide {
  position: absolute;
  top: 50%;
  left: 0;
  width: 7px;
  height: 7px;
  margin: -3.5px 0 0 -3.5px;
  border-radius: 50%;
  background: var(--lemon);
  transform: translateX(var(--x, 0px));
  transition: transform .7s cubic-bezier(.65, 0, .2, 1);
}
.fp-glide::before {
  content: "";
  position: absolute;
  right: 3.5px;
  top: 3px;
  height: 1px;
  width: var(--trail, 0px);
  background: linear-gradient(90deg, rgba(230, 223, 159, 0), rgba(230, 223, 159, .7));
  transition: width .7s cubic-bezier(.65, 0, .2, 1);
}
@media (max-width: 559px) {
  .fp-sub { gap: 0 22px; }
  .fp-track { display: none; }
  .fp-sub button.on::after { content: ""; position: absolute; left: 50%; bottom: 6px; width: 5px; height: 5px; margin-left: -2.5px; border-radius: 50%; background: var(--lemon); }
}

/* Mit JS und Bewegung: erst Linie zeichnen, dann füllen */
.js .outro-band:not(.fp-done) .fp-g { fill-opacity: 0; stroke-opacity: 1; stroke-dashoffset: 1; }
.js .outro-band:not(.fp-done) .fp-dot { transform: scale(0); }
.js .outro-band:not(.fp-done) .fp-sub { opacity: 0; transform: translateY(10px); }
.js .outro-band.fp-on .fp-g {
  stroke-dashoffset: 0;
  fill-opacity: 1;
  stroke-opacity: 0;
  transition:
    stroke-dashoffset 1.5s cubic-bezier(.45, 0, .2, 1) calc(var(--g) * 70ms),
    fill-opacity .9s ease calc(var(--g) * 70ms + 1.05s),
    stroke-opacity .9s ease calc(var(--g) * 70ms + 1.4s);
}
.js .outro-band.fp-on .fp-dot { transform: scale(1); transition: transform .7s cubic-bezier(.34, 1.56, .64, 1) 2.3s; }
.js .outro-band.fp-on .fp-sub { opacity: 1; transform: none; transition: opacity .8s ease 2.5s, transform .9s var(--out) 2.5s; }
@media (prefers-reduced-motion: reduce) {
  .js .outro-band .fp-g { fill-opacity: 1 !important; stroke-opacity: 0 !important; stroke-dashoffset: 0 !important; transition: none !important; }
  .js .outro-band .fp-dot { transform: none !important; }
  .js .outro-band .fp-sub { opacity: 1 !important; transform: none !important; }
}

.about {
  position: relative;
  z-index: 3;
  margin-top: -56px;
  border-radius: clamp(24px, 3vw, 44px) clamp(24px, 3vw, 44px) 0 0;
  background: var(--bg);
  box-shadow: 0 -30px 60px -40px rgba(0, 0, 0, .6);
}

/* Hinweis im Food Bereich: zeigt, dass es nach unten weitergeht, und füllt sich mit dem Fortschritt */
.food-cue { display: none; }
.fx .food-cue {
  --fp: 0;
  position: absolute;
  z-index: 4;
  left: 50%;
  bottom: calc(14px + env(safe-area-inset-bottom, 0px));
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 7px 18px 7px 7px;
  border-radius: 999px;
  background: rgba(29, 31, 34, .9);
  color: var(--bg);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  box-shadow: 0 14px 30px -16px rgba(0, 0, 0, .55);
  opacity: var(--co, 0);
  transform: translate3d(-50%, calc((1 - var(--co, 0)) * 16px), 0);
  pointer-events: none;
  white-space: nowrap;
}
.fc-ring {
  position: relative;
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: conic-gradient(var(--lemon) calc(var(--fp) * 360deg), rgba(243, 240, 232, .18) 0);
}
.fc-ring::before { content: ""; position: absolute; inset: 3px; border-radius: 50%; background: #1d1f22; }
.fc-ring svg { position: relative; width: 18px; height: 18px; color: var(--lemon); animation: fc-bob 1.6s var(--ease) infinite; }
@keyframes fc-bob { 0%, 100% { transform: translateY(-2px); } 50% { transform: translateY(3px); } }
.fc-text { display: grid; line-height: 1.2; }
.fc-text b { font-weight: 500; font-size: .86rem; }
.fc-text small { font-size: .72rem; color: rgba(243, 240, 232, .65); }
.fc-mouse { display: none; }
.has-cursor .fc-mouse { display: inline; }
.has-cursor .fc-touch { display: none; }
@media (min-width: 900px) {
  .fx .food-cue { left: auto; right: var(--gut); bottom: clamp(40px, 9vh, 100px); transform: translate3d(0, calc((1 - var(--co, 0)) * 16px), 0); }
  .fx .food-side { display: none; }
}
@media (prefers-reduced-motion: reduce) { .fc-ring svg { animation: none; } }

/* Scroll Choreografie (nur mit JS und ohne reduzierte Bewegung) */
.sentinel { position: absolute; left: 0; right: 0; top: 78%; bottom: 0; pointer-events: none; }

.fx .teaser { will-change: transform; transform: translate3d(0, calc(var(--hy, 0) * var(--k, 0) * 1px), 0); }

.fx .project-event .stage { transform: scale(calc(.9 + var(--ev, 1) * .1)); will-change: transform; }

.fx .project-food { height: 210vh; height: calc(var(--vh) * 2.1); }
@media (max-width: 899px) { .fx .project-food { height: 185vh; height: calc(var(--vh) * 1.85); } }
.fx .food-scene {
  position: sticky;
  top: 0;
  height: var(--vh);
  overflow: hidden;
  padding: calc(var(--hh) + 8px) var(--gut) 20px;
  align-content: center;
}
.fx .scene-shade {
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: var(--vh);
  background: var(--dark);
  opacity: var(--sa, 0);
  pointer-events: none;
}
.fx .scene-shade .fpv-loop { transform: scale(calc(1.3 - var(--x, 0) * .3)); }
.fx .food-text, .fx .food-side { opacity: calc(1 - var(--x, 0) * 1.7); transform: translateY(calc(var(--x, 0) * -30px)); }
.fx .food-scene::before { opacity: calc(var(--e, 1) * (1 - var(--x, 0))); }

/* Der Blick fliegt in das Smartphone hinein, danach öffnet sich der FPV Bereich */
.fx .phone-col {
  will-change: transform, opacity;
  opacity: min(clamp(0, calc(var(--e, 1) * 1.6), 1), clamp(0, calc((.95 - var(--x, 0)) / .55), 1));
  transform:
    translate3d(0, calc((1 - var(--e, 1)) * 22vh), 0)
    rotate(calc((1 - var(--e, 1)) * 3deg))
    scale(calc(.92 + var(--e, 1) * .08 + var(--q, 0) * .1 + var(--x, 0) * 3.3));
}
.fx .sound-btn { opacity: clamp(0, calc(1 - var(--x, 0) * 4), 1); }

.fx .project-fpv { position: relative; z-index: 2; margin-top: calc(var(--vh) * -.12); }
.fx .fpv-frame {
  will-change: transform;
  transform: perspective(1400px) rotateX(calc((1 - var(--p, 1)) * 9deg)) scale(calc(.86 + var(--p, 1) * .14));
}
@media (min-width: 1100px) {
  .fx .project-fpv .project-info { opacity: clamp(0, calc(var(--p, 1) * 1.6), 1); transform: translateY(calc((1 - var(--p, 1)) * 40px)); }
}

@media (max-width: 899px) {
  .fx .food-scene { gap: 12px; justify-items: center; align-content: center; }
  .fx .phone { --h: min(calc(var(--vh) - var(--hh) - 17.5rem), 640px); }
  .fx .phone-col { gap: 14px; }
  .fx .food-scene { padding-bottom: 76px; }
  .fx .food-text { gap: 10px; }
  .fx .food-text .tags, .fx .food-text .project-desc, .fx .food-text .bignum { display: none; }
  .phone { --h: min(calc(var(--vh) - var(--hh) - 11rem), 560px); }
}

@media (max-width: 380px) {
  .tags li { font-size: .76rem; padding: 5px 10px; }
  .sound-btn { font-size: .88rem; padding-inline: 18px; }
}

/* Ohne Ton: Ton Knopf am Smartphone ausblenden, passender Hinweis */
html[data-sound="off"] .sound-btn { display: none !important; }
.hint-nosound { display: none; }
html[data-sound="off"] .hint-sound { display: none; }
html[data-sound="off"] .hint-nosound { display: inline; }