/* ══════════════════════════════════════════════════════════════
   GRANDMA — THE '26 TOUR
   Концепт редизайну grandma.agency. Панк-зін: ксерокс, рвані краї,
   зміщення фарби при друку, растр, скотч.
   ══════════════════════════════════════════════════════════════ */

:root{
  --ink:#0B0A0C;
  --ink-2:#141117;
  --paper:#F3EEE2;
  --paper-2:#DED7C6;
  --mag:#E91E96;
  --mag-deep:#A8156A;
  --cyan:#00E9FF;
  --acid:#D8FF3E;
  --tape:rgba(224,214,150,.62);

  --display:'Anton','Oswald',Impact,sans-serif;
  --heavy:'Archivo Black',system-ui,sans-serif;
  --body:'Archivo',system-ui,-apple-system,sans-serif;
  --mono:'Courier Prime',ui-monospace,monospace;
  --marker:'Permanent Marker','Caveat',cursive;
  --hand:'Rock Salt','Caveat',cursive;

  --shake:0px;            /* «підсилювач» додає тремтіння */
  --bleed:0px;            /* зміщення фарби */
  --gr:.24;               /* густина зерна */
  --gutter:clamp(18px,4.5vw,72px);
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--ink);color:var(--paper);
  font-family:var(--body);font-size:clamp(15px,1.05vw,17px);line-height:1.55;
  overflow-x:clip;cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='32' viewBox='0 0 28 32'%3E%3Cpath d='M14 1C6 1 1 6 1 12c0 7 8 13 13 19 5-6 13-12 13-19C27 6 22 1 14 1z' fill='%23E91E96' stroke='%230B0A0C' stroke-width='2'/%3E%3C/svg%3E") 14 4,auto;
}
a{color:inherit}
img{display:block;max-width:100%}
.defs{position:absolute;width:0;height:0;overflow:hidden}
.skip{position:absolute;left:-9999px}
.skip:focus{left:12px;top:12px;z-index:99;background:var(--mag);color:#fff;padding:10px 16px;font-family:var(--heavy)}
::selection{background:var(--mag);color:#fff}

/* ─── зерно + скан-лінії ─────────────────────────────────────── */
.grain{
  position:fixed;inset:-120px;z-index:9000;pointer-events:none;opacity:var(--gr);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='4'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E");
  animation:grainmove .6s steps(3,end) infinite;mix-blend-mode:overlay;
}
@keyframes grainmove{
  0%{transform:translate(0,0)}33%{transform:translate(-14px,9px)}66%{transform:translate(11px,-12px)}100%{transform:translate(0,0)}
}
.scan{
  position:fixed;inset:0;z-index:8999;pointer-events:none;opacity:.16;
  background:repeating-linear-gradient(180deg,rgba(0,0,0,.55) 0 1px,transparent 1px 3px);
}
#spray{position:fixed;inset:0;z-index:8998;pointer-events:none}

/* ─── растровий шар для фото ─────────────────────────────────── */
.dots{
  position:absolute;inset:0;pointer-events:none;
  background-image:radial-gradient(circle at 50% 50%,#000 1.05px,transparent 1.15px);
  background-size:3.4px 3.4px;mix-blend-mode:soft-light;opacity:.85;
}
.duo img{filter:grayscale(1) contrast(1.28) brightness(.92)}

/* ─── хедер ──────────────────────────────────────────────────── */
.bar{
  position:fixed;inset:0 0 auto;z-index:8000;display:flex;align-items:center;gap:20px;
  padding:12px var(--gutter);
  background:linear-gradient(180deg,rgba(11,10,12,.94),rgba(11,10,12,.62) 70%,transparent);
  backdrop-filter:blur(3px);
}
.lockup{
  font-family:var(--heavy);font-size:clamp(19px,1.7vw,25px);letter-spacing:-.045em;
  text-decoration:none;color:var(--paper);line-height:1;white-space:nowrap;
}
.lockup .dot{color:var(--mag)}
.lockup.big{font-size:clamp(48px,9vw,140px)}
.bar-nav{display:flex;gap:clamp(12px,2vw,30px);margin-inline:auto;font-family:var(--mono);font-weight:700;font-size:12px;letter-spacing:.16em}
.bar-nav a{text-decoration:none;opacity:.72;transition:.18s}
.bar-nav a:hover{opacity:1;color:var(--mag);text-shadow:1.5px 0 var(--cyan)}
.bar-tools{display:flex;align-items:center;gap:12px}

.amp-btn{
  display:flex;align-items:center;gap:8px;cursor:inherit;
  background:#191419;color:var(--paper);border:2px solid #3a333c;border-radius:3px;
  padding:7px 12px;font-family:var(--mono);font-weight:700;font-size:11px;letter-spacing:.14em;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.09);transition:.2s;
}
.amp-btn:hover{border-color:var(--mag)}
.amp-led{width:9px;height:9px;border-radius:50%;background:#4a3f48;box-shadow:inset 0 0 3px #000}
.amp-btn[aria-pressed=true]{border-color:var(--mag);color:var(--mag)}
.amp-btn[aria-pressed=true] .amp-led{background:var(--mag);box-shadow:0 0 10px var(--mag),0 0 22px var(--mag)}
.lang-btn{
  background:none;border:0;color:var(--paper);cursor:inherit;
  font-family:var(--mono);font-weight:700;font-size:12px;letter-spacing:.1em;opacity:.65;transition:.2s
}
.lang-btn:hover{opacity:1}
.lang-btn b{color:var(--mag)}
html[data-lang=ua] .lang-btn b{color:var(--paper)}
html[data-lang=ua] .lang-btn{color:#a79dae}
html[data-lang=ua] .lang-btn b{color:var(--mag)}

/* ─── ransom-note заголовки ──────────────────────────────────── */
.ransom{margin:0;line-height:1.04;display:flex;flex-wrap:wrap;align-items:flex-end;row-gap:.04em;
  font-size:clamp(52px,9vw,152px);letter-spacing:-.012em}
.ransom.sm{font-size:clamp(40px,6.6vw,98px)}
.ransom .ch{
  display:inline-block;position:relative;
  transform:rotate(var(--r)) translateY(var(--y));
  transition:transform .25s cubic-bezier(.34,1.6,.64,1);
}
.ransom .ch:hover{transform:rotate(calc(var(--r) * -2.4)) translateY(calc(var(--y) - 8px)) scale(1.09)}
.ransom .sp{width:.28em}
.ch.k0{font-family:var(--display);color:var(--paper)}
.ch.k1{font-family:var(--heavy);background:var(--paper);color:var(--ink);padding:0 .05em;margin:0 .015em}
.ch.k2{font-family:var(--display);background:var(--mag);color:#fff;padding:0 .06em;margin:0 .015em}
.ch.k3{font-family:var(--mono);font-weight:700;background:var(--acid);color:var(--ink);padding:0 .08em;margin:0 .02em}
.ch.k4{font-family:var(--heavy);color:var(--mag);text-shadow:calc(2px + var(--bleed)) 0 var(--cyan)}
.ch.k5{font-family:var(--display);color:var(--paper);-webkit-text-stroke:2px var(--mag)}
.ch.k1,.ch.k2,.ch.k3{box-shadow:3px 3px 0 rgba(0,0,0,.55)}
.ch.k5{-webkit-text-stroke:2px var(--mag)}

/* ─── HERO ───────────────────────────────────────────────────── */
.hero{
  position:relative;min-height:100svh;padding:clamp(96px,13vh,150px) var(--gutter) 60px;
  display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(20px,3vw,54px);align-items:center;
  background:
    radial-gradient(120% 90% at 78% 18%,rgba(233,30,150,.20),transparent 62%),
    radial-gradient(90% 70% at 8% 96%,rgba(0,233,255,.09),transparent 60%),
    var(--ink);
}
.hero-photo{position:relative;align-self:stretch;display:flex;transform:rotate(-.8deg)}
.hero-photo::before,.amp-photo::before,.encore-photo::before,.bs-photo::before{
  content:'';position:absolute;inset:-16px;background:var(--paper-2);filter:url(#torn2);opacity:.92;z-index:0;
}
.hero-photo img,.amp-photo img,.encore-photo img,.bs-photo img{position:relative;z-index:1}
.hero-photo .dots,.amp-photo .dots,.encore-photo .dots{z-index:2}
.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 22%;filter:contrast(1.14) saturate(1.15)}
.hero-photo::after{
  content:'';position:absolute;inset:0;
  background:linear-gradient(200deg,rgba(233,30,150,.32),transparent 45%,rgba(0,233,255,.14));
  mix-blend-mode:screen;pointer-events:none;
}
.hero-type{position:relative;z-index:2}
.kicker{
  font-family:var(--mono);font-weight:700;font-size:clamp(10px,.85vw,12px);letter-spacing:.2em;
  color:var(--mag);margin:0 0 14px;
}
.hero-sub{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px 16px;margin:18px 0 22px}
.strike{font-family:var(--hand);font-size:clamp(13px,1.05vw,15px);color:#a79dae;text-decoration:line-through;text-decoration-color:var(--mag);text-decoration-thickness:2px}
.shout{
  font-family:var(--heavy);font-size:clamp(15px,1.75vw,26px);letter-spacing:.06em;
  background:var(--mag);color:#fff;padding:3px 11px;transform:rotate(-1.4deg);display:inline-block;
  box-shadow:4px 4px 0 rgba(0,0,0,.6);
}
.hero-lede{max-width:52ch;font-size:clamp(15px,1.15vw,18.5px);color:#cfc7bb;margin:0 0 30px}
.hero-cta{display:flex;flex-wrap:wrap;gap:14px}
.btn-primary,.btn-ghost{
  font-family:var(--heavy);font-size:clamp(13px,1vw,15px);letter-spacing:.08em;
  text-decoration:none;padding:15px 26px;display:inline-block;transition:.16s;
}
.btn-primary{background:var(--mag);color:#fff;box-shadow:6px 6px 0 var(--ink),6px 6px 0 2px var(--paper)}
.btn-primary:hover{transform:translate(3px,3px);box-shadow:2px 2px 0 var(--ink),2px 2px 0 2px var(--acid);background:var(--acid);color:var(--ink)}
.btn-ghost{border:2px solid #4b4450;color:var(--paper)}
.btn-ghost:hover{border-color:var(--cyan);color:var(--cyan)}

.scribble{
  font-family:var(--hand);color:var(--acid);font-size:clamp(13px,1.15vw,17px);
  position:absolute;pointer-events:none;text-shadow:0 0 12px rgba(216,255,62,.35);
}
.scribble-hero{right:calc(var(--gutter) + 8px);top:calc(50% + 30px);transform:rotate(-6deg)}
.scribble-set{right:var(--gutter);bottom:26px;transform:rotate(4deg)}
.scribble-enc{left:1%;bottom:-34px;transform:rotate(-5deg)}
.tape{
  position:absolute;width:clamp(90px,9vw,150px);height:34px;background:var(--tape);
  box-shadow:0 2px 8px rgba(0,0,0,.5);opacity:.8;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 3%,#000 97%,transparent 100%);
          mask-image:linear-gradient(90deg,transparent 0,#000 3%,#000 97%,transparent 100%);
}
.tape-hero{left:calc(var(--gutter) - 28px);top:calc(50% - 120px);transform:rotate(-34deg)}

/* ─── бігучий рядок ──────────────────────────────────────────── */
.marquee{
  overflow:hidden;background:var(--mag);color:#fff;border-block:3px solid var(--ink);
  padding:9px 0;transform:rotate(-.7deg) scale(1.03);position:relative;z-index:3;
}
.marquee-track{display:flex;width:max-content;animation:slide 26s linear infinite}
.marquee-track span{font-family:var(--heavy);font-size:clamp(15px,1.8vw,26px);letter-spacing:.05em;padding-right:34px;white-space:nowrap}
@keyframes slide{to{transform:translateX(-50%)}}

/* ─── секційні шапки ─────────────────────────────────────────── */
.sec-head{margin:0 auto;max-width:1560px;padding:0 var(--gutter);margin-bottom:clamp(28px,4vw,56px);position:relative;z-index:2}
.eyebrow{font-family:var(--mono);font-weight:700;font-size:11px;letter-spacing:.22em;color:var(--mag);margin:0 0 10px}
.sec-note{font-family:var(--mono);color:#bcb2c3;max-width:46ch;margin:16px 0 0;font-size:14px}

/* ─── СЕТЛИСТ ────────────────────────────────────────────────── */
.setlist{position:relative;padding:clamp(64px,9vw,130px) 0 clamp(70px,8vw,110px);background:var(--ink-2)}
.paper-strip{
  position:absolute;inset:auto 0 0;height:64%;background:
    repeating-linear-gradient(90deg,rgba(255,255,255,.018) 0 2px,transparent 2px 5px),var(--ink);
  filter:url(#torn2);opacity:.9;
}
.songs{list-style:none;margin:0 auto;max-width:1560px;padding:0 var(--gutter);position:relative;z-index:2;counter-reset:s}
.song{
  display:grid;grid-template-columns:auto 1fr auto;align-items:baseline;gap:clamp(12px,2vw,28px);
  padding:clamp(11px,1.5vw,18px) 0;border-bottom:2px solid #2a2430;position:relative;
  transition:.22s cubic-bezier(.2,.9,.3,1);
}
.song::before{
  content:attr(data-n);font-family:var(--mono);font-weight:700;color:var(--mag);
  font-size:clamp(12px,1.1vw,15px);width:2.4ch;
}
.song b{
  font-family:var(--display);font-size:clamp(26px,4.6vw,68px);line-height:.92;letter-spacing:-.005em;
  text-transform:uppercase;transition:.22s;
}
.song span{
  font-family:var(--mono);font-size:clamp(12px,1vw,15px);color:#bcb2c3;text-align:right;
  grid-column:3;max-width:32ch;
}
.song:hover{transform:translateX(clamp(6px,1.2vw,20px)) rotate(-.45deg);border-bottom-color:var(--mag)}
.song:hover b{color:var(--mag);text-shadow:calc(3px + var(--bleed)) 0 var(--cyan),calc(-2px - var(--bleed)) 0 rgba(216,255,62,.6)}
.song:hover span{color:var(--paper)}
.song::after{
  content:'▶';position:absolute;left:calc(-1 * clamp(14px,2vw,30px));top:50%;translate:0 -50%;
  color:var(--acid);opacity:0;transition:.22s;font-size:12px;
}
.song:hover::after{opacity:1;left:calc(-1 * clamp(6px,1.2vw,16px))}

/* ─── сценічна смуга ─────────────────────────────────────────── */
.stage-strip{position:relative;height:clamp(230px,42vw,540px);overflow:hidden;border-block:3px solid var(--mag)}
.stage-strip img{width:100%;height:100%;object-fit:cover;object-position:50% 24%;filter:contrast(1.18) saturate(1.2)}
.stage-line{
  position:absolute;left:var(--gutter);bottom:clamp(16px,3vw,42px);margin:0;
  font-family:var(--display);font-size:clamp(22px,4.6vw,74px);line-height:.9;max-width:14ch;
  color:var(--paper);text-shadow:calc(3px + var(--bleed)) 0 var(--mag),calc(-3px - var(--bleed)) 0 var(--cyan),0 6px 26px rgba(0,0,0,.85);
}

/* ─── ГУЧНІСТЬ / KPI ─────────────────────────────────────────── */
.amp-sec{
  display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:clamp(24px,4vw,64px);
  align-items:center;padding:clamp(64px,9vw,130px) var(--gutter);
  background:radial-gradient(80% 100% at 12% 50%,rgba(233,30,150,.13),transparent 65%),var(--ink);
}
.amp-photo{position:relative;margin:0;transform:rotate(.9deg)}
.amp-photo img{width:100%;filter:contrast(1.2) saturate(1.1)}
.knob-11{
  z-index:3;position:absolute;right:6%;top:8%;font-family:var(--display);font-size:clamp(56px,9vw,150px);
  color:var(--acid);line-height:1;text-shadow:0 0 30px rgba(216,255,62,.5),4px 4px 0 rgba(0,0,0,.7);
  transform:rotate(-9deg);
}
.huge{font-family:var(--display);font-size:clamp(38px,6.4vw,104px);line-height:.86;margin:6px 0 20px;text-transform:uppercase}
.huge em{font-style:normal;color:var(--mag);text-shadow:calc(3px + var(--bleed)) 0 var(--cyan)}
.amp-lede{color:#cfc7bb;max-width:50ch;margin:0 0 clamp(24px,3vw,42px)}
.kpis{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(178px,1fr));gap:clamp(16px,2.2vw,30px)}
.kpis li{border-top:3px solid var(--mag);padding-top:12px}
.kpis b{
  display:block;font-family:var(--display);font-size:clamp(20px,2.1vw,34px);line-height:1.05;white-space:nowrap;
  letter-spacing:-.02em;font-variant-numeric:tabular-nums;
}
.kpis span{display:block;font-family:var(--mono);font-size:12.5px;color:#bcb2c3;margin-top:8px;line-height:1.4}

/* ─── ДАТИ ТУРУ ──────────────────────────────────────────────── */
.tour{padding:clamp(64px,9vw,130px) 0;background:var(--ink-2)}
.dates{list-style:none;margin:0 auto;max-width:1560px;padding:0 var(--gutter);display:grid;gap:0}
.date{
  display:grid;grid-template-columns:minmax(150px,1.05fr) minmax(0,1.15fr) auto;
  align-items:center;gap:clamp(10px,2vw,30px);
  padding:clamp(18px,2.4vw,32px) 0;border-top:2px dashed #322b38;position:relative;overflow:hidden;
  transition:background .25s,padding-left .25s;
}
.date:last-child{border-bottom:2px dashed #322b38}
.venue{font-family:var(--heavy);font-size:clamp(17px,2.1vw,32px);letter-spacing:-.02em;line-height:1.05}
.what{font-family:var(--mono);font-size:clamp(11px,.95vw,13.5px);color:#bcb2c3;letter-spacing:.04em}
.figure{
  font-family:var(--display);font-size:clamp(34px,5.4vw,86px);line-height:.9;color:var(--mag);
  justify-self:end;text-shadow:calc(3px + var(--bleed)) 0 var(--cyan);font-variant-numeric:tabular-nums;
}
.figure i{font-style:normal;font-size:.5em;color:var(--paper);padding:0 .08em;vertical-align:.28em}
.fine{grid-column:1/-1;font-family:var(--mono);font-size:13px;color:#a096a8;margin-top:4px}
.date::after{
  content:attr(data-stamp);position:absolute;right:clamp(4px,6vw,120px);top:14%;
  font-family:var(--heavy);font-size:clamp(13px,1.5vw,22px);letter-spacing:.1em;
  color:var(--acid);border:3px solid var(--acid);padding:5px 12px;transform:rotate(-13deg) scale(.9);
  opacity:0;transition:.28s cubic-bezier(.34,1.7,.64,1);pointer-events:none;mix-blend-mode:screen;
}
.date:hover{background:linear-gradient(90deg,rgba(233,30,150,.10),transparent 70%);padding-left:clamp(8px,1.4vw,22px)}
.date:hover::after{opacity:.92;transform:rotate(-8deg) scale(1)}
.date:hover .venue{color:var(--mag)}

/* ─── повний екран ───────────────────────────────────────────── */
.fullbleed{position:relative;height:clamp(320px,58vw,720px);overflow:hidden}
.fullbleed img{width:100%;height:100%;object-fit:cover;object-position:50% 42%;filter:contrast(1.15) saturate(1.18)}
.fullbleed::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(11,10,12,.9),transparent 55%)}
.pull{
  position:absolute;left:var(--gutter);right:var(--gutter);bottom:clamp(24px,4vw,64px);margin:0;z-index:2;
}
.pull p{
  font-family:var(--display);font-size:clamp(24px,4.4vw,74px);line-height:.94;margin:0;max-width:20ch;
  text-shadow:calc(3px + var(--bleed)) 0 var(--mag),0 8px 30px rgba(0,0,0,.8);
}

/* ─── ГУРТ / нашивки ─────────────────────────────────────────── */
.band{padding:clamp(64px,9vw,130px) 0;background:var(--ink)}
.patches{
  margin:0 auto;max-width:1560px;padding:0 var(--gutter);display:grid;gap:clamp(16px,2.4vw,34px);
  grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
}
.patch{
  background:transparent;color:var(--ink);padding:clamp(22px,2.6vw,34px);position:relative;
  transition:transform .3s cubic-bezier(.34,1.5,.64,1);
}
.patch::after{
  content:'';position:absolute;inset:-8px;background:var(--paper);filter:url(#torn2);z-index:0;
}
.patch>*{position:relative;z-index:1}
.patch h3{font-family:var(--heavy);font-size:clamp(16px,1.6vw,23px);margin:0 0 12px;line-height:1.1;letter-spacing:-.01em}
.patch p{margin:0;font-size:14.5px;line-height:1.55;color:#312b34}
.patch::before{
  content:'';position:absolute;z-index:2;left:50%;top:-18px;translate:-50% 0;width:86px;height:28px;
  background:var(--tape);transform:rotate(-3deg);box-shadow:0 2px 6px rgba(0,0,0,.45);
}
.p1{transform:rotate(-1.5deg)}.p2{transform:rotate(1.1deg)}.p3{transform:rotate(-.7deg)}.p4{transform:rotate(1.7deg)}
.p1 h3{color:var(--mag-deep)}.p2 h3{color:var(--mag-deep)}.p3 h3{color:var(--mag-deep)}.p4 h3{color:var(--mag-deep)}
.patch:hover{transform:rotate(0deg) translateY(-8px) scale(1.025)}

/* ─── ЗА ЛАШТУНКАМИ ──────────────────────────────────────────── */
.backstage{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,66px);align-items:center;
  padding:clamp(64px,9vw,130px) var(--gutter);background:var(--ink-2);
}
.bs-photo{margin:0;position:relative;transform:rotate(-.6deg)}
.bs-photo img{width:100%;filter:contrast(1.06) saturate(.86) brightness(.94)}
.mid{font-family:var(--heavy);font-size:clamp(24px,3.1vw,46px);line-height:1.06;margin:6px 0 20px;letter-spacing:-.02em}
.bs-copy>p{color:#cfc7bb;max-width:52ch}
.bs-list{list-style:none;margin:26px 0 0;padding:0;display:grid;gap:11px}
.bs-list li{font-family:var(--mono);font-size:13.5px;color:#b3aab8;padding-left:26px;position:relative}
.bs-list li::before{content:'✷';position:absolute;left:0;color:var(--mag)}

/* ─── НА БІС / квиток ────────────────────────────────────────── */
.encore{
  display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:clamp(24px,4vw,64px);align-items:center;
  padding:clamp(64px,9vw,140px) var(--gutter) clamp(80px,10vw,150px);
  background:radial-gradient(90% 80% at 80% 40%,rgba(233,30,150,.18),transparent 62%),var(--ink);
}
.encore-photo{position:relative;transform:rotate(-1.4deg)}
.encore-photo img{width:100%;filter:contrast(1.16) saturate(1.1)}
.encore-copy{position:relative}
.encore-copy>p{color:#cfc7bb;max-width:52ch;margin:22px 0 34px;font-size:clamp(15px,1.1vw,18px)}

.ticket{
  display:grid;grid-template-columns:auto auto 1fr;align-items:stretch;
  background:var(--paper);color:var(--ink);max-width:660px;position:relative;margin-bottom:26px;
  box-shadow:10px 10px 0 rgba(0,0,0,.6);transform:rotate(-1.2deg);
  transition:transform .45s cubic-bezier(.3,1.4,.5,1),opacity .45s;
}
.stub{
  display:flex;flex-direction:column;justify-content:center;gap:6px;padding:20px 16px;background:var(--mag);color:#fff;
}
.admit{font-family:var(--heavy);font-size:12px;letter-spacing:.14em;writing-mode:vertical-rl;transform:rotate(180deg)}
.stub .no{font-family:var(--mono);font-weight:700;font-size:11px;writing-mode:vertical-rl;transform:rotate(180deg);opacity:.85}
.perf{
  width:0;border-left:3px dashed rgba(11,10,12,.45);margin:8px 0;
}
.main-stub{display:flex;flex-direction:column;justify-content:center;gap:5px;padding:20px clamp(18px,2.4vw,30px)}
.t-band{font-family:var(--display);font-size:clamp(28px,3.6vw,52px);line-height:.9;letter-spacing:-.01em}
.t-what{font-family:var(--mono);font-weight:700;font-size:12px;letter-spacing:.16em;color:var(--mag-deep)}
.t-mail{font-family:var(--heavy);font-size:clamp(14px,1.3vw,19px);color:var(--ink);text-decoration:none;border-bottom:3px solid var(--mag);align-self:flex-start;margin-top:6px}
.t-mail:hover{color:var(--mag-deep)}
.tear{
  position:absolute;right:-12px;bottom:-24px;cursor:inherit;
  background:var(--acid);color:var(--ink);border:3px solid var(--ink);
  font-family:var(--heavy);font-size:12px;letter-spacing:.1em;padding:10px 16px;transform:rotate(2.6deg);
  box-shadow:4px 4px 0 rgba(0,0,0,.55);transition:.16s;
}
.tear:hover{transform:rotate(0) translateY(-2px);background:var(--mag);color:#fff}
.ticket.torn{animation:tear .55s cubic-bezier(.3,1.2,.5,1) forwards}
@keyframes tear{
  0%{transform:rotate(-1.2deg)}
  35%{transform:rotate(-4deg) translate(-8px,4px) scale(1.02)}
  100%{transform:rotate(1deg) translate(0,0) scale(1)}
}
.ticket.torn .stub{animation:stubfly .6s cubic-bezier(.3,.9,.4,1) forwards}
@keyframes stubfly{to{transform:translate(-40px,26px) rotate(-16deg);opacity:0}}

/* ─── підвал ─────────────────────────────────────────────────── */
.foot{
  padding:clamp(40px,6vw,80px) var(--gutter) clamp(28px,4vw,50px);background:var(--ink);
  border-top:3px solid var(--mag);display:grid;gap:clamp(18px,3vw,44px);
  grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:end;
}
.foot .lockup{opacity:.16;letter-spacing:-.06em}
.foot-meta{font-family:var(--mono);font-size:13px;color:#bcb2c3;display:grid;gap:6px;justify-items:end;text-align:right}
.foot-meta a{color:var(--mag);text-decoration:none}
.foot-meta a:hover{text-decoration:underline}
.tiny{font-size:11px;color:#5f5866}

/* ─── режим «ПІДКЛЮЧИТИ» ─────────────────────────────────────── */
html.amped{--gr:.46;--bleed:3px}
html.amped body{animation:rumble .17s steps(2,end) infinite}
@keyframes rumble{
  0%{transform:translate(0,0)}25%{transform:translate(.7px,-.6px)}50%{transform:translate(-.6px,.5px)}75%{transform:translate(.4px,.7px)}100%{transform:translate(0,0)}
}
html.amped .scan{opacity:.3}
html.amped .marquee-track{animation-duration:9s}
html.amped .hero-photo img,html.amped .fullbleed img,html.amped .stage-strip img{filter:contrast(1.45) saturate(1.75) hue-rotate(-6deg)}
html.amped .dots{opacity:1;mix-blend-mode:hard-light}
html.amped .ransom .ch{animation:jitter .13s steps(2,end) infinite}
@keyframes jitter{0%{translate:0 0}50%{translate:1px -1px}100%{translate:0 0}}

/* ─── поява при скролі ───────────────────────────────────────── */
.rv{opacity:0;transform:translateY(26px) rotate(.6deg)}
.rv.in{opacity:1;transform:none;transition:opacity .5s ease,transform .6s cubic-bezier(.2,.95,.3,1)}

/* ─── адаптив ────────────────────────────────────────────────── */
@media (max-width:980px){
  .hero{grid-template-columns:1fr;min-height:auto;padding-top:104px}
  .hero-photo{order:2;max-height:56vh}
  .hero-type{order:1}
  .amp-sec,.backstage,.encore{grid-template-columns:1fr}
  .amp-photo,.encore-photo{max-width:520px}
  .foot{grid-template-columns:1fr}
  .foot-meta{justify-items:start;text-align:left}
  .bar-nav{display:none}
  .song{grid-template-columns:auto 1fr}
  .song span{grid-column:1/-1;text-align:left;max-width:none;margin-top:4px}
  .date{grid-template-columns:1fr auto}
  .what{grid-column:1}
  .tape-hero{display:none}
}
@media (max-width:560px){
  .ransom{font-size:clamp(52px,17vw,96px)}
  .date::after{right:4px;top:6%;font-size:11px;padding:3px 7px}
  .knob-11{font-size:clamp(40px,13vw,64px)}
  .ticket{grid-template-columns:auto auto 1fr;transform:none}
  .tear{position:static;display:block;width:100%;transform:none;margin-top:0;grid-column:1/-1}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  html{scroll-behavior:auto}
  .rv{opacity:1;transform:none}
  .marquee-track{animation:none}
}