.hero{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 80% 10%,#344c6450,transparent 65%),linear-gradient(135deg,#07090d,#131923 65%,#080b10)}
.hero-grid{position:relative;z-index:1}.hero-copy{position:relative}.hero h1{background:linear-gradient(105deg,#fff9e9,#edce83 50%,#fff4d5);background-clip:text;-webkit-background-clip:text;color:transparent}.hero h1 em{color:#ff9844}.era-stage{padding:15px;border:1px solid #ffffff17;background:linear-gradient(135deg,#ffffff08,#ffffff02);border-radius:6px}.era-pillars{gap:12px}.era-pillar{border-radius:3px;box-shadow:0 16px 30px #0006}.era-pillar:hover{transform:translateY(-6px)}.era-caption{margin-top:21px}.hero .button{position:relative;overflow:hidden;box-shadow:0 5px 25px #edce8325}.hero .button:after{content:'';position:absolute;top:-40%;left:-70%;height:190%;width:45%;background:linear-gradient(90deg,transparent,#fff8,transparent);transform:skewX(-20deg);animation:ticketLight 6s infinite}.ribbon{border-top:1px solid #edce8340;border-bottom:1px solid #edce8340}.official-poster{background:radial-gradient(ellipse at 50% 25%,#22334850,transparent 70%),#090c11;border-radius:6px}.chapter .era{border-radius:5px}
.music-notes{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0;color:#edce83}.music-notes i{position:absolute;font:normal 52px Georgia,serif;opacity:.1;animation:stageNotes 10s ease-in-out infinite}.music-notes i:nth-child(1){left:3%;top:32%;animation-delay:-3s}.music-notes i:nth-child(2){left:47%;top:10%;animation-delay:-7s}.music-notes i:nth-child(3){left:93%;top:80%;animation-delay:-1s}.music-notes i:nth-child(4){left:38%;top:80%;animation-delay:-5s}
@keyframes stageNotes{0%,100%{transform:translateY(15px) rotate(-15deg);opacity:.07}50%{transform:translateY(-35px) rotate(10deg);opacity:.23}}@keyframes ticketLight{0%,12%{left:-70%}45%,100%{left:150%}}
@media(max-width:760px){.era-stage{padding:10px}.era-pillars{gap:7px}.music-notes i{font-size:35px}}
@media(prefers-reduced-motion:reduce){.music-notes i,.hero .button:after{animation:none!important}.era-pillar:hover{transform:none}}