:root{
  --black:#080808;--near:#101010;--red:#e21d2f;--yellow:#ffd400;--white:#f6f4ef;--grey:#a7a7a7;
  --anton:'Anton',Impact,sans-serif;--bebas:'Bebas Neue',Impact,sans-serif;--space:'Space Grotesk',sans-serif;--inter:'Inter',Arial,sans-serif;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--white);font-family:var(--inter);overflow-x:hidden}
a{color:inherit;text-decoration:none}.grain{position:fixed;inset:0;pointer-events:none;z-index:50;opacity:.08;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.65'/%3E%3C/svg%3E")}
.site-header{position:fixed;z-index:40;top:0;left:0;right:0;height:82px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(#050505dd,transparent);backdrop-filter:blur(3px)}
.brand{font-family:var(--anton);font-size:25px;letter-spacing:-1px;line-height:.72;display:flex;flex-direction:column}.brand b{color:var(--red);font-weight:400}
.nav{display:flex;gap:30px;font:700 11px var(--space);letter-spacing:1.8px}.nav a:hover{color:var(--yellow)}
.menu-toggle{display:none;background:none;border:0}.menu-toggle span{display:block;width:28px;height:2px;background:#fff;margin:5px}
.hero{min-height:100svh;position:relative;display:flex;align-items:flex-end;overflow:hidden}.hero-image{position:absolute;inset:0;background:url("assets/images/hero.png") center 28%/cover no-repeat;filter:saturate(.92) contrast(1.08)}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#000b 0%,#0005 42%,#0001 70%),linear-gradient(0deg,#080808 0%,transparent 48%)}.hero-copy{position:relative;z-index:2;padding:0 6vw 8vh;max-width:850px}.eyebrow,.section-kicker{font:700 11px var(--space);letter-spacing:2.8px;color:var(--yellow)}.eyebrow span{display:inline-block;width:36px;height:2px;background:var(--red);vertical-align:middle;margin-right:10px}.hero h1{font:400 clamp(90px,15vw,220px)/.72 var(--anton);margin:24px 0 32px;letter-spacing:-4px}.hero h1 em{font-style:normal;color:var(--red);-webkit-text-stroke:1px #ff3648}.hero-copy p{font:600 13px/1.7 var(--space);letter-spacing:1.5px;margin:0 0 28px}.hero-copy p strong{color:var(--yellow)}.hero-actions{display:flex;gap:12px}.btn{display:inline-flex;align-items:center;gap:25px;padding:16px 22px;font:800 11px var(--space);letter-spacing:1.5px;transition:.25s}.btn i{font-style:normal;font-size:17px}.btn-red{background:var(--red)}.btn-red:hover{background:var(--yellow);color:#000}.btn-yellow{background:var(--yellow);color:#000;margin-top:14px}.btn-yellow:hover{background:var(--red);color:#fff}.btn-outline{border:1px solid #fff5}.btn-outline:hover{border-color:var(--yellow);color:var(--yellow)}.hero-tag{position:absolute;right:5vw;bottom:8vh;z-index:2;font:400 12px var(--anton);letter-spacing:2px;text-align:right}.hero-tag span{color:var(--yellow);font:600 9px var(--space)}.scroll-cue{position:absolute;right:4vw;bottom:3vh;font:700 9px var(--space);letter-spacing:2px;writing-mode:vertical-rl;color:#aaa}.scroll-cue span{color:var(--yellow);font-size:16px;margin-top:8px}
.ticker{overflow:hidden;background:var(--yellow);color:#000;height:48px;display:flex;align-items:center;white-space:nowrap}.ticker-track{display:flex;align-items:center;gap:28px;min-width:max-content;animation:marquee 22s linear infinite;font:400 25px var(--anton);letter-spacing:1px}.ticker b{font-size:15px;color:var(--red)}@keyframes marquee{to{transform:translateX(-50%)}}
.section-pad{padding:110px 7vw}.intro{background:var(--white);color:#090909}.intro .section-kicker,.about .section-kicker{color:var(--red)}.intro-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:9vw;align-items:end;margin-top:30px}.intro h2,.about h2,.video-head h2,.gallery-top h2,.connect h2{font:400 clamp(65px,9vw,145px)/.78 var(--anton);margin:0;letter-spacing:-2px}.intro h2 span,.about h2 span,.video-head h2 span,.gallery-top h2 span,.connect h2 span{color:var(--red)}.intro-text{max-width:500px}.lead{font:700 24px var(--space);margin:0 0 20px}.intro-text p:not(.lead){font-size:17px;line-height:1.8;color:#444}.text-link{display:inline-block;margin-top:18px;font:800 11px var(--space);letter-spacing:2px;border-bottom:2px solid var(--red);padding-bottom:8px}.text-link span{color:var(--red);font-size:18px}
.music{background:#0c0c0c}.section-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:35px}.section-head h2{font:400 clamp(65px,9vw,130px)/.8 var(--anton);margin:20px 0 0}.section-head h2 span{color:var(--yellow)}.spotify-link{font:800 10px var(--space);letter-spacing:2px;border:1px solid #ffffff30;padding:13px 16px}.spotify-link:hover{border-color:var(--yellow);color:var(--yellow)}.tracks{border-top:1px solid #ffffff18}.track{min-height:92px;display:grid;grid-template-columns:60px 70px 1fr 160px 70px;align-items:center;border-bottom:1px solid #ffffff18;transition:.2s}.track:hover{background:#151515}.play{display:none}.track-no{font:600 11px var(--space);color:#777}.track-name{font:400 28px var(--anton);letter-spacing:.5px}.track-name small{font:700 10px var(--space);color:var(--yellow);margin-left:10px}.track-meta{font:700 10px var(--space);letter-spacing:1.5px;color:#777}.load{background:none;border:0;color:#fff;text-align:right;font:800 10px var(--space);letter-spacing:2px;cursor:pointer}.load span{color:var(--red);font-size:17px}.player{margin-top:35px;border:1px solid #ffffff18;padding:20px;display:grid;grid-template-columns:100px 1fr;gap:8px 25px}.player-label{font:700 9px var(--space);color:var(--yellow);letter-spacing:2px}.player-title{font:700 11px var(--space);letter-spacing:1px}.player-controls{grid-column:1/-1;display:flex;align-items:center;gap:16px}.player-controls button{border:0;background:var(--red);color:#fff;width:38px;height:38px;cursor:pointer}.progress{height:3px;background:#333;flex:1;cursor:pointer}.progress span{display:block;height:100%;width:0;background:var(--yellow)}#time{font:10px var(--space);color:#888}
.videos{background:var(--red);color:#fff}.video-head{padding-bottom:55px}.video-head h2 span{color:#000}.video-grid{display:grid;grid-template-columns:1fr 1fr;gap:3px;background:#000}.video-card{height:600px;position:relative;overflow:hidden}.video-card img{width:100%;height:100%;object-fit:cover;transition:.6s}.video-card:hover img{transform:scale(1.04);filter:saturate(1.15)}.video-shade{position:absolute;inset:0;background:linear-gradient(0deg,#000c,transparent 60%)}.video-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:76px;height:76px;border-radius:50%;background:var(--yellow);color:#000;display:grid;place-items:center;font-size:22px;padding-left:4px}.video-caption{position:absolute;left:35px;right:35px;bottom:35px;display:flex;justify-content:space-between;align-items:end}.video-caption span{font:700 9px var(--space);letter-spacing:2px;color:var(--yellow)}.video-caption b{font:400 35px var(--anton)}
.about{background:var(--white);color:#090909}.about-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;align-items:center;margin-top:45px}.about-photo{position:relative}.about-photo img{display:block;width:100%;max-height:720px;object-fit:cover;object-position:center}.stamp{position:absolute;bottom:18px;right:18px;background:var(--red);color:#fff;width:75px;height:75px;display:grid;place-items:center;text-align:center;font:400 18px/.8 var(--anton);transform:rotate(-7deg)}.about-copy h2{font-size:clamp(60px,7vw,110px);margin-bottom:35px}.about-copy h2 span{color:var(--red)}.about-copy p{font-size:16px;line-height:1.85;color:#444;max-width:680px}.gallery{background:#111}.gallery-top{padding-bottom:45px}.gallery-grid{display:grid;grid-template-columns:1.1fr .8fr .8fr;grid-template-rows:380px 380px;gap:3px}.g{overflow:hidden}.g img{width:100%;height:100%;object-fit:cover;transition:.6s;filter:saturate(.85)}.g:hover img{transform:scale(1.05);filter:saturate(1.2)}.g1{grid-row:span 2}.g4{grid-column:2}.g5{grid-column:3}.connect{position:relative;min-height:720px;display:flex;align-items:center;overflow:hidden}.connect-bg{position:absolute;inset:0;background:linear-gradient(90deg,#000e,#0006),url("assets/images/hero.png") center/cover;filter:grayscale(.7)}.connect-content{position:relative;z-index:2;width:100%}.connect h2{font-size:clamp(80px,13vw,180px);margin:25px 0}.connect h2 span{color:var(--yellow)}.connect p{font:600 15px var(--space);margin-bottom:35px}.socials{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #ffffff44}.socials a{padding:22px 5px;border-bottom:1px solid #ffffff44;display:flex;flex-direction:column;gap:8px}.socials a:hover{background:#ffffff0b}.socials b{font:400 30px var(--anton)}.socials span{font:700 9px var(--space);color:var(--yellow);letter-spacing:1.5px}
footer{padding:30px 5vw;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff15}footer p,footer a{font:700 9px var(--space);color:#777;letter-spacing:1px}footer a:hover{color:var(--yellow)}
@media(max-width:800px){
 .site-header{height:68px}.nav{display:none;position:absolute;top:68px;left:0;right:0;background:#090909f5;padding:25px 7vw;flex-direction:column;gap:22px}.nav.open{display:flex}.menu-toggle{display:block}.hero-copy{padding:0 7vw 9vh}.hero h1{font-size:28vw;letter-spacing:-2px}.hero-tag,.scroll-cue{display:none}.section-pad{padding:75px 7vw}.intro-grid,.about-grid{grid-template-columns:1fr;gap:45px}.section-head{align-items:flex-start;gap:20px;flex-direction:column}.track{grid-template-columns:45px 1fr 70px;min-height:80px}.track-no{grid-column:1}.track-name{grid-column:2;font-size:23px}.track-meta{display:none}.load{grid-column:3}.track-name small{display:block;margin:5px 0 0}.video-grid{grid-template-columns:1fr}.video-card{height:500px}.gallery-grid{grid-template-columns:1fr 1fr;grid-template-rows:300px 300px 300px}.g1{grid-row:span 2}.g4{grid-column:1}.g5{grid-column:2}.socials{grid-template-columns:1fr}.socials a{padding:18px 0}.player{grid-template-columns:1fr}.player-controls{grid-column:1}.player-label{display:none}footer{gap:15px;flex-wrap:wrap}.brand{font-size:21px}
}