@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=Inter:wght@400;500;600;700;800&display=swap');
:root{--bg:#050a08;--panel:#0c1711;--panel2:#102018;--mint:#62fb81;--muted:#a4b7aa;--line:#244331;--ink:#f3fff4}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.55 Inter,Arial,sans-serif}a{color:inherit}img{max-width:100%}button{font:inherit}.wrap{width:min(1180px,calc(100% - 48px));margin:auto}.skip{position:absolute;left:-999px}.skip:focus{left:20px;top:15px;color:#000;background:white;z-index:100}.top{position:sticky;top:0;z-index:20;background:#07100ce9;backdrop-filter:blur(18px);border-bottom:1px solid #1a3623}.bar{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px}.logo{font:900 31px/1 'Barlow Condensed',Impact,sans-serif;letter-spacing:1px;text-decoration:none}.logo em{color:var(--mint);font-style:normal}.links{display:flex;gap:34px;align-items:center}.links a{text-decoration:none;font-size:13px;font-weight:700;transition:color .2s}.links a:hover,.links a:focus{color:var(--mint)}.menu{display:none;color:white;background:#102015;border:1px solid #31513b;border-radius:8px;padding:7px 12px}.hero{position:relative;overflow:hidden;background:linear-gradient(90deg,#04100aec 0%,#04100ac8 47%,#04100a32 100%),url('stage.webp') center/cover no-repeat;border-bottom:1px solid #1b4227}.hero:after{content:'';position:absolute;right:-200px;bottom:-240px;width:720px;height:720px;border:1px solid #66ff8032;border-radius:50%;box-shadow:0 0 0 140px #67fa8005;pointer-events:none}.hero-grid{display:grid;grid-template-columns:1fr .9fr;align-items:end;min-height:730px;gap:24px;position:relative}.hero-copy{padding:94px 0 96px;position:relative;z-index:2}.eyebrow{color:var(--mint);font-size:12px;letter-spacing:5px;font-weight:800}.hero h1{font:900 clamp(61px,7vw,116px)/.84 'Barlow Condensed',Impact,Arial,sans-serif;letter-spacing:-1px;margin:29px 0 28px}.hero h1 span{display:block}.hero h1 .green{color:var(--mint)}.hero p{max-width:500px;color:#d0ddd3;font-size:16px;line-height:1.9}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;border-radius:9px;font-weight:800;padding:13px 20px;font-size:13px;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-2px)}.primary{background:var(--mint);color:#061609;box-shadow:0 0 28px #48ff722b}.outline{border:1px solid #8cfb9e83;background:#0311096b;color:white}.photo{height:685px;max-width:100%;object-fit:contain;object-position:bottom right;display:block;align-self:end;filter:drop-shadow(0 14px 40px #0008);position:relative;z-index:1}.hero-badge{margin-top:40px;max-width:455px;display:flex;align-items:center;gap:20px;border:1px solid #39794a;background:#06130db8;backdrop-filter:blur(13px);padding:18px 21px;border-radius:12px;box-shadow:0 20px 60px #0007}.badge-icon{font-size:29px;color:var(--mint);padding:13px;border:1px solid #387945;border-radius:10px}.hero-badge small{font-size:10px;letter-spacing:3px;color:var(--mint);font-weight:800}.hero-badge strong{font-size:22px;display:block}.hero-badge span{font-size:13px;color:#c7d9cb}.section{padding:100px 0}.section-heading{margin-bottom:35px}.kicker{color:var(--mint);font-weight:800;letter-spacing:4px;text-transform:uppercase;font-size:11px}.section h2{font:900 clamp(39px,5vw,68px)/1 'Barlow Condensed',Impact,sans-serif;letter-spacing:.2px;margin:14px 0 20px}.section h2 em{font-style:normal;color:var(--mint)}.section p{color:var(--muted);max-width:680px}.two{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:32px}.chip{border:1px solid #305a3d;border-radius:12px;padding:24px;background:linear-gradient(135deg,#0e1e15,#08150e);font:800 24px 'Barlow Condensed',Arial}.chip:before{content:'◢';color:var(--mint);font-size:15px;margin-right:12px}.music{background:radial-gradient(ellipse at 80% 30%,#153e2542,transparent 50%),#07110c}.media-box{padding:42px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(135deg,#112d1c,#070e0b);min-height:280px;display:flex;flex-direction:column;justify-content:space-between}.media-box .word{font:900 clamp(32px,5vw,60px) 'Barlow Condensed';color:var(--mint)}.media-box p{font-size:14px}.gig-row{display:grid;grid-template-columns:115px 1fr auto;align-items:center;gap:32px;padding:28px;border:1px solid var(--line);background:#0d1c13;border-radius:12px;margin-top:20px}.date{display:grid;gap:0;text-align:center;background:#153322;border-radius:8px;padding:10px}.date strong{font:900 45px/1 'Barlow Condensed';color:var(--mint)}.date span{font-size:11px;letter-spacing:2px;font-weight:800}.gig-row h3{margin:0;font-size:23px}.gig-row p{margin:4px 0 0}.gig-time{font-weight:800;color:var(--mint)}.about{background:#0b1710}.about p{line-height:1.9}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:30px}.panel{border:1px solid var(--line);border-radius:13px;padding:26px;background:var(--panel)}.panel small{display:block;letter-spacing:2px;text-transform:uppercase;color:var(--mint);margin-bottom:12px}.panel strong,.panel a{font-size:19px;word-break:break-word}.panel a{text-decoration:none}.panel a:hover{color:var(--mint)}.foot{border-top:1px solid var(--line);padding:38px 0;color:#8da996;font-size:13px}.foot-row{display:flex;align-items:center;justify-content:space-between;gap:20px}.foot a{margin-left:20px;color:#c7dbcb;text-decoration:none}.foot a:hover{color:var(--mint)}.legal{max-width:800px;padding:80px 0 120px}.legal h1{font:900 60px 'Barlow Condensed';margin:0 0 25px}.legal h2{font-size:20px;margin-top:32px}.legal p,.legal li{color:#c4d4c7}.legal a{color:var(--mint)}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr .8fr}.hero h1{font-size:75px}.photo{height:610px}.cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.wrap{width:min(100% - 30px,1180px)}.bar{min-height:65px}.logo{font-size:26px}.menu{display:block}.links{display:none;position:absolute;top:65px;left:0;right:0;background:#07130c;flex-direction:column;align-items:stretch;gap:0;padding:12px 20px 18px;border-bottom:1px solid var(--line)}.links.open{display:flex}.links a{padding:12px}.hero-grid{display:block;min-height:0}.hero-copy{padding:55px 0 0}.hero h1{font-size:clamp(62px,14vw,92px)}.hero p{max-width:430px;font-size:14px}.hero-badge{margin-top:26px}.photo{height:auto;max-height:500px;width:auto;margin:10px auto 0;object-fit:contain}.section{padding:70px 0}.two,.contact-grid{grid-template-columns:1fr;gap:18px}.cards{grid-template-columns:repeat(2,1fr)}.chip{padding:18px;font-size:20px}.gig-row{grid-template-columns:75px 1fr;gap:15px;padding:16px}.gig-time{grid-column:2}.date strong{font-size:33px}.gig-row h3{font-size:18px}.foot-row{display:block}.foot a{margin:0 15px 0 0}.legal h1{font-size:44px}}

/* DJ NOSTRA V2 — matches approved cinematic black/neon concert direction */
:root{--mint:#5bff7f;--line:#28663c}
body{background:#020705}
.wrap{width:min(1250px,calc(100% - 64px))}
.top{position:absolute;left:0;right:0;top:0;background:transparent;border:0;z-index:30;padding-top:12px}
.top .bar{border:1px solid rgba(85,255,129,.32);border-radius:20px;min-height:78px;background:rgba(1,8,4,.70);padding:0 32px;box-shadow:0 12px 40px rgba(0,0,0,.2)}
.logo{font-size:40px;letter-spacing:.6px;text-shadow:0 0 20px rgba(90,255,120,.16)}
.links a{font-size:15px}.links a:first-child{color:var(--mint);border-bottom:2px solid var(--mint);padding-bottom:9px}
.hero{isolation:isolate;min-height:790px;background:#010703;overflow:hidden;border-color:#197d3a}
.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,6,3,.92) 0%,rgba(0,9,3,.77) 43%,rgba(0,12,3,.35) 100%),url('club-ambient.webp') center center /cover no-repeat;opacity:.9;z-index:-2}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 70%,#010803 100%),repeating-linear-gradient(90deg,transparent 0 77px,rgba(36,255,100,.022) 78px 79px);box-shadow:none;border:0;border-radius:0;width:auto;height:auto;right:0;bottom:0;z-index:-1;pointer-events:none}
.hero-grid{min-height:800px;grid-template-columns:1.03fr .97fr;gap:0;align-items:end}
.hero-copy{padding-top:154px;padding-bottom:64px;align-self:stretch;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.hero h1{font-family:Impact,'Arial Narrow','Barlow Condensed',sans-serif;font-weight:900;font-size:clamp(70px,6.4vw,101px);line-height:.98;letter-spacing:-.8px;margin:23px 0 16px;text-transform:uppercase;text-shadow:0 4px 22px #000a}
.hero p{max-width:505px;font-size:17px;line-height:1.55;color:#d7e4da;text-shadow:0 3px 8px #000}
.hero .photo{height:auto;width:calc(100% + 140px);max-width:none;max-height:765px;object-fit:contain;object-position:bottom right;transform:translateX(-35px);filter:drop-shadow(0 20px 45px #000c);z-index:2}
.hero-badge{width:100%;max-width:590px;border-color:#348a4f;margin-top:25px;padding:18px;background:rgba(0,15,7,.75)}
.hero-badge strong{font-size:27px}.hero-badge span{font-size:14px}
.btn{border-radius:12px;font-size:14px;padding:15px 24px}.primary{box-shadow:0 0 32px #47ff7255}
.section{position:relative;overflow:hidden}
.music{isolation:isolate;background:#020a06;padding:90px 0 80px;min-height:530px}
.music::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#010604 0%,rgba(0,8,4,.95) 33%,rgba(0,8,4,.4) 90%),url('mixing-deck.webp') center right/cover no-repeat;z-index:-1}
.music .media-box{background:rgba(1,17,9,.56);border-color:#2c8b48;backdrop-filter:blur(8px)}
.music .two{align-items:center}.music .cards{margin-top:32px}.chip{background:rgba(0,16,7,.55);border-color:#3a874c;backdrop-filter:blur(5px)}
#termine{background:linear-gradient(130deg,#03100a,#010603)}
.about{background:linear-gradient(135deg,#08190f,#020804)}
#kontakt{isolation:isolate;min-height:450px;background:#03100a}
#kontakt::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,7,3,.90),rgba(0,7,3,.67)),url('night-sky.webp') center /cover no-repeat;z-index:-1}
#kontakt .panel{background:rgba(0,11,5,.72);border-color:#36834b;backdrop-filter:blur(8px)}
@media(min-width:901px){.hero .photo{margin-left:-50px}.hero-copy{z-index:4}.hero-badge{position:relative;z-index:5}}
@media(max-width:900px){.hero-grid{grid-template-columns:1.15fr .85fr;min-height:700px}.hero h1{font-size:clamp(59px,8vw,84px)}.hero .photo{width:calc(100% + 100px);transform:translateX(-30px)}.top .bar{padding:0 22px}}
@media(max-width:680px){.wrap{width:min(100% - 28px,1180px)}.top{padding-top:8px}.top .bar{min-height:64px;border-radius:13px;padding:0 14px}.logo{font-size:30px}.links{top:72px;left:14px;right:14px;border:1px solid #337b44;border-radius:12px;box-shadow:0 20px 45px #000d}.links a:first-child{border:0}.hero{min-height:0}.hero-grid{display:flex;flex-direction:column;align-items:stretch;min-height:0}.hero-copy{order:1;padding:120px 0 0;display:block}.hero h1{font-size:clamp(56px,13.5vw,88px);letter-spacing:-1px;line-height:.98}.hero p{max-width:420px}.hero .photo{order:2;width:min(100%,470px);height:auto;max-height:none;transform:none;align-self:center;margin:0 auto -3px}.hero-badge{max-width:none;margin-top:24px}.music{padding:70px 0}.music::before{background-position:55% center}.section h2{font-size:clamp(40px,12vw,68px)}}