/* Approved group-cover treatment. Mobile and touch layouts retain their original images. */
@media (min-width:981px) and (hover:hover) and (pointer:fine){
  .detail-banner{
    position:relative;
    isolation:isolate;
    border:0;
    border-radius:36px;
    background:transparent;
    box-shadow:none;
    overflow:visible;
  }
  .detail-banner img{border-radius:36px}
  .detail-banner::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:-1;
    border-radius:36px;
    background-image:var(--cover-mist-image);
    background-size:100% 100%;
    background-repeat:no-repeat;
    filter:blur(25px);
    opacity:.34;
    transform:scale(1.025);
    pointer-events:none;
  }
  .detail-banner::after{
    content:"";
    position:absolute;
    inset:-1px;
    border-radius:37px;
    pointer-events:none;
    box-shadow:inset 0 0 17px 8px #0b1f319c;
    background:
      radial-gradient(ellipse 23% 10% at 21% 0%,#c2d8e82b,transparent 100%),
      radial-gradient(ellipse 28% 12% at 77% 100%,#c2d8e82b,transparent 100%),
      radial-gradient(ellipse 7% 38% at 0% 59%,#b4d2e42b,transparent 100%),
      radial-gradient(ellipse 8% 34% at 100% 32%,#b4d2e42b,transparent 100%);
  }
}