:root{--bg:#0a0a0b;--surface:#111011;--text:#f5f1e9;--muted:#bcb6ad;--amber:#c49a62;--red:#9e3730;--spotify:#1ed760;--spotify-hover:#32e170;--line:rgba(255,255,255,.1);--max-width:1160px}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;overflow-x:hidden;background:var(--bg);color:var(--text);font-family:Inter,"Segoe UI",Arial,sans-serif;line-height:1.7;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}a{color:inherit}.container{width:min(calc(100% - 2.5rem),var(--max-width));margin-inline:auto}.section{padding-block:5.5rem}
.eyebrow{margin:0 0 .9rem;color:var(--amber);font-size:.75rem;font-weight:800;letter-spacing:.24em}
h1,h2{margin-top:0;font-family:Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif;font-weight:700;letter-spacing:.025em;line-height:.95;overflow-wrap:break-word}
h1{max-width:8ch;margin-bottom:1.25rem;font-size:clamp(4rem,18vw,9rem)}h2{margin-bottom:1.4rem;font-size:clamp(2.8rem,10vw,5.3rem)}
.hero{position:relative;min-height:94svh;display:flex;flex-direction:column;isolation:isolate;background-color:#161414;background-image:url("images/rock-parapet-hero.png");background-position:68% center;background-size:cover;background-repeat:no-repeat}
.hero::before{position:absolute;z-index:-1;inset:0;content:"";background:linear-gradient(90deg,rgba(5,5,6,.94) 0%,rgba(5,5,6,.79) 48%,rgba(5,5,6,.28) 100%),linear-gradient(0deg,var(--bg) 0%,transparent 26%,rgba(0,0,0,.2) 100%)}
.nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-block:1.35rem}.brand,.nav-links a{text-decoration:none}.brand{flex:0 0 auto;font-family:Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif;font-size:1rem;letter-spacing:.1em}.nav-links{display:flex;gap:clamp(.8rem,4vw,2rem)}.nav-links a{color:#dfdbd3;font-size:.68rem;font-weight:750;letter-spacing:.1em}
.hero-content{flex:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding-block:4rem 6rem}.hero-lead{max-width:590px;margin:0 0 2rem;color:#e2ded6;font-size:clamp(1.08rem,3vw,1.4rem);line-height:1.55}
.button{min-height:3.3rem;display:inline-flex;align-items:center;justify-content:center;padding:.9rem 1.45rem;border-radius:999px;background:var(--spotify);color:#07150c;box-shadow:0 12px 30px rgba(30,215,96,.14);text-align:center;text-decoration:none;font-size:.78rem;font-weight:850;letter-spacing:.055em;line-height:1.25;transition:transform 180ms ease,background-color 180ms ease,box-shadow 180ms ease}.button:hover,.button:focus-visible{background:var(--spotify-hover);box-shadow:0 14px 34px rgba(30,215,96,.24);transform:translateY(-2px)}.button:focus-visible,.nav a:focus-visible{outline:3px solid #fff;outline-offset:4px}
.album{background:radial-gradient(circle at 8% 38%,rgba(158,55,48,.12),transparent 32%),radial-gradient(circle at 80% 70%,rgba(196,154,98,.07),transparent 35%),var(--bg)}.album-grid{display:grid;align-items:center;gap:3.5rem}.album-art{position:relative}.album-art::after{position:absolute;z-index:-1;inset:7% -5% -5% 7%;border:1px solid rgba(196,154,98,.27);content:""}.album-art img{width:100%;height:auto;background:#1b1a1b;box-shadow:0 28px 70px rgba(0,0,0,.5)}.album-copy>p:not(.eyebrow){max-width:680px;margin:0 0 1.15rem;color:var(--muted)}.accent-line{width:3.6rem;height:3px;display:block;margin:-.3rem 0 1.8rem;background:var(--red)}.album-copy .button{margin-top:1rem}
blockquote{max-width:690px;margin:2.7rem 0 0;padding:1.3rem 0 1.3rem 1.4rem;border-left:3px solid var(--amber);color:#e7ddd0;font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.05rem,2.2vw,1.25rem);font-style:italic;line-height:1.55}
.about{position:relative;overflow:hidden;background:linear-gradient(135deg,rgba(158,55,48,.06),transparent 38%),var(--surface)}.about::after{position:absolute;right:-7rem;bottom:-10rem;width:22rem;height:22rem;border:1px solid rgba(158,55,48,.18);border-radius:50%;content:""}.about-inner{position:relative;z-index:1}.about-inner>p:last-child{max-width:710px;margin:0;color:#cbc5bc;font-size:1.08rem}
.footer{padding-block:2.5rem;border-top:1px solid var(--line);background:#070708}.footer-inner{display:flex;flex-direction:column;gap:.55rem}.footer p{margin:0}.footer-brand{font-family:Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif;letter-spacing:.1em}.copyright{color:#817d77;font-size:.82rem}
@media(max-width:420px){.container{width:min(calc(100% - 2rem),var(--max-width))}.brand{font-size:.9rem}.nav-links{gap:.7rem}.nav-links a{font-size:.6rem;letter-spacing:.07em}.hero{background-position:70% center}.hero::before{background:linear-gradient(90deg,rgba(5,5,6,.95) 0%,rgba(5,5,6,.82) 62%,rgba(5,5,6,.46) 100%),linear-gradient(0deg,var(--bg) 0%,transparent 30%)}.button{width:100%}}
@media(min-width:800px){.section{padding-block:8rem}.hero{background-position:center 30%}.album-grid{grid-template-columns:minmax(300px,.9fr) minmax(360px,1.1fr);gap:clamp(4rem,8vw,8rem)}.about-inner{padding-inline:8%}.footer-inner{flex-direction:row;align-items:center;justify-content:space-between}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important}}