*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#070707;color:#e8e1d5;font:16px/1.7 "Libre Baskerville",Georgia,serif}img{max-width:100%;display:block}a{text-decoration:none;color:inherit}:root{--gold:#c5b697;--muted:#9d968b;--line:#39342d}
header{position:fixed;z-index:10;top:0;left:0;right:0;height:74px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;background:#050505c9;backdrop-filter:blur(12px);border-bottom:1px solid #ffffff12}.brand{font:700 1rem Cinzel;letter-spacing:.18em}nav{display:flex;gap:30px}nav a,small,.link{font:11px Cinzel;letter-spacing:.15em;color:var(--muted)}.menu{display:none;background:none;border:0;color:white;font-size:24px}
.hero{height:100vh;min-height:650px;position:relative;display:flex;align-items:center;overflow:hidden}.hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.shade{position:absolute;inset:0;background:linear-gradient(90deg,#000c,#0002 70%,#0008)}.heroText{position:relative;z-index:2;width:min(1180px,90%);margin:auto}.hero h1{font:600 clamp(4rem,10vw,8.5rem)/.82 Cinzel;margin:14px 0;text-transform:uppercase}.heroText p{max-width:560px;color:#ddd5ca}.btn{display:inline-block;border:1px solid var(--gold);padding:12px 22px;color:#eee;font:11px Cinzel;letter-spacing:.12em;background:#ffffff08;cursor:pointer}.btn:hover{background:var(--gold);color:#080808}.hero .link{margin-left:28px;color:#ddd}.scroll{position:absolute;bottom:25px;left:5%;z-index:2;color:#999;font:10px Cinzel;letter-spacing:.2em}
.section{width:min(1180px,90%);margin:auto;padding:115px 0}.intro{max-width:650px;margin-bottom:50px}.intro h2,.contact h2{font:600 clamp(2.2rem,5vw,4rem)/1.05 Cinzel;margin:10px 0}.intro p,.contact p{color:var(--muted)}.musicGrid{display:grid;grid-template-columns:38% 62%;padding:50px;border:1px solid var(--line);background:#12110f}.vinylWrap{min-height:420px;display:grid;place-items:center;position:relative}.vinyl{width:min(340px,78%);aspect-ratio:1;border-radius:50%;background:repeating-radial-gradient(circle,#080808 0 2px,#181818 2.5px 4px);box-shadow:0 25px 60px #000;display:grid;place-items:center}.vinyl span{width:95px;height:95px;border-radius:50%;border:1px solid var(--gold);display:grid;place-items:center;text-align:center;font:600 11px/1.2 Cinzel}.sleeve{position:absolute;right:2%;bottom:4%;width:155px;aspect-ratio:1;background:url("assets/coast.png") center/cover;box-shadow:0 15px 35px #000;padding:14px;font:600 14px/1 Cinzel}.player{padding-left:50px}.player h3{font:600 1.45rem Cinzel;margin:7px 0 15px}.bars{height:50px;display:flex;gap:5px;align-items:center}.bars i{width:5px;height:12px;background:var(--gold);opacity:.5}.bars.play i{animation:b .8s alternate infinite}.bars i:nth-child(2n){animation-delay:.15s}.bars i:nth-child(3n){animation-delay:.3s}@keyframes b{to{height:45px}}audio{width:100%}.tracks{margin-top:18px;border-top:1px solid var(--line)}.tracks button{width:100%;padding:15px 8px;background:none;border:0;border-bottom:1px solid var(--line);color:#e8e1d5;text-align:left;font:14px Georgia;cursor:pointer}.tracks button:hover,.tracks button.active{background:#191714}.tracks b{font-weight:400;margin:0 12px}
.feature{height:70vh;min-height:500px;position:relative;overflow:hidden}.feature img{width:100%;height:100%;object-fit:cover;filter:brightness(.62)}.feature>div{position:absolute;z-index:2;left:7%;bottom:8%}.feature h2{font:600 clamp(2.3rem,5vw,4.5rem)/1.05 Cinzel;margin:8px 0}
.story{display:grid;grid-template-columns:1fr 1fr;background:#0d0c0b}.story>img{width:100%;height:100%;min-height:700px;object-fit:cover}.story>div{padding:12vw 9vw;max-width:700px}.story h2{font:600 clamp(2.2rem,4vw,3.8rem)/1.08 Cinzel}.story p{color:#c4bdb2}.story blockquote{margin:35px 0;padding:20px 0;border-block:1px solid var(--line);font-style:italic;color:var(--gold)}
.product{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);background:#0f0e0c}.cdArt{min-height:560px;display:grid;place-items:center;background:radial-gradient(circle,#29231b,#0b0b0a 65%);position:relative}.cdArt img{width:min(390px,70%);aspect-ratio:1;object-fit:cover;box-shadow:0 30px 60px #000;transform:rotate(-3deg)}.cdArt span{position:absolute;width:240px;aspect-ratio:1;border-radius:50%;background:repeating-radial-gradient(circle,#111 0 2px,#252525 2.5px 4px);right:8%;top:23%;box-shadow:0 12px 30px #000}.productInfo{padding:75px 65px}.productInfo h3{font:600 clamp(2rem,4vw,3rem) Cinzel;margin:10px 0}.productInfo p{color:var(--muted)}.productInfo>strong{display:block;color:var(--gold);font:600 1.7rem Cinzel;margin:25px 0}.productInfo>strong em{font-style:normal}.qty{display:flex;width:max-content;border:1px solid var(--line);margin-bottom:20px}.qty button,.qty span{width:38px;height:36px;display:grid;place-items:center;background:none;color:#eee;border:0}.qty span{border-inline:1px solid var(--line)}.wide{width:100%;text-align:center}.note{display:block;margin-top:14px;font-size:10px!important;color:#777!important}
.contact{display:grid;grid-template-columns:1fr 1fr;gap:80px}.contact form label{display:block;font:11px Cinzel;color:var(--gold);letter-spacing:.15em;text-transform:uppercase;margin-bottom:10px}.contact form>div{display:flex;border-bottom:1px solid var(--line)}.contact input{flex:1;background:none;border:0;outline:0;color:white;padding:13px 0;font:inherit}.contact form button{border-bottom:0;border-top:0;border-right:0}.contact #msg{color:var(--gold);font-size:12px}
footer{width:min(1180px,90%);margin:auto;padding:45px 0 60px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr 1fr;gap:25px;color:var(--muted);font-size:11px}footer b{font:700 1rem Cinzel;color:white;letter-spacing:.15em}footer span{display:block}.social{display:flex;gap:18px;justify-content:center}.social a:hover{color:white}
@media(max-width:800px){nav{display:none;position:absolute;top:74px;left:0;right:0;background:#090909;padding:20px 5vw;flex-direction:column}.menu{display:block}nav.open{display:flex}.hero h1{font-size:18vw}.musicGrid,.story,.product,.contact{grid-template-columns:1fr}.musicGrid{padding:25px}.player{padding:30px 0 0}.story>img{min-height:450px}.story>div{padding:70px 8vw}.productInfo{padding:55px 8vw}.cdArt{min-height:430px}.contact{gap:30px}.contact form>div{flex-direction:column;border:0}.contact input{border-bottom:1px solid var(--line)}.contact form button{margin-top:15px;border:1px solid var(--gold)}footer{grid-template-columns:1fr}.social{justify-content:flex-start;flex-wrap:wrap}}