*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#050505;color:#eee;font-family:Inter,Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}.grain{position:fixed;inset:0;pointer-events:none;opacity:.04;z-index:50;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 baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.nav{height:80px;position:fixed;z-index:40;left:0;right:0;top:0;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;background:#050505d9;backdrop-filter:blur(22px);border-bottom:1px solid #1f1f1f}.logo{display:flex;align-items:center;gap:10px}.logo img{display:block;width:120px;height:auto;max-height:42px;object-fit:contain;object-position:left center}.logo strong{font-size:23px;letter-spacing:.12em}.logo small{font-size:7px;letter-spacing:.25em;color:#777;border-left:1px solid #444;padding-left:9px}.switcher{position:absolute;left:50%;transform:translateX(-50%);display:flex;border:1px solid #303030;background:#090909;padding:3px}.switcher button{border:0;background:transparent;color:#666;padding:9px 13px;font-size:8px;letter-spacing:.16em;cursor:pointer}.switcher button.active{background:#eee;color:#050505}.nav nav{display:flex;align-items:center;gap:28px;font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:#999}.nav nav a:hover{color:#fff}.nav .book{border:1px solid #444;padding:12px 16px;color:#fff}.hamb{display:none;background:none;border:0}.hamb i{display:block;width:24px;height:1px;background:#fff;margin:6px}.hero{min-height:100vh;position:relative;display:flex;align-items:center;padding:150px 8vw 80px;overflow:hidden;border-bottom:1px solid #222}.hero-image{position:absolute;right:5vw;top:15%;width:48vw;height:70vh;border:1px solid #292929;background:radial-gradient(circle at 52% 45%,#4a4a4a,#1b1b1b 24%,#090909 65%);overflow:hidden}.hero-image:before{content:"";position:absolute;width:55%;height:120%;left:23%;top:-10%;background:linear-gradient(90deg,transparent,#aaa2,transparent);transform:rotate(16deg);filter:blur(30px);animation:light 7s ease-in-out infinite alternate}.hero-image:after{content:"A";position:absolute;inset:0;display:grid;place-items:center;font-size:clamp(180px,28vw,420px);font-weight:900;letter-spacing:-.13em;color:#ffffff0d}.hero-label{position:absolute;bottom:18px;left:18px;font-size:8px;letter-spacing:.25em;color:#888;z-index:2}.hero-content{position:relative;z-index:2;max-width:780px}.profile-pill{display:inline-flex;align-items:center;gap:9px;border:1px solid #333;padding:9px 12px;margin-bottom:20px;text-transform:uppercase;letter-spacing:.15em;font-size:8px}.profile-pill .dot{width:5px;height:5px;background:#eee;border-radius:50%;box-shadow:0 0 12px #fff}.profile-pill small{color:#777}.eyebrow{font-size:9px;letter-spacing:.3em;color:#888;font-weight:700;margin:0 0 25px}.hero h1{font-size:clamp(60px,10vw,145px);line-height:.82;letter-spacing:-.08em;margin:0;font-weight:900}.hero h1 i,h2 i{font-style:normal;color:#999}.hero p{max-width:480px;color:#888;line-height:1.75;font-size:13px;margin:32px 0}.hero-actions{display:flex;gap:12px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding:16px 20px;border:1px solid #444;background:transparent;color:#eee;text-transform:uppercase;letter-spacing:.14em;font-size:9px;font-weight:800;cursor:pointer}.button.white{background:#eee;color:#050505;border-color:#eee}.button:hover{transform:translateY(-2px)}.hero-bottom{position:absolute;left:8vw;right:8vw;bottom:30px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:.22em;color:#666}@keyframes light{to{transform:translateX(35%) rotate(16deg)}}.profile-strip{display:grid;grid-template-columns:1fr 1fr;background:#171717;gap:1px;border-bottom:1px solid #222}.profile-card{background:#070707;padding:25px 8vw;display:grid;grid-template-columns:55px 1fr 30px;gap:20px;align-items:center;cursor:pointer;transition:.25s}.profile-card:hover,.profile-card.active{background:#101010}.mini-monogram{width:45px;height:45px;border:1px solid #555;border-radius:50%;display:grid;place-items:center;font-weight:900}.profile-card small{font-size:7px;letter-spacing:.2em;color:#777}.profile-card h3{font-size:18px;margin:5px 0}.profile-card p{font-size:9px;color:#666;margin:0}.profile-card>span{color:#777}.section{padding:135px 8vw;border-bottom:1px solid #222}.section-title{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:65px}.section-title h2,.manifesto h2{font-size:clamp(52px,7.5vw,105px);line-height:.84;letter-spacing:-.07em;margin:0;font-weight:900}.section-title>p{max-width:390px;color:#777;font-size:11px;line-height:1.8}.player{display:grid;grid-template-columns:220px 1fr;gap:38px;padding:25px 0;border-top:1px solid #444;border-bottom:1px solid #444}.art{height:220px;display:grid;place-items:center;text-align:center;background:radial-gradient(circle at 50% 40%,#666,#181818 45%,#080808 70%);border:1px solid #333;position:relative}.art .mark{font-size:100px;font-weight:900;letter-spacing:-.1em}.art span{position:absolute;bottom:16px;font-size:7px;letter-spacing:.3em;color:#777}.track{display:flex;flex-direction:column;justify-content:center}.track-top{display:flex;justify-content:space-between;align-items:start}.track-top small{font-size:8px;color:#777;letter-spacing:.2em}.track h3{font-size:28px;margin:10px 0 4px}.track p{font-size:10px;color:#666;margin:0}.track-top>span{font-size:9px;color:#666}.wave{height:75px;margin:30px 0 18px;display:flex;align-items:center;gap:3px;overflow:hidden}.wave i{width:2px;background:#777;display:block;min-height:7px;opacity:.8}.controls{display:grid;grid-template-columns:50px 1fr 45px;gap:15px;align-items:center}.controls button{width:45px;height:45px;border-radius:50%;border:1px solid #555;background:#eee;color:#050505;cursor:pointer}.controls input{accent-color:#eee;width:100%}.controls span{font-size:8px;color:#666}.release-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#333}.release-grid a{background:#050505;padding:25px;display:grid;grid-template-columns:30px 1fr 20px;gap:10px;font-size:9px;color:#777}.release-grid b{color:#eee;letter-spacing:.15em}.services{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #333}.services article{min-height:300px;padding:30px;border-bottom:1px solid #333;border-right:1px solid #333;transition:.3s}.services article:nth-child(even){border-right:0}.services article:hover{background:#0c0c0c}.services span{color:#777;font-size:9px}.services h3{font-size:36px;line-height:.9;margin:65px 0 20px}.services p{max-width:400px;color:#777;font-size:12px;line-height:1.7}.visual-grid{display:grid;grid-template-columns:2fr 1fr;gap:15px}.visual{margin:0;height:300px;border:1px solid #292929;position:relative;overflow:hidden}.visual.v1{height:480px;grid-row:span 2}.visual-placeholder{height:100%;display:grid;place-content:center;text-align:center;background:radial-gradient(circle at 50% 45%,#3b3b3b,#0c0c0c 65%)}.visual-placeholder strong{font-size:clamp(45px,7vw,90px);letter-spacing:-.08em}.visual-placeholder small{font-size:8px;color:#777;letter-spacing:.3em}.visual figcaption{position:absolute;bottom:15px;left:18px;right:18px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:.2em}.visual figcaption span{color:#777}.about{display:grid;grid-template-columns:1fr 1fr;gap:10vw;align-items:center}.portrait{height:600px;border:1px solid #292929;position:relative;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle,#303030,#080808 65%)}.portrait strong{font-size:clamp(100px,15vw,210px);letter-spacing:-.13em}.portrait small{position:absolute;bottom:20px;left:20px;font-size:8px;letter-spacing:.25em;color:#777}.portrait-rings{position:absolute;inset:15%;border:1px solid #ffffff18;border-radius:50%;box-shadow:0 0 100px #ffffff09}.copy{max-width:470px;color:#777;font-size:13px;line-height:1.8;margin:30px 0}.numbers{display:flex;gap:50px;border-top:1px solid #333;padding-top:25px;margin-top:40px}.numbers b{font-size:23px}.numbers span{display:block;font-size:8px;color:#666;letter-spacing:.2em;margin-top:7px}.manifesto{text-align:center;padding:160px 8vw;border-bottom:1px solid #222}.manifesto .eyebrow{margin-bottom:30px}.contact{display:grid;grid-template-columns:1fr 1fr;gap:10vw}.links{display:flex;gap:24px;flex-wrap:wrap;margin-top:40px}.links a{font-size:9px;letter-spacing:.15em;text-transform:uppercase;border-bottom:1px solid #444;padding-bottom:8px}.contact form{display:grid;gap:18px}.contact label{display:grid;gap:8px;font-size:8px;letter-spacing:.18em;text-transform:uppercase;color:#888}.contact input,.contact select,.contact textarea{width:100%;background:#090909;color:#eee;border:1px solid #303030;padding:14px;outline:none}.contact textarea{resize:vertical}.contact form>small{font-size:8px;color:#666}.contact form .button{justify-self:start}footer{padding:30px 5vw;display:flex;align-items:center;justify-content:space-between;color:#666;font-size:8px;letter-spacing:.15em}footer .logo strong{color:#eee}@media(max-width:900px){.switcher{display:none}.nav nav{display:none}.hamb{display:block}.nav.open nav{display:flex;position:absolute;top:70px;left:0;right:0;padding:25px 7vw;background:#070707;flex-direction:column;align-items:flex-start;border-bottom:1px solid #222}.hero{padding:130px 7vw 100px;min-height:900px}.hero-image{width:85vw;height:55vh;right:-25vw;top:43%;opacity:.35}.hero h1{font-size:18vw}.hero-bottom{left:7vw;right:7vw}.profile-strip{grid-template-columns:1fr}.profile-card{padding:22px 7vw}.section{padding:95px 7vw}.section-title{display:block}.section-title>p{margin-top:25px}.player{grid-template-columns:90px 1fr;gap:18px}.art{height:90px}.art .mark{font-size:40px}.art span{font-size:5px}.track-top h3{font-size:16px}.controls{grid-column:1/-1}.release-grid,.services,.about,.contact{grid-template-columns:1fr}.services article{border-right:0}.visual-grid{grid-template-columns:1fr}.visual.v1{height:380px;grid-row:auto}.visual{height:250px}.portrait{height:400px}.manifesto{padding:100px 7vw}.numbers{gap:25px}footer{flex-wrap:wrap;gap:18px}}

/* Real ALEX photo gallery */
.photo-bg{background-color:#0b0b0b!important;background-blend-mode:normal}
.photo-bg:after{display:none!important}
.hero-image{background-color:#111!important;background-repeat:no-repeat}
.hero-image:after{display:none}
.portrait{background-color:#111!important;background-repeat:no-repeat}
.portrait>strong,.portrait>small{position:absolute;z-index:2;text-shadow:0 2px 20px #000}
.gallery .section-title{margin-bottom:45px}
.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.photo-card{margin:0;position:relative;height:360px;overflow:hidden;border:1px solid #292929;background:#0b0b0b}
.photo-card:nth-child(3n+1){height:440px}
.photo-card img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.82) contrast(1.04);transition:transform .6s ease,filter .6s ease}
.photo-card:hover img{transform:scale(1.04);filter:saturate(1) contrast(1.05)}
.photo-card figcaption{position:absolute;left:15px;right:15px;bottom:14px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:.22em;text-shadow:0 2px 12px #000}
@media(max-width:900px){.photo-grid{grid-template-columns:1fr 1fr}.photo-card,.photo-card:nth-child(3n+1){height:300px}}
@media(max-width:600px){.photo-grid{grid-template-columns:1fr}.photo-card,.photo-card:nth-child(3n+1){height:420px}}

/* ALEX artist profile photo */
.hero-image.alex-image{
  background-color:#090909!important;
  background-repeat:no-repeat;
  background-position:center 28%;
}
.hero-image.alex-image:before{
  content:"";
  position:absolute;
  inset:0;
  width:auto;
  height:auto;
  left:0;
  top:0;
  transform:none;
  background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.18) 72%,rgba(0,0,0,.55));
  filter:none;
  animation:none;
  z-index:1;
}
.hero-image.alex-image .hero-label{
  z-index:3;
  background:rgba(0,0,0,.28);
  padding:6px 8px;
}
.portrait{
  background-color:#090909!important;
}
.portrait:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent 42%,rgba(0,0,0,.08) 65%,rgba(0,0,0,.62));
  z-index:1;
}
.portrait-rings{z-index:2}
.portrait>strong,.portrait>small{z-index:3}


/* ROY MUSIC STUDIO profile */
.hero-image.roy-image{
  background-color:#050505!important;
  background-repeat:no-repeat!important;
  border-color:#303030;
}
body.roy-profile .hero-image:before{
  display:none;
}
body.roy-profile .hero-image:after{
  display:none;
}
body.roy-profile .portrait{
  background-color:#050505!important;
  background-repeat:no-repeat!important;
}
body.roy-profile .portrait:after{
  background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.35) 100%);
}
body.roy-profile #live1,
body.roy-profile #live2,
body.roy-profile #live3{
  background-color:#050505!important;
  background-repeat:no-repeat!important;
}

/* Actual ROY STUDIO supplied visuals */
body.roy-profile .hero-image.roy-image{
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
}
body.roy-profile .profile-portrait{
  background-size:contain!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  background-color:#050505!important;
}
body.roy-profile #live1,
body.roy-profile #live2,
body.roy-profile #live3{
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
}
body.roy-profile #live3{
  background-size:contain!important;
  background-color:#050505!important;
}

/* Featured release cover and download action */
.art.has-cover{background-repeat:no-repeat;background-position:center;background-size:cover}
.art.has-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,#000b)}
.art.has-cover .mark,.art.has-cover>span{position:relative;z-index:1;text-shadow:0 2px 18px #000}
.track-actions{margin-top:18px}
.track-actions .button{font-size:8px;padding:11px 14px}
