*{box-sizing:border-box}:root{--bg:#09090b;--text:#f4f4f5;--muted:#c4c4cc;--dim:#8e8e99;--red:#ef4444;--red-soft:#fca5a5;--line:rgba(255,255,255,.11);--glass:rgba(255,255,255,.045);--shadow:0 30px 90px rgba(0,0,0,.45)}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}p{margin:0}.site-nav{position:fixed;inset:0 0 auto 0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:18px clamp(20px,5vw,80px);border-bottom:1px solid var(--line);background:rgba(9,9,11,.72);backdrop-filter:blur(18px)}.brand{font-weight:900;letter-spacing:-.04em;font-size:1.15rem}.nav-links{display:flex;gap:28px;color:var(--muted);font-size:.92rem;font-weight:600}.nav-links a:hover{color:#fff}.menu-button{display:none;border:1px solid var(--line);background:rgba(255,255,255,.06);color:#fff;border-radius:999px;padding:9px 14px;font-weight:700}.hero{min-height:94vh;position:relative;display:flex;align-items:center;overflow:hidden;padding:150px clamp(22px,6vw,90px) 120px}.hero-bg{position:absolute;inset:0;background-image:url("assets/jay-vale-hero-art.png");background-size:cover;background-position:center;transform:scale(1.02)}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,9,11,.92) 0%,rgba(9,9,11,.78) 34%,rgba(9,9,11,.28) 100%),radial-gradient(circle at 18% 25%,rgba(185,28,28,.28),transparent 30%),radial-gradient(circle at 72% 40%,rgba(0,0,0,.12),rgba(0,0,0,.58) 62%)}.hero-bottom-fade{position:absolute;inset:auto 0 0 0;height:220px;background:linear-gradient(to top,var(--bg),transparent)}.hero-content{position:relative;z-index:2;max-width:820px}.pill,.eyebrow{display:inline-flex;color:var(--red-soft);text-transform:uppercase;letter-spacing:.28em;font-size:.78rem;font-weight:800}.pill{border:1px solid rgba(252,165,165,.22);background:rgba(239,68,68,.11);border-radius:999px;padding:10px 16px;margin-bottom:26px}h1,h2,h3{margin:0;line-height:.98}h1{font-family:"Playfair Display",serif;font-size:clamp(4.7rem,12vw,10rem);letter-spacing:-.07em;font-weight:900;text-transform:uppercase}h2{margin-top:14px;max-width:980px;font-size:clamp(2.45rem,6vw,5rem);letter-spacing:-.065em;font-weight:900}h3{font-size:1.55rem;letter-spacing:-.035em}.hero-subtitle{margin-top:28px;color:#e4e4e7;max-width:760px;font-size:clamp(1.45rem,3vw,2.05rem);line-height:1.26;font-weight:700;letter-spacing:-.035em}.hero-text{margin-top:24px;color:var(--muted);max-width:730px;font-size:1.12rem;line-height:1.85}.hero-actions{display:flex;gap:16px;flex-wrap:wrap;margin-top:38px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:0 24px;border-radius:18px;font-weight:900;transition:transform .2s ease,background .2s ease,border .2s ease}.button:hover{transform:translateY(-2px)}.primary{background:var(--red);color:#fff;box-shadow:0 16px 50px rgba(239,68,68,.23)}.primary:hover{background:#f87171}.secondary{border:1px solid var(--line);background:rgba(255,255,255,.06);color:#fff}.secondary:hover{border-color:rgba(252,165,165,.35);background:rgba(255,255,255,.1)}.section,.cards-section,.statement-wrap,.contact{padding:105px clamp(22px,6vw,90px);max-width:1280px;margin:0 auto}.section>.eyebrow{margin-bottom:12px}.two-column{display:grid;grid-template-columns:.95fr 1.05fr;gap:44px;margin-top:42px}.copy,.narrow-copy,.panel,.statement-copy{color:var(--muted);font-size:clamp(1.05rem,1.7vw,1.25rem);line-height:1.78}.copy p+p,.narrow-copy p+p,.panel p+p,.statement-copy p+p{margin-top:24px}.panel{border:1px solid var(--line);border-radius:28px;background:var(--glass);padding:clamp(26px,4vw,42px);box-shadow:var(--shadow)}.panel h3{margin-bottom:18px;color:#fff;font-size:2rem}.narrow-copy{max-width:930px;margin-top:42px}.cards{display:grid;gap:24px}.cards.four{grid-template-columns:repeat(4,1fr)}.cards.three{grid-template-columns:repeat(3,1fr)}.cards.two{grid-template-columns:repeat(2,1fr);margin-top:42px}.card,.song-card{border:1px solid var(--line);border-radius:28px;background:var(--glass);padding:28px;box-shadow:var(--shadow)}.card p,.song-card p{margin-top:15px;color:var(--muted);line-height:1.72}.icon{width:52px;height:52px;display:grid;place-items:center;margin-bottom:22px;border-radius:18px;background:rgba(239,68,68,.15);border:1px solid rgba(252,165,165,.2);color:var(--red-soft);font-size:1.35rem}.statement{display:grid;grid-template-columns:.75fr 1.25fr;gap:48px;align-items:start;border:1px solid rgba(252,165,165,.22);border-radius:36px;background:linear-gradient(135deg,rgba(127,29,29,.38),rgba(24,24,27,.78)),radial-gradient(circle at 20% 20%,rgba(239,68,68,.18),transparent 38%);padding:clamp(30px,6vw,64px);box-shadow:var(--shadow)}.statement-copy{color:#f4f4f5;font-size:clamp(1.25rem,2vw,1.55rem)}.song-grid{margin-top:44px}.song-card{background:rgba(0,0,0,.28);transition:transform .2s ease,border .2s ease,background .2s ease}.song-card:hover{transform:translateY(-4px);border-color:rgba(252,165,165,.38);background:rgba(255,255,255,.06)}.art-placeholder{height:190px;margin-bottom:22px;border-radius:22px;border:1px solid var(--line);background:radial-gradient(circle at 30% 20%,rgba(239,68,68,.36),transparent 28%),linear-gradient(135deg,#27272a,#09090b)}.tag-box{margin-top:46px;border:1px solid var(--line);border-radius:28px;background:var(--glass);padding:32px}.tags{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.tags span{display:inline-flex;border:1px solid var(--line);background:rgba(0,0,0,.28);border-radius:999px;color:#d4d4d8;padding:10px 14px;text-transform:uppercase;letter-spacing:.16em;font-size:.75rem;font-weight:800}.timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:48px}.timeline-item{position:relative;border-left:1px solid rgba(252,165,165,.28);padding-left:28px}.timeline-item:before{content:"";position:absolute;left:-7px;top:8px;width:13px;height:13px;background:var(--red-soft);border-radius:999px;box-shadow:0 0 26px rgba(252,165,165,.75)}.timeline-item span{color:var(--red-soft);font-size:.78rem;text-transform:uppercase;letter-spacing:.24em;font-weight:900}.timeline-item h3{margin-top:12px}.timeline-item p{margin-top:15px;color:var(--muted)}.contact{display:grid;grid-template-columns:1fr auto;gap:48px;align-items:center;border:1px solid var(--line);border-radius:36px;background:rgba(24,24,27,.75);margin-bottom:90px}.contact p:not(.eyebrow){margin-top:24px;max-width:760px;color:var(--muted);font-size:1.12rem}.small-note{color:var(--dim)!important;font-size:1rem!important}footer{border-top:1px solid var(--line);padding:38px 22px;text-align:center;color:var(--dim);font-size:.9rem}.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:translateY(0)}@media(max-width:980px){.nav-links{position:absolute;top:70px;left:20px;right:20px;display:none;flex-direction:column;gap:0;border:1px solid var(--line);border-radius:22px;background:rgba(9,9,11,.95);padding:12px}.nav-links.open{display:flex}.nav-links a{padding:14px}.menu-button{display:inline-flex}.two-column,.statement,.contact{grid-template-columns:1fr}.cards.four,.cards.three,.cards.two,.timeline{grid-template-columns:1fr}.hero{min-height:92vh;padding-top:125px}.hero-bg{background-position:62% center}.hero-overlay{background:linear-gradient(90deg,rgba(9,9,11,.93) 0%,rgba(9,9,11,.8) 54%,rgba(9,9,11,.45) 100%),radial-gradient(circle at 20% 24%,rgba(185,28,28,.28),transparent 36%)}}@media(max-width:560px){.hero{padding-left:20px;padding-right:20px}h1{font-size:clamp(4.2rem,20vw,5.5rem)}h2{font-size:2.4rem}.button{width:100%}.section,.cards-section,.statement-wrap,.contact{padding-left:20px;padding-right:20px}.contact{border-radius:28px}}
