body{
  margin:0;
  font-family:'Space Grotesk', sans-serif;
  background:#050214;
  color:white;
}

.edition-page{
  overflow:hidden;
  background:#050214;
}

.edition-hero{
  min-height:100vh;
  position: relative;
  display:flex;
  align-items:center;
  padding:150px 8% 90px;
  background:
    linear-gradient(90deg, rgba(5,2,20,.86), rgba(5,2,20,.38)),
    url("images/edition2026.png") center/cover no-repeat;
}
.edition-hero::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:220px;

  background:linear-gradient(
      to bottom,
      rgba(5,2,20,0),
      rgba(5,2,20,.25),
      rgba(5,2,20,.75),
      #050214
  );

  pointer-events:none;
}

.edition-hero-content{
  max-width:760px;
}

.edition-hero-content span,
.poster-text span,
.edition-waiting span{
  display:inline-block;
  background:#84db41;
  color:#050214;
  padding:8px 22px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.08em;
  transform:rotate(-2deg);
}

.edition-hero h1{
  margin:28px 0 22px;
  font-size:clamp(4rem, 12vw, 9rem);
  line-height:.78;
  text-transform:uppercase;
  letter-spacing:-.07em;
}

.edition-hero p{
  max-width:570px;
  color:rgba(255,255,255,.82);
  font-size:1.2rem;
  line-height:1.7;
}

.edition-actions{
  display:flex;
  align-items:center;
  gap:24px;
  flex-wrap:wrap;
  margin-top:34px;
}

.edition-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:15px 28px;
  border-radius:999px;
  background:#ff9f1c;
  color:#050214;
  text-decoration:none;
  font-weight:900;
  text-transform:uppercase;
}

.edition-link{
  color:white;
  font-weight:900;
  text-transform:uppercase;
  text-decoration:none;
  border-bottom:2px solid #84db41;
  padding-bottom:5px;
}

.edition-poster-section{
  min-height:100vh;
  display:grid;
  grid-template-columns:1fr minmax(300px, 480px);
  gap:80px;
  align-items:center;
  padding:110px 8%;
  background:
    radial-gradient(circle at 20% 20%, rgba(255,61,127,.18), transparent 30%),
    #050214;
}

.poster-text h2,
.edition-waiting h2{
  margin:26px 0 18px;
  font-size:clamp(2.8rem, 7vw, 6rem);
  line-height:.86;
  letter-spacing:-.06em;
  text-transform:uppercase;
}

.poster-text p,
.edition-waiting p{
  max-width:600px;
  color:rgba(255,255,255,.76);
  font-size:1.1rem;
  line-height:1.75;
}

.poster-large{
  display:block;
  cursor:zoom-in;
  transform:rotate(1.5deg);
  transition:transform .35s ease, filter .35s ease;
}

.poster-large:hover{
  transform:rotate(0deg) scale(1.03);
  filter:brightness(1.08);
}

.poster-large img{
  width:100%;
  display:block;
  border-radius:0;
  box-shadow:0 35px 90px rgba(0,0,0,.55);
}

.edition-details{
  padding:70px 8%;
  display:flex;
  justify-content:center;
  gap:34px;
  flex-wrap:wrap;
  border-top:1px solid rgba(255,255,255,.16);
  border-bottom:1px solid rgba(255,255,255,.16);
}

.edition-details p{
  margin:0;
  color:rgba(255,255,255,.82);
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.04em;
}

.edition-details strong{
  color:#84db41;
}

.edition-waiting{
  margin:110px 8%;
  padding:90px 0;
  text-align:center;
  background:
    linear-gradient(rgba(5,2,20,.45), rgba(5,2,20,.92)),
    url("images/concert.jpg") center/cover no-repeat;
}

.edition-waiting p{
  margin-left:auto;
  margin-right:auto;
}

.poster-lightbox{
  position:fixed;
  inset:0;
  z-index:9999;
  display:none;
  align-items:center;
  justify-content:center;
  padding:30px;
  background:rgba(0,0,0,.92);
}

.poster-lightbox:target{
  display:flex;
}

.poster-lightbox img{
  max-width:min(92vw, 760px);
  max-height:90vh;
  display:block;
}

.lightbox-close{
  position:absolute;
  top:22px;
  right:28px;
  color:white;
  text-decoration:none;
  font-size:46px;
  line-height:1;
}

@media(max-width:900px){
  .edition-hero{
    padding:130px 7% 80px;
  }

  .edition-poster-section{
    grid-template-columns:1fr;
    gap:45px;
    padding:90px 7%;
  }

  .poster-large{
    max-width:420px;
    margin:auto;
  }

  .edition-details{
    justify-content:flex-start;
    padding:50px 7%;
  }

  .edition-waiting{
    margin:90px 7%;
    padding:70px 24px;
  }
}

@media(max-width:650px){
  .edition-hero{
    min-height:82vh;
    padding:120px 6% 70px;
  }

  .edition-hero h1{
    font-size:clamp(3.8rem, 18vw, 6rem);
  }

  .edition-actions{
    flex-direction:column;
    align-items:flex-start;
  }

  .edition-btn{
    width:100%;
  }

  .edition-poster-section{
    padding:75px 6%;
  }

  .poster-text h2,
  .edition-waiting h2{
    font-size:clamp(2.4rem, 13vw, 4rem);
  }

  .edition-details{
    display:block;
  }

  .edition-details p{
    margin:14px 0;
  }

  .edition-waiting{
    margin:70px 6%;
    padding:60px 20px;
  }

  .poster-lightbox img{
    max-width:94vw;
  }
}