:root{
  --show-hero-image:url('/media/cycle-32.svg');
  --show-romance-image:url('/media/romances.svg');
  --show-finale-image:url('/media/finales.svg');
  --show-logo-image:url('/media/show-logo.svg');
  --show-bf-mark:url('/media/bf-mark.svg');
  --show-shark-image:url('/media/team-shark-official.svg?v=20260826');
  --show-snake-image:url('/media/team-snake-official.svg?v=20260826');
  --show-fox-image:url('/media/team-fox-official.svg?v=20260826');
  --show-vulture-image:url('/media/team-vulture-official.svg?v=20260826');
}

/* Echte Bondgenoten-identiteit in plaats van een generieke template. */
.brand-mark{
  background:var(--show-bf-mark) center/cover no-repeat!important;
  color:transparent!important;
  font-size:0!important;
  transform:none!important;
  border:0!important;
  box-shadow:0 10px 28px rgba(246,191,36,.22)!important;
}
.brand-mark::before,.brand-mark::after{display:none!important}

.show-hero__copy::before{
  content:"";
  display:block;
  width:clamp(190px,25vw,350px);
  aspect-ratio:1.55;
  margin:0 0 8px -10px;
  background:var(--show-logo-image) center/contain no-repeat;
  filter:drop-shadow(0 18px 30px rgba(0,0,0,.58));
  opacity:.98;
  animation:showLogoEnter .85s cubic-bezier(.2,.78,.2,1) both;
}
.show-hero__photo{filter:saturate(1.08) contrast(1.035)}
.show-hero__photo::before{
  content:"";position:absolute;inset:0;
  background:radial-gradient(circle at 72% 34%,rgba(246,191,36,.16),transparent 30%);
  mix-blend-mode:screen;
}

/* De officiële bondjes als gamified factions. */
.faction-card.team-haaien{--faction-image:var(--show-shark-image)}
.faction-card.team-slangen{--faction-image:var(--show-snake-image)}
.faction-card.team-vossen{--faction-image:var(--show-fox-image)}
.faction-card.team-gieren{--faction-image:var(--show-vulture-image)}
.faction-emblem{
  position:relative;
  border-radius:22px;
  background:var(--faction-image) center/cover no-repeat;
  border:1px solid rgba(255,255,255,.38);
  box-shadow:inset 0 0 0 2px rgba(8,11,15,.30),0 18px 34px rgba(0,0,0,.32);
  overflow:hidden;
}
.faction-emblem::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(145deg,rgba(255,255,255,.24),transparent 35%,rgba(0,0,0,.14));
}
.faction-emblem svg{display:none}
.faction-card::before{
  background:
    linear-gradient(135deg,rgba(255,255,255,.15),transparent 32%),
    radial-gradient(circle at var(--mx,82%) var(--my,18%),color-mix(in srgb,var(--team) 24%,transparent),transparent 36%),
    repeating-linear-gradient(120deg,rgba(255,255,255,.035) 0 1px,transparent 1px 17px)!important;
}
.faction-card:hover .faction-emblem{transform:scale(1.1) rotate(-2deg)}

/* Extra diepte en beweging voor editorial content. */
.world-feature,.editorial-card,.update-card{border:1px solid rgba(255,255,255,.11)}
.world-feature::before,.editorial-card::before,.update-card::before{
  content:"";position:absolute;inset:0;z-index:2;pointer-events:none;
  background:linear-gradient(120deg,rgba(255,255,255,.09),transparent 23% 76%,rgba(246,191,36,.08));
  mix-blend-mode:screen;opacity:.58;
}
.photo-credit{z-index:4}
.world-copy,.editorial-card__content,.update-card__copy{z-index:3}
.game-launch,.challenge-card,.fan-feed,.faction-card,.world-feature,.editorial-card,.update-card{will-change:transform}
.game-launch:active,.show-button:active,.challenge-options button:active{transform:scale(.985)}
.launch-icon{transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s ease}
.game-launch:hover .launch-icon{transform:translateY(-4px) rotate(-3deg) scale(1.07);box-shadow:0 14px 30px rgba(10,13,18,.22)}

.show-section.dark::after{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.18;
  background-image:linear-gradient(90deg,transparent 49.7%,rgba(255,255,255,.06) 50%,transparent 50.3%);
  background-size:86px 100%;
  mask-image:linear-gradient(to bottom,transparent,#000 22%,#000 78%,transparent);
}
.show-section.dark>.container{position:relative;z-index:1}

@keyframes showLogoEnter{
  from{opacity:0;transform:translate3d(-24px,14px,0) scale(.94)}
  to{opacity:.98;transform:translate3d(0,0,0) scale(1)}
}

@media(max-width:820px){
  .show-hero__copy::before{width:230px;margin-left:-6px;margin-bottom:7px}
  .show-hero__photo{background-position:58% center}
}
@media(max-width:590px){
  .show-hero__copy::before{width:190px;margin-bottom:3px}
  .show-hero__inner{padding-top:76px!important}
  .faction-emblem{border-radius:17px}
}
@media(prefers-reduced-motion:reduce){
  .show-hero__copy::before{animation:none!important}
  .launch-icon{transition:none!important}
}