:root{
  --bg: #000;
  --bg-elev: #0a0a0a;
  --bg-card: #131313;
  --text: #ffffff;
  --text-dim: #949698;
  --text-mute: #52525b;
  --gold: #e9365c;
  --gold-dark: #e9365c;
  --gold-hi: #e9365c;
  --pink: #e9365c;
  --pink-dark: #e9365c;
  --pink-hot: #e9365c;
  --accent-grad: #e9365c;
  --btn-grad: #e9365c;
  --btn-grad-hi: #e9365c;
  --rule: rgba(255,255,255,.1);
  --rule-strong: rgba(255,255,255,.2);
  --safe-b: env(safe-area-inset-bottom, 0px);
  --safe-t: env(safe-area-inset-top, 0px);
  --f-sans: "proxima-nova","Proxima Nova",-apple-system,BlinkMacSystemFont,sans-serif;
  --f-script: "Yellowtail","Retro Signature",cursive;
}
*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}
html{scroll-behavior:smooth}
body{
  background:#000 url('/assets/brand/site-background.webp') repeat-y center top / 100% auto;
  color:var(--text);font-family:var(--f-sans);font-weight:400;
  line-height:1.6;font-size:16px;-webkit-font-smoothing:antialiased;
  padding-bottom:calc(72px + var(--safe-b));
}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}








.btn{display:flex;align-items:center;justify-content:center;gap:12px;
  padding:16px 28px;font-weight:800;font-size:12px;letter-spacing:.22em;
  text-transform:uppercase;transition:all .25s ease;min-height:52px}
.btn-primary{
  background: var(--btn-grad);
  color: #fff;
  border: 2px solid var(--gold);
  box-shadow: 0 0 0 0 rgba(233,54,92,0);
  transition: all .25s ease, box-shadow .35s ease;
}
.btn-primary:active{
  background: var(--btn-grad-hi);
  border-color: var(--gold-hi);
  box-shadow: 0 0 24px 0 rgba(233,54,92,.4);
}
.btn-ghost{background:transparent;color:var(--text);border:2px solid var(--rule-strong)}
.btn-ghost:active{border-color:var(--gold);color:var(--gold)}
.btn .arrow{transition:transform .25s ease}
.btn:active .arrow{transform:translateX(3px)}

.sticky-cta{
  position:fixed;bottom:0;left:0;right:0;z-index:90;
  padding:10px 14px calc(10px + var(--safe-b));
  background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.96) 40%);
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  display:flex;gap:10px;align-items:center;
}
.sticky-cta .mini-info{flex:1;padding-left:6px}
.sticky-cta .mini-name{font-weight:800;font-size:14px;
  text-transform:uppercase;letter-spacing:.02em}
.sticky-cta .mini-sub{font-weight:700;font-size:12px;letter-spacing:.22em;
  text-transform:uppercase;color:var(--gold);margin-top:2px}
.sticky-cta .btn{padding:12px 22px;min-height:46px;font-size:12px;
  letter-spacing:.2em;margin:0;max-width:none;width:auto}

.topbar-title{font-weight:800;font-size:12px;letter-spacing:.3em;
  text-transform:uppercase;color:var(--gold)}

.intro{padding:calc(80px + var(--safe-t)) 22px 30px;text-align:center}
.intro-eyebrow{display:inline-flex;align-items:center;gap:12px;
  font-weight:700;font-size:12px;letter-spacing:.3em;text-transform:uppercase;
  color:var(--gold);margin-bottom:18px}
.intro-eyebrow::before,.intro-eyebrow::after{content:"";width:24px;height:1px;
  background:var(--gold);opacity:.5}
.intro-script{font-family:var(--f-script);font-size:34px;line-height:1;
  color:var(--gold);margin-bottom:8px;transform:rotate(-2deg);display:inline-block}
.intro-title{font-weight:800;font-size:clamp(40px,12vw,72px);line-height:.95;
  text-transform:uppercase;letter-spacing:-.005em;margin-bottom:18px}
.intro-title em{font-style:italic;color:var(--gold);display:block}
.intro-text{font-weight:400;font-size:15px;line-height:1.55;
  color:var(--text-dim);max-width:480px;margin:0 auto}

.carousel-section{padding:30px 0 50px;position:relative}
.carousel-head{display:flex;justify-content:space-between;align-items:center;
  padding:0 22px;margin-bottom:18px}
.carousel-label{font-weight:700;font-size:12px;letter-spacing:.3em;
  text-transform:uppercase;color:var(--text-mute)}
.carousel-counter{font-weight:700;font-size:12px;letter-spacing:.16em;
  color:var(--gold);font-variant-numeric:tabular-nums}
.carousel-counter .total{color:var(--text-mute)}

.carousel{display:flex;gap:14px;overflow-x:auto;
  scroll-snap-type:x mandatory;scroll-behavior:smooth;
  -webkit-overflow-scrolling:touch;padding:0 22px 8px;scrollbar-width:none}
.carousel::-webkit-scrollbar{display:none}

.card{flex:0 0 78%;scroll-snap-align:center;position:relative;
  aspect-ratio:3/4;overflow:hidden;background:var(--bg-card);cursor:pointer}
.card img{width:100%;height:100%;object-fit:cover;
  transition:transform .9s cubic-bezier(.2,.6,.2,1);
  filter:saturate(1) contrast(1.02)}
.card:active img{transform:scale(1.03)}
.card::after{content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.1) 0%,rgba(0,0,0,0) 35%,rgba(0,0,0,.7) 75%,rgba(0,0,0,.95) 100%);
  pointer-events:none}
.card-content{position:absolute;left:0;right:0;bottom:0;
  padding:24px 22px 26px;z-index:2}
.card-script{font-family:var(--f-script);font-size:22px;line-height:1;
  color:var(--gold);margin-bottom:4px;
  transform:rotate(-2deg);display:inline-block}
.card-name{font-weight:800;font-size:32px;line-height:.95;
  text-transform:uppercase;letter-spacing:-.005em;margin-bottom:10px}
.card-name .last{color:var(--gold);font-style:italic;display:block}
.card-meta{display:flex;align-items:center;gap:10px;
  font-weight:700;font-size:12px;letter-spacing:.22em;
  text-transform:uppercase;color:var(--text-dim)}
.card-meta::before{content:"";width:18px;height:1px;background:var(--gold)}
.card-cta{position:absolute;top:18px;right:18px;z-index:2;
  width:44px;height:44px;border:1px solid rgba(255,255,255,.4);
  background:rgba(0,0,0,.4);
  backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
  display:flex;align-items:center;justify-content:center;
  border-radius:50%;transition:all .25s ease}
.card:active .card-cta{
  border-color: var(--gold);
  background: var(--btn-grad);
  box-shadow: 0 0 20px 0 rgba(233,54,92,.5);
}
.card-cta svg{width:16px;height:16px;stroke:#fff;fill:none;stroke-width:2}

.carousel-dots{display:flex;justify-content:center;gap:8px;padding:18px 22px 0}
.dot{width:24px;height:3px;background:var(--rule-strong);transition:all .3s ease}
.dot.active{background:var(--gold);width:40px}
.carousel-dots.many .dot{width:12px}
.carousel-dots.many .dot.active{width:24px}

.grid-section{padding:60px 22px 40px;border-top:1px solid var(--rule);margin-top:30px}
.grid-head{text-align:center;margin-bottom:30px}
.grid-head h2{font-weight:800;font-size:28px;line-height:1;
  text-transform:uppercase;letter-spacing:-.005em}
.grid-head h2 em{font-style:italic;color:var(--gold)}
.grid-head .label{font-weight:700;font-size:12px;letter-spacing:.3em;
  text-transform:uppercase;color:var(--gold);margin-bottom:14px}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.grid-card{position:relative;aspect-ratio:3/4;overflow:hidden;
  background:var(--bg-card)}
.grid-card img{width:100%;height:100%;object-fit:cover;
  transition:transform .8s cubic-bezier(.2,.6,.2,1)}
.grid-card:active img{transform:scale(1.04)}
.grid-card::after{content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,0) 50%,rgba(0,0,0,.9) 100%)}
.grid-card-content{position:absolute;left:0;right:0;bottom:0;
  padding:14px 14px 16px;z-index:2}
.grid-card-name{font-weight:800;font-size:16px;line-height:1;
  text-transform:uppercase;letter-spacing:.005em;margin-bottom:4px}
.grid-card-role{font-weight:700;font-size:12px;letter-spacing:.22em;
  text-transform:uppercase;color:var(--gold)}

.cta-section{padding:70px 22px 80px;text-align:center;
  border-top:1px solid var(--rule);margin-top:30px}
.cta-script{font-family:var(--f-script);font-size:30px;color:var(--gold);
  line-height:1;margin-bottom:8px;transform:rotate(-2deg);display:inline-block}
.cta-section h2{font-weight:800;font-size:36px;line-height:1.05;
  text-transform:uppercase;letter-spacing:-.005em;margin-bottom:14px;margin-top:4px}
.cta-section h2 em{font-style:italic;color:var(--gold)}
.cta-section p{font-weight:400;font-size:15px;color:var(--text-dim);
  margin-bottom:28px;max-width:380px;margin-left:auto;margin-right:auto}
.cta-section .btn{max-width:320px;margin:0 auto 10px}

@media (min-width:720px){
  .intro{padding:130px 40px 50px}
  .intro-script{font-size:44px}
  .intro-title{font-size:88px}
  .carousel-section{padding:50px 0 70px}
  .carousel{gap:24px;padding:0 60px 12px}
  .card{flex:0 0 50%}
  .card-name{font-size:42px}
  .card-script{font-size:28px}
  .grid-section{padding:80px 40px 60px}
  .grid{grid-template-columns:repeat(4,1fr);gap:14px}
  .grid-head h2{font-size:42px}
  .grid-card-name{font-size:18px}
  .cta-section{padding:120px 40px 100px}
  .cta-section h2{font-size:56px}
  .sticky-cta{display:none}
  body{padding-bottom:0}
}

/* Pink-Gradient für die Wow-Stellen */
.intro-title em,
.card-name .last,
.grid-head h2 em,
.cta-section h2 em{
  background: var(--accent-grad);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}

/* v38: text-only casting cards, readable without images. */
.card--casting,.grid-card--casting{background:#121212;color:#fff}
.card--casting::after,.grid-card--casting::after{display:none}
.casting-card-label{position:absolute;top:24px;left:22px;right:22px;color:#e9365c;font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.casting-card-mark{position:absolute;top:12%;left:0;right:0;text-align:center;color:#fff;font-weight:900;font-size:clamp(80px,16vw,160px);line-height:1;opacity:.12}
.casting-card-email{font-size:clamp(12px,1.5vw,16px);line-height:1.5;letter-spacing:0;text-transform:none;color:#fff;overflow-wrap:anywhere;margin:12px 0}
.casting-card-action{font-size:13px;letter-spacing:.1em;font-weight:700;text-transform:uppercase;color:#e9365c}
.grid-card--casting .casting-card-mark{font-size:clamp(64px,10vw,130px);top:10%}
.grid-card--casting .grid-card-content{padding:14px}
.grid-card--casting .grid-card-name{line-height:1.15}
.grid-card--casting .grid-card-role{letter-spacing:.04em}