/* Showcase: eine Story im Bild, Wechsel per Reiter, Pfeil, Wischen oder von selbst */
.show{--show-ink:#000;--show-bone:#f2f1ef;--show-mut:#55555c;--show-hair:#e2e2e6;--show-bar:#000;color:var(--show-ink)}
.show--dark{--show-ink:#f2f1ef;--show-bone:#000;--show-mut:#b9b9c0;--show-hair:rgba(242,241,239,.2);--show-bar:#f2f1ef}
.show__stage{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(1.6rem,4vw,4rem);align-items:center}
.show__vis{position:relative;aspect-ratio:4/3;border-radius:.7rem;overflow:hidden;background:#111}
.show__vis img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;opacity:0;clip-path:inset(0 0 0 100%);transform:scale(1.06);transition:opacity .5s ease,clip-path .8s cubic-bezier(.4,0,.2,1),transform 1.2s ease;filter:grayscale(1)}
.show__vis img.is-on{opacity:1;clip-path:inset(0 0 0 0);transform:none;z-index:1}
.show__vis img.was-on{opacity:1;clip-path:inset(0 0 0 0);transform:none;z-index:0;transition:opacity .4s ease .5s}
.show__copy{position:relative;display:grid}
.show__item{grid-area:1/1;opacity:0;transform:translateY(12px);transition:opacity .45s ease,transform .55s cubic-bezier(.16,1,.3,1);pointer-events:none}
.show__item.is-on{opacity:1;transform:none;pointer-events:auto;transition-delay:.15s}
.show__kicker{margin:0 0 .6rem;font:700 .7rem/1 "Sen","Helvetica Neue",Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--show-mut)}
.show__item h3{margin:0 0 .8rem;font-family:"Axodren Display","Helvetica Neue",Arial,sans-serif;font-weight:700;font-size:clamp(1.5rem,2.4vw,2.2rem);line-height:1.15;letter-spacing:-.01em}
.show--home .show__item h3{font-family:"Axodren Display","Helvetica Neue",Arial,sans-serif;font-weight:600;letter-spacing:.01em}
.show__item p{margin:0 0 1.4rem;color:var(--show-mut);font-size:.98rem;line-height:1.65;max-width:28rem}
.show__link{display:inline-block;font:700 .74rem/1 "Sen","Helvetica Neue",Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--show-ink);text-decoration:none;border-bottom:2px solid var(--show-ink);padding-bottom:.3rem}
.show__link::after{content:" →"}
.show__link:hover{border-color:transparent}
.show__nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) auto;gap:0 1.2rem;align-items:start;margin-top:clamp(1.4rem,4vh,2.4rem);border-top:1px solid var(--show-hair)}
.show__tab{position:relative;display:grid;grid-template-columns:2rem minmax(0,1fr);gap:.5rem;align-items:baseline;padding:1rem 0 .9rem;background:none;border:0;color:var(--show-mut);text-align:left;cursor:pointer;font:700 .88rem/1.3 "Sen","Helvetica Neue",Arial,sans-serif;transition:color .3s ease}
.show__tab i{font:400 .72rem/1.6 ui-monospace,Menlo,monospace;letter-spacing:.06em;color:var(--show-mut)}
.show__tab.is-on,.show__tab:hover{color:var(--show-ink)}
.show__bar{position:absolute;left:0;right:0;top:-1px;height:2px;background:var(--show-bar);transform-origin:left;transform:scaleX(0)}
.show__tab.is-on .show__bar{animation:showBar var(--show-dur,6s) linear forwards}
.show.is-paused .show__tab.is-on .show__bar,.show.is-still .show__tab.is-on .show__bar{animation-play-state:paused}
.show.is-still .show__tab.is-on .show__bar{transform:scaleX(1);animation:none}
@keyframes showBar{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.show__arrows{display:flex;gap:.5rem;padding:.8rem 0}
.show__arrows button{width:2.6rem;height:2.6rem;border-radius:50%;border:2px solid var(--show-ink);background:none;color:var(--show-ink);font-size:1.1rem;cursor:pointer;display:grid;place-items:center;transition:background .25s ease,color .25s ease}
.show__arrows button:hover{background:var(--show-ink);color:var(--show-bone)}
@media (max-width:880px){
  .show__stage{grid-template-columns:1fr;gap:1.2rem}
  .show__nav{grid-template-columns:repeat(4,minmax(0,1fr)) auto;gap:0 .6rem}
  .show__tab{grid-template-columns:1fr;padding:.9rem 0 .7rem}
  .show__tab span{display:none}
}
@media (prefers-reduced-motion:reduce){
  .show__vis img,.show__item{transition:none}
  .show__tab.is-on .show__bar{animation:none;transform:scaleX(1)}
}
