/* Full video followed by one local supernova burst and the original still. */
.hero-film-portrait{container-type:size;transform:none!important;transition:none;transform-style:flat}
.hero-film-stage{
  position:relative;width:100%;height:100%;isolation:isolate;
  --film-feather:linear-gradient(90deg,transparent,rgba(0,0,0,.35) 4%,#000 13%,#000 87%,rgba(0,0,0,.35) 96%,transparent),linear-gradient(180deg,transparent,rgba(0,0,0,.45) 5%,#000 14%,#000 77%,rgba(0,0,0,.55) 90%,transparent),radial-gradient(ellipse 78% 88% at 50% 47%,#000 48%,rgba(0,0,0,.85) 70%,transparent 100%);
}
.hero-film-video,.intro-portrait .hero-finale-photo{
  position:absolute;left:50%;top:50%;display:block;width:100%;height:100%;max-width:none;max-height:none;
  object-fit:contain;object-position:center;border:0;border-radius:0;box-shadow:none;
  transform:translate(-50%,-50%);pointer-events:none;
  -webkit-mask-image:var(--film-feather);mask-image:var(--film-feather);
  -webkit-mask-composite:source-in;mask-composite:intersect;
}
@supports(width:1cqh){
  .hero-film-video{width:min(100cqw,calc(100cqh * 1.77777778));height:auto;aspect-ratio:16 / 9}
  .intro-portrait .hero-finale-photo{width:min(100cqw,calc(100cqh * 1.49926794));height:auto;aspect-ratio:1024 / 683}
}
.hero-film-video{z-index:1;opacity:1}
.intro-portrait .hero-finale-photo{z-index:2;opacity:0}
.hero-film-stage[data-state="settled"] .hero-finale-photo{opacity:1}
.hero-film-stage[data-state="settled"] .hero-film-video{opacity:0}
.hero-supernova{position:absolute;inset:0;z-index:3;pointer-events:none;overflow:visible}
.hero-supernova>span{position:absolute;left:50%;top:50%;opacity:0;transform:translate(-50%,-50%);pointer-events:none}
.supernova-core{width:32%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#f3f8ff 0%,#cfebffbb 12%,#84b9f77a 30%,#5898e72b 53%,transparent 70%);filter:blur(4px)}
.supernova-halo{width:85%;aspect-ratio:1.4;border-radius:50%;background:radial-gradient(ellipse,#bddbff6b,#678bfb45 25%,#516ac61c 46%,transparent 70%);filter:blur(14px)}
.supernova-ring{width:38%;aspect-ratio:1.5;border-radius:50%;border:1px solid #d0e8ff;box-shadow:0 0 12px #8bbcff99,inset 0 0 12px #8bbcff66}
.supernova-flare{width:85%;height:2px;background:linear-gradient(90deg,transparent,#aed6ff99,#f1f8ff,#aed6ff99,transparent);box-shadow:0 0 15px #bcdfff;filter:blur(.6px)}
.supernova-particles{position:absolute;inset:0}
.supernova-particle{position:absolute;left:50%;top:50%;width:3px;height:3px;border-radius:50%;opacity:0;background:#daecff;box-shadow:0 0 8px #96c4ff;pointer-events:none}
.hero-media-controls{position:absolute;left:50%;bottom:0;transform:translateX(-50%);z-index:4;display:flex;align-items:center;justify-content:center;gap:8px;max-width:100%;white-space:nowrap}
.hero-film-control{
  min-height:36px;padding:8px 14px;border:1px solid rgba(179,203,240,.18);border-radius:999px;
  color:#c7d7ef;background:rgba(5,9,19,.65);backdrop-filter:blur(8px);
  font-family:var(--f-body);font-size:8px;letter-spacing:.12em;cursor:pointer;white-space:nowrap;
}
.hero-film-control[hidden]{display:none}
.hero-film-control:hover{border-color:rgba(179,203,240,.5);color:#fff}
.hero-film-control:disabled{cursor:default;opacity:.6}
.hero-sound-control[aria-pressed="true"]{border-color:rgba(179,203,240,.55);color:#e6f1ff}
@media(max-width:600px){.hero-media-controls{bottom:24px}.hero-film-control{min-height:40px}}
@media(prefers-reduced-motion:reduce){.hero-supernova{display:none}}