/* Hit Fest 2027: paleta manualului de brand peste varianta neon. Se încarcă ultima. */
:root{
  --navy:#1C3947; --navy-deep:#16303C; --night:#1C3947; --night-2:#24485A;
  --yellow:#EDA423; --orange:#F7651C; --teal:#2EA8AD; --cream:#F4E7CF; --cream-2:#EDDDBF;
  --neon-pink:#E01D8A; --neon-cyan:#00B6E4; --neon-violet:#EC1E46; --neon-lime:#77C624;
  --neon-yellow:#EDA423; --neon-orange:#F7651C;
  --ink-dark:#1C3947; --ink-dark-2:#3C5361; --line-dark:#D9CBA8;
  --brand-red:#EC1E46; --brand-green:#007F66; --brand-orange:#F79420; --brand-sky:#2EA8AD;
}
body{background:var(--navy)}
.hf-section--cream,#bilete{background:var(--cream)}
.hf-nav.scrolled{background:rgba(28,57,71,.9)}
.hf-footer{background:var(--navy-deep)}
.hf-btn--primary{background:var(--brand-red);color:#fff}
.hf-btn--primary:hover{background:#ff2d55;box-shadow:0 0 28px rgba(236,30,70,.45)}
.hf-pill--coral{background:var(--brand-red)}
/* benzile colorate ale manualului, sub antetul fiecărei secțiuni pe hârtie */
.hf-bands{display:flex;height:10px;margin:0 0 28px;max-width:220px}
.hf-bands i{flex:1}.hf-bands i:nth-child(1){background:var(--brand-green)}.hf-bands i:nth-child(2){background:var(--brand-red)}.hf-bands i:nth-child(3){background:var(--brand-orange)}.hf-bands i:nth-child(4){background:var(--neon-pink)}.hf-bands i:nth-child(5){background:var(--neon-cyan)}

/* ---------- hero: compoziția de bază a manualului în locul nopții ---------- */
#hero{background:var(--cream)}
#hero .hero__scene{display:none}
#hero .hero__brand{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;background:var(--cream)}
#hero .hero__brand-sky{position:absolute;left:0;right:0;top:0;height:min(44%,420px);overflow:hidden;background:var(--brand-sky)}
#hero .hero__brand-sky svg{position:absolute;inset:0;width:100%;height:100%}
#hero .hero__rays{transform-origin:720px 420px;animation:hero-sway 22s ease-in-out infinite}
@keyframes hero-sway{0%,100%{transform:rotate(-3.5deg)}50%{transform:rotate(3.5deg)}}
html.hf-paused #hero .hero__rays{animation:none}
#hero .hero__brand-edge{position:absolute;inset:0;background:linear-gradient(90deg,rgba(46,168,173,.55),transparent 18%,transparent 82%,rgba(46,168,173,.55))}
#hero .hero__brand-mts{position:absolute;left:0;right:0;top:calc(min(44%,420px) - 1px);height:0}
#hero .hero__brand-mts svg{position:absolute;left:0;right:0;bottom:0;width:100%;height:clamp(70px,10vw,150px)}
@media (min-width:900px){#hero .hero__brand-sky{height:min(66%,620px)}#hero .hero__brand-mts{top:calc(min(66%,620px) - 1px)}}

/* textele hero pe hârtie: bleumarin */
#hero .hero__kicker{color:#fff;text-shadow:0 1px 2px rgba(28,57,71,.5)}
#hero .hero__kicker span:first-child{color:#fff}
#hero .hero__kicker i{background:var(--yellow);box-shadow:0 0 8px rgba(237,164,35,.8)}
#hero .hero__when strong{color:var(--navy)}
#hero .hero__when span{color:var(--ink-dark-2)}
#hero .hero__when b{color:var(--brand-red)}
#hero .hero__when em{color:var(--ink-dark-2)}#hero .hero__when em b{color:var(--navy)}
#hero .hero__info::after{background:none}
#hero .hero__offer-sub{color:var(--ink-dark-2)}#hero .hero__offer-sub b{color:var(--navy)}
#hero .hero__credit{color:var(--ink-dark-2)}
#hero .hero__count{background:var(--navy);box-shadow:0 10px 30px rgba(28,57,71,.3)}
#hero .hf-btn--neon{--c:var(--navy);color:var(--navy);box-shadow:inset 0 0 0 2px var(--navy)}
#hero .hf-btn--neon:hover{background:rgba(28,57,71,.08)}
/* 80's 90's 2K's: ca pe afiș, cu contur bleumarin, fără strălucire */
#hero .hero__eras{font-family:var(--f-poster);font-style:italic;font-size:clamp(28px,3.6vw,50px);gap:.5em}
#hero .hero__eras .neon{text-shadow:2px 2px 0 var(--navy);-webkit-text-stroke:1.2px var(--navy);paint-order:stroke fill;animation:none;opacity:1}
#hero .hero__eras .neon--pink{color:var(--neon-pink)}#hero .hero__eras .neon--cyan{color:var(--neon-cyan)}#hero .hero__eras .neon--lime{color:var(--neon-lime)}
/* semnul: tubul magenta al manualului, halou mai discret pe cer */
#hero .hero__halo .p{fill:#E01D8A}#hero .hero__tube .p{fill:#F04FA8}#hero .hero__core .p{fill:#FFE2F0}
#hero .hero__halo .y{fill:#F7651C}#hero .hero__tube .y{fill:#FFC53A}
#hero .hero__halo{opacity:.75}
#hero .hero__glass .y{stroke:rgba(28,57,71,.35)}#hero .hero__glass .p{stroke:rgba(28,57,71,.35)}
/* mascota: umbră pe hârtie, nu baltă de neon */
#hero .hero__pool{background:radial-gradient(closest-side,rgba(28,57,71,.35),transparent);box-shadow:none}
#hero .hero__spot{display:none}
#hero .hero__vid{filter:drop-shadow(0 8px 10px rgba(28,57,71,.3))}

/* ---------- bilete ---------- */
#bilete .bl-step.is-now .bl-step__face{background:linear-gradient(180deg,#24485A,var(--navy) 40%,#16303C)}
#bilete .bl-step.is-now .bl-step__face::before{background:var(--neon-lime);box-shadow:0 0 10px var(--neon-lime)}
#bilete .bl-step.is-now .bl-step__price b{color:var(--yellow)}
#bilete .bl-step__tag{background:var(--brand-red);color:#fff}
#bilete .bl-card__ribbon{background:var(--brand-red);color:#fff}
#bilete .bl-card--best{background:radial-gradient(120% 80% at 100% 0%,#24485A 0%,var(--navy) 55%)}
/* lineup: data anunțului */
#lineup .lu-date{display:inline-block;font-family:var(--f-deco);font-weight:400;color:var(--neon-pink);letter-spacing:.02em}

/* ---------- hero ca afișul, animat ---------- */
#hero{--skyh:clamp(260px,36vw,470px);min-height:0;padding:0;display:block;background:var(--cream)}
#hero .hero__brand{display:none}
#hero .poster-wrap{position:relative;overflow:hidden;padding-top:calc(64px + env(safe-area-inset-top,0px))}
#hero .poster-wrap{isolation:isolate}
/* no z-index here: the girl (z 3) has to come over the words layer (z 2), her hand over the blue square (Gabi, 19.10.2026) */
#hero .poster{position:absolute;inset:0;background:var(--cream)}
#hero .poster__girl{z-index:3;pointer-events:none}
#hero .poster__sky{position:absolute;left:0;right:0;top:0;height:var(--skyh);overflow:hidden;background:radial-gradient(70% 90% at 50% 95%,#A9D6CF 0%,#79C3BE 32%,#4DB5B6 60%,#31ACB1 85%)}
#hero .poster__rays-svg{position:absolute;inset:0;width:100%;height:100%}
#hero .poster__rays{transform-origin:720px 560px;animation:hero-sway 24s ease-in-out infinite;opacity:.96}
#hero .poster__edge{display:none}
/* the poster's mountains, traced (19.10.2026): as wide as the screen, in the poster's proportions (.219 of the width);
   on a phone a quarter bigger, the sides cropped (Ioana: variant 2). The foot is the sky's bottom. */
#hero .poster__mts{position:absolute;left:0;right:0;width:100%;--mth:calc(100vw * .2189);height:var(--mth);top:calc(var(--skyh) - var(--mth) + 4px)}
#hero .poster__logo{position:absolute;left:50%;top:calc(var(--skyh) - clamp(170px,24vw,320px));width:clamp(150px,21vw,290px);height:auto;transform:translateX(-50%);
  filter:drop-shadow(0 10px 14px rgba(28,57,71,.28));animation:poster-logo 1.4s var(--ease-back) both}
#hero .poster__mascot video,#hero .poster__mascot canvas{display:block;width:100%;height:auto;aspect-ratio:440/460;object-fit:contain}
/* Safari: the canvas shows the dancer, the clip with the mask under it stays in the page but unseen */
#hero .poster__mascot.is-packed video{position:absolute;inset:0;opacity:0;pointer-events:none}#hero .poster__mascot canvas:not(.is-live){background:url(../assets/brand/mascot-poster.webp) center/contain no-repeat}
#hero .poster__mascot{position:absolute;left:clamp(4px,2vw,40px);bottom:-4px;width:clamp(120px,16vw,260px);height:auto;filter:drop-shadow(0 12px 10px rgba(28,57,71,.3));
  animation:poster-mascot 1s 1.2s var(--ease-back) both,poster-bob 4s 2.4s ease-in-out infinite}
#hero .poster__girl{position:absolute;right:clamp(0px,1.5vw,40px);bottom:0;width:clamp(110px,15vw,240px);height:auto;filter:drop-shadow(0 12px 10px rgba(28,57,71,.3));
  animation:poster-girl 1.1s 1.5s var(--ease-back) both,poster-float 5s 2.6s ease-in-out infinite}
#hero .poster__grain{position:absolute;inset:0;opacity:.07;mix-blend-mode:multiply;pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)'/%3E%3C/svg%3E")}

#hero .poster__text{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center;padding-top:calc(var(--skyh) + clamp(28px,4vw,64px));padding-bottom:clamp(28px,4vw,56px);gap:clamp(6px,1vw,14px);pointer-events:none;max-width:min(100%,900px)}
#hero .poster__text a{pointer-events:auto}
#hero .poster__text p{margin:0}
#hero .poster__year{font-family:var(--f-deco);color:var(--neon-pink);font-size:clamp(20px,2.6vw,40px);line-height:1;align-self:flex-end;margin-right:clamp(0px,4vw,60px);margin-bottom:-6px;letter-spacing:.04em;animation:hero-ignite 1.1s .6s linear both}
#hero .poster__date{font-family:var(--f-deco);color:var(--neon-pink);font-size:clamp(40px,7vw,108px);line-height:.95;letter-spacing:.02em;display:flex;align-items:baseline;white-space:nowrap}
#hero .poster__date span{animation:hero-ignite 1.1s calc(.7s + var(--k,0) * .09s) linear both}
#hero .poster__date .sp{width:.25em}
#hero .poster__date span:nth-child(1){--k:0}#hero .poster__date span:nth-child(2){--k:1}#hero .poster__date span:nth-child(3){--k:2}#hero .poster__date span:nth-child(5){--k:3}#hero .poster__date span:nth-child(6){--k:4}#hero .poster__date span:nth-child(7){--k:5}#hero .poster__date span:nth-child(8){--k:6}#hero .poster__date span:nth-child(9){--k:7}#hero .poster__date span:nth-child(10){--k:8}
#hero .poster__place{font-family:var(--f-poster);color:#fff;font-size:clamp(30px,5.4vw,84px);line-height:1;letter-spacing:.02em;text-transform:uppercase;margin-top:clamp(10px,1.6vw,22px);
  -webkit-text-stroke:1.5px var(--navy);paint-order:stroke fill;transform:skewX(-6deg);
  text-shadow:3px 3px 0 var(--neon-pink),6px 6px 0 var(--neon-cyan),9px 9px 0 var(--neon-lime);animation:poster-place 1s 1.3s var(--ease-back) both}
#hero .poster__sub{font-family:var(--f-display);color:var(--neon-lime);font-size:clamp(20px,2.6vw,40px);letter-spacing:.08em;line-height:1;margin-top:clamp(16px,2.2vw,32px);
  -webkit-text-stroke:.8px var(--navy);paint-order:stroke fill;animation:poster-up .7s 1.9s var(--ease) both}
#hero .poster__eras{display:flex;gap:.55em;font-family:var(--f-poster);font-style:italic;font-size:clamp(24px,3.4vw,52px);line-height:1;margin-top:clamp(8px,1.2vw,18px)}
#hero .poster__eras b{font-weight:400;-webkit-text-stroke:1.2px var(--navy);paint-order:stroke fill;text-shadow:3px 3px 0 var(--navy);animation:poster-pop .6s var(--ease-back) both}
#hero .poster__eras .e1{color:var(--neon-pink);animation-delay:2.1s}#hero .poster__eras .e2{color:var(--neon-cyan);animation-delay:2.3s}#hero .poster__eras .e3{color:var(--neon-lime);animation-delay:2.5s}
#hero .poster__buy{margin-top:clamp(18px,2.6vw,36px);animation:poster-up .7s 2.7s var(--ease) both}
#hero .poster__site{display:inline-block;background:var(--brand-orange);color:#fff;text-decoration:none;font-family:var(--f-display);font-size:clamp(18px,2.2vw,32px);letter-spacing:.08em;padding:.25em .8em;line-height:1.2;text-transform:uppercase}
#hero .poster__site b{font-weight:400;color:var(--navy)}
#hero .poster__site:hover{background:var(--brand-red)}
/* the band is the poster's buy button: a finger-sized target with an arrow (19.10.2026, mobile audit) */
#hero .poster__site{display:inline-flex;align-items:center;gap:.4em;min-height:44px}
#hero .poster__site::after{content:"";width:.42em;height:.42em;border:solid #fff;border-width:.12em .12em 0 0;transform:rotate(45deg);margin-left:.1em}
#hero .poster__site:focus-visible{outline:3px solid var(--navy);outline-offset:3px}
/* on a phone the poster right above already says the date and the place, so the line under it is not repeated */
@media (max-width:640px){#hero .hero__when{display:none}}
#hero .poster__bands{display:flex;gap:clamp(6px,1vw,16px);margin-top:clamp(16px,2.2vw,30px)}
#hero .poster__bands i{width:clamp(26px,4vw,56px);height:clamp(26px,4vw,56px);transform:scaleY(0);transform-origin:bottom;animation:poster-band .5s var(--ease-back) both}
#hero .poster__bands i:nth-child(1){background:var(--brand-green);animation-delay:2.9s}#hero .poster__bands i:nth-child(2){background:var(--brand-red);animation-delay:3s}#hero .poster__bands i:nth-child(3){background:var(--brand-orange);animation-delay:3.1s}#hero .poster__bands i:nth-child(4){background:var(--neon-pink);animation-delay:3.2s}#hero .poster__bands i:nth-child(5){background:var(--neon-cyan);animation-delay:3.3s}

#hero .hero__info{position:relative;margin:0 auto;padding:22px var(--gutter) 28px;border-top:2px solid var(--navy)}
@media (min-width:900px){#hero .hero__info{padding:26px var(--gutter) 34px}}

@keyframes poster-logo{0%{transform:translate(-50%,-140%) scale(.6);opacity:0}100%{transform:translate(-50%,0) scale(1);opacity:1}}
@keyframes poster-mascot{0%{transform:translateX(-120%) rotate(-8deg)}100%{transform:none}}
@keyframes poster-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes poster-girl{0%{transform:translateY(110%) rotate(10deg);opacity:0}100%{transform:none;opacity:1}}
@keyframes poster-float{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-14px) rotate(-2deg)}}
@keyframes poster-place{0%{opacity:0;transform:skewX(-6deg) translateY(40px);text-shadow:0 0 0 var(--neon-pink),0 0 0 var(--neon-cyan),0 0 0 var(--neon-lime)}60%{opacity:1;transform:skewX(-6deg) translateY(0);text-shadow:0 0 0 var(--neon-pink),0 0 0 var(--neon-cyan),0 0 0 var(--neon-lime)}100%{opacity:1;text-shadow:3px 3px 0 var(--neon-pink),6px 6px 0 var(--neon-cyan),9px 9px 0 var(--neon-lime)}}
@keyframes poster-up{0%{opacity:0;transform:translateY(18px)}100%{opacity:1;transform:none}}
@keyframes poster-pop{0%{opacity:0;transform:scale(.3) rotate(-10deg)}100%{opacity:1;transform:none}}
@keyframes poster-band{to{transform:scaleY(1)}}
html.hf-paused #hero .poster img,html.hf-paused #hero .poster__mascot,html.hf-paused #hero .poster__text *{animation:none!important;opacity:1;transform:none}html.hf-paused #hero .poster svg *{animation:none!important}
html.hf-paused #hero .poster__logo{transform:translateX(-50%)!important}
html.hf-paused #hero .poster__logo{transform:translateX(-50%)}html.hf-paused #hero .poster__place{transform:skewX(-6deg)}html.hf-paused #hero .poster__bands i{transform:none}
@media (prefers-reduced-motion:reduce){#hero .poster img,#hero .poster__text *{animation:none!important;opacity:1;transform:none}#hero .poster svg *{animation:none!important}#hero .poster__logo{transform:translateX(-50%)!important}#hero .poster__logo{transform:translateX(-50%)}#hero .poster__place{transform:skewX(-6deg)}#hero .poster__bands i{transform:none}}
@media (max-width:640px){
  #hero{--skyh:300px}
  #hero .poster__mts{--mth:calc(100vw * .2736)}#hero .poster__logo{top:calc(var(--skyh) - 92px);width:128px}
  #hero .poster__mascot{width:110px;left:12px}#hero .poster__girl{width:120px;right:0;bottom:0}
  #hero .poster__text{padding-bottom:150px}
  #hero .poster__year{margin-right:0;align-self:center}
  #hero .poster__date{font-size:9.2vw;letter-spacing:0}#hero .poster__place{font-size:9vw;text-shadow:2px 2px 0 var(--neon-pink),4px 4px 0 var(--neon-cyan),6px 6px 0 var(--neon-lime)}
}

/* ---------- A · afișul, singura variantă (19.10.2026) ---------- */
#hero.hero--a .poster-wrap{padding-top:calc(64px + env(safe-area-inset-top,0px) + 44px)}

@keyframes dawn-band{to{transform:scaleX(1)}}

/* ---------- C · Concertul: noapte pe scenă, reflectoare, mascota dansează, fata sare pe bătaie ---------- */
#hero .show{position:relative;overflow:hidden;min-height:calc(100svh - 0px);padding:calc(64px + env(safe-area-inset-top,0px) + 52px) 0 clamp(60px,8vw,110px);display:flex;flex-direction:column;justify-content:center;background:#0E1E27;isolation:isolate}
#hero .show__bg{position:absolute;inset:0;z-index:0;overflow:hidden}
#hero .show__stage{position:absolute;inset:0;background:radial-gradient(80% 60% at 50% 100%,rgba(224,29,138,.28),transparent 70%),linear-gradient(180deg,#0E1E27 0%,#1C3947 55%,#24485A 100%)}
#hero .show__beam{position:absolute;left:50%;top:-10%;width:clamp(120px,14vw,220px);height:130%;transform-origin:50% 0;mix-blend-mode:screen;opacity:.75;
  background:linear-gradient(180deg,var(--c) 0%,color-mix(in srgb,var(--c) 40%,transparent) 55%,transparent 100%);clip-path:polygon(44% 0,56% 0,100% 100%,0 100%);animation:show-beam var(--d,7s) ease-in-out infinite alternate}
#hero .show__beam--1{--c:#E01D8A;--d:6.5s;margin-left:-38vw;transform:rotate(-22deg)}
#hero .show__beam--2{--c:#00B6E4;--d:8s;margin-left:-14vw;transform:rotate(-8deg)}
#hero .show__beam--3{--c:#EDA423;--d:7.3s;margin-left:6vw;transform:rotate(9deg)}
#hero .show__beam--4{--c:#77C624;--d:9s;margin-left:30vw;transform:rotate(24deg)}
@keyframes show-beam{0%{transform:rotate(calc(var(--r,0deg) - 14deg))}100%{transform:rotate(calc(var(--r,0deg) + 14deg))}}
#hero .show__beam--1{--r:-22deg}#hero .show__beam--2{--r:-8deg}#hero .show__beam--3{--r:9deg}#hero .show__beam--4{--r:24deg}
#hero .show__floor{position:absolute;left:-10%;right:-10%;bottom:0;height:22%;background:repeating-linear-gradient(90deg,transparent 0 58px,rgba(0,182,228,.22) 58px 60px),repeating-linear-gradient(180deg,transparent 0 28px,rgba(0,182,228,.22) 28px 30px),linear-gradient(180deg,#0E1E27,#16303C);transform:perspective(500px) rotateX(58deg);transform-origin:50% 0;animation:show-floor 1s linear infinite}
@keyframes show-floor{to{background-position:0 30px,0 30px,0 0}}
#hero .show__confetti{position:absolute;inset:0;pointer-events:none}
#hero .show__confetti i{position:absolute;top:-4%;width:9px;height:14px;opacity:.9;animation:show-fall var(--t,6s) linear var(--w,0s) infinite}
#hero .show__confetti i:nth-child(6n+1){background:#EC1E46}#hero .show__confetti i:nth-child(6n+2){background:#F79420}#hero .show__confetti i:nth-child(6n+3){background:#77C624}#hero .show__confetti i:nth-child(6n+4){background:#E01D8A}#hero .show__confetti i:nth-child(6n+5){background:#00B6E4}#hero .show__confetti i:nth-child(6n){background:#EDA423}
#hero .show__confetti i:nth-child(1){left:4%;--t:7s;--w:-1s}#hero .show__confetti i:nth-child(2){left:9%;--t:6s;--w:-3s}#hero .show__confetti i:nth-child(3){left:14%;--t:8s;--w:-5s}#hero .show__confetti i:nth-child(4){left:19%;--t:6.5s;--w:-2s}#hero .show__confetti i:nth-child(5){left:24%;--t:7.5s;--w:-4s}#hero .show__confetti i:nth-child(6){left:29%;--t:6s;--w:-.5s}#hero .show__confetti i:nth-child(7){left:34%;--t:8.5s;--w:-6s}#hero .show__confetti i:nth-child(8){left:39%;--t:7s;--w:-2.5s}#hero .show__confetti i:nth-child(9){left:44%;--t:6.2s;--w:-4.5s}#hero .show__confetti i:nth-child(10){left:49%;--t:7.8s;--w:-1.5s}#hero .show__confetti i:nth-child(11){left:54%;--t:6.8s;--w:-3.5s}#hero .show__confetti i:nth-child(12){left:59%;--t:8.2s;--w:-5.5s}#hero .show__confetti i:nth-child(13){left:64%;--t:6.4s;--w:-.8s}#hero .show__confetti i:nth-child(14){left:69%;--t:7.2s;--w:-2.8s}#hero .show__confetti i:nth-child(15){left:74%;--t:8.8s;--w:-4.8s}#hero .show__confetti i:nth-child(16){left:79%;--t:6.6s;--w:-1.8s}#hero .show__confetti i:nth-child(17){left:84%;--t:7.6s;--w:-3.8s}#hero .show__confetti i:nth-child(18){left:89%;--t:6.1s;--w:-5.8s}#hero .show__confetti i:nth-child(19){left:94%;--t:8.4s;--w:-.3s}#hero .show__confetti i:nth-child(20){left:97%;--t:7.1s;--w:-2.3s}#hero .show__confetti i:nth-child(21){left:7%;--t:9s;--w:-6.3s}#hero .show__confetti i:nth-child(22){left:37%;--t:9.4s;--w:-7s}#hero .show__confetti i:nth-child(23){left:62%;--t:9.2s;--w:-6.6s}#hero .show__confetti i:nth-child(24){left:87%;--t:9.6s;--w:-7.4s}
@keyframes show-fall{0%{transform:translateY(0) rotate(0)}100%{transform:translateY(110vh) rotate(720deg)}}
#hero .show__in{position:relative;z-index:2;width:100%;display:flex;justify-content:center}
#hero .show__copy{display:flex;flex-direction:column;align-items:center;text-align:center;gap:clamp(6px,1vw,14px);max-width:min(100%,760px)}
#hero .show__copy p{margin:0}
#hero .show__kicker{font-stretch:75%;font-weight:700;font-size:12px;letter-spacing:.3em;text-transform:uppercase;color:#D9E4E8;animation:poster-up .8s .3s var(--ease) both}
#hero .show__date{font-family:var(--f-deco);color:var(--neon-pink);font-size:clamp(34px,5.4vw,80px);line-height:1;letter-spacing:.02em;text-shadow:0 0 2px #fff,0 0 12px var(--neon-pink),0 0 30px rgba(224,29,138,.6);animation:hero-ignite 1.1s .6s linear both,show-pulse 1s 2s ease-in-out infinite}
#hero .show__place{font-family:var(--f-poster);color:#fff;font-size:clamp(34px,6.2vw,96px);line-height:1;text-transform:uppercase;-webkit-text-stroke:1.4px var(--navy);paint-order:stroke fill;transform:skewX(-6deg);text-shadow:3px 3px 0 var(--neon-pink),6px 6px 0 var(--neon-cyan),9px 9px 0 var(--neon-lime);animation:poster-place 1s 1.3s var(--ease-back) both}
#hero .show__eras{display:flex;gap:.5em;font-family:var(--f-poster);font-style:italic;font-size:clamp(26px,3.6vw,54px);line-height:1}
#hero .show__eras b{font-weight:400;-webkit-text-stroke:1.2px var(--navy);paint-order:stroke fill;text-shadow:3px 3px 0 var(--navy),0 0 18px currentColor;animation:poster-pop .6s var(--ease-back) both}
#hero .show__eras .e1{color:var(--neon-pink);animation-delay:2s}#hero .show__eras .e2{color:var(--neon-cyan);animation-delay:2.2s}#hero .show__eras .e3{color:var(--neon-lime);animation-delay:2.4s}
#hero .show__ctas{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:clamp(8px,1.4vw,18px)!important;animation:poster-up .8s 2.7s var(--ease) both}
#hero .show .hf-btn--neon{--c:var(--neon-cyan);color:#fff;box-shadow:0 0 0 1.5px var(--c),0 0 16px rgba(0,182,228,.5)}
#hero .show__cast{position:absolute;inset:0;z-index:3;pointer-events:none}
#hero .show__mascot{position:absolute;left:clamp(0px,4vw,90px);bottom:clamp(20px,4vw,60px);width:clamp(150px,22vw,340px);animation:poster-mascot 1s 1.2s var(--ease-back) both}
#hero .show__mascot video{display:block;width:100%;height:auto;aspect-ratio:440/460;object-fit:contain;position:relative;z-index:2;animation:show-bounce 1s 2.2s ease-in-out infinite}
#hero .show__pool{position:absolute;left:10%;right:10%;bottom:-6px;height:28px;border-radius:50%;background:radial-gradient(closest-side,rgba(224,29,138,.8),rgba(0,182,228,.3) 60%,transparent);box-shadow:0 0 0 1.5px rgba(255,255,255,.4),0 0 22px rgba(224,29,138,.7);animation:show-pulse 1s 2.2s ease-in-out infinite}
#hero .show__girl{position:absolute;right:clamp(0px,4vw,90px);bottom:clamp(10px,3vw,40px);width:clamp(140px,20vw,300px);animation:poster-girl 1.1s 1.5s var(--ease-back) both}
#hero .show__girl img{display:block;width:100%;height:auto;position:relative;z-index:2;transform-origin:50% 100%;animation:show-jump 1s 2.6s cubic-bezier(.4,0,.6,1) infinite;filter:drop-shadow(0 0 16px rgba(237,164,35,.5))}
#hero .show__shadow{position:absolute;left:22%;right:22%;bottom:4px;height:16px;border-radius:50%;background:rgba(0,0,0,.55);filter:blur(4px);animation:show-shadow 1s 2.6s cubic-bezier(.4,0,.6,1) infinite}
#hero .show__logo{position:absolute;z-index:3;left:50%;top:calc(64px + env(safe-area-inset-top,0px) + 54px);width:clamp(84px,9vw,130px);height:auto;transform:translateX(-50%);filter:drop-shadow(0 0 18px rgba(237,164,35,.6));animation:poster-logo 1.2s .2s var(--ease-back) both}
@keyframes show-bounce{0%,100%{transform:translateY(0) scale(1,1)}25%{transform:translateY(-10px) scale(.98,1.03)}50%{transform:translateY(0) scale(1.04,.96)}75%{transform:translateY(-6px) scale(.99,1.02)}}
@keyframes show-jump{0%,100%{transform:translateY(0) scaleY(1) rotate(0)}10%{transform:translateY(0) scale(1.06,.9)}45%{transform:translateY(-70px) rotate(-6deg)}60%{transform:translateY(-62px) rotate(-4deg)}90%{transform:translateY(0) scale(1.03,.95)}}
@keyframes show-shadow{0%,100%{transform:scaleX(1);opacity:.55}45%{transform:scaleX(.55);opacity:.25}}
@keyframes show-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}
#hero.hero--d .hero__info{background:var(--cream)}
@media (max-width:900px){#hero .show{min-height:0;padding-bottom:230px}#hero .show__mascot{width:150px;left:2px;bottom:10px}#hero .show__girl{width:130px;right:0;bottom:10px}#hero .show__logo{display:none}}

/* ---------- D · Curcubeul: cerul manualului, un curcubeu neon, mascota dansează pe el ---------- */
#hero .bow{position:relative;overflow:hidden;min-height:calc(100svh - 0px);padding:calc(64px + env(safe-area-inset-top,0px) + 52px) 0 clamp(60px,8vw,110px);display:flex;flex-direction:column;justify-content:center;background:var(--brand-sky)}
#hero .bow__sky{position:absolute;inset:0;z-index:0;overflow:hidden;background:linear-gradient(180deg,#1C3947 0%,#2EA8AD 55%,#2EA8AD 100%)}
#hero .bow__arcs{position:absolute;left:0;right:0;bottom:clamp(80px,14vw,190px);width:100%;height:78%}
#hero .bow__arcs path{stroke-dasharray:1;stroke-dashoffset:1;pathLength:1;animation:bow-draw 1.6s var(--ease) both;filter:drop-shadow(0 0 10px currentColor)}
#hero .bow__arcs .a1{animation-delay:.2s}#hero .bow__arcs .a2{animation-delay:.35s}#hero .bow__arcs .a3{animation-delay:.5s}#hero .bow__arcs .a4{animation-delay:.65s}#hero .bow__arcs .a5{animation-delay:.8s}#hero .bow__arcs .a6{animation-delay:.95s}
@keyframes bow-draw{to{stroke-dashoffset:0}}
#hero .bow__stars{position:absolute;inset:0 0 40% 0;pointer-events:none}
#hero .bow__stars i{position:absolute;width:6px;height:6px;border-radius:50%;background:#fff;box-shadow:0 0 10px #fff;animation:hero-twinkle 3s ease-in-out infinite}
#hero .bow__stars i:nth-child(1){left:6%;top:14%}#hero .bow__stars i:nth-child(2){left:14%;top:40%;animation-delay:-1s}#hero .bow__stars i:nth-child(3){left:22%;top:9%;animation-delay:-2s}#hero .bow__stars i:nth-child(4){left:31%;top:28%;animation-delay:-.5s}#hero .bow__stars i:nth-child(5){left:42%;top:12%;animation-delay:-1.5s}#hero .bow__stars i:nth-child(6){left:55%;top:20%;animation-delay:-2.5s}#hero .bow__stars i:nth-child(7){left:63%;top:8%;animation-delay:-.8s}#hero .bow__stars i:nth-child(8){left:72%;top:34%;animation-delay:-1.8s}#hero .bow__stars i:nth-child(9){left:81%;top:16%;animation-delay:-2.2s}#hero .bow__stars i:nth-child(10){left:90%;top:30%;animation-delay:-.3s}#hero .bow__stars i:nth-child(11){left:95%;top:10%;animation-delay:-1.2s}#hero .bow__stars i:nth-child(12){left:48%;top:38%;animation-delay:-2.8s}
#hero .bow__mts{position:absolute;left:0;right:0;bottom:0;width:100%;height:clamp(130px,24vw,330px)}
#hero .bow__grain{position:absolute;inset:0;opacity:.07;mix-blend-mode:multiply;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)'/%3E%3C/svg%3E")}
#hero .bow__in{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center;gap:clamp(6px,1vw,14px);width:100%}
#hero .bow__in p{margin:0}
#hero .bow__logo{width:clamp(130px,16vw,220px);height:auto;filter:drop-shadow(0 10px 14px rgba(28,57,71,.35));animation:poster-logo 1.3s .1s var(--ease-back) both,poster-bob 5s 1.6s ease-in-out infinite}
#hero .bow__date{font-family:var(--f-deco);color:#fff;font-size:clamp(32px,5vw,74px);line-height:1;letter-spacing:.02em;text-shadow:0 0 2px #fff,0 0 12px var(--neon-pink),0 0 28px var(--neon-pink);animation:hero-ignite 1.1s .9s linear both}
#hero .bow__place{font-family:var(--f-poster);color:#fff;font-size:clamp(34px,6.2vw,96px);line-height:1;text-transform:uppercase;-webkit-text-stroke:1.4px var(--navy);paint-order:stroke fill;transform:skewX(-6deg);text-shadow:3px 3px 0 var(--neon-pink),6px 6px 0 var(--neon-cyan),9px 9px 0 var(--neon-lime);animation:poster-place 1s 1.5s var(--ease-back) both}
#hero .bow__sub{display:flex;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:.4em;font-family:var(--f-display);color:var(--neon-lime);font-size:clamp(20px,2.6vw,40px);letter-spacing:.06em;-webkit-text-stroke:.8px var(--navy);paint-order:stroke fill;animation:poster-up .8s 2.1s var(--ease) both}
#hero .bow__sub b{font-family:var(--f-poster);font-style:italic;font-weight:400;-webkit-text-stroke:1px var(--navy);text-shadow:2px 2px 0 var(--navy)}
#hero .bow__sub .e1{color:var(--neon-pink)}#hero .bow__sub .e2{color:var(--neon-cyan)}#hero .bow__sub .e3{color:#fff}
#hero .bow__ctas{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:clamp(8px,1.4vw,18px)!important;animation:poster-up .8s 2.6s var(--ease) both}
#hero .bow .hf-btn--neon{--c:#fff;color:#fff;box-shadow:0 0 0 1.5px #fff,0 0 14px rgba(255,255,255,.4)}
#hero .bow__cast{position:absolute;inset:0;z-index:3;pointer-events:none}
#hero .bow__mascot{position:absolute;left:clamp(10px,9vw,160px);bottom:clamp(60px,14vw,200px);width:clamp(140px,19vw,300px);animation:bow-walk 1.1s 1.4s var(--ease-back) both}
#hero .bow__mascot video{display:block;width:100%;height:auto;aspect-ratio:440/460;object-fit:contain;animation:show-bounce 1s 2.5s ease-in-out infinite;filter:drop-shadow(0 14px 10px rgba(28,57,71,.35))}
#hero .bow__girl{position:absolute;right:clamp(10px,9vw,160px);bottom:clamp(50px,12vw,170px);width:clamp(130px,18vw,280px);animation:poster-girl 1.1s 1.7s var(--ease-back) both}
#hero .bow__girl img{display:block;width:100%;height:auto;transform-origin:50% 100%;animation:show-jump 1s 2.8s cubic-bezier(.4,0,.6,1) infinite;filter:drop-shadow(0 14px 10px rgba(28,57,71,.35))}
#hero .bow__bands{position:absolute;left:0;right:0;bottom:0;z-index:4;display:flex;height:12px}
#hero .bow__bands i{flex:1;transform:scaleX(0);transform-origin:left;animation:dawn-band .6s var(--ease) both}
#hero .bow__bands i:nth-child(1){background:var(--brand-green);animation-delay:3s}#hero .bow__bands i:nth-child(2){background:var(--brand-red);animation-delay:3.1s}#hero .bow__bands i:nth-child(3){background:var(--brand-orange);animation-delay:3.2s}#hero .bow__bands i:nth-child(4){background:var(--neon-pink);animation-delay:3.3s}#hero .bow__bands i:nth-child(5){background:var(--neon-cyan);animation-delay:3.4s}
@keyframes bow-walk{0%{transform:translateX(-140%) rotate(-10deg)}100%{transform:none}}
#hero.hero--e .hero__info{border-top:0}
@media (max-width:900px){#hero .bow{min-height:0;padding-bottom:200px}#hero .bow__mascot{width:130px;left:4px;bottom:40px}#hero .bow__girl{width:120px;right:0;bottom:36px}#hero .bow__arcs{bottom:140px}}

html.hf-paused #hero .show *,html.hf-paused #hero .bow *{animation:none!important;opacity:1}
html.hf-paused #hero .show__logo{transform:translateX(-50%)}html.hf-paused #hero .show__place,html.hf-paused #hero .bow__place{transform:skewX(-6deg)}html.hf-paused #hero .bow__bands i{transform:none}html.hf-paused #hero .bow__arcs path{stroke-dashoffset:0}
html.hf-paused #hero .show__beam--1{transform:rotate(-22deg)}html.hf-paused #hero .show__beam--2{transform:rotate(-8deg)}html.hf-paused #hero .show__beam--3{transform:rotate(9deg)}html.hf-paused #hero .show__beam--4{transform:rotate(24deg)}
html.hf-paused #hero .show__confetti{display:none}
@media (prefers-reduced-motion:reduce){#hero .show *,#hero .bow *{animation:none!important;opacity:1}#hero .show__logo{transform:translateX(-50%)}#hero .show__place,#hero .bow__place{transform:skewX(-6deg)}#hero .bow__bands i{transform:none}#hero .bow__arcs path{stroke-dashoffset:0}#hero .show__confetti{display:none}}

/* ---------- treapta mascată ---------- */
#bilete .bl-step.is-masked .bl-step__face{background:repeating-linear-gradient(135deg,rgba(28,57,71,.06) 0 7px,transparent 7px 15px),#EFE4C6}
#bilete .bl-mask{font-family:var(--f-display);color:var(--neon-pink);font-weight:400;font-size:clamp(56px,5.6vw,76px);line-height:.82}
#bilete .bl-card__list--big{font-size:16px}
#bilete .bl-card__list--big b{color:var(--navy)}

/* ---------- Biletul tău ---------- */
/* trei trepte cât seria finală și poarta stau în așteptare */
#bilete .bl-stairs{grid-template-columns:96px repeat(3,minmax(0,1fr))}
@media (max-width:900px){#bilete .bl-stairs{grid-template-columns:52px repeat(3,minmax(0,1fr))}}
@media (max-width:640px){#bilete .bl-stairs{grid-template-columns:22px repeat(3,minmax(0,1fr))}}
#bilete .bl-mask{font-size:clamp(48px,5vw,68px)}
/* patru trepte: Seria 1, Seria 2, „Apoi”, „La poartă” (ultimele două fără sume) */
#bilete .bl-stairs{grid-template-columns:96px repeat(4,minmax(0,1fr))}
@media (max-width:900px){#bilete .bl-stairs{grid-template-columns:52px repeat(4,minmax(0,1fr))}}
@media (max-width:640px){#bilete .bl-stairs{grid-template-columns:22px repeat(4,minmax(0,1fr))}}
/* butonul de 30 s din lista de hituri */
#generatii .gen-play{flex:none;width:40px;height:40px;padding:0;border:0;background:transparent;cursor:pointer;color:var(--gc);display:grid;place-items:center}
#generatii .gen-play svg{width:36px;height:36px;overflow:visible}
#generatii .gen-play__ring{fill:none;stroke:var(--gc);stroke-width:2.5;stroke-dasharray:1;stroke-dashoffset:1;transform:rotate(-90deg);transform-origin:50% 50%;opacity:.95;transition:stroke-dashoffset .1s linear}
#generatii .gen-play::before{content:"";position:absolute;width:36px;height:36px;border-radius:50%;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.18)}
#generatii .gen-play__p{fill:#fff}#generatii .gen-play__s{fill:#fff;display:none}
#generatii .gen-play.is-on .gen-play__p{display:none}#generatii .gen-play.is-on .gen-play__s{display:block}
#generatii .gen-play.is-on{filter:drop-shadow(0 0 8px var(--gc))}
#generatii .gen-play:focus-visible{outline:2px solid var(--neon-cyan);outline-offset:2px;border-radius:50%}
#generatii .gen-hits__list li{position:relative}
#generatii .gen-play.is-wait .gen-play__ring{stroke-dashoffset:.75;animation:gen-wait 1s linear infinite}
@keyframes gen-wait{to{transform:rotate(270deg)}}

/* 15.10.2026: small words on paper keep 4.5:1 (the orange kicker read 2.5:1) */
.hf-section--cream .hf-kicker{color:#B8243A}
/* "Anunță-mă" (on standby until the subscribe function exists) */
#bilete .bl-notify{max-width:560px;margin:28px auto 0;padding:20px 22px;border-radius:18px;background:#FFFCF5;box-shadow:inset 0 0 0 1.5px rgba(28,57,71,.18)}
#bilete .bl-notify label{display:block;font:400 26px/1 var(--f-display);color:var(--navy);margin-bottom:6px}
#bilete .bl-notify p{margin:0 0 12px;color:var(--navy);opacity:.8}
#bilete .bl-notify__row{display:flex;gap:10px;flex-wrap:wrap}
#bilete .bl-notify__row input{flex:1 1 220px;min-height:48px}


.hf-footer__share{margin:0 0 36px}
/* 16.10.2026: the poster's words start right under the logo. The sky and the logo are drawn from the top of the
   page, the words after the menu and the variant switch, so their padding takes those back. */
#hero.hero--a .poster__text{margin-top:calc(-108px - env(safe-area-inset-top,0px));padding-top:calc(var(--skyh) + clamp(8px,1.2vw,20px))}
@media (max-width:640px){#hero.hero--a .poster__text{padding-top:calc(var(--skyh) + 52px)}}