@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;600&family=Inter:wght@400;600&display=swap');
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 50% -10%,#271126,#07070b 42%);color:#eee;font-family:Inter,Arial}header{height:78px;border-bottom:1px solid #481735;background:#050508;display:flex;align-items:center;padding:0 4%;gap:5%;position:sticky;top:0;z-index:5}.logo{font:600 27px Oswald;letter-spacing:3px}.logo i{color:#ff2b9d;font-style:normal}.logo small{display:block;font:9px Inter;letter-spacing:2px;color:#a99aa4;margin-top:4px}nav{font-size:10px;letter-spacing:1px;color:#c9c0c7}.crumb{font-size:10px;color:#8f818b;padding:24px 0}.crumb span{color:#ff3ba3}.hero{display:grid;grid-template-columns:340px 1fr 300px;gap:30px}.cover{aspect-ratio:1;border:1px solid #873065;border-radius:14px;background:linear-gradient(145deg,#20141d,#09090d);box-shadow:0 25px 70px #000}.wood{margin:23% 8%;height:48%;background:linear-gradient(#8c5a33,#60351e);border:7px solid #57301d;box-shadow:inset 0 0 0 3px #b07848,0 15px 30px #0008;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(-2deg);color:#25140b;font-family:Oswald}.wood b{font-size:45px;letter-spacing:4px}.wood span{font-size:30px;letter-spacing:5px}.chips span{border:1px solid #8f2a64;border-radius:30px;padding:7px 12px;font-size:9px;color:#ff5bb4;margin-right:7px}.main h1{font:500 clamp(38px,5vw,68px) Oswald;text-transform:uppercase;line-height:.95;margin:18px 0 4px}.main h2{font-size:19px;font-weight:400}.facts{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #382033;border-bottom:1px solid #382033;margin:28px 0;padding:17px 0;gap:12px}.facts label, .dna small{display:block;font-size:8px;color:#ff42a7;letter-spacing:1px}.facts strong{font-size:12px}aside{background:#0b0b10;border:1px solid #402137;border-radius:10px;padding:18px}aside h3,article h3{font:500 14px Oswald;letter-spacing:2px;color:#ff42a7}aside div{display:flex;justify-content:space-between;border-bottom:1px solid #211522;padding:10px 0;font-size:10px}aside span{color:#8f848d}aside b{font-weight:500;text-align:right}.tabs{margin-top:30px;border-top:1px solid #481735;border-bottom:1px solid #481735;padding:17px 0;color:#d6ccd3;font-size:10px;letter-spacing:1px;word-spacing:20px}.blocks{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:18px 0}.blocks article{background:#0b0b10;border:1px solid #392132;border-radius:10px;padding:20px}.blocks .wide{grid-column:1/-1}.blocks p{color:#bbb0b9;line-height:1.7}.dna{display:grid;grid-template-columns:1fr 1fr;gap:12px}.dna div{padding:14px;background:#08080c;border:1px solid #271927}.dna b{display:block;margin-top:6px;font-size:12px}.tags span{display:inline-block;border:1px solid #693052;padding:8px 12px;margin:4px;border-radius:20px;font-size:10px}.source{display:flex;justify-content:space-between;padding:12px 0;font-size:11px}.source span{color:#8e828b}.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.media{aspect-ratio:4/3;border:1px dashed #4b3042;display:grid;place-items:center;text-align:center;color:#756874;font:16px Oswald}.media small{display:block;font:9px Inter;color:#a52c6e}.related{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.rel{padding:15px;background:#09090d;border:1px solid #2d1a29;border-radius:8px}.rel b{font:15px Oswald}.rel small{display:block;color:#8f838c;margin-top:5px}footer{text-align:center;border-top:1px solid #311627;padding:25px;color:#665862;font-size:9px;letter-spacing:2px}@media(max-width:950px){.hero{grid-template-columns:280px 1fr}.hero aside{grid-column:1/-1}.blocks{grid-template-columns:1fr}.blocks .wide{grid-column:auto}.gallery{grid-template-columns:1fr 1fr}.related{grid-template-columns:1fr 1fr}}@media(max-width:650px){header{height:auto;padding:12px 16px;flex-wrap:wrap}.logo{width:100%}nav{width:100%;overflow:auto}.hero{grid-template-columns:1fr}.facts{grid-template-columns:1fr 1fr}.gallery,.related{grid-template-columns:1fr 1fr}}

/* V4 — cinema curtain + real media gallery */
.curtain{position:fixed;top:0;width:clamp(55px,7vw,130px);height:100vh;z-index:10;pointer-events:none;background:repeating-linear-gradient(90deg,#260006 0 7px,#8e0d21 8px 15px,#4a0711 16px 23px);box-shadow:inset 0 0 35px #000d,0 0 28px #000a}
.curtain-left{left:0}.curtain-right{right:0}.stage-glow{position:fixed;left:7vw;right:7vw;top:0;height:22vh;z-index:-1;background:radial-gradient(ellipse at 50% 0,#ff238020,transparent 68%)}
.media-head{display:flex;justify-content:space-between;margin:0 0 14px;color:#8f838d;font-size:9px;letter-spacing:1px}.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.media{position:relative;overflow:hidden}.media.has-file{cursor:zoom-in;border-style:solid;border-color:#8f2b67}.media.has-file img{width:100%;height:100%;object-fit:cover;display:block}.media.has-file span{position:absolute;left:0;right:0;bottom:0;padding:8px;background:#050507cc;color:#fff;font-size:9px}.lightbox{position:fixed;inset:0;background:#030205ed;z-index:100;display:none;align-items:center;justify-content:center;flex-direction:column;padding:30px}.lightbox.open{display:flex}.lightbox img{max-width:92vw;max-height:82vh}.lightbox button{position:absolute;top:20px;right:25px;background:none;border:0;color:#fff;font-size:42px}
@media(max-width:950px){.gallery{grid-template-columns:1fr 1fr}}@media(max-width:650px){.curtain{width:24px}}

.matchbox{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
.matchbox div{background:#09090d;border:1px solid #34202f;border-radius:8px;padding:14px}
.matchbox span{display:block;font-size:8px;color:#ff42a7;letter-spacing:1px;margin-bottom:7px}
.matchbox b{font-size:10px;font-weight:500}
.matchbox .pending{color:#ffb36b}
@media(max-width:950px){.matchbox{grid-template-columns:1fr 1fr}}


/* V7 — echte Landingpage: Vorhang rahmt die Bühne, niemals den Inhalt */
body.landing{min-height:100vh;overflow-x:hidden}
.landing-header{position:relative!important;z-index:30!important;background:#050508eF}
.landing-header nav{display:flex;gap:22px}
.landing-header nav a{color:#c9c0c7;text-decoration:none;font-size:10px;letter-spacing:1px}
.landing-header nav a:hover{color:#ff42a7}
.landing-main{position:relative;z-index:20;min-height:calc(100vh - 150px);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:80px 9vw 60px;text-align:center}
.landing-hero{max-width:1100px;width:100%;padding:65px 30px 55px;background:radial-gradient(ellipse at center,#180b18d9 0%,#07070bcc 60%,transparent 100%);border-top:1px solid #5a1d43;border-bottom:1px solid #5a1d43;box-shadow:0 0 90px #000}
.eyebrow{font-size:10px;letter-spacing:4px;color:#ff42a7;margin-bottom:22px}
.landing h1{margin:0;font:600 clamp(58px,10vw,130px)/.82 Oswald;letter-spacing:7px;color:#f5edf3;text-shadow:0 8px 35px #000}
.landing h1 span{color:#ff2b9d}
.landing-sub{margin:28px 0 34px;color:#b9adb7;letter-spacing:3px;font-size:11px;text-transform:uppercase}
.landing-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
.king-button{display:inline-block;padding:13px 20px;border:1px solid #6d3158;border-radius:2px;color:#eee;text-decoration:none;font:500 11px Oswald;letter-spacing:2px;background:#09080d}
.king-button:hover,.king-button.primary{border-color:#ff2b9d;box-shadow:0 0 24px #ff2b9d30}
.king-button.primary{background:#220c1c;color:#fff}
.landing-panels{width:min(1000px,100%);display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:28px}
.landing-panels a{padding:22px;text-align:left;text-decoration:none;background:#09090ddd;border:1px solid #352030;color:#eee}
.landing-panels a:hover{border-color:#a12e75}
.landing-panels b{display:block;color:#ff42a7;font:500 14px Oswald;letter-spacing:2px}
.landing-panels span{display:block;margin-top:7px;color:#8f838d;font-size:10px;line-height:1.5}
.curtain{z-index:25}
.curtain-top{position:fixed;left:0;right:0;top:0;height:38px;z-index:26;pointer-events:none;background:repeating-linear-gradient(90deg,#260006 0 12px,#8e0d21 13px 25px,#4a0711 26px 38px);box-shadow:0 8px 25px #000b}
@media(max-width:700px){
  .landing-header nav{gap:12px;overflow:auto;white-space:nowrap}
  .landing-main{padding:55px 35px 45px}
  .landing-hero{padding:55px 12px 45px}
  .landing-panels{grid-template-columns:1fr}
  .landing h1{letter-spacing:4px}
}

/* V10 — Firefox-stable cinema stage
   Curtain is decorative only. It never participates in layout. */
html,body{min-height:100%;overflow-x:hidden}
.landing{position:relative;isolation:isolate;background:#050508}
.landing .curtain,
.landing .curtain-top{position:fixed;pointer-events:none}
.landing .curtain{top:0;bottom:0;width:clamp(24px,6vw,82px);z-index:0}
.landing .curtain-left{left:0}
.landing .curtain-right{right:0}
.landing .curtain-top{left:0;right:0;top:0;height:26px;z-index:0}
.landing .stage-glow{position:absolute;inset:0;z-index:0;pointer-events:none}
.landing-header,
.landing-main,
.landing>footer{position:relative;z-index:2}
.landing-header{width:100%;box-sizing:border-box}
.landing-main{box-sizing:border-box;width:100%;margin:0 auto}
.landing-hero{box-sizing:border-box;margin-left:auto;margin-right:auto}
.landing-panels{box-sizing:border-box;margin-left:auto;margin-right:auto}
.landing .curtain{opacity:.92}
@media(max-width:700px){
  .landing .curtain{width:30px}
  .landing-main{padding-left:38px;padding-right:38px}
  .landing-header{padding-left:38px;padding-right:38px}
}

/* V11 — Archive pages: cinematic, but curtain-free */
body:not(.landing){
  background:
    radial-gradient(circle at 50% 0%,#170b18 0,#08070b 38%,#050508 72%);
  color:#f5edf3;
}
.archive-shell{
  position:relative;
  z-index:1;
  min-height:100vh;
  padding:38px clamp(28px,6vw,90px) 55px;
  isolation:isolate;
}
.archive-shell::before{
  content:"";
  position:absolute;
  left:0;right:0;top:0;
  height:1px;
  background:linear-gradient(90deg,transparent,#7b2858,transparent);
  pointer-events:none;
}
.archive-shell .ka-header{
  position:relative;
  z-index:2;
  max-width:1500px;
  margin:0 auto;
}
.archive-shell .ka-panel{
  max-width:1500px;
  margin-left:auto;
  margin-right:auto;
}
.archive-shell a{color:inherit}
.archive-shell .ka-nav a:hover,
.archive-shell .ka-nav a.active{color:#fff;border-color:#ff2b9d}
@media(max-width:700px){
  .archive-shell{padding:28px 18px 40px}
}

/* V12 — detail pages are curtain-free */
body:not(.landing) .curtain,
body:not(.landing) .curtain-left,
body:not(.landing) .curtain-right,
body:not(.landing) .curtain-top,
body:not(.landing) .stage-glow,
body:not(.landing) .ka-curtain,
body:not(.landing) .ka-top{display:none!important}
body:not(.landing){background:radial-gradient(circle at 50% -10%,#271126,#07070b 42%,#050508 100%)}

/* V13 — Cinema Opening: landing page only */
.cinema-opening{
  position:fixed;inset:0;z-index:1000;display:flex;
  cursor:pointer;background:#050508;
}
.opening-curtain{
  position:absolute;top:0;bottom:0;width:50%;
  background:repeating-linear-gradient(90deg,#230006 0 14px,#7d0d20 15px 29px,#430711 30px 44px,#8e1028 45px 56px);
  box-shadow:inset 0 0 45px #000,0 0 35px #000;
  transition:transform 1.25s cubic-bezier(.77,0,.18,1);
}
.opening-left{left:0;transform-origin:left center}
.opening-right{right:0;transform-origin:right center}
.opening-hint{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  z-index:2;text-align:center;color:#fff;pointer-events:none;
  text-shadow:0 3px 25px #000;letter-spacing:3px;
}
.opening-hint span{display:block;font:600 clamp(28px,5vw,64px)/1 Oswald,Arial,sans-serif}
.opening-hint small{display:block;margin-top:18px;color:#ff63b9;font-size:10px;letter-spacing:4px}
.cinema-opening.is-opening .opening-left{transform:translateX(-100%)}
.cinema-opening.is-opening .opening-right{transform:translateX(100%)}
.cinema-opening.is-opening .opening-hint{opacity:0;transition:opacity .25s}
.curtain-setting{
  position:fixed;right:18px;bottom:18px;z-index:1100;
  padding:9px 12px;border:1px solid #5c2b49;background:#09080de8;
  color:#ddd;font-size:10px;letter-spacing:1px;cursor:pointer
}
.curtain-setting:hover{border-color:#ff2b9d;color:#fff}
body.cinema-opened .landing-main{animation:cinemaReveal .8s ease both}
@keyframes cinemaReveal{from{opacity:.65;transform:scale(.985)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){
  .opening-curtain{transition:none}
  body.cinema-opened .landing-main{animation:none}
}