/* Hit Fest 2027 Lab · #amintiri: zidul de amintiri, ediția 2026 */
#amintiri{background:var(--night);isolation:isolate}
#amintiri .am-glow{position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(60% 40% at 85% 8%,rgba(255,46,151,.16),transparent 70%),radial-gradient(50% 35% at 10% 45%,rgba(164,92,255,.14),transparent 70%),radial-gradient(60% 30% at 70% 85%,rgba(41,243,255,.1),transparent 70%)}
#amintiri .am-head{position:relative}
#amintiri .am-year{font-family:var(--f-display)}

#amintiri .am-fan{position:absolute;right:var(--gutter);top:0;width:440px;height:300px;pointer-events:none}
#amintiri .am-fan .am-print--fan{position:absolute;pointer-events:auto;padding-bottom:10px}
#amintiri .am-fan .am-print--fan[data-k="0"]{left:0;top:0;width:150px}
#amintiri .am-fan .am-print--fan[data-k="1"]{left:118px;top:112px;width:236px;z-index:1}
#amintiri .am-fan .am-print--fan[data-k="2"]{left:236px;top:8px;width:200px}
@media (max-width:1060px){#amintiri .am-fan{display:none}}
/* fapte */
#amintiri .am-facts{list-style:none;margin:36px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,auto);justify-content:start;gap:12px 44px}
#amintiri .am-facts li{display:grid;gap:4px;padding-left:16px;border-left:2px solid rgba(255,46,151,.55)}
#amintiri .am-facts li:nth-child(2){border-color:rgba(41,243,255,.55)} #amintiri .am-facts li:nth-child(3){border-color:rgba(200,255,61,.55)} #amintiri .am-facts li:nth-child(4){border-color:rgba(255,201,60,.55)}
#amintiri .am-facts b{font:400 clamp(44px,5vw,64px)/.9 var(--f-display);color:#fff;letter-spacing:.01em}
#amintiri .am-facts__place{font-size:clamp(34px,3.8vw,48px)!important;padding-top:.18em}
#amintiri .am-facts span{font:700 13px/1.2 var(--f-text);font-stretch:75%;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}

/* benzi: film + neon */
#amintiri .am-bands{position:relative;height:340px;margin:44px 0 20px}
#amintiri .am-tape,#amintiri .am-film{position:absolute;left:50%;width:130vw;max-width:2400px;overflow:hidden}
#amintiri .am-tape{top:34px;height:58px;transform:translateX(-50%) rotate(3.2deg);background:var(--neon-pink);z-index:1;
  box-shadow:0 0 0 1px rgba(255,255,255,.35) inset,0 0 26px rgba(255,46,151,.65),0 0 70px rgba(255,46,151,.35)}
#amintiri .am-tape__track{display:flex;width:max-content;height:100%;will-change:transform}
#amintiri .am-tape__set{display:flex;align-items:center;flex:none;height:100%}
#amintiri .am-tape__set span{font:400 34px/1 var(--f-display);letter-spacing:.06em;color:#12071A;text-transform:uppercase;padding:4px 20px 0;white-space:nowrap}
#amintiri .am-tape__set i{font-style:normal;color:#fff;font-size:18px;text-shadow:0 0 8px #fff}
#amintiri .am-film{top:78px;height:236px;transform:translateX(-50%) rotate(-2.4deg);background:#0A0B0C;z-index:2;
  box-shadow:0 30px 60px -20px rgba(0,0,0,.9),0 0 0 1px rgba(255,255,255,.06)}
#amintiri .am-film::before,#amintiri .am-film::after{content:"";position:absolute;left:0;right:0;height:14px;z-index:2;pointer-events:none;
  background:repeating-linear-gradient(90deg,transparent 0 10px,rgba(250,246,232,.82) 10px 22px,transparent 22px 32px)}
#amintiri .am-film::before{top:8px} #amintiri .am-film::after{bottom:8px}
#amintiri .am-film__track{display:flex;width:max-content;height:100%;will-change:transform}
#amintiri .am-film__set{display:flex;align-items:center;flex:none;height:100%;padding-left:8px}
#amintiri .am-frame{position:relative;flex:none;width:252px;height:168px;margin-right:12px;padding:0;border:0;border-radius:4px;background:#111;cursor:zoom-in;overflow:visible}
#amintiri .am-frame img{display:block;width:100%;height:100%;object-fit:cover;border-radius:4px;filter:saturate(1.08) contrast(1.04) sepia(.08);transition:filter .3s,transform .4s var(--ease)}
#amintiri .am-frame:hover img,#amintiri .am-frame:focus-visible img{filter:saturate(1.25) contrast(1.06);transform:scale(1.04)}
#amintiri .am-frame__edge{position:absolute;left:4px;font:700 10px/1 var(--f-text);font-stretch:75%;letter-spacing:.22em;color:#FF8A2A;text-shadow:0 0 6px rgba(255,122,47,.6);white-space:pre;pointer-events:none}
#amintiri .am-frame__edge--t{top:-18px} #amintiri .am-frame__edge--b{bottom:-17px;left:auto;right:6px}

/* zidul */
#amintiri .am-wall{display:flex;align-items:flex-start;gap:28px;padding:40px 0 70px}
#amintiri .am-col{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:38px;will-change:transform}
#amintiri .am-col:nth-child(2n){padding-top:70px}
#amintiri .am-print{--rx:0deg;--ry:0deg;position:relative;margin:0;padding:10px 10px 0;border-radius:3px;background:var(--cream);
  transform:perspective(900px) rotateX(var(--rx)) rotateY(var(--ry)) rotate(var(--r,0deg));transition:transform .55s var(--ease-back),box-shadow .35s;
  box-shadow:0 22px 44px -20px rgba(0,0,0,.95),0 3px 0 rgba(0,0,0,.25)}
#amintiri .am-print:hover,#amintiri .am-print:focus-within{transform:perspective(900px) rotateX(var(--rx)) rotateY(var(--ry)) rotate(0deg) translateY(-8px) scale(1.025);z-index:3;
  box-shadow:0 34px 60px -22px rgba(0,0,0,.95),0 0 44px -10px color-mix(in srgb,var(--tape) 60%,transparent)}
#amintiri .am-print::before{content:"";position:absolute;z-index:2;top:-13px;left:50%;width:44%;min-width:64px;height:26px;pointer-events:none;
  transform:translateX(-50%) rotate(var(--tr,0deg));background:color-mix(in srgb,var(--tape) 62%,transparent);
  box-shadow:0 0 16px color-mix(in srgb,var(--tape) 75%,transparent),inset 0 0 10px rgba(255,255,255,.4);
  clip-path:polygon(0 8%,4% 0,8% 10%,12% 0,100% 0,96% 10%,100% 22%,96% 40%,100% 60%,96% 80%,100% 100%,0 100%,4% 88%,0 72%,4% 52%,0 30%);transition:box-shadow .3s,background .3s}
#amintiri .am-print:hover::before{background:color-mix(in srgb,var(--tape) 80%,transparent);box-shadow:0 0 26px var(--tape),inset 0 0 10px rgba(255,255,255,.5)}
#amintiri .am-print__btn{position:relative;display:block;width:100%;padding:0;border:0;background:linear-gradient(135deg,#1C3947,#2A1C47);cursor:zoom-in;overflow:hidden;border-radius:1px}
#amintiri .am-print__btn::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .35s;
  background:radial-gradient(circle at var(--gx,50%) var(--gy,30%),rgba(255,255,255,.22),transparent 55%)}
#amintiri .am-print:hover .am-print__btn::after{opacity:1}
#amintiri .am-print__btn:focus-visible{outline:3px solid var(--neon-cyan);outline-offset:4px}
#amintiri .am-print__img{display:block;width:100%;height:auto;filter:saturate(1.05) contrast(1.03)}
#amintiri .am-print__stamp{position:absolute;right:10px;bottom:8px;font:700 14px/1 var(--f-text);font-stretch:75%;letter-spacing:.16em;color:#FF9A3C;
  text-shadow:0 0 4px rgba(255,122,47,.9),0 0 12px rgba(255,122,47,.6);pointer-events:none}
#amintiri .am-print__cap{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:10px 3px 12px;font:700 13px/1.25 var(--f-text);font-stretch:78%;letter-spacing:.05em;text-transform:uppercase;color:var(--navy)}
#amintiri .am-print__cap b{font-weight:800;color:var(--ink-dark-2);font-size:12px}
#amintiri .am-credit{margin:0;text-align:right;font:700 12px/1.4 var(--f-text);font-stretch:75%;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3)}

/* final */
#amintiri .am-outro{margin-top:clamp(56px,8vw,110px);text-align:center;display:flex;flex-direction:column;align-items:center}
#amintiri .am-outro__kicker{margin:0 0 14px;font:400 22px/1 var(--f-deco);color:var(--neon-yellow);text-shadow:0 0 12px rgba(255,201,60,.6)}
#amintiri .am-outro__line{margin:0 0 30px;max-width:22ch;font:800 clamp(28px,4vw,52px)/1.1 var(--f-text);letter-spacing:-.01em;color:#fff;text-wrap:balance}
#amintiri .am-outro__line .neon{white-space:nowrap}
#amintiri .am-outro__cta{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:14px 22px}
#amintiri .am-outro__cta .hf-btn{min-height:56px;padding:0 34px;font-size:16px}
#amintiri .am-outro__note{font:700 14px/1.3 var(--f-text);font-stretch:75%;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2)}

/* lightbox */
#amintiri .am-lb{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:#000;color:#fff;overflow:hidden}
#amintiri .am-lb[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto auto}
#amintiri .am-lb::backdrop{background:#000}
#amintiri .am-lb__bg{position:absolute;inset:-12%;background-size:cover;background-position:center;filter:blur(46px) saturate(1.5);opacity:.42;transition:background-image .4s}
#amintiri .am-lb__bar{position:relative;z-index:2;display:flex;align-items:center;gap:16px;padding:12px clamp(12px,3vw,32px)}
#amintiri .am-lb__bar--top{background:linear-gradient(#000 30%,rgba(0,0,0,0))}
#amintiri .am-lb__bar--bottom{background:linear-gradient(rgba(0,0,0,0),#000 70%);padding-top:18px}
#amintiri .am-lb__brand{margin:0;flex:1;font:700 12px/1.3 var(--f-text);font-stretch:75%;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-3)}
#amintiri .am-lb__count{margin:0;font:400 24px/1 var(--f-display);letter-spacing:.08em;color:var(--neon-yellow);text-shadow:0 0 10px rgba(255,201,60,.55)}
#amintiri .am-lb__btn{display:grid;place-items:center;flex:none;width:52px;height:52px;border-radius:50%;border:0;cursor:pointer;background:rgba(255,255,255,.06);color:#fff;
  box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.22);transition:background .2s,box-shadow .2s}
#amintiri .am-lb__btn:hover{background:rgba(255,46,151,.2);box-shadow:inset 0 0 0 1.5px var(--neon-pink),0 0 18px rgba(255,46,151,.5)}
#amintiri .am-lb__btn svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
#amintiri .am-lb__fig{position:relative;z-index:1;margin:0;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:0 clamp(8px,4vw,72px)}
#amintiri .am-lb__stage{display:flex;align-items:center;justify-content:center;width:100%;min-height:0;overflow:hidden}
#amintiri .am-lb__img{display:block;max-width:100%;max-height:calc(100dvh - 230px);width:auto;height:auto;object-fit:contain;box-shadow:0 40px 90px -20px rgba(0,0,0,.9)}
#amintiri .am-lb__stage.kb .am-lb__img{animation:amintiri-kb 10s ease-out both}
@keyframes amintiri-kb{from{transform:scale(1)}to{transform:scale(1.045)}}
#amintiri .am-lb__cap{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}
#amintiri .am-lb__title{font:400 clamp(26px,3vw,38px)/1 var(--f-display);letter-spacing:.03em;text-transform:uppercase}
#amintiri .am-lb__meta{font:700 13px/1.3 var(--f-text);font-stretch:75%;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2)}
#amintiri .am-lb__progress{flex:1;display:flex;gap:4px;align-items:center;max-width:560px;margin-inline:auto}
#amintiri .am-lb__progress i{flex:1;height:3px;border-radius:2px;background:rgba(255,255,255,.18);transition:background .3s,box-shadow .3s}
#amintiri .am-lb__progress i.on{background:var(--neon-pink);box-shadow:0 0 8px var(--neon-pink)}
#amintiri .am-lb__credit{position:relative;z-index:2;margin:0;padding:0 16px calc(12px + env(safe-area-inset-bottom,0px));text-align:center;font:700 11px/1.3 var(--f-text);font-stretch:75%;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-3);background:#000}

html.hf-paused #amintiri *{animation-play-state:paused!important}
@media (prefers-reduced-motion:reduce){#amintiri *{animation:none!important;transition:none!important}}

/* responsive */
@media (max-width:900px){#amintiri .am-wall{gap:20px}#amintiri .am-col{gap:30px}}
@media (max-width:640px){
  #amintiri .am-facts{grid-template-columns:repeat(2,auto);gap:18px 28px}
  #amintiri .am-bands{height:262px;margin:32px 0 6px}
  #amintiri .am-tape{top:22px;height:46px}
  #amintiri .am-tape__set span{font-size:26px;padding:3px 14px 0}
  #amintiri .am-film{top:58px;height:184px}
  #amintiri .am-frame{width:186px;height:124px;margin-right:10px}
  #amintiri .am-wall{gap:14px;padding:28px 0 50px}
  #amintiri .am-col{gap:24px}
  #amintiri .am-col:nth-child(2n){padding-top:44px}
  #amintiri .am-print{padding:6px 6px 0}
  #amintiri .am-print::before{height:20px;top:-10px;min-width:48px}
  #amintiri .am-print__cap{font-size:12px;padding:7px 2px 9px;letter-spacing:.03em}
  #amintiri .am-print__cap b{display:none}
  #amintiri .am-print__stamp{font-size:10px;right:6px;bottom:5px;letter-spacing:.1em}
  #amintiri .am-credit{text-align:center}
  #amintiri .am-lb__img{max-height:calc(100dvh - 250px)}
  #amintiri .am-lb__brand{font-size:12px;letter-spacing:.12em}
  #amintiri .am-lb__fig{padding:0 8px}
}
/* the phone wall stops after a few photos; the rest come with one tap */
#amintiri .am-more{display:flex;margin:-24px auto 18px;min-height:48px}
#amintiri .am-more[hidden]{display:none}