@font-face{font-family:"Konkurent";src:url(/assets/konkurent.woff2) format("woff2");font-display:swap;unicode-range:U+0030-0039,U+0041-005A,U+0061-007A;}
:root{--ink:#090909;--coal:#121213;--steel:#1b1b1e;--line:#29292d;--bone:#f3efe8;--mute:#a9a4a0;--red:#c41c20;--red2:#e0261f;--ember:#ff7a1a;--display:"Konkurent","Oswald",Impact,sans-serif;}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;overflow-x:hidden;}
body{margin:0;background:var(--ink);color:var(--bone);font:16px/1.7 Inter,system-ui,sans-serif;overflow-x:hidden;}
img{max-width:100%;height:auto;display:block;}
a{color:inherit;}
h1,h2,h3{font-family:var(--display);text-transform:uppercase;letter-spacing:.03em;line-height:1.08;margin:0 0 .5em;font-weight:700;}
h2{font-size:clamp(34px,5.2vw,62px);}
p{margin:0 0 1em;color:#d9d4cd;}
.wrap{max-width:1180px;margin:0 auto;padding:0 24px;}
.sec{padding:100px 0;position:relative;}
.sec.alt{background:var(--coal);}
.eyebrow{display:inline-block;font-family:Oswald,sans-serif;color:var(--red2);letter-spacing:.32em;text-transform:uppercase;font-size:13px;margin-bottom:12px;}
.lead{font-size:20px;color:var(--bone);max-width:780px;}
.grain{position:fixed;inset:-50%;pointer-events:none;z-index:90;opacity:.06;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='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:grain 1.2s steps(6) infinite;}
@keyframes grain{0%{transform:translate(0,0)}25%{transform:translate(-3%,2%)}50%{transform:translate(2%,-3%)}75%{transform:translate(-2%,-1%)}100%{transform:translate(1%,3%)}}
/* buttons */
.btn{position:relative;display:inline-block;font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:.16em;font-size:15px;font-weight:600;padding:15px 32px;border:2px solid var(--red);background:var(--red);color:#fff;text-decoration:none;margin:6px;overflow:hidden;transition:color .25s,border-color .25s,box-shadow .25s;cursor:pointer;}
.btn::before{content:"";position:absolute;inset:0;background:#000;transform:translateX(-101%);transition:transform .3s ease;z-index:-1;}
.btn:hover{box-shadow:0 0 28px #c41c2099;}
.btn:hover::before{transform:none;}
.btn{z-index:0;}
.btn.ghost{background:transparent;border-color:#ffffff80;}
.btn.ghost::before{background:var(--red);}
.btn.ghost:hover{border-color:var(--red);}
/* nav */
.nav{position:fixed;top:0;left:0;right:0;z-index:60;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 28px;background:linear-gradient(#000d,#0000);transition:background .3s,padding .3s;}
.nav.solid{background:#090909f2;border-bottom:1px solid var(--line);padding:9px 28px;backdrop-filter:blur(8px);}
.nav .brand img{height:42px;width:auto;transition:transform .5s;}
.nav .brand:hover img{transform:rotate(-12deg) scale(1.08);}
.nav ul{display:flex;gap:22px;list-style:none;margin:0;padding:0;}
.nav ul a{position:relative;font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:.12em;font-size:14px;text-decoration:none;opacity:.85;padding:4px 0;}
.nav ul a::after{content:"";position:absolute;left:0;right:100%;bottom:-2px;height:2px;background:var(--red2);transition:right .3s;}
.nav ul a:hover,.nav ul a.on{opacity:1;}
.nav ul a:hover::after,.nav ul a.on::after{right:0;}
.lang{display:flex;border:1px solid #fff5;border-radius:3px;overflow:hidden;}
.lang a{font:600 13px Oswald,sans-serif;letter-spacing:.1em;padding:6px 10px;text-decoration:none;}
.lang a.on{background:var(--red);}
.burger{display:none;background:none;border:0;color:var(--bone);font-size:28px;cursor:pointer;}
/* hero */
.hero{position:relative;height:100vh;min-height:600px;display:flex;align-items:flex-end;justify-content:center;text-align:center;overflow:hidden;background:#000 url(/assets/hero.jpg) center 30%/cover no-repeat;}
.hero .yt{position:absolute;top:50%;left:50%;width:100vw;height:56.25vw;min-height:100vh;min-width:177.77vh;transform:translate(-50%,-50%);border:0;pointer-events:none;opacity:0;transition:opacity 1.2s;}
.hero .yt.on{opacity:1;}
.hero::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,#0000 30%,#000a 100%),linear-gradient(180deg,#000a 0%,#0000 28%,#0000 55%,var(--ink) 100%);z-index:1;}
.hero .in{position:relative;z-index:3;padding:0 24px 90px;max-width:960px;}
.hero .mark{width:min(680px,88vw);margin:0 auto 18px;filter:drop-shadow(0 6px 30px #000);animation:slam 1.1s cubic-bezier(.2,1.4,.4,1) both;}
@keyframes slam{0%{opacity:0;transform:scale(1.6);filter:blur(12px)}60%{opacity:1;filter:blur(0)}100%{transform:none}}
.hero .tag{font-family:Oswald,sans-serif;letter-spacing:.42em;text-transform:uppercase;font-size:15px;margin-bottom:28px;animation:fadeUp 1s .6s both;}
.hero .ctas{animation:fadeUp 1s .9s both;}
.scrolldown{position:absolute;bottom:22px;left:50%;z-index:3;width:24px;height:38px;border:2px solid #fff8;border-radius:14px;transform:translateX(-50%);}
.scrolldown::after{content:"";position:absolute;left:50%;top:7px;width:4px;height:8px;border-radius:2px;background:var(--red2);transform:translateX(-50%);animation:wheel 1.6s infinite;}
@keyframes wheel{0%{opacity:1;top:7px}100%{opacity:0;top:20px}}
@keyframes fadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
.embers{position:absolute;inset:0;z-index:2;pointer-events:none;}
/* page header */
.phead{position:relative;padding:170px 0 80px;overflow:hidden;background:#000 center/cover no-repeat;}
.phead::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#000e 0%,#000a 55%,#0005 100%),linear-gradient(0deg,var(--ink),#0000 60%);}
.phead .wrap{position:relative;z-index:2;}
.phead h1{font-size:clamp(46px,8vw,104px);margin:0;text-shadow:0 0 40px #c41c2066;}
.phead p{max-width:640px;font-size:18px;margin-top:14px;}
/* jubilee 40 */
.jub{position:relative;overflow:hidden;background:#050505;padding:110px 0 120px;clip-path:polygon(0 4%,100% 0,100% 96%,0 100%);margin:-30px 0;z-index:2;}
.jub::before{content:"";position:absolute;inset:-20%;background:radial-gradient(circle at 30% 60%,#c41c2055,#0000 45%),radial-gradient(circle at 75% 40%,#ff7a1a33,#0000 40%);animation:heat 6s ease-in-out infinite alternate;}
@keyframes heat{to{transform:translate(4%,-3%) scale(1.08)}}
.jub .wrap{position:relative;z-index:3;display:grid;grid-template-columns:auto 1fr;gap:56px;align-items:center;}
.forty{position:relative;font-family:var(--display);font-size:clamp(170px,26vw,330px);line-height:.8;font-weight:700;background:linear-gradient(0deg,#5a0000 0%,var(--red) 28%,var(--ember) 55%,#ffd27a 78%,#fff 100%);background-size:100% 220%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:burn 3s ease-in-out infinite alternate,flicker 4s infinite;filter:drop-shadow(0 0 28px #ff3b1a88);}
@keyframes burn{from{background-position:0 0}to{background-position:0 100%}}
@keyframes flicker{0%,100%{opacity:1}92%{opacity:1}93%{opacity:.75}94%{opacity:1}96%{opacity:.85}97%{opacity:1}}
.forty small{position:absolute;right:-8px;bottom:-34px;font-family:Oswald,sans-serif;font-size:15px;letter-spacing:.5em;color:var(--bone);-webkit-text-fill-color:var(--bone);background:none;filter:none;}
.jub h2{font-size:clamp(34px,4.6vw,58px);}
.jub h2 em{font-style:normal;color:var(--red2);text-shadow:0 0 24px #ff3b1a;}
.jub p{font-size:18px;color:#eee;}
.years{display:flex;align-items:center;gap:16px;font-family:var(--display);font-size:clamp(28px,4vw,44px);margin-top:24px;}
.years i{flex:1;height:3px;background:linear-gradient(90deg,var(--red),var(--ember));position:relative;}
.years i::after{content:"";position:absolute;right:0;top:50%;width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 0 18px 6px var(--ember);transform:translateY(-50%);animation:spark 1.4s infinite;}
@keyframes spark{50%{box-shadow:0 0 6px 2px var(--ember)}}
.ticker{position:relative;z-index:3;overflow:hidden;white-space:nowrap;border-top:1px solid #ffffff22;border-bottom:1px solid #ffffff22;margin-top:70px;background:#000a;transform:rotate(-2deg) scale(1.05);}
.ticker div{display:inline-block;padding:14px 0;font-family:Oswald,sans-serif;font-size:22px;letter-spacing:.25em;text-transform:uppercase;animation:tick 32s linear infinite;}
.ticker b{color:var(--red2);margin:0 26px;}
@keyframes tick{to{transform:translateX(-50%)}}
/* reveal */
.js .rv{opacity:0;transform:translateY(40px);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.8,.2,1);}
.js .rv.in{opacity:1;transform:none;}
.rv.d1{transition-delay:.12s}.rv.d2{transition-delay:.24s}.rv.d3{transition-delay:.36s}
/* split */
.split{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center;}
.frame{position:relative;}
.frame img{width:100%;position:relative;z-index:1;}
.frame::before{content:"";position:absolute;inset:18px -18px -18px 18px;border:2px solid var(--red);z-index:0;transition:transform .5s;}
.frame:hover::before{transform:translate(-8px,-8px);}
/* stats */
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:50px;}
.stat{border:1px solid var(--line);padding:28px 16px;text-align:center;background:linear-gradient(180deg,#151517,#0c0c0d);transition:transform .3s,border-color .3s;}
.stat:hover{transform:translateY(-6px);border-color:var(--red);}
.stat b{display:block;font-family:var(--display);font-size:46px;color:var(--red2);line-height:1.1;}
.stat span{font-size:13px;text-transform:uppercase;letter-spacing:.12em;color:var(--mute);}
/* legends marquee */
.legends{overflow:hidden;white-space:nowrap;padding:30px 0;mask-image:linear-gradient(90deg,#0000,#000 10%,#000 90%,#0000);}
.legends div{display:inline-block;animation:tick 40s linear infinite;}
.legends span{font-family:var(--display);text-transform:uppercase;font-size:clamp(34px,5vw,64px);margin:0 34px;color:transparent;-webkit-text-stroke:1.5px #ffffffaa;transition:color .3s;}
.legends span:nth-child(3n+1){color:#fff;-webkit-text-stroke:0;}
.legends span:hover{color:var(--red2);-webkit-text-stroke:0;}
/* chapters */
.chap{display:grid;grid-template-columns:170px 1fr;gap:34px;padding:42px 0;border-bottom:1px solid var(--line);}
.chap .yr{font-family:var(--display);font-size:40px;color:var(--red2);line-height:1;position:sticky;top:90px;align-self:start;}
.chap h3{font-size:26px;}
.quote{font-family:Oswald,sans-serif;text-transform:uppercase;font-size:clamp(26px,3.6vw,42px);line-height:1.2;border-left:5px solid var(--red);padding:8px 0 8px 28px;margin:60px 0;}
.quote small{display:block;font-family:Inter,sans-serif;text-transform:none;font-size:14px;color:var(--mute);margin-top:12px;}
/* awards */
.awards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;margin-top:40px;}
.award{background:var(--steel);border-left:3px solid var(--red);padding:22px 24px;transition:transform .3s,background .3s;}
.award:hover{transform:translateX(6px);background:#222226;}
.award b{display:block;font-family:Oswald,sans-serif;text-transform:uppercase;font-size:19px;color:#fff;font-weight:600;}
.award small{color:var(--mute);font-size:14px;}
/* discography */
.disc{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));border-top:1px solid var(--line);margin-top:30px;}
.cd{display:flex;gap:16px;align-items:baseline;padding:18px 6px;border-bottom:1px solid var(--line);transition:background .3s,padding .3s;}
.cd:hover{background:#ffffff06;padding-left:14px;}
.cd .y{font-family:var(--display);color:var(--red2);min-width:48px;}
.cd .t{font-family:Oswald,sans-serif;text-transform:uppercase;font-size:18px;}
/* video */
.player{position:relative;aspect-ratio:16/9;background:#000;box-shadow:0 30px 80px #000c;}
.player iframe{position:absolute;inset:0;width:100%;height:100%;border:0;}
.vgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:22px;margin-top:40px;}
.vcard{position:relative;cursor:pointer;background:#000;overflow:hidden;border:0;padding:0;color:inherit;text-align:left;font:inherit;}
.vcard img{width:100%;aspect-ratio:16/9;object-fit:cover;transition:transform .6s,filter .6s;filter:saturate(.8) brightness(.8);}
.vcard:hover img{transform:scale(1.07);filter:none;}
.vcard .pl{position:absolute;top:calc(50% - 50px);left:50%;width:70px;height:70px;border-radius:50%;background:var(--red);transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 0 #c41c2099;animation:pulse 2s infinite;}
.vcard .pl::after{content:"";border-left:22px solid #fff;border-top:13px solid transparent;border-bottom:13px solid transparent;margin-left:6px;}
@keyframes pulse{70%{box-shadow:0 0 0 22px #c41c2000}}
.vcard .vt{padding:14px 4px;font-family:Oswald,sans-serif;text-transform:uppercase;font-size:17px;letter-spacing:.04em;}
/* members */
.members{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:40px;}
.m{position:relative;overflow:hidden;background:#000;}
.m img,.m .ph{width:100%;aspect-ratio:3/4;object-fit:cover;transition:transform .7s,filter .7s;filter:grayscale(1) contrast(1.1);}
.m:hover img{transform:scale(1.06);filter:none;}
.m .ph{display:flex;align-items:center;justify-content:center;background:repeating-linear-gradient(45deg,#141416,#141416 14px,#19191c 14px,#19191c 28px);filter:none;}
.m .ph svg{width:40%;opacity:.25;}
.m .cap{position:absolute;left:0;right:0;bottom:0;padding:60px 22px 20px;background:linear-gradient(0deg,#000e,#0000);}
.m .cap b{display:block;font-family:Oswald,sans-serif;text-transform:uppercase;font-size:24px;line-height:1.15;}
.m .cap span{color:var(--red2);font-family:Oswald,sans-serif;letter-spacing:.2em;text-transform:uppercase;font-size:13px;}
.m::after{content:"";position:absolute;inset:0;border:2px solid var(--red);opacity:0;transition:opacity .4s;}
.m:hover::after{opacity:1;}
/* gallery */
.filters{display:flex;flex-wrap:wrap;gap:10px;margin:30px 0;}
.filters button{background:none;border:1px solid var(--line);color:var(--bone);font:600 14px Oswald,sans-serif;letter-spacing:.14em;text-transform:uppercase;padding:9px 18px;cursor:pointer;transition:.25s;}
.filters button.on,.filters button:hover{background:var(--red);border-color:var(--red);}
.masonry{columns:3 320px;column-gap:14px;}
.masonry a{display:block;margin-bottom:14px;position:relative;overflow:hidden;break-inside:avoid;background:#000;}
.masonry img{width:100%;transition:transform .8s cubic-bezier(.2,.8,.2,1),filter .8s;filter:brightness(.88);}
.masonry a:hover img{transform:scale(1.06);filter:brightness(1.05);}
.masonry a::after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 0 var(--red);transition:box-shadow .35s;}
.masonry a:hover::after{box-shadow:inset 0 0 0 3px var(--red);}
.masonry a.hide{display:none;}
/* collage (home) */
.collage{display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:150px;gap:10px;}
.collage a{position:relative;overflow:hidden;display:block;}
.collage img{width:100%;height:100%;object-fit:cover;transition:transform 1s,filter 1s;filter:grayscale(.6);}
.collage a:hover img{transform:scale(1.08) rotate(.5deg);filter:none;}
.collage .c1{grid-column:span 3;grid-row:span 3;}.collage .c2{grid-column:span 3;grid-row:span 2;}.collage .c3{grid-column:span 2;grid-row:span 2;}.collage .c4{grid-column:span 1;grid-row:span 2;}.collage .c5{grid-column:span 2;grid-row:span 2;}.collage .c6{grid-column:span 2;grid-row:span 1;}
/* lightbox / modal */
.lb{position:fixed;inset:0;z-index:100;background:#000f;display:none;align-items:center;justify-content:center;}
.lb.on{display:flex;animation:fadeIn .3s;}
@keyframes fadeIn{from{opacity:0}}
.lb img{max-width:92vw;max-height:88vh;box-shadow:0 0 80px #c41c2044;}
.lb .x,.lb .pv,.lb .nx{position:absolute;background:none;border:0;color:#fff;font-size:44px;cursor:pointer;padding:16px;opacity:.75;}
.lb .x:hover,.lb .pv:hover,.lb .nx:hover{opacity:1;color:var(--red2);}
.lb .x{top:6px;right:14px;}.lb .pv{left:8px;top:50%;transform:translateY(-50%);}.lb .nx{right:8px;top:50%;transform:translateY(-50%);}
.lb .vbox{width:min(1100px,94vw);}
/* events */
.ev{display:grid;grid-template-columns:130px 1fr;gap:26px;padding:26px 8px;border-bottom:1px solid var(--line);transition:background .3s;}
.ev:hover{background:#ffffff05;}
.ev .d{font-family:var(--display);color:var(--red2);font-size:34px;line-height:1;}
.ev .d small{display:block;font-family:Oswald,sans-serif;font-size:13px;letter-spacing:.18em;color:var(--mute);margin-top:6px;}
.ev h3{font-family:Oswald,sans-serif;font-size:21px;margin:0 0 4px;}
.ev p{margin:0;color:var(--mute);font-size:15px;}
.empty{border:1px dashed var(--line);padding:34px;text-align:center;color:var(--mute);}
/* fb posts */
.posts{columns:3 340px;column-gap:20px;}
.posts .p{break-inside:avoid;margin-bottom:20px;background:#fff;border-radius:6px;overflow:hidden;}
.posts iframe{display:block;width:100%;border:0;}
/* contact */
.contact{display:grid;grid-template-columns:1fr 1.1fr;gap:60px;align-items:start;}
.cline{display:flex;align-items:center;gap:14px;font-family:Oswald,sans-serif;font-size:clamp(20px,2.4vw,28px);margin:12px 0;text-decoration:none;transition:color .2s;}
.cline:hover{color:var(--red2);}
.cline svg{width:26px;height:26px;fill:var(--red2);flex:none;}
.cgroup{margin-bottom:34px;}
.cgroup h3{font-size:16px;letter-spacing:.25em;color:var(--mute);margin-bottom:6px;font-family:Oswald,sans-serif;}
form .row{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
form label{display:block;font:600 12px Oswald,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--mute);margin:14px 0 6px;}
form input,form textarea,form select{width:100%;background:#0e0e10;border:1px solid var(--line);color:var(--bone);font:16px Inter,sans-serif;padding:14px;transition:border-color .2s,box-shadow .2s;}
form input:focus,form textarea:focus,form select:focus{outline:0;border-color:var(--red);box-shadow:0 0 0 3px #c41c2033;}
form textarea{min-height:150px;resize:vertical;}
.fmsg{margin-top:14px;font-weight:600;}
.hp{position:absolute;left:-5000px;}
/* footer */
.foot{border-top:1px solid var(--line);padding:56px 0 34px;text-align:center;background:#060606;}
.foot .seal{width:120px;margin:0 auto 22px;filter:invert(1);mix-blend-mode:screen;opacity:.9;}
.soc{display:flex;gap:14px;justify-content:center;margin-bottom:22px;}
.soc a{width:46px;height:46px;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;border-radius:50%;transition:.25s;}
.soc a:hover{border-color:var(--red);background:var(--red);transform:translateY(-3px);}
.soc svg{width:20px;height:20px;fill:var(--bone);}
.foot nav{display:flex;flex-wrap:wrap;gap:8px 22px;justify-content:center;margin-bottom:22px;}
.foot nav a{font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:.12em;font-size:13px;text-decoration:none;color:var(--mute);}
.foot nav a:hover{color:#fff;}
.copy{color:var(--mute);font-size:13px;margin:0;}
.copy a{color:var(--bone);}
/* cta band */
.cta{position:relative;text-align:center;padding:120px 0;overflow:hidden;background:#000 url(/assets/hero.jpg) center/cover fixed;}
.cta::before{content:"";position:absolute;inset:0;background:#000c;}
.cta .wrap{position:relative;z-index:2;}
@media (max-width:980px){.members{grid-template-columns:repeat(2,1fr);}.jub .wrap{grid-template-columns:1fr;gap:20px;text-align:center}.years{justify-content:center}}
@media (max-width:900px){
 .split,.contact{grid-template-columns:1fr;gap:40px;}
 .stats{grid-template-columns:repeat(2,1fr);}
 .nav ul{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;gap:0;background:#090909f7;border-bottom:1px solid var(--line);}
 .nav ul.open{display:flex;}
 .nav ul a{display:block;padding:14px 24px;}
 .burger{display:block;}
 .nav,.nav.solid{padding:10px 16px;}
 .wrap{padding:0 16px;}
 .sec{padding:72px 0;}
 .chap{grid-template-columns:1fr;gap:6px;}
 .chap .yr{position:static;}
 .collage{grid-template-columns:repeat(2,1fr);grid-auto-rows:150px;}
 .collage a{grid-column:span 1 !important;grid-row:span 1 !important;}
 .collage .c1{grid-column:span 2 !important;grid-row:span 2 !important;}
 .cta{background-attachment:scroll;}
 form .row{grid-template-columns:1fr;}
 .ev{grid-template-columns:1fr;gap:8px;}
}
@media (max-width:560px){.members{grid-template-columns:1fr;}}
@media (prefers-reduced-motion:reduce){*{animation:none !important;transition:none !important;}.rv{opacity:1;transform:none;}}