*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
:root{
  --bg:#0a0a0a;--bg2:#0f0f0f;--surface:#141414;
  --text:#e8e2d8;--text-dim:#555;--text-muted:#333;
  --red:#ff3a20;--red-dim:#661700;--red-glow:rgba(255,58,32,0.15);
  --serif:'Instrument Serif',serif;
  --display:'Darker Grotesque',sans-serif;
  --mono:'JetBrains Mono',monospace;
}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--text);font-family:var(--display);overflow-x:hidden;cursor:none}
::selection{background:var(--red);color:#fff}
a{color:inherit;text-decoration:none}
img{display:block}

/* CURSOR */
.cursor{position:fixed;pointer-events:none;z-index:10000;mix-blend-mode:difference}
.cursor-dot{width:8px;height:8px;background:var(--text);border-radius:50%;transform:translate(-50%,-50%);transition:width .2s,height .2s,background .2s}
.cursor-ring{width:45px;height:45px;border:1px solid rgba(232,226,216,0.3);border-radius:50%;transform:translate(-50%,-50%);transition:width .3s,height .3s,border-color .3s}
body:has(.hv:hover) .cursor-dot{width:14px;height:14px;background:var(--red)}
body:has(.hv:hover) .cursor-ring{width:65px;height:65px;border-color:var(--red)}

/* GRAIN + SCANLINES */
.grain{position:fixed;inset:0;pointer-events:none;z-index:8000;opacity:.025;
background:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E") repeat;background-size:256px}
.scanline{position:fixed;inset:0;pointer-events:none;z-index:8001;
background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.03) 2px,rgba(0,0,0,.03) 4px);opacity:.5}

/* NAV */
nav{position:fixed;top:0;width:100%;z-index:900;padding:1.2rem 3rem;display:flex;justify-content:space-between;align-items:center;
background:rgba(10,10,10,.6);backdrop-filter:blur(25px);border-bottom:1px solid rgba(51,51,51,.3)}
.nav-brand{font-family:var(--display);font-size:1.8rem;font-weight:900;color:var(--text);letter-spacing:.05em}
.nav-right{display:flex;gap:2rem;align-items:center}
.nav-right a{font-family:var(--mono);font-size:.55rem;letter-spacing:.18em;text-transform:uppercase;color:var(--text);opacity:.4;transition:opacity .3s}
.nav-right a:hover,.nav-right a.active{opacity:1}
.new-badge{font-family:var(--mono);font-size:.48rem;color:#fff;background:var(--red);padding:.3rem .8rem;letter-spacing:.15em;text-decoration:none;text-transform:uppercase;animation:bpmPulse 1.4s ease infinite;transition:background .3s}
.new-badge:hover{background:#ff5a40}
@keyframes bpmPulse{0%,100%{opacity:1}50%{opacity:.7}}
.hamburger{display:none;background:none;border:none;cursor:none;width:28px;height:16px;position:relative;z-index:910}
.hamburger span{display:block;width:100%;height:1px;background:var(--text);position:absolute;left:0;transition:.3s}
.hamburger span:first-child{top:0}.hamburger span:nth-child(2){top:50%}.hamburger span:last-child{bottom:0}
.hamburger.on span:first-child{top:50%;transform:rotate(45deg)}.hamburger.on span:nth-child(2){opacity:0}.hamburger.on span:last-child{bottom:50%;transform:rotate(-45deg)}
.mob-nav{position:fixed;inset:0;background:rgba(10,10,10,.98);z-index:899;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;opacity:0;visibility:hidden;transition:.4s}
.mob-nav.on{opacity:1;visibility:visible}
.mob-nav a{font-family:var(--display);font-size:2.8rem;font-weight:800;color:var(--text);opacity:.4;transition:.3s}.mob-nav a:hover{opacity:1;color:var(--red)}

/* DIVIDER */
.dv{height:1px;background:var(--text-muted);margin:0 3rem}

/* SECTION COMMONS */
.sec{padding:7rem 3rem;max-width:1400px;margin:0 auto}
.tag{font-family:var(--mono);font-size:.5rem;letter-spacing:.5em;text-transform:uppercase;color:var(--red)}
.sec-h{font-family:var(--display);font-size:clamp(3rem,7vw,5.5rem);font-weight:900;line-height:.9;margin:1rem 0 .5rem}
.sec-sub{font-family:var(--display);font-size:.95rem;color:var(--text-dim);line-height:1.8;max-width:580px;margin-bottom:2.5rem}

/* PAGE HERO (non-index pages) */
.page-hero{padding:10rem 3rem 5rem;border-bottom:1px solid var(--text-muted);position:relative;overflow:hidden}
.page-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 20% 50%,var(--red-glow) 0%,transparent 60%)}
.page-hero .tag{position:relative}
.page-hero h1{font-family:var(--display);font-weight:900;font-size:clamp(3.5rem,8vw,7rem);line-height:.85;letter-spacing:-.02em;margin:1rem 0 1.5rem;position:relative}
.page-hero p{font-family:var(--display);font-size:1rem;color:var(--text-dim);line-height:2;max-width:560px;position:relative}
.page-hero-num{position:absolute;right:3rem;bottom:2rem;font-family:var(--mono);font-size:6rem;font-weight:300;color:rgba(255,58,32,.04);line-height:1;letter-spacing:-.05em}

/* FORMS */
.form-wrap{padding:5rem 3rem 7rem}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;max-width:900px}
.form-grid .full{grid-column:1/-1}
.field{display:flex;flex-direction:column;gap:.5rem}
.field label{font-family:var(--mono);font-size:.48rem;letter-spacing:.2em;text-transform:uppercase;color:var(--text-dim)}
.field input,.field select,.field textarea{background:var(--surface);border:1px solid var(--text-muted);color:var(--text);font-family:var(--display);font-size:.95rem;padding:.9rem 1.1rem;outline:none;transition:border-color .3s,background .3s;-webkit-appearance:none;appearance:none;border-radius:0}
.field select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23555' stroke-width='1.5' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem;cursor:none}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--red);background:rgba(20,20,20,.8)}
.field textarea{resize:vertical;min-height:140px;line-height:1.7}
.field input::placeholder,.field textarea::placeholder{color:var(--text-muted)}
.form-submit{margin-top:2rem;display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}
.btn-submit{font-family:var(--mono);font-size:.55rem;letter-spacing:.2em;text-transform:uppercase;padding:1rem 2.5rem;background:var(--red);color:#fff;border:1px solid var(--red);cursor:none;transition:all .4s;position:relative;overflow:hidden}
.btn-submit::before{content:'';position:absolute;inset:0;background:var(--text);transform:scaleX(0);transform-origin:left;transition:transform .45s cubic-bezier(.4,0,.2,1);z-index:0}
.btn-submit:hover{color:var(--bg)}.btn-submit:hover::before{transform:scaleX(1)}
.btn-submit span{position:relative;z-index:1}
.form-note{font-family:var(--mono);font-size:.45rem;color:var(--text-muted);letter-spacing:.1em;line-height:1.8}

/* SUCCESS STATE */
.form-success{display:none;padding:3rem;border:1px solid var(--red);background:var(--red-glow);max-width:900px}
.form-success h3{font-family:var(--display);font-size:1.8rem;font-weight:800;margin-bottom:.5rem}
.form-success p{font-size:.9rem;color:var(--text-dim);line-height:1.8}

/* SERVICE PATHS (work-with-me page) */
.paths{display:grid;grid-template-columns:repeat(2,1fr);gap:1.2rem;margin-top:3rem}
.path-card{border:1px solid var(--text-muted);padding:2.5rem;background:var(--surface);position:relative;overflow:hidden;transition:border-color .4s,background .4s;cursor:none}
.path-card::before{content:'';position:absolute;inset:0;background:var(--red-glow);opacity:0;transition:opacity .4s}
.path-card:hover{border-color:var(--red)}.path-card:hover::before{opacity:1}
.path-num{font-family:var(--mono);font-size:.45rem;color:var(--red);letter-spacing:.1em;margin-bottom:1rem;position:relative}
.path-title{font-family:var(--display);font-size:2rem;font-weight:800;margin-bottom:.8rem;position:relative;line-height:1}
.path-desc{font-family:var(--display);font-size:.88rem;color:var(--text-dim);line-height:1.8;margin-bottom:1.5rem;position:relative}
.path-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:2rem;position:relative}
.path-tag{font-family:var(--mono);font-size:.4rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);border:1px solid var(--text-muted);padding:.2rem .6rem}
.path-link{font-family:var(--mono);font-size:.52rem;letter-spacing:.2em;text-transform:uppercase;color:var(--red);display:inline-flex;align-items:center;gap:.5rem;transition:gap .3s;position:relative}
.path-link:hover{gap:1rem}.path-link::after{content:'→'}
.path-price{position:absolute;top:2.5rem;right:2rem;font-family:var(--mono);font-size:.45rem;color:var(--text-muted);letter-spacing:.1em}

/* MUSIC PAGE */
.rel-track-full{display:grid;grid-template-columns:repeat(5,1fr);gap:1.2rem}
.rel-card{position:relative;cursor:none;perspective:800px}
.rel-card-inner{transition:transform .5s cubic-bezier(.03,.98,.52,.99);transform-style:preserve-3d;will-change:transform}
.rel-art-wrap{position:relative;overflow:hidden;aspect-ratio:1;background:var(--surface)}
.rel-art{width:100%;height:100%;object-fit:cover;filter:saturate(.6) brightness(.8);transition:all .6s}
.rel-card:hover .rel-art{filter:saturate(1) brightness(1);transform:scale(1.08)}
.rel-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(10,10,10,.95));display:flex;align-items:flex-end;padding:1.2rem;opacity:0;transition:opacity .4s}
.rel-card:hover .rel-overlay{opacity:1}
.rel-links{display:flex;gap:.5rem}
.rel-links a{width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.07);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;transition:all .3s}
.rel-links a:hover{background:var(--red);transform:scale(1.15)}
.rel-links svg{width:14px;height:14px;fill:#fff}
.rel-info{padding:1rem 0;display:flex;justify-content:space-between;align-items:flex-end}
.rel-name{font-family:var(--display);font-size:1.1rem;font-weight:800;text-transform:uppercase;letter-spacing:.03em}
.rel-year{font-family:var(--mono);font-size:.5rem;color:var(--text-dim)}
.rel-type{font-family:var(--mono);font-size:.42rem;color:var(--red);letter-spacing:.2em;text-transform:uppercase;margin-top:.2rem}
.rel-num{position:absolute;top:.8rem;left:.8rem;font-family:var(--mono);font-size:.42rem;color:rgba(255,255,255,.15);z-index:3;letter-spacing:.1em}
.scb{background:var(--surface);border:1px solid var(--text-muted);padding:2.2rem;text-align:center;margin-bottom:2rem;position:relative;overflow:hidden}
.scb::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at center,var(--red-glow) 0%,transparent 70%)}
.scb .badge{display:inline-block;background:var(--red);color:#fff;font-family:var(--mono);font-size:.42rem;font-weight:700;padding:.2rem .6rem;letter-spacing:.15em;text-transform:uppercase;margin-bottom:.7rem;position:relative}
.scb h3{font-family:var(--display);font-weight:700;font-size:1.1rem;position:relative}
.scb p{font-size:.75rem;color:var(--text-dim);margin-top:.4rem;position:relative}
.sc-embed-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;margin-top:2rem}
.sc-embed-wrap{background:var(--surface);border:1px solid var(--text-muted);padding:1.2rem}
.sc-embed-label{font-family:var(--mono);font-size:.42rem;letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.8rem}
.sc-embed-wrap iframe{width:100%;border:none}

/* CONNECT */
#connect{padding:8rem 3rem;text-align:center}
.connect-title{font-family:var(--serif);font-style:italic;font-size:clamp(2.5rem,6vw,5rem);line-height:1.1;margin-bottom:3rem}
.connect-links{display:flex;flex-wrap:wrap;justify-content:center;gap:.7rem}
.cl{font-family:var(--display);font-size:clamp(1.3rem,2.5vw,2rem);font-weight:800;text-transform:uppercase;color:var(--text-dim);padding:.7rem 1.8rem;border:1px solid var(--text-muted);transition:all .35s;letter-spacing:.03em;position:relative;overflow:hidden}
.cl::before{content:'';position:absolute;inset:0;background:var(--red);transform:scaleY(0);transform-origin:bottom;transition:transform .4s cubic-bezier(.4,0,.2,1);z-index:-1}
.cl:hover{color:#fff;border-color:var(--red)}.cl:hover::before{transform:scaleY(1)}

/* FOOTER */
footer{padding:2rem 3rem;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--text-muted);font-family:var(--mono);font-size:.45rem;color:var(--text-dim);letter-spacing:.15em;text-transform:uppercase}
footer a{color:var(--red)}

/* BACK LINK */
.back-link{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--mono);font-size:.48rem;letter-spacing:.2em;text-transform:uppercase;color:var(--text-dim);transition:color .3s;margin-bottom:2rem}
.back-link::before{content:'←'}
.back-link:hover{color:var(--red)}

/* REVEAL */
[data-r]{opacity:0;transform:translateY(45px);transition:opacity .8s cubic-bezier(.4,0,.2,1),transform .8s cubic-bezier(.4,0,.2,1)}
[data-r].v{opacity:1;transform:none}
[data-r="l"]{transform:translateX(-50px)}[data-r="l"].v{transform:none}
[data-r="r"]{transform:translateX(50px)}[data-r="r"].v{transform:none}
[data-r="s"]{transform:scale(.9)}[data-r="s"].v{transform:none}

/* RESPONSIVE */
@media(max-width:1200px){.rel-track-full{grid-template-columns:repeat(4,1fr)}}
@media(max-width:900px){
  body{cursor:auto}.cursor{display:none!important}
  nav{padding:.8rem 1.5rem}.nav-right{display:none}.hamburger{display:block}
  .page-hero{padding:7rem 1.5rem 3rem}.page-hero-num{display:none}
  .form-wrap{padding:3rem 1.5rem 5rem}
  .form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}
  .paths{grid-template-columns:1fr}
  .rel-track-full{grid-template-columns:repeat(2,1fr);gap:.8rem}
  .sc-embed-grid{grid-template-columns:1fr}
  #connect{padding:5rem 1.5rem}
  footer{flex-direction:column;gap:.4rem;text-align:center}
  .dv{margin:0 1.5rem}
}
@media(max-width:500px){.rel-track-full{grid-template-columns:1fr}}