:root{--bg:#f8f4ec;--bg2:#f3ede2;--card:#fdfbf7;--ink:#23201b;--mu:#6c655a;--ln:#ebe4d7;--red:#8a6a43;--red2:#6c5233;--r:14px;--ease:cubic-bezier(.2,.7,.2,1)}
*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth;scroll-padding-top:110px}
body{font:400 clamp(16px,1.05vw + 12px,18px)/1.65 Figtree,system-ui,sans-serif;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;display:block}a{color:inherit}
h1,h2,h3,.disp{font-family:'Bricolage Grotesque','Figtree',sans-serif;letter-spacing:-.02em;line-height:1.02}
:focus-visible{outline:3px solid var(--red);outline-offset:3px;border-radius:6px}
.wrap{width:min(1180px,calc(100% - 2*clamp(20px,5vw,48px)));margin-inline:auto}
.btn{display:inline-flex;align-items:center;gap:.5em;background:var(--red);color:#fff;font:600 1rem Figtree;padding:.9em 1.6em;border-radius:99px;text-decoration:none;border:2px solid var(--red);cursor:pointer;transition:transform .25s var(--ease),background .25s,color .25s}
.btn:hover{background:var(--red2);transform:translateY(-2px)}.btn.o{background:transparent;color:var(--ink);border-color:var(--ink)}.btn.o:hover{background:var(--ink);color:var(--bg)}.btn.sm{padding:.35em 1em;font-size:.85rem;margin-left:.6rem}
header{position:fixed;inset:0 0 auto;z-index:50;background:rgba(245,240,228,.96);transition:box-shadow .3s;padding-top:env(safe-area-inset-top)}header.s{box-shadow:0 1px 0 var(--ln)}
@media(min-width:901px){header{backdrop-filter:blur(10px)}}
header .wrap{display:flex;align-items:center;justify-content:space-between;height:70px;position:relative;z-index:2}
.brand{display:flex;align-items:center;text-decoration:none;font:800 1.35rem 'Bricolage Grotesque';position:relative;z-index:3}.brand img{height:54px;width:auto}
nav ul{display:flex;gap:clamp(1.1rem,2.4vw,2.2rem);list-style:none;padding:0}nav a{text-decoration:none;font-weight:500;position:relative}nav a::after{content:'';position:absolute;left:0;bottom:-4px;height:2px;width:100%;background:var(--red);transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease)}nav a:hover::after,nav a.on::after{transform:scaleX(1)}
.tg{display:none;width:46px;height:46px;background:0;border:0;cursor:pointer;position:relative;z-index:3;-webkit-tap-highlight-color:transparent}.tg span{position:absolute;left:11px;width:24px;height:2px;background:var(--ink);border-radius:2px;transition:transform .35s var(--ease),opacity .2s,top .35s var(--ease)}.tg span:nth-child(1){top:15px}.tg span:nth-child(2){top:22px}.tg span:nth-child(3){top:29px}
.tg[aria-expanded=true] span:nth-child(1){top:22px;transform:rotate(45deg)}.tg[aria-expanded=true] span:nth-child(2){opacity:0}.tg[aria-expanded=true] span:nth-child(3){top:22px;transform:rotate(-45deg)}
.hero{min-height:100vh;min-height:100svh;display:grid;align-items:center;padding:150px 0 80px;position:relative}
.hero .wrap{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(24px,5vw,72px);align-items:center}
.hero h1{font-size:clamp(3.4rem,8.5vw,7.5rem);font-weight:800;line-height:.88}.hero h1 span{display:block;overflow:hidden}.hero h1 span b{display:block;font-weight:800;transform:translateY(105%);animation:up 1s var(--ease) forwards}.hero h1 span:nth-child(2) b{animation-delay:.12s;color:var(--red)}
.hero p{max-width:30ch;font-size:clamp(1.1rem,2vw,1.4rem);margin:1.6rem 0 2.2rem;opacity:0;animation:fade .9s .55s var(--ease) forwards}.hero .btns{display:flex;gap:.8rem;flex-wrap:wrap;opacity:0;animation:fade .9s .75s var(--ease) forwards}
.photo{position:relative;border-radius:var(--r);overflow:hidden;aspect-ratio:4/3;clip-path:inset(0 0 100% 0);animation:reveal .8s .05s var(--ease) forwards;box-shadow:0 30px 60px -30px rgba(35,32,27,.5)}.photo img{width:100%;height:100%;object-fit:cover;transform:scale(1.15);animation:zoom 1.4s .05s var(--ease) forwards}
.badge{position:absolute;left:-18px;bottom:28px;background:var(--red);color:#fff;padding:.7em 1.2em;border-radius:99px;font-weight:600;opacity:0;animation:fade .8s 1.2s forwards;transform:rotate(-4deg)}
@keyframes up{to{transform:none}}@keyframes fade{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes reveal{to{clip-path:inset(0)}}@keyframes zoom{to{transform:none}}
.marq{background:var(--ink);color:var(--bg);overflow:hidden;white-space:nowrap;padding:1rem 0}.marq div{display:inline-flex;animation:mq var(--dur,40s) linear infinite;font:700 1.3rem 'Bricolage Grotesque';will-change:transform}.marq:hover div{animation-play-state:paused}.marq span{padding-right:3rem}.marq span::after{content:'✦';color:#d9c3a0;margin-left:3rem}@keyframes mq{to{transform:translateX(-50%)}}
section{padding:clamp(64px,10vw,130px) 0}h2{font-size:clamp(2.4rem,7vw,5rem);font-weight:800;margin-bottom:clamp(1.5rem,4vw,3rem)}
.about{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,6vw,80px)}.about p{margin-bottom:1.1rem;max-width:56ch}.about .lead{font:500 clamp(1.4rem,3vw,2rem)/1.25 'Bricolage Grotesque';max-width:none}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2rem}.stats div{border-top:2px solid var(--ink);padding-top:.8rem}.stats b{display:block;font:800 clamp(2.2rem,5vw,3.6rem) 'Bricolage Grotesque'}.stats span{color:var(--mu);font-size:.95rem}
.alt{background:var(--bg2)}
.gigs{list-style:none;padding:0;border-top:2px solid var(--ink)}
.gig{display:grid;grid-template-columns:110px 1fr auto;gap:1.5rem;align-items:center;padding:1.2rem .5rem;border-bottom:1px solid var(--ln);transition:background .3s,padding .3s var(--ease)}
.gig .d b{display:block;font:800 2.8rem 'Bricolage Grotesque';color:var(--red);line-height:1}.gig .d span{font-size:.85rem;color:var(--mu)}.gig h4{font-size:clamp(1.4rem,3vw,2rem);font-weight:700}.gig p{color:var(--mu)}.gig em{font-style:normal;opacity:.8}.gig em::before{content:'· '}.gig .t{font-weight:600;white-space:nowrap}
.gig.first{background:var(--card);border:2px solid var(--red);border-radius:var(--r);margin:1rem 0;padding:1.5rem}
.empty{padding:2rem;background:var(--card);border-radius:var(--r)}
.acc{border-bottom:1px solid var(--ln)}.ah{width:100%;background:0;border:0;font:700 clamp(1.5rem,3vw,2rem) 'Bricolage Grotesque';color:var(--ink);padding:1.1rem 0;cursor:pointer;display:flex;justify-content:space-between;align-items:center;text-align:left}.ah small{font:500 .95rem Figtree;color:var(--mu);margin-left:auto;margin-right:1rem}.ah i{width:22px;height:22px;position:relative;flex:none}.ah i::before,.ah i::after{content:'';position:absolute;left:0;top:10px;width:22px;height:2px;background:var(--red);transition:transform .5s var(--ease)}.ah i::after{transform:rotate(90deg)}.acc.o .ah i::after{transform:rotate(0)}.ah:hover{color:var(--red)}.ab{display:grid;grid-template-rows:0fr;visibility:hidden;transition:grid-template-rows .65s var(--ease),visibility 0s .65s}.acc.o .ab{grid-template-rows:1fr;visibility:visible;transition:grid-template-rows .65s var(--ease),visibility 0s}.ab>div{overflow:hidden;min-height:0}
.vh{margin:2.5rem 0 1rem;font-size:1.8rem}.vids{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:1rem}
.v{position:relative;aspect-ratio:16/9;background:#000 center/cover;border:0;border-radius:var(--r);cursor:pointer;overflow:hidden;padding:0;transition:transform .4s var(--ease)}.v:hover{transform:scale(1.03)}.v::after{content:'';position:absolute;left:50%;top:50%;width:64px;height:64px;margin:-32px;border-radius:50%;background:var(--red) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M9 6l10 6-10 6z'/%3E%3C/svg%3E") center/55% no-repeat;box-shadow:0 0 0 0 rgba(138,106,67,.6);animation:pulse 2.4s infinite}.v iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.v:has(iframe)::after{display:none}@keyframes pulse{70%{box-shadow:0 0 0 18px rgba(138,106,67,0)}}
.soc{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:2.5rem}
.tabs{display:inline-flex;background:var(--bg2);border-radius:99px;padding:5px;margin-bottom:2rem;position:relative}.tabs button{position:relative;z-index:1;background:0;border:0;font:600 1rem Figtree;padding:.7em 1.6em;border-radius:99px;cursor:pointer;color:var(--mu);transition:color .3s}.tabs button[aria-selected=true]{color:#fff}.tabs i{position:absolute;top:5px;bottom:5px;left:5px;background:var(--red);border-radius:99px;transition:left .4s var(--ease),width .4s var(--ease)}
.panel{display:none}.panel.on{display:block;animation:fade .6s var(--ease)}
.card{background:var(--card);border:1px solid var(--ln);border-radius:var(--r);padding:clamp(1.3rem,3vw,2.2rem)}.card h3{font-size:1.5rem;margin-bottom:1.2rem}
dl{display:grid;grid-template-columns:10rem 1fr;gap:0}dt,dd{padding:.85rem 0;border-bottom:1px solid var(--ln)}dt{color:var(--mu);font-weight:500}dd{font-weight:600}
.ck{list-style:none;padding:0;display:grid;gap:.8rem}.ck li{display:flex;gap:.8rem;align-items:flex-start}.ck li::before{content:'';flex:none;width:22px;height:22px;margin-top:2px;border-radius:50%;background:var(--red) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3'%3E%3Cpath d='M6 12l4 4 8-8'/%3E%3C/svg%3E") center/70% no-repeat}
.rider{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:1.5rem}.rider img{border-radius:10px;width:100%;transition:transform .5s var(--ease)}.rider a:hover img{transform:scale(1.02)}
.files{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:1rem;margin-top:1.5rem}.file{display:flex;align-items:center;gap:1rem;background:var(--card);border:1px solid var(--ln);border-radius:var(--r);padding:1rem 1.2rem;text-decoration:none;font-weight:600;transition:transform .3s var(--ease),border-color .3s}.file:hover{transform:translateY(-4px);border-color:var(--red)}.file small{display:grid;place-items:center;width:46px;height:46px;border-radius:10px;background:var(--bg2);font:700 .75rem Figtree;color:var(--red);flex:none}
.cta{margin-top:2rem;background:var(--ink);color:var(--bg);border-radius:var(--r);padding:clamp(1.5rem,4vw,2.5rem);display:flex;justify-content:space-between;align-items:center;gap:1.5rem;flex-wrap:wrap}.cta h3{font-size:clamp(1.5rem,3vw,2.2rem)}.cta .btn{background:var(--bg);color:var(--ink);border-color:var(--bg)}.cta .btn.o{background:transparent;color:var(--bg);border-color:var(--bg)}.cta .btn.o:hover{background:var(--bg);color:var(--ink)}
.contact{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}.contact a.big{display:block;background:var(--card);border:1px solid var(--ln);border-radius:var(--r);padding:clamp(1.3rem,3vw,2.2rem);text-decoration:none;transition:transform .3s var(--ease),border-color .3s}.contact a.big:hover{transform:translateY(-4px);border-color:var(--red)}.contact small{color:var(--mu);display:block;margin-bottom:.4rem}.contact b{font:800 clamp(1.4rem,3.6vw,2.4rem) 'Bricolage Grotesque';word-break:break-word}
footer{background:var(--ink);color:#cfc6b4;padding:clamp(40px,7vw,80px) 0 calc(1.5rem + env(safe-area-inset-bottom));font-size:.95rem}footer a{text-decoration:none;transition:color .25s}footer a:hover{color:#d9c3a0}.fg{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:2rem}.fg .brand{color:#fff;font-size:1.6rem;display:inline-block;margin-bottom:.8rem}.fg h3{font:700 1.05rem 'Bricolage Grotesque';color:#fff;margin-bottom:.9rem}.fg ul{list-style:none;padding:0;display:grid;gap:.5rem}.fg p{max-width:34ch}.fg .nx{margin-top:1rem;color:#d9c3a0}.fb{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.6rem 1.5rem;border-top:1px solid #4a443a;margin-top:2.5rem;padding-top:1.3rem;font-size:.88rem}.fb a{color:#fff;font-weight:600;border-bottom:1px solid #d9c3a0}@media(max-width:900px){.fg{grid-template-columns:1fr 1fr}}@media(max-width:520px){.fg{grid-template-columns:1fr}}
.rv{opacity:0;transform:translateY(28px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.rv.in{opacity:1;transform:none}
@media(max-width:900px){.tg{display:block}nav{position:fixed;inset:0;background:var(--bg);display:grid;place-items:center;opacity:0;visibility:hidden;transition:opacity .35s,visibility .35s;padding:70px 20px 20px;z-index:1}nav.o{opacity:1;visibility:visible}nav ul{flex-direction:column;text-align:center;gap:1.5rem}nav a{font:800 clamp(1.8rem,8vw,2.4rem) 'Bricolage Grotesque'}nav li{opacity:0;transform:translateY(14px);transition:opacity .5s var(--ease),transform .5s var(--ease)}nav.o li{opacity:1;transform:none}nav.o li:nth-child(2){transition-delay:.05s}nav.o li:nth-child(3){transition-delay:.1s}nav.o li:nth-child(4){transition-delay:.15s}nav.o li:nth-child(5){transition-delay:.2s}nav.o li:nth-child(6){transition-delay:.25s}.about,.rider,.contact{grid-template-columns:1fr}.gig{grid-template-columns:76px 1fr}.gig .t{grid-column:2}.gig .d b{font-size:2.2rem}}
.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:1rem;margin-bottom:1rem}.fact{background:var(--card);border:1px solid var(--ln);border-top:4px solid var(--red);border-radius:var(--r);padding:1.2rem 1.4rem;transition:transform .3s var(--ease)}.fact:hover{transform:translateY(-4px)}.fact small{display:block;color:var(--mu);font-size:.85rem;margin-bottom:.4rem}.fact b{font:700 1.25rem/1.25 'Bricolage Grotesque'}
.two{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.big2{font:500 1.35rem/1.3 'Bricolage Grotesque'}.gh{font-weight:600;color:var(--mu);margin:1.2rem 0 .6rem;font-size:.9rem}.ctab{display:flex;gap:.6rem;flex-wrap:wrap}
.rv.l{transform:translateX(-48px)}.rv.r{transform:translateX(48px)}.rv.l.in,.rv.r.in{transform:none}
#pg{position:fixed;top:0;left:0;right:0;height:3px;background:var(--red);transform:scaleX(0);transform-origin:left;z-index:60}
.wrap>*{min-width:0}html{-webkit-text-size-adjust:100%}
@media(max-width:900px){.two{grid-template-columns:1fr}.rv.l,.rv.r{transform:translateY(28px)}}
@media(max-width:560px){.tabs{display:flex;width:100%}.tabs button{flex:1;padding:.75em .4em;font-size:.95rem}.stats{gap:.6rem}.stats b{font-size:2rem}.hero .btns .btn{flex:1;justify-content:center}.cta .ctab,.cta .btn{width:100%}.cta .btn{justify-content:center}.soc .btn{flex:1 1 40%;justify-content:center}.gig{gap:.4rem 1rem;padding:1rem .2rem}.gig.first{padding:1rem}.gig .t{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.btn.sm{margin:0}.marq div{font-size:1.1rem;gap:2rem}.ah small{display:none}.file{padding:.8rem 1rem}}
@media(max-width:360px){.hero h1{font-size:3.2rem}.brand{font-size:1.15rem}.contact b{font-size:1.2rem}}
@media(max-height:480px) and (orientation:landscape){.hero{min-height:auto;padding-top:90px}}
@media(prefers-reduced-motion:reduce){*,*::before{animation-duration:.01ms!important;animation-delay:0s!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.rv,.hero p,.hero .btns,.badge,.eyebrow,.chips2{opacity:1;transform:none}.photo{clip-path:none}.hero h1 span b{transform:none}}

.acc.sm .ah{font-size:clamp(1.2rem,2.5vw,1.5rem)}.acc.box{background:var(--card);border:1px solid var(--ln);border-radius:var(--r);margin-top:1rem;padding:0 clamp(1.1rem,3vw,1.8rem)}.acc.box .ab>div{padding-bottom:1.4rem}.stage img{width:100%;border-radius:10px}
.gal{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(.5rem,1.5vw,1rem)}.gal a{position:relative;display:block;aspect-ratio:1;overflow:hidden;border-radius:var(--r);background:var(--bg2)}.gal img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}.gal a:hover img{transform:scale(1.07)}.gal a::after{content:'';position:absolute;inset:0;background:rgba(35,32,27,0);transition:background .4s}.gal a:hover::after{background:rgba(35,32,27,.18)}
.lb{position:fixed;inset:0;z-index:100;background:rgba(25,22,17,.94);display:grid;place-items:center;opacity:0;visibility:hidden;transition:opacity .35s,visibility .35s}.lb.o{opacity:1;visibility:visible}.lb img{max-width:92vw;max-height:84vh;border-radius:8px;transform:scale(.96);transition:transform .4s var(--ease)}.lb.o img{transform:none}.lb button{position:absolute;background:rgba(255,255,255,.14);color:#fff;border:0;width:52px;height:52px;border-radius:50%;font-size:1.6rem;cursor:pointer;transition:background .25s}.lb button:hover{background:rgba(255,255,255,.3)}.lb .x{top:max(16px,env(safe-area-inset-top));right:16px}.lb .p{left:12px;top:50%;margin-top:-26px}.lb .n{right:12px;top:50%;margin-top:-26px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media(max-width:700px){.gal{grid-template-columns:repeat(2,1fr)}}
.eyebrow{display:block;font:600 .8rem Figtree;letter-spacing:.16em;text-transform:uppercase;color:var(--red);margin-bottom:1.2rem;opacity:0;animation:fade .9s .3s var(--ease) forwards}
.chips2{list-style:none;padding:0;display:flex;gap:.5rem;flex-wrap:wrap;margin:0 0 2rem;opacity:0;animation:fade .9s .65s var(--ease) forwards}.chips2 li{border:1px solid var(--ln);background:var(--card);border-radius:99px;padding:.3em .9em;font-size:.9rem;font-weight:500}
.hero p{margin-bottom:1.4rem}
@media(max-width:900px){.hero{padding:0;min-height:100vh;min-height:100svh;display:block;color:#fff;background:#2b261e}.hero .wrap{display:flex;flex-direction:column;min-height:100vh;min-height:100svh;width:100%;margin:0}
.hero .photo{order:-1;position:relative;margin-top:calc(70px + env(safe-area-inset-top));aspect-ratio:4/3;border-radius:0;clip-path:none;animation:none;box-shadow:none;transform:none!important}.hero .photo img{animation:none;transform:none}.hero .photo::after{content:'';position:absolute;inset:auto 0 0;height:40%;background:linear-gradient(180deg,rgba(43,38,30,0),#2b261e)}.badge{display:none}
.hero .txt{flex:1;display:flex;flex-direction:column;justify-content:center;padding:.5rem clamp(20px,5vw,48px) calc(32px + env(safe-area-inset-bottom))}.hero h1{font-size:clamp(3.4rem,17vw,6rem);color:#fff}.hero h1 span:nth-child(2) b{color:#e8d3a8}.hero p{color:#f8f4ec;margin:1rem 0 1.5rem}.hero .btns{flex-direction:column}.hero .btns .btn{justify-content:center;width:100%}.hero .btn.o{color:#fff;border-color:#fff}.hero .btn.o:hover{background:#fff;color:var(--ink)}}
@media(max-width:900px){.eyebrow{color:#e8d3a8;font-size:.72rem;margin-bottom:.9rem}.hero h1 span{display:inline-block;margin-right:.22em}.hero h1{font-size:clamp(2.8rem,14.5vw,5.2rem);line-height:.95}.chips2 li{background:transparent;border-color:rgba(255,255,255,.35);color:#f8f4ec}.chips2{margin-bottom:1.5rem}.hero .btns{gap:.7rem}.hero .btn{padding:1em 1.4em}.hero .txt{border-top:1px solid rgba(255,255,255,.08)}}

.photo picture,.v img{display:block}.photo picture{width:100%;height:100%}.v img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.fl{display:flex;gap:1.4rem;flex-wrap:wrap}.fb .fl a{font-weight:400;color:#cfc6b4;border-bottom-color:transparent}.fb .fl a:hover{color:#fff;border-bottom-color:#d9c3a0}
.legal{padding:clamp(120px,16vw,170px) 0 90px}.legal .wrap{max-width:820px}.legal h1{font-size:clamp(2.1rem,6vw,3.6rem);margin-bottom:1.2rem}.legal h2{font-size:clamp(1.3rem,3vw,1.7rem);margin:2.2rem 0 .7rem}.legal p,.legal li{margin-bottom:.8rem;max-width:72ch}.legal ul{padding-left:1.3rem}.legal .upd{color:var(--mu);margin-top:2rem}
@media(min-width:901px){header .wrap{height:98px}.brand img{height:80px}nav a{font-size:1.15rem}nav ul{gap:clamp(1.4rem,2.8vw,2.6rem)}}

/* === Hero: sociální ikony místo textu a tlačítek, větší fotka === */
.hsoc{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:2rem;opacity:0;animation:fade .9s .75s var(--ease) forwards}
.btn.ic{width:54px;height:54px;padding:0;justify-content:center;gap:0;border-radius:50%;background:var(--red);border-color:var(--red);color:#fff}
.btn.ic svg{width:26px;height:26px;display:block;fill:currentColor}
.btn.ic:hover{background:var(--red2);border-color:var(--red2);transform:translateY(-3px)}
@media(prefers-reduced-motion:reduce){.hsoc{opacity:1}}
@media(min-width:901px){
  .hero{padding:120px 0 40px}
  .hero .wrap{width:min(1640px,calc(100% - 2*clamp(20px,3vw,48px)));grid-template-columns:.62fr 1.38fr;gap:clamp(24px,4vw,64px)}
  .hero .photo{aspect-ratio:auto;height:calc(100svh - 190px);min-height:520px;max-height:880px}
  .hero h1{font-size:clamp(3.4rem,7vw,7rem)}
}
@media(max-width:900px){
  .hero .photo{aspect-ratio:auto;height:min(78svh,calc(100vw * 1.25));min-height:360px}
  .hero .txt{flex:0 0 auto;padding-top:.5rem}
  .hero .btn.ic{background:transparent;border-color:#fff;color:#fff}
  .hero .btn.ic:hover{background:#fff;color:var(--ink)}
}

.hlogo{display:block;width:clamp(120px,13vw,210px);height:auto;margin:0 0 1.3rem;filter:drop-shadow(0 10px 18px rgba(35,32,27,.28));opacity:0;animation:fade .9s .1s var(--ease) forwards}
.hero h1{white-space:nowrap;line-height:1.02}
.hero h1 span{display:inline-block;margin-right:.2em;padding-top:.1em}
.hero h1 span:last-child{margin-right:0}
.hero h1 span b{color:#14110d}
.hero h1 span:nth-child(2) b{color:#a8762f}
.brand img{transition:transform .45s var(--ease),filter .45s;transform-origin:left top}
header{transition:box-shadow .3s,background .3s}
header.s{background:#0c0a08;box-shadow:0 1px 0 rgba(255,255,255,.08)}
header.s .brand img{transform:scale(1.55);filter:drop-shadow(0 6px 10px rgba(0,0,0,.5))}
.tg span{transition:transform .35s var(--ease),opacity .2s,top .35s var(--ease),background .3s}
header.s .tg span{background:#fff}
header.s .tg[aria-expanded=true] span{background:var(--ink)}
@media(min-width:901px){
  header{backdrop-filter:none}
  header.s nav a{color:#fff}header.s nav a::after{background:#f6c978}
  .hero .wrap{grid-template-columns:.95fr 1.05fr}
  .hero h1{font-size:min(6.3vw,7rem)}
}
@media(max-width:900px){
  .hero .txt{align-items:center;text-align:center}
  .hlogo{width:clamp(130px,38vw,190px);margin:calc(-1 * clamp(65px,19vw,95px)) 0 .8rem;position:relative;z-index:2}
  .eyebrow{margin-bottom:.7rem}
  .hero h1{font-size:clamp(2.4rem,12.4vw,5.2rem);line-height:1.02;color:#fff}
  .hero h1 span:nth-child(2) b{color:#f6c978}
  .hero h1 span b{color:#fff}.hero h1 span:nth-child(2) b{color:#f6c978}
  .hsoc{justify-content:center;margin-top:1.4rem}
  .hero .photo{height:min(70svh,calc(100vw * 1.15))}
}
@media(prefers-reduced-motion:reduce){.hlogo{opacity:1}}

header .brand img{position:absolute;left:0;top:8px;height:54px;width:auto;transform:none;filter:none;transition:height .35s var(--ease)}
header .brand{width:54px;height:100%}
header.s .brand img{height:84px;transform:none;filter:none}
@media(min-width:901px){
  header .wrap{height:120px}
  header .brand{width:94px}
  header .brand img{top:13px;height:94px}
  header.s .brand img{height:140px}
  nav a{font-size:1.35rem}
  nav ul{gap:clamp(1.6rem,3.2vw,3.2rem)}
  html{scroll-padding-top:135px}
  .hero{padding:155px 0 40px}
  .hero .photo{height:calc(100svh - 215px)}
  .hero h1 span:nth-child(2) b{color:#14110d}
}

header .brand img{max-width:none;aspect-ratio:1/1;object-fit:contain}

/* archiv koncertů – nenápadný, sbalený, kompaktní */
.acc.arch{margin-top:2.5rem;border-top:1px solid var(--ln);border-bottom:0}
.acc.arch>.ah{font:600 .95rem Figtree,sans-serif;color:var(--mu);padding:.9rem 0;justify-content:flex-start;gap:.6rem}
.acc.arch>.ah small{margin:0;font-size:.85rem;opacity:.8;order:2}
.acc.arch>.ah i{order:3;margin-left:auto;width:16px;height:16px}
.acc.arch>.ah i::before,.acc.arch>.ah i::after{width:16px;top:7px;height:2px;background:var(--mu)}
.acc.arch>.ah:hover,.acc.arch>.ah:hover small{color:var(--ink)}
.acc.arch .yr{margin:1.2rem 0 .3rem;font:700 1rem 'Bricolage Grotesque';color:var(--mu);letter-spacing:.04em}
.acc.arch .yr small{font:500 .8rem Figtree,sans-serif;margin-left:.5rem;opacity:.7}
.acc.arch .gigs{border-top:1px solid var(--ln)}
.gig.past{grid-template-columns:84px 1fr auto;gap:1rem;padding:.5rem .4rem}
.gig.past .d b{display:inline;font-size:1.05rem;color:var(--mu)}
.gig.past .d span{font-size:.8rem}
.gig.past h4{font-size:1rem;font-weight:600;display:inline}
.gig.past p{display:inline;font-size:.9rem}
.gig.past .w h4::after{content:' – ';color:var(--mu);font-weight:400}
.gig.past .t{font-size:.85rem;font-weight:500;color:var(--mu)}
@media(max-width:560px){.acc.arch>.ah small{display:inline}.gig.past{grid-template-columns:1fr auto;padding:.5rem .2rem;gap:.1rem .8rem}.gig.past .d{grid-column:1/-1}}

/* hero nadpis – Bebas Neue */
.hero h1{font-family:'Bebas Neue','Bricolage Grotesque',Impact,sans-serif;font-weight:400;letter-spacing:.03em;text-transform:uppercase}
.hero h1 span{font-size:1.28em;line-height:1;padding-top:.22em}
.hero h1 span b{font-weight:400}

/* === Nadpisy v Bebas Neue (jen tloušťka 400, jinak by se písmo uměle tučnilo) === */
h1,h2,h3,h4,.disp{font-family:'Bebas Neue','Bricolage Grotesque',Impact,sans-serif;font-weight:400;letter-spacing:.025em;text-transform:uppercase;line-height:1}
h2{font-size:clamp(3rem,8.5vw,6.2rem)}
.gig h4{font-size:clamp(1.8rem,3.6vw,2.5rem);font-weight:400}
.gig.past h4{font-size:1.25rem;font-weight:400}
.card h3{font-size:1.9rem}
.cta h3{font-size:clamp(1.9rem,3.6vw,2.7rem)}
.fg h3{font:400 1.4rem 'Bebas Neue','Bricolage Grotesque',Impact,sans-serif;letter-spacing:.06em}
.legal h1{font-size:clamp(2.8rem,7vw,4.6rem)}
.legal h2{font-size:clamp(1.8rem,3.6vw,2.2rem)}
.ah{font-family:'Bebas Neue','Bricolage Grotesque',Impact,sans-serif;font-weight:400;font-size:clamp(1.9rem,3.6vw,2.5rem);letter-spacing:.03em;text-transform:uppercase}
.ah small{text-transform:none;letter-spacing:0}
.acc.sm .ah{font-size:clamp(1.6rem,3vw,2rem)}
.acc.arch>.ah{font:600 .95rem Figtree,sans-serif;letter-spacing:0;text-transform:none}

/* === PC: černé hero, navbar splývá s hero a po scrollu se zatemní === */
@media(min-width:901px){
  header{background:transparent;box-shadow:none}
  header.s{background:rgba(12,10,8,.94);backdrop-filter:blur(10px);box-shadow:0 1px 0 rgba(255,255,255,.08)}
  header nav a{color:#f8f4ec;font:600 1.05rem Figtree,sans-serif;letter-spacing:.14em;text-transform:uppercase;transition:color .25s}
  header.s nav a{color:#f8f4ec}
  header nav a::after{background:#f6c978;bottom:-6px}
  header nav a:hover,header nav a.on,header.s nav a:hover,header.s nav a.on{color:#f6c978}
  .hero{background:#0c0a08;color:#f8f4ec}
  .hero h1 span b{color:#fff}
  .hero h1 span:nth-child(2) b{color:#f6c978}
  .hero .eyebrow{color:#e8d3a8}
  .hlogo{filter:none}
  .hero .photo{box-shadow:0 30px 70px -30px rgba(0,0,0,.9)}
  .hero .btn.ic{background:transparent;border-color:rgba(255,255,255,.55);color:#fff}
  .hero .btn.ic:hover{background:#f6c978;border-color:#f6c978;color:#0c0a08}
}

/* === Footer: logo-nápis Jurič Pařil v Bebas Neue === */
.fg .brand span{font-family:'Bebas Neue','Bricolage Grotesque',Impact,sans-serif;font-weight:400;font-size:2.4rem;letter-spacing:.05em;text-transform:uppercase;line-height:1;padding-top:.08em}

/* === Hero na mobilu: plakát – fotka, přechod do černé, velké jméno pod ní === */
@media(max-width:900px){
  header{background:#0c0a08}
  header .tg span{background:#fff}
  header .tg[aria-expanded=true] span{background:var(--ink)}
  .hero{background:#0c0a08;color:#f8f4ec}
  .hero .photo{height:min(56svh,calc(100vw * 1.05));min-height:320px}
  .hero .photo img{object-position:50% 35%}
  .hero .photo::after{height:60%;background:linear-gradient(180deg,rgba(12,10,8,0) 0%,rgba(12,10,8,.65) 55%,#0c0a08 100%)}
  .hero .txt{padding:.5rem clamp(20px,5vw,48px) calc(28px + env(safe-area-inset-bottom))}
  .hlogo{width:clamp(100px,30vw,150px);margin:calc(-1 * clamp(52px,15vw,75px)) 0 .5rem;filter:drop-shadow(0 8px 16px rgba(0,0,0,.55))}
  .hero .eyebrow{color:#e8d3a8;font-size:.72rem;letter-spacing:.2em;margin-bottom:.4rem}
  .hero h1{font-size:clamp(3rem,17.5vw,6.2rem);line-height:.92;color:#fff}
  .hero h1 span{display:block;margin:0;padding-top:.14em}
  .hero h1 span b{color:#fff}
  .hero h1 span:nth-child(2) b{color:#f6c978}
  .hsoc{justify-content:center;margin-top:1.3rem;gap:.8rem}
  .hero .btn.ic{background:transparent;border-color:rgba(255,255,255,.55);color:#fff}
}

/* === Mobilní menu: celoobrazovkový tmavý overlay, velké Bebas odkazy s číslováním, kontakty dole === */
.nm{display:none}
@media(max-width:900px){
  header nav{display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;place-items:initial;overflow-y:auto;overscroll-behavior:contain;
    background:radial-gradient(120% 70% at 100% 0,rgba(246,201,120,.16),transparent 60%),radial-gradient(90% 50% at 0 100%,rgba(138,106,67,.18),transparent 65%),#0c0a08;
    padding:calc(96px + env(safe-area-inset-top)) clamp(24px,7vw,44px) calc(26px + env(safe-area-inset-bottom));
    transition:opacity .4s var(--ease),visibility .4s}
  header nav::before{content:'';position:absolute;left:clamp(24px,7vw,44px);top:calc(84px + env(safe-area-inset-top));width:42px;height:3px;background:#f6c978;border-radius:2px;transform:scaleX(0);transform-origin:left;transition:transform .7s .15s var(--ease)}
  header nav.o::before{transform:none}
  header nav ul{display:flex;flex-direction:column;align-items:stretch;text-align:left;gap:0;margin:1.2rem 0 1.5rem;counter-reset:n}
  header nav li{counter-increment:n;opacity:0;transform:translateX(-28px);border-bottom:1px solid rgba(255,255,255,.1);transition:opacity .55s var(--ease),transform .55s var(--ease)}
  header nav.o li{opacity:1;transform:none}
  header nav.o li:nth-child(1){transition-delay:.10s}header nav.o li:nth-child(2){transition-delay:.16s}header nav.o li:nth-child(3){transition-delay:.22s}header nav.o li:nth-child(4){transition-delay:.28s}header nav.o li:nth-child(5){transition-delay:.34s}header nav.o li:nth-child(6){transition-delay:.40s}
  header nav ul a{display:flex;align-items:baseline;gap:1rem;padding:.3rem 0 .15rem;color:#f8f4ec;font:400 clamp(2.3rem,min(12.5vw,8svh),4.2rem)/1.05 'Bebas Neue','Bricolage Grotesque',Impact,sans-serif;letter-spacing:.04em;text-transform:uppercase;transition:color .25s,padding-left .35s var(--ease)}
  header nav ul a::before{content:counter(n,decimal-leading-zero);font:600 .75rem Figtree,sans-serif;letter-spacing:.18em;color:#f6c978;min-width:1.6rem;transform:translateY(-.15rem)}
  header nav ul a::after{content:'→';position:static;width:auto;height:auto;background:none;transform:translateX(-10px);opacity:0;margin-left:auto;font:400 1.6rem Figtree,sans-serif;color:#f6c978;transition:opacity .3s,transform .35s var(--ease)}
  header nav ul a:active,header nav ul a.on{color:#f6c978;padding-left:.3rem}
  header nav ul a:active::after,header nav ul a.on::after{opacity:1;transform:none}
  .nm{display:block;opacity:0;transform:translateY(16px);transition:opacity .6s .5s var(--ease),transform .6s .5s var(--ease)}
  nav.o .nm{opacity:1;transform:none}
  .nm-k{font:600 .72rem Figtree,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#e8d3a8;margin-bottom:1rem}
  .nm a{text-decoration:none}
  .nm-t{display:block;font:400 clamp(1.9rem,8vw,2.4rem)/1.1 'Bebas Neue',Impact,sans-serif;letter-spacing:.05em;color:#fff}
  .nm-m{display:block;margin:.2rem 0 1.1rem;font:500 1rem Figtree,sans-serif;color:#cfc6b4}
  .nm-s{display:flex;gap:.6rem;flex-wrap:wrap}
  .nm-s a{width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.28);display:grid;place-items:center;color:#fff;transition:background .25s,color .25s,border-color .25s}
  .nm-s a:active{background:#f6c978;border-color:#f6c978;color:#0c0a08}
  header .tg[aria-expanded=true] span,header.s .tg[aria-expanded=true] span{background:#f6c978}
}
@media(max-width:900px) and (max-height:640px){header nav ul a{font-size:2.1rem}.nm-k{display:none}}

/* === Úpravy podle přání táty (vzor sokoljemnice.cz): jednoduché menu, menší písma, hero s fotkou na pozadí === */
body{font-size:clamp(15px,.5vw + 13px,17px)}
h2{font-size:clamp(1.7rem,4vw,2.6rem);margin-bottom:clamp(1.2rem,3vw,2rem)}
section{padding:clamp(48px,7vw,90px) 0}
.about .lead{font-size:clamp(1.15rem,2.2vw,1.5rem)}
.stats b{font-size:clamp(1.7rem,3.6vw,2.4rem)}
.gig .d b{font-size:2rem}.gig h4{font-size:clamp(1.1rem,2.2vw,1.45rem)}
.ah{font-size:clamp(1.15rem,2.2vw,1.5rem)}.acc.sm .ah{font-size:clamp(1.05rem,2vw,1.2rem)}
.card h3,.vh{font-size:1.25rem}.big2{font-size:1.15rem}.cta h3{font-size:clamp(1.25rem,2.4vw,1.7rem)}
.contact b{font-size:clamp(1.1rem,2.6vw,1.6rem)}.fact b{font-size:1.1rem}.marq div{font-size:1.1rem}

/* mobilní menu: minimalistická plovoucí karta pod lištou (lišta je původní; při scrollu se logo zvětší, karta se posune pod něj) */
@media(max-width:900px){
  header nav,header nav.o{position:fixed;inset:calc(80px + env(safe-area-inset-top)) 14px auto 14px;display:block;overflow:visible;background:var(--card);border:1px solid var(--ln);border-radius:20px;padding:.4rem 1.2rem 1rem;box-shadow:0 24px 48px -16px rgba(35,32,27,.45);transform:translateY(-10px) scale(.98);transform-origin:top center;transition:opacity .28s,transform .35s var(--ease),visibility .28s,top .3s var(--ease);z-index:1}
  header.s nav,header.s nav.o{top:calc(104px + env(safe-area-inset-top))}
  header nav.o{transform:none}
  header nav::before{display:none}
  header nav ul{margin:0;gap:0;text-align:center}
  header nav li{border-bottom:1px solid var(--ln);transform:none;transition:none;opacity:1}
  header nav li:last-child{border-bottom:0}
  header nav ul a{display:block;padding:.95rem 0;color:var(--ink);font:500 1.05rem Figtree,sans-serif;letter-spacing:0;text-transform:none}
  header nav ul a::before,header nav ul a::after{display:none}
  header nav ul a:active,header nav ul a.on{color:var(--red);font-weight:700;padding-left:0}
  .nm{display:block;opacity:1;transform:none;text-align:center;border-top:1px solid var(--ln);padding-top:.9rem}
  .nm-k,.nm-m{display:none}
  .nm-t{font:600 1.05rem Figtree,sans-serif;letter-spacing:0;color:var(--ink);margin-bottom:.7rem}
  .nm-s{justify-content:center;gap:.6rem}
  .nm-s a{width:42px;height:42px;border-color:var(--ln);color:var(--ink)}
  .nm-s a:active{background:var(--red);border-color:var(--red);color:#fff}
  header .tg[aria-expanded=true] span{background:var(--ink)}header.s .tg[aria-expanded=true] span{background:#fff}
}
/* hero: fotka jako pozadí, jméno + logo vycentrované hned nahoře */
.hero,.hero .wrap{display:block}
.hero{position:relative;min-height:100vh;min-height:100svh;padding:70px 0 0;color:#fff;background:#3a3024;display:flex!important;align-items:center;justify-content:center}
.hero .wrap{position:static;width:100%;margin:0;min-height:0;display:flex;flex-direction:row;justify-content:center}
.hero .photo{position:absolute;inset:0;order:0;margin:0;width:auto;height:auto;min-height:0;max-height:none;aspect-ratio:auto;border-radius:0;clip-path:none;animation:none;box-shadow:none;transform:none!important;z-index:0}
.hero .photo picture{height:100%}
.hero .photo img{width:100%;height:100%;object-fit:cover;object-position:center 62%;animation:none;transform:none}
.hero .photo::after{content:'';position:absolute;inset:0;height:auto;background:linear-gradient(180deg,rgba(58,48,36,.55),rgba(58,48,36,.45) 50%,rgba(58,48,36,.7))}
.hero .badge{display:none}
.hero .txt{position:relative;z-index:2;flex:0 1 auto;display:flex;flex-direction:column;align-items:center;text-align:center;padding:2rem clamp(20px,5vw,48px);border:0;max-width:820px}
.hlogo{width:clamp(120px,22vw,190px);margin:0 auto 1.1rem;filter:drop-shadow(0 8px 18px rgba(0,0,0,.45));position:static}
.eyebrow{color:#f1e1bd;font-size:.78rem;margin-bottom:.8rem}
.hero h1{font-size:clamp(2.4rem,9vw,4.4rem);line-height:1.05;white-space:nowrap;color:#fff}
.hero h1 span b,.hero h1 span:nth-child(2) b{color:#fff}.hero h1 span:nth-child(2) b{color:#f6c978}
.hero h1 span{display:inline-block;margin-right:.22em}.hero h1 span:last-child{margin-right:0}
.hsoc{justify-content:center;gap:.8rem;margin-top:1.6rem;flex-wrap:wrap}
.hero .btn.ic,.hero .btn.ic:hover{width:48px;height:48px;background:rgba(255,255,255,.1);border:1.5px solid #fff;color:#fff}
.hero .btn.ic:hover{background:#fff;color:#3a3024}
@media(min-width:901px){.hero{padding-top:98px}.hero h1{font-size:clamp(3rem,5vw,4.6rem)}.hero .wrap{width:100%}}

/* hero fotka i na telefonu (celá obrazovka, na výšku) */
@media(max-width:900px){
  .hero .wrap .photo{position:absolute;inset:0;width:auto;height:auto;min-height:0;margin:0;aspect-ratio:auto;border-radius:0;clip-path:none;z-index:0}
  .hero .wrap .photo img{width:100%;height:100%;object-fit:cover;object-position:center 55%}
  .hero .wrap .txt{position:relative;z-index:2}
}

/* =====================================================================
   PRO – celý web pod hero (hero a navbar zůstávají beze změny)
   ===================================================================== */
:root{--gold:#f6c978;--gold2:#d9a95a;--dk:#0c0a08;--dk2:#16120d;--sh:0 1px 2px rgba(35,32,27,.06),0 22px 44px -26px rgba(35,32,27,.4)}
::selection{background:var(--gold);color:var(--dk)}
html{scrollbar-color:#8a6a43 #f3ede2}
main section{position:relative}
section{padding:clamp(64px,9vw,120px) 0}
h2{font-size:clamp(2.6rem,6vw,4.4rem);line-height:.95;margin-bottom:clamp(1.4rem,3vw,2.4rem)}
.kick{display:inline-flex;align-items:center;gap:.7rem;font:600 .78rem Figtree,sans-serif;letter-spacing:.22em;text-transform:uppercase;color:var(--red);margin-bottom:1rem}
.kick::before{content:'';width:34px;height:2px;background:currentColor;border-radius:2px}
.sub{margin:-1rem 0 2.2rem;color:var(--mu)}

/* pás s nejbližšími termíny */
.marq{background:var(--gold);color:var(--dk);padding:.75rem 0;border-block:1px solid rgba(12,10,8,.15)}
.marq div{font:400 1.5rem 'Bebas Neue',Impact,sans-serif;letter-spacing:.07em;text-transform:uppercase}
.marq span::after{color:var(--dk);opacity:.45}

/* tmavé sekce */
.dark{background:var(--dk2);color:#e9dfca;overflow:hidden}
.dark::before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(60% 50% at 90% 0,rgba(246,201,120,.13),transparent 70%),radial-gradient(50% 40% at 0 100%,rgba(138,106,67,.16),transparent 70%)}
.dark::after{content:'';position:absolute;inset:0;pointer-events:none;opacity:.07;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.dark>.wrap{position:relative;z-index:1}
.dark h2{color:#fff}.dark .kick{color:var(--gold)}.dark .sub{color:#b7ab93}

/* O kapele */
.s-about{background:var(--bg)}
.about{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(36px,6vw,92px);align-items:center}
.about .lead{font:600 clamp(1.15rem,2.2vw,1.5rem)/1.35 Figtree,sans-serif;color:var(--ink);border-left:3px solid var(--gold2);padding-left:1.1rem;margin:0 0 1.6rem;max-width:34ch}
.about p{color:#3d372e;max-width:58ch}
.abfig{position:relative;margin:0;aspect-ratio:5/4}
.abfig::before{content:'';position:absolute;inset:18px -18px -18px 18px;border:2px solid var(--gold2);border-radius:22px;z-index:0}
.abfig img{position:relative;z-index:1;width:100%;height:100%;object-fit:cover;border-radius:22px;box-shadow:var(--sh);will-change:transform}
.abfig{overflow:visible}.abfig img{clip-path:inset(0 round 22px)}
.abfig figcaption{position:absolute;z-index:2;left:18px;bottom:18px;background:rgba(12,10,8,.78);backdrop-filter:blur(6px);color:#f8f4ec;font:600 .7rem Figtree,sans-serif;letter-spacing:.16em;text-transform:uppercase;padding:.55em 1.1em;border-radius:99px}
.stats{margin-top:clamp(44px,6vw,80px);display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-block:1px solid var(--ln)}
.stats div{padding:1.7rem 1rem;text-align:center;border-top:0}
.stats div+div{border-left:1px solid var(--ln)}
.stats b{font:400 clamp(2.8rem,7vw,5rem)/1 'Bebas Neue',Impact,sans-serif;letter-spacing:.03em;color:var(--red)}
.stats span{display:block;margin-top:.35rem;font:600 .74rem Figtree,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--mu)}

/* Koncerty – lístky */
.gigs{list-style:none;padding:0;display:grid;gap:.8rem;border:0}
.gig,.gig.rv{position:relative;display:grid;grid-template-columns:104px 1fr auto;gap:1.4rem;align-items:center;padding:1.1rem 1.6rem 1.1rem 1.1rem;margin:0;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.09);border-radius:18px;transition:background .3s,border-color .3s,transform .4s var(--ease),box-shadow .3s}
.gig:hover{background:rgba(255,255,255,.075);border-color:rgba(246,201,120,.55);transform:translateX(6px)}
.gig .d{text-align:center;border-right:1px solid rgba(255,255,255,.14);padding-right:1.1rem}
.gig .d b{display:block;font:400 3.4rem/1 'Bebas Neue',Impact,sans-serif;color:var(--gold)}
.gig .d span{display:block;margin-top:.25rem;font:600 .68rem Figtree,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#a99d86}
.gig h4{color:#fff;font-size:clamp(1.7rem,3.4vw,2.3rem)}
.gig p{color:#cfc6b4;margin-top:.3rem}.gig em{color:#a99d86;opacity:1}
.gig .t{display:flex;align-items:center;gap:.9rem;color:#fff}
.gig .t span{font:400 1.6rem 'Bebas Neue',Impact,sans-serif;letter-spacing:.06em}
.gig .btn.sm{margin:0;background:var(--gold);border-color:var(--gold);color:var(--dk);font-weight:700;padding:.55em 1.2em}
.gig .btn.sm:hover{background:#fff;border-color:#fff}
.gig.first,.gig.first.rv{background:linear-gradient(120deg,#f6c978,#e0b062);border-color:transparent;color:var(--dk);padding-top:1.9rem;box-shadow:0 30px 60px -32px rgba(246,201,120,.6)}
.gig.first::before{content:'Nejbližší koncert';position:absolute;top:.75rem;left:1.2rem;font:700 .66rem Figtree,sans-serif;letter-spacing:.22em;text-transform:uppercase;color:rgba(12,10,8,.65)}
.gig.first:hover{border-color:transparent;background:linear-gradient(120deg,#fad58f,#e6b86b)}
.gig.first .d{border-color:rgba(12,10,8,.2)}.gig.first .d b,.gig.first h4,.gig.first .t{color:var(--dk)}
.gig.first .d span,.gig.first p,.gig.first em{color:rgba(12,10,8,.7)}
.gig.first .btn.sm{background:var(--dk);border-color:var(--dk);color:var(--gold)}.gig.first .btn.sm:hover{background:#2b2218;border-color:#2b2218}
.empty{background:rgba(255,255,255,.05);color:#cfc6b4;border:1px solid rgba(255,255,255,.1);border-radius:18px}
/* archiv */
.acc.arch{margin-top:2.6rem;border-top:1px solid rgba(255,255,255,.14)}
.acc.arch>.ah{color:#b7ab93}.acc.arch>.ah:hover,.acc.arch>.ah:hover small{color:#fff}
.acc.arch>.ah i::before,.acc.arch>.ah i::after{background:currentColor}
.acc.arch .yr{color:var(--gold)}.acc.arch .gigs{border:0;gap:0}
.gig.past,.gig.past.rv{grid-template-columns:96px 1fr auto;gap:1rem;padding:.6rem .3rem;background:none;border:0;border-bottom:1px solid rgba(255,255,255,.08);border-radius:0;transform:none}
.gig.past:hover{background:rgba(255,255,255,.04);transform:none;border-color:rgba(255,255,255,.08)}
.gig.past .d{border:0;padding:0;text-align:left}
.gig.past .d b{display:inline;font:600 1.05rem Figtree,sans-serif;color:#e9dfca}
.gig.past .d span{display:inline;font:500 .8rem Figtree,sans-serif;letter-spacing:0;text-transform:none;color:#a99d86}
.gig.past h4{display:inline;font:600 1rem Figtree,sans-serif;letter-spacing:0;text-transform:none;color:#e9dfca}
.gig.past p{display:inline;color:#b7ab93}.gig.past .t{color:#a99d86}.gig.past .t span{font:500 .85rem Figtree,sans-serif;letter-spacing:0}

/* Fotogalerie */
#fotogalerie{background:var(--bg2)}
.gal{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(.5rem,1.2vw,.9rem);grid-auto-flow:dense}
.gal a{position:relative;display:block;aspect-ratio:1;overflow:hidden;border-radius:16px;background:var(--ln);box-shadow:var(--sh)}
.gal img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .9s var(--ease),filter .5s}
.gal a::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(12,10,8,.6));opacity:0;transition:opacity .4s}
.gal a:hover::after,.gal a:focus-visible::after{opacity:1;background:linear-gradient(180deg,transparent 45%,rgba(12,10,8,.6))}
.gal a:hover img{transform:scale(1.08)}
.gal .zm{position:absolute;z-index:2;right:14px;bottom:14px;width:42px;height:42px;border-radius:50%;background:var(--gold);transform:translateY(10px) scale(.8);opacity:0;transition:opacity .35s,transform .45s var(--ease)}
.gal .zm::before,.gal .zm::after{content:'';position:absolute;left:50%;top:50%;width:16px;height:2px;margin:-1px 0 0 -8px;background:var(--dk);border-radius:2px}.gal .zm::after{transform:rotate(90deg)}
.gal a:hover .zm,.gal a:focus-visible .zm{opacity:1;transform:none}
.gal10 a.big{grid-column:span 2;grid-row:span 2;aspect-ratio:auto}
@media(max-width:700px){.gal{grid-template-columns:repeat(2,1fr)}}
.lb .ct{position:absolute;left:50%;bottom:max(18px,env(safe-area-inset-bottom));transform:translateX(-50%);color:#e9dfca;font:600 .8rem Figtree,sans-serif;letter-spacing:.22em}

/* Pro pořadatele */
#poradatele{background:var(--bg)}
.tabs{background:var(--dk);padding:6px}
.tabs button{font:600 .9rem Figtree,sans-serif;letter-spacing:.05em;color:#cfc6b4;padding:.75em 1.7em}
.tabs button[aria-selected=true]{color:var(--dk)}.tabs i{background:var(--gold)}
.fact,.card{--mx:-999px;--my:-999px}
.fact{position:relative;overflow:hidden;background:radial-gradient(260px circle at var(--mx) var(--my),rgba(246,201,120,.28),transparent 70%),var(--card);border:1px solid var(--ln);border-top:1px solid var(--ln);border-radius:18px;box-shadow:var(--sh);padding:1.4rem 1.5rem}
.fact::before{content:'';position:absolute;left:0;top:0;width:100%;height:3px;background:linear-gradient(90deg,var(--gold2),var(--gold))}
.fact small{font:600 .68rem Figtree,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--red);margin-bottom:.55rem}
.fact b{font:700 1.1rem/1.3 Figtree,sans-serif}
.card{background:radial-gradient(320px circle at var(--mx) var(--my),rgba(246,201,120,.22),transparent 70%),var(--card);border-radius:20px;box-shadow:var(--sh);padding:clamp(1.4rem,3vw,2.2rem)}
.card h3{font-size:1.8rem;color:var(--ink);margin-bottom:1.1rem;padding-bottom:.7rem;border-bottom:2px solid var(--gold2);display:inline-block}
.big2{font:500 1.2rem/1.4 Figtree,sans-serif}
.acc.box{background:var(--card);border:1px solid var(--ln);border-radius:18px;box-shadow:var(--sh);margin-top:1rem}
.acc.sm .ah{font-size:clamp(1.5rem,2.6vw,1.9rem)}
.file{border-radius:14px;box-shadow:var(--sh)}.file:hover{border-color:var(--gold2)}
.cta{position:relative;overflow:hidden;margin-top:2.4rem;background:linear-gradient(135deg,#17130e,#2e2419);border-radius:24px;padding:clamp(1.8rem,5vw,3.4rem);color:#e9dfca;box-shadow:0 40px 70px -40px rgba(12,10,8,.7)}
.cta::before{content:'';position:absolute;right:-90px;top:-90px;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(246,201,120,.38),transparent 70%);pointer-events:none}
.cta>*{position:relative}
.cta h3{color:#fff;font-size:clamp(2.2rem,4.6vw,3.4rem);margin-bottom:.5rem}.cta p{color:#cfc6b4;opacity:1!important}
.cta .btn{background:var(--gold);border-color:var(--gold);color:var(--dk);font-weight:700}.cta .btn:hover{background:#fff;border-color:#fff;color:var(--dk)}
.cta .btn.o{background:transparent;color:#fff;border-color:rgba(255,255,255,.4)}.cta .btn.o:hover{background:#fff;color:var(--dk);border-color:#fff}

/* Kontakt */
.contact{display:grid;grid-template-columns:1fr 1fr;gap:1rem;font-style:normal}
.contact a.big{display:flex;align-items:center;gap:1.2rem;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:22px;padding:clamp(1.2rem,3vw,1.8rem);color:#fff;transition:transform .35s var(--ease),border-color .3s,background .3s}
.contact a.big:hover{transform:translateY(-4px);border-color:var(--gold);background:rgba(255,255,255,.08)}
.contact .ci{flex:none;width:58px;height:58px;border-radius:50%;background:var(--gold);color:var(--dk);display:grid;place-items:center}
.contact .tx{min-width:0;flex:1}.contact small{color:#a99d86;margin:0 0 .25rem;font:600 .7rem Figtree,sans-serif;letter-spacing:.18em;text-transform:uppercase}
.contact b{font:700 clamp(1.1rem,2.6vw,1.55rem)/1.2 Figtree,sans-serif;letter-spacing:0;text-transform:none;word-break:break-word}
.contact .ar{font-size:1.6rem;color:var(--gold);transition:transform .3s var(--ease)}.contact a.big:hover .ar{transform:translateX(6px)}
.csoc{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap;margin-top:2.2rem}
.csoc span{font:600 .74rem Figtree,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#a99d86;margin-right:.6rem}
.csoc a{width:48px;height:48px;border-radius:50%;border:1.5px solid rgba(255,255,255,.35);display:grid;place-items:center;color:#fff;transition:background .25s,color .25s,border-color .25s,transform .3s var(--ease)}
.csoc a:hover{background:var(--gold);border-color:var(--gold);color:var(--dk);transform:translateY(-3px)}

/* Footer */
footer{position:relative;background:var(--dk);border-top:0}
footer::before{content:'';position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,transparent,var(--gold2),transparent)}
.fg h3{color:var(--gold)}.fg ul{gap:.6rem}
.fb{border-top-color:rgba(255,255,255,.1)}

/* zpět nahoru */
.totop{position:fixed;right:18px;bottom:calc(18px + env(safe-area-inset-bottom));z-index:40;width:48px;height:48px;border-radius:50%;border:0;background:var(--gold);color:var(--dk);display:grid;place-items:center;cursor:pointer;box-shadow:0 14px 30px -10px rgba(12,10,8,.6);opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .3s,transform .4s var(--ease),visibility .3s,background .25s}
.totop.on{opacity:1;visibility:visible;transform:none}.totop:hover{background:#fff}

@media(max-width:900px){
  .about{grid-template-columns:1fr}
  .abfig{order:2}.abfig::before{inset:12px -8px -12px 12px}
  .contact{grid-template-columns:1fr}
}
@media(max-width:640px){
  .gig,.gig.rv{grid-template-columns:78px 1fr;gap:.5rem 1rem;padding:1rem 1rem 1rem .8rem}
  .gig .d b{font-size:2.6rem}.gig .t{grid-column:1/-1;justify-content:space-between;padding-top:.2rem}
  .gig.first{padding-top:1.8rem}
  .gig.past,.gig.past.rv{grid-template-columns:1fr auto;padding:.6rem .2rem}.gig.past .d{grid-column:1/-1}
  .stats div{padding:1.2rem .3rem}.stats span{font-size:.62rem;letter-spacing:.12em}
  .tabs{display:flex;width:100%}.tabs button{flex:1;padding:.8em .3em;font-size:.85rem}
  .cta .ctab{width:100%}.cta .ctab .btn{flex:1;justify-content:center}
}
@media(prefers-reduced-motion:reduce){.gal img,.gig,.totop{transition:none}.abfig img{transform:none!important}}

/* =====================================================================
   SVĚTLÁ VERZE se silnou zlatou září – žádná černá pod hero
   ===================================================================== */
:root{--glow:rgba(246,201,120,.95);--glow2:rgba(217,169,90,.55);--brn:#a8762f}
main section>.wrap{position:relative;z-index:1}
.s-about::before,#poradatele::before,#fotogalerie::before{content:'';position:absolute;inset:0;pointer-events:none;z-index:0}
.s-about::before{background:radial-gradient(45% 55% at 100% 10%,rgba(246,201,120,.75),transparent 70%),radial-gradient(40% 45% at 0 100%,rgba(246,201,120,.5),transparent 70%)}
#fotogalerie::before{background:radial-gradient(50% 40% at 0 0,rgba(255,226,160,.8),transparent 70%),radial-gradient(45% 40% at 100% 100%,rgba(246,201,120,.6),transparent 70%)}
#poradatele::before{background:radial-gradient(45% 40% at 100% 0,rgba(246,201,120,.7),transparent 70%),radial-gradient(40% 40% at 0 90%,rgba(246,201,120,.45),transparent 70%)}

/* dříve tmavé sekce → teplé, zářivé */
.dark{background:linear-gradient(160deg,#fff3d6 0%,#f7dfa6 55%,#f1d08a 100%);color:var(--ink)}
.dark::before{background:radial-gradient(40% 55% at 95% 0,rgba(255,255,255,.85),transparent 70%),radial-gradient(45% 50% at 0 100%,rgba(217,169,90,.55),transparent 70%),radial-gradient(30% 40% at 50% 50%,rgba(255,236,190,.7),transparent 75%)}
.dark::after{display:none}
.dark h2{color:var(--ink)}.dark .kick{color:#7a5524}.dark .sub{color:#5d513e}
.kick::before{box-shadow:0 0 12px var(--glow)}

/* velká čísla, rámeček fotky – záře */
.stats b{color:var(--brn);text-shadow:0 0 28px var(--glow),0 0 6px rgba(246,201,120,.8)}
.abfig::before{border-color:var(--gold2);box-shadow:0 0 40px var(--glow),inset 0 0 30px rgba(246,201,120,.4)}
.abfig img{box-shadow:0 30px 60px -28px rgba(168,118,47,.65),0 0 60px rgba(246,201,120,.55)}

/* koncerty */
.gig,.gig.rv{background:rgba(255,255,255,.72);border:1px solid rgba(168,118,47,.28);box-shadow:0 10px 30px -18px rgba(122,85,36,.5)}
.gig:hover{background:#fff;border-color:var(--gold2);box-shadow:0 0 0 1px var(--gold2),0 0 44px var(--glow),0 20px 40px -20px rgba(122,85,36,.6)}
.gig .d{border-right-color:rgba(168,118,47,.3)}
.gig .d b{color:var(--brn);text-shadow:0 0 22px rgba(246,201,120,.9)}
.gig .d span{color:#8a7a5f}
.gig h4{color:var(--ink)}.gig p{color:#4d4435}.gig em{color:#8a7a5f}
.gig .t{color:var(--ink)}
.gig .btn.sm{background:#6c5233;border-color:#6c5233;color:#fff;box-shadow:0 0 22px rgba(246,201,120,.8)}
.gig .btn.sm:hover{background:#8a6a43;border-color:#8a6a43}
.gig.first,.gig.first.rv{background:linear-gradient(120deg,#ffe3a6,#f6c978 55%,#ecb860);box-shadow:0 0 0 1px rgba(255,255,255,.7) inset,0 0 70px rgba(255,214,120,.95),0 28px 50px -26px rgba(122,85,36,.7)}
.gig.first:hover{background:linear-gradient(120deg,#ffebbd,#fad78f 55%,#f1c06a);box-shadow:0 0 90px rgba(255,214,120,1),0 28px 50px -26px rgba(122,85,36,.7)}
.gig.first::before{color:rgba(60,40,10,.7)}
.gig.first .d b{color:#3a2a12;text-shadow:0 0 18px rgba(255,255,255,.9)}
.gig.first .btn.sm{background:#3a2a12;border-color:#3a2a12;color:var(--gold)}
.empty{background:rgba(255,255,255,.7);color:#4d4435;border-color:rgba(168,118,47,.3)}
.acc.arch{border-top-color:rgba(168,118,47,.35)}
.acc.arch>.ah{color:#6d5e45}.acc.arch>.ah:hover,.acc.arch>.ah:hover small{color:var(--ink)}
.acc.arch .yr{color:var(--brn)}
.gig.past,.gig.past.rv{background:none;border:0;border-bottom:1px solid rgba(168,118,47,.25);box-shadow:none}
.gig.past:hover{background:rgba(255,255,255,.55);box-shadow:none;border-color:rgba(168,118,47,.25)}
.gig.past .d b,.gig.past h4{color:var(--ink)}.gig.past .d span,.gig.past p,.gig.past .t{color:#6d5e45}

/* galerie, karty, přepínač */
.gal a{box-shadow:0 12px 30px -16px rgba(122,85,36,.6)}
.gal a:hover{box-shadow:0 0 0 2px var(--gold),0 0 46px var(--glow),0 20px 40px -20px rgba(122,85,36,.6)}
.gal a::after{background:linear-gradient(180deg,transparent 55%,rgba(122,85,36,.45))}
.gal a:hover::after,.gal a:focus-visible::after{background:linear-gradient(180deg,transparent 55%,rgba(122,85,36,.45))}
.gal .zm{box-shadow:0 0 24px var(--glow)}
.tabs{background:rgba(255,255,255,.65);border:1px solid rgba(168,118,47,.3)}
.tabs button{color:#6d5e45}.tabs button[aria-selected=true]{color:var(--ink)}
.tabs i{background:linear-gradient(120deg,#ffe3a6,#f6c978);box-shadow:0 0 26px var(--glow)}
.fact,.card{border-color:rgba(168,118,47,.28);box-shadow:0 12px 30px -20px rgba(122,85,36,.55)}
.fact:hover,.card:hover{box-shadow:0 0 0 1px var(--gold2),0 0 40px rgba(246,201,120,.75),0 18px 36px -20px rgba(122,85,36,.55)}
.fact::before{box-shadow:0 0 16px var(--glow)}
.acc.box{border-color:rgba(168,118,47,.28)}
.card h3{border-bottom-color:var(--gold2)}
.ck li::before{background-color:var(--brn);box-shadow:0 0 14px rgba(246,201,120,.9)}

/* banner Máte volný termín – zářivý */
.cta{background:linear-gradient(135deg,#ffe3a6 0%,#f6c978 50%,#e3b062 100%);color:var(--ink);box-shadow:0 0 90px rgba(246,201,120,.9),0 40px 70px -40px rgba(122,85,36,.7)}
.cta::before{background:radial-gradient(circle,rgba(255,255,255,.85),transparent 70%)}
.cta h3{color:#2b1f0e}.cta p{color:#4d3a1a}
.cta .btn{background:#3a2a12;border-color:#3a2a12;color:#fff}.cta .btn:hover{background:#6c5233;border-color:#6c5233;color:#fff}
.cta .btn.o{background:transparent;color:#3a2a12;border-color:#3a2a12}.cta .btn.o:hover{background:#3a2a12;color:#fff;border-color:#3a2a12}

/* kontakt */
.contact a.big{background:rgba(255,255,255,.75);border-color:rgba(168,118,47,.3);color:var(--ink);box-shadow:0 12px 30px -20px rgba(122,85,36,.55)}
.contact a.big:hover{background:#fff;border-color:var(--gold2);box-shadow:0 0 0 1px var(--gold2),0 0 54px var(--glow),0 20px 40px -22px rgba(122,85,36,.6)}
.contact .ci{background:linear-gradient(135deg,#ffe3a6,#f6c978);box-shadow:0 0 28px var(--glow);color:#3a2a12}
.contact small{color:#8a7a5f}.contact .ar{color:var(--brn)}
.csoc span{color:#6d5e45}
.csoc a{border-color:rgba(122,85,36,.55);color:#3a2a12}
.csoc a:hover{background:linear-gradient(135deg,#ffe3a6,#f6c978);border-color:var(--gold2);color:#3a2a12;box-shadow:0 0 30px var(--glow)}

/* patička – teplá karamelová, ne černá */
footer{background:#0c0a08;color:#f9f2e4}
footer::before{background:linear-gradient(90deg,transparent,#fff3d6,transparent);box-shadow:0 0 24px var(--glow)}
.fg h3{color:#ffe3a6;text-shadow:0 0 18px rgba(246,201,120,.6)}
footer a:hover{color:#ffe3a6}.fg .nx{color:#ffe3a6}
.fb{border-top-color:rgba(255,255,255,.2)}.fb a{border-bottom-color:#ffe3a6}.fb .fl a{color:#f9f2e4}
.totop{box-shadow:0 0 28px var(--glow),0 14px 30px -10px rgba(122,85,36,.6)}

/* =====================================================================
   BEZ GLOWŮ – čisté, ploché, teplé. Vše níže ruší záře z předchozích bloků.
   ===================================================================== */
:root{--soft:0 1px 2px rgba(35,32,27,.06),0 10px 24px -16px rgba(35,32,27,.28)}
.s-about::before,#poradatele::before,#fotogalerie::before,.dark::before,.dark::after,.cta::before{display:none}
.dark{background:#fcf8f1;color:var(--ink)}
.kick::before{box-shadow:none}
.stats b,.gig .d b,.gig.first .d b,.fg h3{text-shadow:none}
.abfig::before{box-shadow:none}
.abfig img{box-shadow:var(--soft)}

.gig,.gig.rv{background:#fff;border:1px solid var(--ln);box-shadow:var(--soft)}
.gig:hover{background:#fff;border-color:var(--gold2);box-shadow:var(--soft)}
.gig .btn.sm{box-shadow:none}
.gig.first,.gig.first.rv{background:var(--gold);border-color:var(--gold);box-shadow:var(--soft)}
.gig.first:hover{background:#f8d089;border-color:#f8d089;box-shadow:var(--soft)}
.gig.past,.gig.past.rv,.gig.past:hover{box-shadow:none}
.gig.past:hover{background:rgba(255,255,255,.6)}

.gal a,.gal a:hover{box-shadow:var(--soft)}
.gal a:hover{outline:2px solid var(--gold2);outline-offset:-2px}
.gal .zm{box-shadow:none}
.tabs i{background:var(--gold);box-shadow:none}
.fact,.card{background:var(--card);box-shadow:var(--soft)}
.fact:hover,.card:hover{box-shadow:var(--soft);border-color:var(--gold2)}
.fact::before{box-shadow:none}
.ck li::before{box-shadow:none}

.cta{background:var(--gold);box-shadow:var(--soft)}
.contact a.big,.contact a.big:hover{box-shadow:var(--soft)}
.contact a.big:hover{border-color:var(--gold2)}
.contact .ci{background:var(--gold);box-shadow:none}
.csoc a:hover{background:var(--gold);box-shadow:none}

footer::before{background:#d9a95a;box-shadow:none}
.totop{box-shadow:0 8px 20px -8px rgba(35,32,27,.45)}

/* === O kapele – profi verze: velká fotka, statistiky jako karta přes fotku, tlačítka === */
.s-about{background:var(--bg)}
.about{grid-template-columns:.92fr 1.08fr;gap:clamp(32px,6vw,96px);align-items:center}
.abfig{position:relative;margin:0;aspect-ratio:5/6;max-width:560px;width:100%;justify-self:center}
.abfig::before{display:none}
.abfig img,.abfig img[style]{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:24px;clip-path:none;box-shadow:0 30px 60px -34px rgba(35,32,27,.55);transform:none!important}
.abfig .stats{position:absolute;left:clamp(12px,3vw,24px);right:clamp(12px,3vw,24px);bottom:clamp(12px,3vw,24px);margin:0;border:0;background:rgba(255,255,255,.96);border-radius:18px;box-shadow:0 12px 30px -16px rgba(35,32,27,.45);z-index:2}
.abfig .stats div{padding:1rem .4rem}
.abfig .stats div+div{border-left:1px solid var(--ln)}
.abfig .stats b{font-size:clamp(2.2rem,4.6vw,3.2rem);color:var(--red);text-shadow:none}
.abfig .stats span{font-size:.64rem;letter-spacing:.14em;margin-top:.25rem}
.abtx h2{margin-bottom:1.3rem}
.abtx .lead{font:600 clamp(1.15rem,2vw,1.4rem)/1.4 Figtree,sans-serif;border-left:3px solid var(--gold2);padding-left:1.1rem;margin:0 0 1.6rem;max-width:36ch}
.abtx p{color:#3d372e;max-width:58ch;margin-bottom:1rem}
.chips{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:.6rem;margin:1.6rem 0 0}
.chips li{background:var(--card);border:1px solid var(--ln);border-radius:99px;padding:.5em 1.1em;font:600 .85rem Figtree,sans-serif;color:var(--red2)}
.abbtn{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.8rem}
@media(max-width:900px){.about{grid-template-columns:1fr}.abfig{max-width:480px}.abtx{order:-1}.abfig .stats div{padding:.8rem .2rem}}
@media(max-width:560px){.abbtn .btn{flex:1;justify-content:center}}

/* === Hero: střídání fotek na pozadí === */
.hero .photo img.hs{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1);transition:opacity 1.4s ease}
.hero .photo img.hs.on{opacity:1;animation:hkb 9s ease-out forwards}
@keyframes hkb{from{transform:scale(1)}to{transform:scale(1.06)}}
@media(prefers-reduced-motion:reduce){.hero .photo img.hs.on{animation:none}}

/* === O 30 % méně béžové (světlejší, čistší základ) === */
:root{--bg:#f8f4ec;--bg2:#f3ede2;--card:#fdfbf7;--ln:#ebe4d7}
.dark{background:#fcf8f1}
html{scrollbar-color:#8a6a43 #f3ede2}

/* === Patička: černá === */
footer{background:var(--dk);color:#cfc6b4}
footer::before{background:#d9a95a;box-shadow:none}
.fg h3{color:var(--gold);text-shadow:none}
footer a{color:inherit}footer a:hover{color:var(--gold)}
.fg .nx{color:var(--gold)}
.fg .brand{color:#fff}
.fb{border-top-color:rgba(255,255,255,.12)}.fb a{color:#fff;border-bottom-color:var(--gold2)}.fb .fl a{color:#cfc6b4;border-bottom-color:transparent}.fb .fl a:hover{color:#fff;border-bottom-color:var(--gold2)}

/* footer: černý */
footer{background:#0c0a08!important}

/* hamburger po rozkliknutí viditelný (lišta je tmavá) */
header .tg[aria-expanded=true] span,header.s .tg[aria-expanded=true] span{background:#f6c978!important}

/* fotogalerie: 10 fotek = vždy beze zbytku (desktop 4 sloupce, mobil 2 sloupce, bez děr) */
.gal10{grid-auto-flow:dense}
.gal10 a.big{grid-column:span 2;grid-row:span 2;aspect-ratio:auto}
@media(max-width:700px){
  .gal,.gal10{grid-template-columns:repeat(2,1fr);grid-auto-flow:dense;gap:.5rem}
  .gal10 a.big{grid-column:1/-1;grid-row:auto;aspect-ratio:16/10}
}

/* =====================================================================
   O KAPELE – nový design: široká fotka, nadpis vlevo / text vpravo, velká čísla
   ===================================================================== */
.ab2{background:#fff;padding:clamp(48px,7vw,96px) 0}
.ab2-ph{margin:0 0 clamp(32px,5vw,64px);aspect-ratio:16/9;border-radius:24px;overflow:hidden;background:#ddd}
.ab2-ph img{width:100%;height:100%;object-fit:cover;object-position:50% 0%;display:block}
.ab2-body{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(28px,6vw,90px);align-items:start}
.ab2 h2{font:400 clamp(3rem,7.5vw,6.4rem)/.9 'Bebas Neue',Impact,sans-serif;letter-spacing:.01em;text-transform:uppercase;color:var(--ink);margin:0 0 1.4rem}
.ab2 h2 em{display:block;font-style:normal;color:var(--gold2);-webkit-text-stroke:0}
.ab2-lead{font:600 clamp(1.15rem,2vw,1.45rem)/1.4 Figtree,sans-serif;color:var(--ink);max-width:30ch;margin:0}
.ab2-r p{color:#3d372e;font-size:1.05rem;line-height:1.65;margin:0 0 1rem;max-width:58ch}
.ab2-tags{list-style:none;padding:0;margin:1.4rem 0 0;display:flex;flex-wrap:wrap;gap:.5rem}
.ab2-tags li{border:1.5px solid var(--ink);border-radius:99px;padding:.4em 1em;font:600 .85rem Figtree,sans-serif;color:var(--ink)}
.ab2-btn{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.8rem}
.ab2-st{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(12px,3vw,40px);margin-top:clamp(36px,6vw,72px)}
.ab2-st div{border-top:3px solid var(--ink);padding-top:1rem}
.ab2-st b{display:block;font:400 clamp(3.2rem,9vw,7rem)/.9 'Bebas Neue',Impact,sans-serif;color:var(--ink)}
.ab2-st span{display:block;margin-top:.5rem;font:600 .74rem Figtree,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--mu)}
@media(max-width:860px){
  .ab2-ph{aspect-ratio:4/3;border-radius:18px}.ab2-ph img{object-position:50% 20%}
  .ab2-body{grid-template-columns:1fr;gap:1.2rem}
}
@media(max-width:480px){.ab2-st span{font-size:.6rem;letter-spacing:.1em}}

/* =====================================================================
   TERMÍNY – zlaté pozadí, velká města, tenké linky
   ===================================================================== */
#koncerty{background:#f2f2f2;color:var(--ink)}
#koncerty h2{color:var(--ink)}
#koncerty .kick{color:var(--ink)}
#koncerty .empty{background:#fff;color:var(--ink);border:1px solid rgba(35,32,27,.25);border-radius:0}
#koncerty .gigs{display:block;border-top:1px solid rgba(35,32,27,.35);padding:0;list-style:none}

#koncerty .gig:not(.past){
  position:relative;display:grid;grid-template-columns:130px 1fr auto;gap:1.5rem 2rem;align-items:center;
  padding:1.7rem 0;margin:0;background:none;border:0;border-bottom:1px solid rgba(35,32,27,.35);border-radius:0;box-shadow:none;transform:none;
  transition:background .35s,padding .4s var(--ease)}
#koncerty .gig:not(.past)::after{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--ink);transform:scaleY(0);transform-origin:top;transition:transform .4s var(--ease)}
#koncerty .gig:not(.past):hover{background:#fff;padding-left:1.4rem;transform:none;border-color:rgba(35,32,27,.35)}
#koncerty .gig:not(.past):hover::after{transform:scaleY(1)}
#koncerty .gig:not(.past) .d{border:0;padding:0;text-align:left;display:flex;flex-direction:column}
#koncerty .gig:not(.past) .d b{font:400 4.6rem/.85 'Bebas Neue',Impact,sans-serif;color:var(--ink);text-shadow:none}
#koncerty .gig:not(.past) .d span{margin-top:.5rem;font:600 .74rem Figtree,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:rgba(35,32,27,.75)}
#koncerty .gig:not(.past) h4{font:400 clamp(2.3rem,6vw,4.4rem)/.95 'Bebas Neue',Impact,sans-serif;letter-spacing:.02em;text-transform:uppercase;color:var(--ink);margin:0}
#koncerty .gig:not(.past) p{margin:.5rem 0 0;font:500 1.05rem Figtree,sans-serif;color:#55524c}
#koncerty .gig:not(.past) em{color:#55524c}
#koncerty .gig:not(.past) .t{display:flex;align-items:center;gap:1.2rem;color:var(--ink)}
#koncerty .gig:not(.past) .t span{font:400 1.9rem 'Bebas Neue',Impact,sans-serif;letter-spacing:.08em;color:var(--ink)}
#koncerty .gig:not(.past) .btn.sm{margin:0;background:transparent;border:1.5px solid var(--ink);color:var(--ink);padding:.7em 1.6em;font-weight:600;box-shadow:none}
#koncerty .gig:not(.past) .btn.sm:hover{background:var(--ink);border-color:var(--ink);color:var(--gold)}

#koncerty .gig.first:not(.past){padding:2.6rem 0 1.7rem 1.4rem;background:#fff;box-shadow:none}
#koncerty .gig.first:not(.past)::after{transform:scaleY(1)}
#koncerty .gig.first:not(.past)::before{content:'Nejbližší koncert';position:absolute;top:1rem;left:1.4rem;font:700 .68rem Figtree,sans-serif;letter-spacing:.24em;text-transform:uppercase;color:var(--ink)}
#koncerty .gig.first:not(.past) .btn.sm{background:var(--ink);border-color:var(--ink);color:var(--gold)}
#koncerty .gig.first:not(.past) .btn.sm:hover{background:#fff;border-color:#fff;color:var(--ink)}

#koncerty .acc.arch{margin-top:2.4rem;border-top:1px solid rgba(35,32,27,.35)}
#koncerty .acc.arch>.ah{color:#3a2a12}
#koncerty .acc.arch>.ah:hover,#koncerty .acc.arch>.ah:hover small{color:var(--ink)}
#koncerty .acc.arch .yr{color:var(--ink)}
#koncerty .acc.arch .gigs{border:0}
#koncerty .gig.past,#koncerty .gig.past.rv{background:none;border:0;border-bottom:1px solid rgba(35,32,27,.2);border-radius:0;box-shadow:none}
#koncerty .gig.past .d b,#koncerty .gig.past h4{color:var(--ink)}
#koncerty .gig.past .d span,#koncerty .gig.past p,#koncerty .gig.past .t,#koncerty .gig.past .t span{color:#55524c}
#koncerty .gig.past:hover{background:#fff}

@media(max-width:760px){
  #koncerty .gig:not(.past){grid-template-columns:78px 1fr;gap:.9rem 1.2rem;padding:1.3rem 0;align-items:start}
  #koncerty .gig:not(.past):hover{padding-left:1rem}
  #koncerty .gig:not(.past) .d b{font-size:3.4rem}
  #koncerty .gig:not(.past) h4{font-size:clamp(2rem,9vw,2.8rem)}
  #koncerty .gig:not(.past) p{font-size:.95rem}
  #koncerty .gig:not(.past) .t{grid-column:2;justify-content:flex-start;gap:1rem}
  #koncerty .gig.first:not(.past){padding:2.4rem 0 1.3rem 1rem}
  #koncerty .gig.first:not(.past)::before{left:1rem}
}