:root{--y:#E3C530;--d:#111;--w:#FFF;--t:0.5s cubic-bezier(0.2, 1, 0.3, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:'Arial Black',sans-serif;background:var(--d);color:var(--w);overflow-x:hidden;scroll-behavior:smooth}.m-btn{position:fixed;top:30px;right:30px;z-index:1000;background:var(--y);color:var(--d);border:none;padding:15px 35px;font-weight:900;cursor:pointer;text-transform:uppercase;transition:var(--t)}.m-btn:hover{transform:scale(1.1) rotate(-3deg);box-shadow:5px 5px 0 var(--w)}.nav{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--d);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:999;clip-path:polygon(0 0,100% 0,100% 0,0 0);transition:0.6s ease-in-out}.nav.active{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.nav a{font-size:5rem;color:var(--y);text-decoration:none;text-transform:uppercase;transition:0.3s;margin:10px}.nav a:hover{-webkit-text-stroke:2px var(--w);color:#fff0}section{min-height:100vh;padding:100px 7%;display:flex;flex-direction:column;justify-content:center;width:100%}.hero{background:var(--y);color:var(--d);text-align:center}h1{font-size:clamp(3rem, 11vw, 10rem);line-height:.85;letter-spacing:-5px;text-transform:uppercase}.sub{font-size:1.5rem;background:var(--d);color:var(--y);display:inline-block;padding:10px 20px;margin-top:20px;text-transform:uppercase}.full-split{display:grid;grid-template-columns:1fr 1fr;padding:0;min-height:80vh}.split-box{padding:100px 10%;display:flex;flex-direction:column;justify-content:center}.box-y{background:var(--y);color:var(--d)}.box-d{background:var(--d);color:var(--y)}.mid-bar{min-height:40vh;background:var(--d);color:var(--y);text-align:center;padding:60px 7%}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-top:50px}.card{border:10px solid var(--y);padding:40px;transition:var(--t)}.card:hover{background:var(--y);color:var(--d);transform:translateY(-10px)}.card h2{font-size:3rem;text-transform:uppercase;margin-bottom:15px}.f-c{width:100%;max-width:800px;margin-top:40px;margin-left:auto;margin-right:auto}input{width:100%;background:#fff0;border:8px solid var(--y);padding:30px;font-family:inherit;font-size:2rem;color:var(--w);outline:none;text-transform:uppercase}.btn{width:100%;background:var(--y);color:var(--d);border:none;padding:30px;font-size:2.5rem;font-weight:900;cursor:pointer;margin-top:10px;transition:0.3s}.btn:hover{letter-spacing:10px}.rev{opacity:0;transform:translateY(50px);transition:0.8s}.rev.visible{opacity:1;transform:translateY(0)}.artist-item{position:relative;border:2px solid var(--y);padding:5px 15px;cursor:crosshair;transition:var(--t)}.artist-item:hover{background:var(--y);color:var(--d)}.info-box{position:absolute;bottom:150%;left:50%;transform:translateX(-50%) translateY(15px);width:320px;background:var(--w);color:var(--d);padding:25px;pointer-events:none;opacity:0;transition:var(--t);z-index:100;text-align:left;border:2px solid var(--y)}.info-box::after{content:'';position:absolute;bottom:-15px;left:50%;transform:translateX(-50%);border-width:15px 15px 0 15px;border-style:solid;border-color:var(--w) #fff0 #fff0 #fff0}.info-box::before{content:'';position:absolute;bottom:-18px;left:50%;transform:translateX(-50%);border-width:18px 18px 0 18px;border-style:solid;border-color:var(--y) #fff0 #fff0 #fff0}.artist-item:hover .info-box{opacity:1;transform:translateX(-50%) translateY(0);pointer-events:auto}.info-box img{width:100%;height:180px;object-fit:cover;margin-bottom:15px;border:4px solid var(--d);filter:grayscale(100%)}.info-box h4{font-family:'Arial Black',sans-serif;font-size:1.2rem;text-transform:uppercase;color:var(--d);margin-bottom:8px;letter-spacing:-1px}.info-box p{font-family:sans-serif;font-size:.95rem;line-height:1.4;text-transform:none;font-weight:400;opacity:.9}.bn-link{display:inline-flex;align-items:center;justify-content:center;margin-top:20px;background:gold;color:#111;text-decoration:none;padding:8px 20px;font-family:'Arial',sans-serif;font-size:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:.5px;border-radius:50px;transition:all 0.3s ease;border:2px solid #000;box-shadow:0 4px 15px rgb(0 0 0 / .1);pointer-events:auto}.bn-link:hover{background:#111;color:gold;transform:translateY(-2px);box-shadow:0 6px 20px rgb(0 0 0 / .2)}@media (max-width:900px){.full-split{grid-template-columns:1fr}}