@import "tailwindcss";
:root{--acid:#d9ff32;--black:#080808;--paper:#efede7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:#fff;font-family:Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}.pad{padding:110px 5vw}.label{font-size:10px;font-weight:900;letter-spacing:3px;color:#777}header{height:78px;position:absolute;z-index:20;inset:0 0 auto;display:flex;align-items:center;padding:0 3vw;border-bottom:1px solid #ffffff38}.brand{display:flex;align-items:center;gap:14px;font-size:10px;font-weight:900;letter-spacing:2px}.brand b{font-size:27px;font-style:italic;color:var(--acid);letter-spacing:-2px}nav{margin-left:auto;display:flex;align-items:center;gap:30px;font-size:10px;font-weight:900;letter-spacing:1px}nav a:hover{color:var(--acid)}nav .box{padding:13px 18px;border:1px solid}.men{display:none;margin-left:auto;background:none;border:0;color:white}.hero{height:100svh;min-height:680px;position:relative;display:flex;align-items:center;overflow:hidden}.heroBg{position:absolute;inset:0;background:linear-gradient(90deg,#000e,#0005),url('https://images.unsplash.com/photo-1493225457124-a3eb161ffa5f?auto=format&fit=crop&w=2200&q=90') center/cover}.heroText{position:relative;padding:70px 7vw 0}.over{font-size:10px;font-weight:900;letter-spacing:3px}.over i{display:inline-block;width:35px;height:2px;background:var(--acid);vertical-align:middle;margin-right:8px}.hero h1{font-size:clamp(70px,10.5vw,165px);line-height:.77;letter-spacing:-.075em;margin:32px 0;font-weight:1000}.hero h1 em{color:transparent;-webkit-text-stroke:2px #fff}.heroText>p:not(.over){font-size:14px;line-height:1.7;color:#ddd}.actions{display:flex;gap:12px;margin-top:35px}.btn{display:inline-flex;padding:17px 20px;border:1px solid #ffffff66;min-width:210px;justify-content:center;font-size:10px;font-weight:900;letter-spacing:1.5px}.acid{background:var(--acid);color:#080808;border-color:var(--acid)}.ticker{position:absolute;bottom:0;width:200%;height:48px;background:var(--acid);color:#111;display:flex;align-items:center;font-size:16px;font-weight:1000;white-space:nowrap;animation:tick 22s linear infinite}@keyframes tick{to{transform:translateX(-50%)}}h2{font-size:clamp(45px,7vw,100px);line-height:.86;letter-spacing:-.055em;margin:0;font-weight:1000}.intro{background:var(--paper);color:#111}.intro h2 span,.sound h2 span,.shop h2 span{color:transparent;-webkit-text-stroke:1.5px #111;font-style:italic}.stats{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:50px;margin-top:75px;padding-top:30px;border-top:1px solid #aaa}.stats>p{font-size:20px;line-height:1.45}.stats div{display:flex;align-items:flex-end;gap:10px}.stats b{font-size:70px;line-height:.8}.stats small{font-size:9px;font-weight:900}.editions{display:grid;grid-template-columns:1fr 1fr}.edition{height:790px;position:relative;overflow:hidden}.edition>div{position:absolute;inset:0;transition:.6s}.e1>div{background:linear-gradient(0deg,#000,transparent 70%),url('https://images.unsplash.com/photo-1470229722913-7c0e2dbbafd3?auto=format&fit=crop&w=1400&q=85') center/cover}.e2>div{background:linear-gradient(0deg,#000,transparent 70%),url('https://images.unsplash.com/photo-1514525253161-7a46d19cd819?auto=format&fit=crop&w=1400&q=85') center/cover}.edition:hover>div{transform:scale(1.04)}.edition section{position:absolute;inset:auto 7% 55px}.edition section>p{color:var(--acid);font-size:10px;letter-spacing:3px}.edition h3{font-size:clamp(62px,8vw,110px);line-height:.72;letter-spacing:-.07em;margin:25px 0}.edition h3 i{color:var(--acid)}.edition small{display:block;border-top:1px solid #ffffff66;padding:18px 0 28px;letter-spacing:2px}.edition a{font-size:10px;font-weight:900}.split{display:flex;justify-content:space-between;align-items:end;gap:50px}.split>p{max-width:370px;color:#999;line-height:1.6;font-size:13px}.stages{display:grid;grid-template-columns:repeat(3,1fr);margin-top:70px}.stages article{min-height:500px;padding:40px 30px;border:1px solid #333;position:relative}.stages .hi{background:var(--acid);color:#111;transform:translateY(-15px)}.stages h3{font-size:48px;line-height:.9;margin:35px 0;max-width:300px}.stages article>p{font-size:9px;letter-spacing:1.5px}.stages article>div{position:absolute;bottom:35px;left:30px;right:30px;display:flex;flex-direction:column}.stages span{border-top:1px solid;padding:12px 0;font-weight:900;font-size:13px}.note{color:#777;font-size:10px;margin-top:25px}.gallery{background:var(--paper);color:#111}.gallery h2 i,.radio h2 i{color:var(--acid);-webkit-text-stroke:1px #111}.masonry{margin-top:70px;display:grid;grid-template-columns:1.4fr .8fr 1fr;grid-template-rows:350px 320px;gap:12px}.masonry button{border:0;padding:0;position:relative;overflow:hidden;cursor:zoom-in}.masonry img{width:100%;height:100%;object-fit:cover;filter:grayscale(1);transition:.4s}.masonry button:hover img{filter:none;transform:scale(1.03)}.masonry button span{position:absolute;right:10px;bottom:10px;background:var(--acid);padding:8px;font-size:10px;font-weight:900}.p1{grid-row:1/3}.video{display:grid;grid-template-columns:1.55fr .75fr}.poster{min-height:720px;padding:60px;display:flex;flex-direction:column;justify-content:end;background:linear-gradient(0deg,#000,transparent 65%),url('https://images.unsplash.com/photo-1545128485-c400e7702796?auto=format&fit=crop&w=1600&q=85') center/cover}.play{width:75px;height:75px;border:1px solid;border-radius:50%;display:grid;place-items:center;margin-bottom:auto}.poster h2{font-size:65px;margin:15px 0}.poster a{color:var(--acid);font-size:10px;font-weight:900}.social{padding:80px 45px}.social h3{font-size:55px;line-height:.85;margin:70px 0 30px}.social>p{color:#999;line-height:1.6}.social div{margin-top:70px;display:flex;flex-direction:column}.social a{display:flex;justify-content:space-between;border-top:1px solid #333;padding:18px 0;font-size:11px;font-weight:900}.social a span{color:#777}.radio{background:var(--acid);color:#111;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.player{background:#111;color:#fff;padding:35px;display:grid;grid-template-columns:1fr 1.2fr 65px;align-items:center;box-shadow:18px 18px #0003}.player small{display:block}.player b{font-size:55px}.player p{font-size:8px;color:var(--acid)}.player p span{color:#aaa}.player a{height:58px;border-radius:50%;background:var(--acid);color:#111;display:grid;place-items:center}.shop{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;background:var(--paper);color:#111}.shop>div>p:not(.label){max-width:430px;line-height:1.6;margin:30px 0}.product{height:520px;background:#d7d4cd;display:flex;flex-direction:column;align-items:center;justify-content:center}.product>div{width:320px;height:390px;clip-path:polygon(20% 0,35% 7%,65% 7%,80% 0,100% 22%,82% 34%,78% 100%,22% 100%,18% 34%,0 22%);background:#111;color:var(--acid);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:62px;font-weight:1000;font-style:italic;transform:rotate(-4deg)}.product small{font-size:8px;color:#fff;letter-spacing:3px}.product>span{margin-top:20px;font-size:9px;letter-spacing:2px}.partners h2{font-size:80px}.logos{display:grid;grid-template-columns:repeat(5,1fr);margin-top:55px;border-block:1px solid #333}.logos span{height:140px;display:grid;place-items:center;text-align:center;border-right:1px solid #333;color:#aaa;font-weight:900}.logos b{color:var(--acid)}footer{padding:90px 5vw 30px;display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px;background:#030303}footer>div:not(.footbrand){display:flex;flex-direction:column;gap:14px;font-size:11px}.footbrand{font-size:80px;font-style:italic;font-weight:1000;color:var(--acid);line-height:.8}.footbrand small{display:block;font-size:9px;letter-spacing:4px;color:#fff}footer>small{grid-column:1/-1;border-top:1px solid #222;padding-top:25px;margin-top:40px;color:#555}.lightbox{position:fixed;z-index:100;inset:0;background:#000e;display:grid;place-items:center;padding:5vw}.lightbox img{max-width:90vw;max-height:80vh}.lightbox button{position:absolute;top:2vw;right:3vw;border:0;background:none;color:#fff;font-size:45px}.lightbox p{position:absolute;bottom:2vh;font-size:10px;letter-spacing:2px}
@media(max-width:850px){.pad{padding:75px 6vw}.men{display:block}nav{display:none;position:absolute;top:78px;inset-inline:0;background:#080808;padding:30px;flex-direction:column;align-items:flex-start}nav.open{display:flex}.heroText{padding-left:6vw}.actions{flex-direction:column;align-items:flex-start}.stats{grid-template-columns:1fr 1fr}.stats>p{grid-column:1/-1}.editions,.video,.radio,.shop{grid-template-columns:1fr}.edition{height:680px}.split{align-items:flex-start;flex-direction:column}.stages{grid-template-columns:1fr}.stages .hi{transform:none}.masonry{grid-template-columns:1fr 1fr;grid-template-rows:400px 260px 260px}.p1{grid-column:1/-1;grid-row:auto}.poster{min-height:600px}.player{grid-template-columns:1fr}.logos{grid-template-columns:1fr 1fr}footer{grid-template-columns:1fr}.footbrand{font-size:60px}footer>small{grid-column:1}}
@media(max-width:520px){.hero h1{font-size:65px}.stats{gap:35px}.stats b{font-size:52px}.edition h3{font-size:64px}.masonry{display:flex;overflow-x:auto}.masonry button{min-width:85vw;height:470px}.poster{padding:35px}.poster h2{font-size:45px}.social{padding:65px 25px}.product>div{width:260px;height:330px}.logos{grid-template-columns:1fr}}

/* Oficjalne materiały Ultra Fest One — lokalny zestaw do akceptacji */
.heroBg{
  background-image:linear-gradient(90deg,rgba(0,0,0,.94),rgba(0,0,0,.28)),url('../media/official/instagram-dj-performance-02.jpg');
  background-position:center;
}
.e1>div{
  background-image:linear-gradient(0deg,#000 0%,rgba(0,0,0,.08) 72%),url('../media/official/instagram-dj-performance-01.jpg');
  background-position:center 30%;
  background-size:cover;
}
.e2>div{
  background-image:linear-gradient(0deg,#000 0%,rgba(0,0,0,.08) 72%),url('../media/official/instagram-dj-performance-02.jpg');
  background-position:center;
  background-size:cover;
}
.poster{
  background-image:linear-gradient(0deg,#000 0%,rgba(0,0,0,.08) 68%),url('../media/official/tiktok-dj-console.jpg');
  background-position:center 62%;
}
.masonry img{filter:none}
.p1 img{object-position:center}
.p2 img{object-position:center 38%}
.p3 img{object-position:center 62%}
.p4 img{object-position:center}
.p5 img{object-position:center}

@media(max-width:850px){
  .heroBg{background-position:62% center}
  .e1>div{background-position:center 25%}
  .e2>div{background-position:center}
  .poster{background-position:center 65%}
}