.ies-home .avebn-scroll { position: fixed; inset: 0; width: min(1100px, calc(100% - 40px)); max-width: none; max-height: calc(100dvh - 40px); margin: auto; padding: 0; overflow: auto; border: 1px solid #555; border-radius: 12px; background: #101010; color: #fff; box-shadow: 0 24px 100px #000a; }
.ies-home .avebn-scroll:not([open]) { display: none; }
.ies-home .avebn-scroll[open] { animation: ies-bn-reveal .65s ease both; }
.ies-home .avebn-scroll::backdrop { background: #0009; animation: ies-bn-reveal .65s ease both; }
.ies-home .avebn-scroll .avebn-hero { margin: 0; border-radius: 0; }
.ies-home .avebn-scroll .avebn-hero h2 { font: 700 clamp(1.1rem, 2vw, 1.6rem)/1.25 Arial, Helvetica, sans-serif; letter-spacing: normal; color: #fff; }
.ies-home .avebn-scroll .avebn-poster__title { font-family: Impact, 'Arial Black', Arial, sans-serif; }
.ies-home .avebn-scroll .avebn-hero__copy p { margin-top: 0; }
.ies-home .avebn-scroll__close { position: sticky; float: right; top: 10px; margin: 10px 10px -54px 0; z-index: 10; width: 44px; height: 44px; padding: 0; border: 1px solid #ffffff99; border-radius: 50%; background: #000e; color: #fff; font: 32px/1 Arial, sans-serif; cursor: pointer; }
.ies-home .avebn-scroll__close:hover { background: #b51f2a; }
.ies-home .avebn-scroll :is(button, a):focus-visible { outline: 3px solid #fff; outline-offset: -4px; }
@keyframes ies-bn-reveal { from { opacity: 0; } to { opacity: 1; } }
@media (max-width: 600px) {
  .ies-home .avebn-scroll { width: calc(100% - 24px); max-height: calc(100dvh - 24px); }
  .ies-home .avebn-scroll .avebn-poster__caption { font-size: 13px; }
  .ies-home .avebn-scroll .avebn-hero__copy { padding: 20px; }
  .ies-home .avebn-scroll .avebn-hero__button { white-space: normal; }
}
@media (prefers-reduced-motion: reduce) { .ies-home .avebn-scroll[open], .ies-home .avebn-scroll::backdrop { animation: none; } }

/* Collegamento promozioni esteso a tutta la grafica, sotto alla X. */
.ies-home .avebn-scroll .avebn-hero { position: relative; }
.ies-home .avebn-scroll .avebn-hero__button::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 5;
  cursor: pointer;
}
.ies-home .avebn-scroll .avebn-hero__button:focus-visible::after {
  outline: 3px solid #fff;
  outline-offset: -4px;
}

/* Fumo esterno: texture resa trasparente nelle zone nere tramite maschera. */
.ies-home .avebn-scroll::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: #f5f5f5;
  opacity: .55;
  mask-image: url('/modules/aveblacknovember/views/img/black-november-smoke.webp');
  mask-mode: luminance;
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: min(1450px, 130vw) min(850px, 110dvh);
}
@media (min-width: 1200px) and (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  .ies-home .avebn-scroll[open]::before {
    animation: ies-bn-halo-smoke 12s ease-in-out infinite alternate;
  }
}
@keyframes ies-bn-halo-smoke {
  from { mask-position: 45% 45%; opacity: .4; }
  50% { opacity: .65; }
  to { mask-position: 60% 60%; opacity: .5; }
}