:root{
  --bg:#131110;
  --bg-2:#1b1815;
  --paper:#e9e0c6;
  --paper-2:#ddd2af;
  --ink:#181310;
  --accent:#b73b2a;
  --cream-text:#efe7d0;
  --muted:#a89e88;
  box-sizing:border-box;
  padding-top:env(safe-area-inset-top,0px);
  padding-bottom:env(safe-area-inset-bottom,0px);
}
*,*::before,*::after{box-sizing:inherit;margin:0;padding:0;}
html{scroll-padding-top:env(safe-area-inset-top,0px);scroll-behavior:smooth;}
html,body{background:var(--bg);}
body{
  color:var(--cream-text);
  font-family:'Archivo',system-ui,-apple-system,sans-serif;
  line-height:1.5;
  overflow-x:hidden;
  text-align:center;
}
img{max-width:100%;display:block;}
a{color:inherit;}

.noise{
  position:fixed;inset:0;pointer-events:none;z-index:2;opacity:.05;mix-blend-mode:overlay;
  background-image:radial-gradient(rgba(255,255,255,.9) 1px, transparent 1px);
  background-size:3px 3px;
}

.wrap{max-width:1040px;margin:0 auto;padding:0 24px;}

h1,h2,h3{font-family:'Anton',sans-serif;font-weight:400;letter-spacing:.01em;}

/* ---------- NAV ---------- */
nav{
  position:sticky;top:0;top:env(safe-area-inset-top,0px);z-index:20;
  background:rgba(19,17,16,.88);backdrop-filter:blur(6px);
  border-bottom:1px solid rgba(239,231,208,.12);
}
.navrow{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;max-width:1040px;margin:0 auto;}
.navrow .brand{display:flex;align-items:center;gap:10px;font-family:'Anton',sans-serif;font-size:1.1rem;}
.navrow .brand img{height:26px;width:auto;}
.navlinks{display:flex;gap:26px;font-size:.92rem;font-weight:600;}
.navlinks a{text-decoration:none;opacity:.85;transition:opacity .15s;}
.navlinks a:hover{opacity:1;color:var(--accent);}
.navtoggle{display:none;background:none;border:none;color:var(--cream-text);font-size:1.6rem;cursor:pointer;line-height:1;}
@media (max-width:640px){
  .navlinks{
    position:fixed;top:0;right:-100%;height:100dvh;width:min(78vw,320px);
    background:var(--bg-2);flex-direction:column;justify-content:center;gap:30px;
    padding:24px;transition:right .25s ease;border-left:1px solid rgba(239,231,208,.15);
    padding-top:calc(24px + env(safe-area-inset-top,0px));
  }
  .navlinks.open{right:0;}
  .navtoggle{display:block;}
  .navlinks a{font-size:1.3rem;}
}

/* ---------- HERO ---------- */
.hero{
  min-height:62dvh;min-height:62vh;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  text-align:center;padding:70px 24px 50px;position:relative;
  background:
    radial-gradient(ellipse 700px 500px at 50% 20%, rgba(183,59,42,.16), transparent 60%),
    var(--bg);
}
.hero h1{
  font-size:clamp(3rem,12vw,6.5rem);line-height:.86;
  text-transform:lowercase;
}
.hero .tagline1{
  margin-top:16px;font-family:'Archivo',sans-serif;font-weight:800;font-size:clamp(1rem,2.6vw,1.4rem);
  letter-spacing:.14em;text-transform:uppercase;color:var(--accent);
}
.hero .tagline2{
  margin-top:6px;font-weight:500;font-size:clamp(.85rem,2vw,1.05rem);color:var(--muted);letter-spacing:.03em;
}
.hero-socials{display:flex;gap:14px;margin-top:32px;flex-wrap:wrap;justify-content:center;}
.stamp{
  border:2px solid rgba(239,231,208,.5);padding:9px 18px;font-size:.85rem;font-weight:700;
  text-decoration:none;transform:rotate(-1.2deg);transition:transform .15s, border-color .15s, color .15s;
  display:inline-block;
}
.stamp:nth-child(2n){transform:rotate(1.4deg);}
.stamp:hover{border-color:var(--accent);color:var(--accent);transform:rotate(0deg) scale(1.04);}

/* ---------- SECTION GENERIC ---------- */
section{padding:52px 0;position:relative;}
.wrap{display:flex;flex-direction:column;align-items:center;}
.section-head{margin-bottom:28px;}
.section-head h2{font-size:clamp(2rem,5.5vw,3rem);}
.section-head .sub{color:var(--muted);margin-top:6px;font-size:.98rem;max-width:60ch;}

/* ---------- KONCERTY (flyers) ---------- */
.flyers{display:flex;flex-direction:column;gap:32px;align-items:center;}
.flyer{
  background:var(--paper);color:var(--ink);padding:26px 30px;
  max-width:560px;position:relative;
  box-shadow:10px 10px 0 rgba(0,0,0,.35);
  transform:rotate(-1deg);
}
.flyer:nth-child(2n){transform:rotate(.9deg);}
.flyer::before{
  content:'';position:absolute;top:-9px;left:26px;width:16px;height:16px;border-radius:50%;
  background:#8f8674;box-shadow:inset 0 2px 3px rgba(0,0,0,.4);
}
.flyer-body{display:flex;gap:20px;align-items:flex-start;flex-wrap:wrap;text-align:left;}
.flyer-info{flex:1;min-width:200px;}
.flyer-poster{width:110px;flex-shrink:0;}
.flyer-poster a{display:block;transform:rotate(-5deg);}
.flyer-poster img{
  width:100%;display:block;border:5px solid #fdfaf0;box-shadow:5px 5px 0 rgba(0,0,0,.3);
}
.flyer .fdate{font-family:'Anton',sans-serif;font-size:2rem;line-height:1;}
.flyer .flineup{font-family:'Anton',sans-serif;font-size:1.4rem;margin-top:10px;line-height:1.15;}
.flyer .flineup .support{color:#5b5340;font-size:1rem;}
.flyer .fdetails{margin-top:14px;font-size:.95rem;font-weight:600;}
.flyer .fdetails div{margin-bottom:2px;}
.flyer .fprice{
  display:inline-block;margin-top:14px;background:var(--accent);color:var(--cream-text);
  padding:5px 12px;font-weight:700;font-size:.85rem;transform:rotate(-2deg);
}

/* ---------- HUDBA ---------- */
.sc-wrap{display:flex;flex-direction:column;gap:16px;width:100%;max-width:520px;}
.sc-embed iframe{display:block;border:1px solid rgba(239,231,208,.15);}

/* ---------- O KAPELE ---------- */
.kapela-photo{margin-bottom:26px;max-width:480px;width:100%;}
.kapela-photo img{border:6px solid var(--paper);box-shadow:10px 10px 0 rgba(0,0,0,.35);}
.kapela-text{max-width:52ch;color:var(--cream-text);}

/* ---------- KONTAKT ---------- */
.contact-box{
  background:var(--paper);color:var(--ink);padding:40px 36px;max-width:480px;
  box-shadow:10px 10px 0 rgba(0,0,0,.35);transform:rotate(-.6deg);
  display:flex;flex-direction:column;align-items:center;text-align:center;
}
.contact-box .contact-logo-wrap{
  width:150px;padding:14px;margin-bottom:16px;
  background:#fdfaf0;box-shadow:5px 5px 0 rgba(0,0,0,.3);transform:rotate(-4deg);
}
.contact-box .contact-logo{width:100%;display:block;}
.contact-box h2{color:var(--ink);}
.contact-box a.mail{
  display:inline-block;margin-top:16px;font-family:'Anton',sans-serif;font-size:1.6rem;
  text-decoration:none;border-bottom:3px solid var(--accent);color:var(--ink);
}
.contact-box .note{margin-top:18px;font-size:.9rem;color:#5b5340;max-width:38ch;}

footer{
  padding:30px 24px;padding-bottom:calc(30px + env(safe-area-inset-bottom,0px));
  text-align:center;color:var(--muted);font-size:.85rem;border-top:1px solid rgba(239,231,208,.1);
}
footer .fsocials{display:flex;gap:16px;justify-content:center;margin-bottom:14px;flex-wrap:wrap;}
footer .fsocials a{text-decoration:none;color:var(--muted);font-weight:700;}
footer .fsocials a:hover{color:var(--accent);}
footer .fmail{display:block;text-decoration:none;color:var(--cream-text);font-weight:700;margin-bottom:14px;}
footer .fmail:hover{color:var(--accent);}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto;}
  *{transition:none!important;}
}