
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,500;0,600;1,500&family=DM+Sans:wght@400;500;600&display=swap');
:root{--cream:#f7ead4;--gold:#d5a35f;--gold2:#f1cf95;--brown:#26160f;--wine:#351714;--night:#0e111a;--muted:#bba892;--line:#ffffff20}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#130d0a;color:var(--cream);font-family:"DM Sans",sans-serif;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 10% 20%,#8f4d2318,transparent 30%),radial-gradient(circle at 90% 60%,#23406a15,transparent 35%);z-index:5}
.grain{position:fixed;inset:0;opacity:.06;pointer-events:none;z-index:20;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}
a{color:inherit;text-decoration:none}.nav{height:84px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;position:absolute;top:0;width:100%;z-index:10;border-bottom:1px solid #ffffff14}
.logo{font:600 15px "Cormorant Garamond",serif;letter-spacing:.22em;display:flex;align-items:center;gap:12px}.logo span{border:1px solid var(--gold);width:38px;height:38px;border-radius:50%;display:grid;place-items:center;letter-spacing:0;color:var(--gold)}
.nav nav{display:flex;gap:34px;font-size:12px;letter-spacing:.12em;text-transform:uppercase}.nav nav a{opacity:.8}.pill{border:1px solid #ffffff44;border-radius:30px;padding:11px 18px;font-size:11px;letter-spacing:.12em;text-transform:uppercase}
.hero{min-height:100vh;position:relative;display:grid;grid-template-columns:1fr .78fr;align-items:center;padding:125px 7vw 75px;gap:6vw;overflow:hidden}.hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,#140c08 0%,#20120c 43%,#0b1019 100%)}.hero-bg:after{content:"";position:absolute;width:600px;height:600px;border-radius:50%;background:#b06d2e28;filter:blur(70px);right:14%;top:13%}
.hero-copy,.hero-art{position:relative;z-index:2}.kicker{font-size:10px;letter-spacing:.34em;color:var(--gold2);font-weight:600}.hero h1{font:500 clamp(86px,11vw,170px)/.68 "Cormorant Garamond",serif;margin:.25em 0 .22em;letter-spacing:-.055em}.hero h1 em{color:var(--gold2);font-weight:500}.hero-copy>p{font:500 clamp(20px,2vw,29px)/1.45 "Cormorant Garamond",serif;color:#d8c8b5;max-width:570px}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:36px}.gold-btn{background:linear-gradient(120deg,#b97a3d,#e1b879);color:#1b100a;padding:15px 23px;border-radius:2px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-weight:600}.text-link{font-size:12px;color:#d7c4ae}
.hero-art{transform:rotate(2deg)}.hero-art img{width:100%;max-height:68vh;object-fit:cover;box-shadow:0 40px 100px #000b;border:1px solid #ffffff24}.floating-note{position:absolute;left:-45px;bottom:35px;background:#f2dfc2;color:#25150d;padding:16px 20px;box-shadow:0 16px 50px #0006;transform:rotate(-3deg)}.floating-note b{display:block;font-size:9px;letter-spacing:.22em}.floating-note span{font:600 18px "Cormorant Garamond",serif}.scroll{position:absolute;bottom:25px;left:7vw;font-size:9px;letter-spacing:.24em;color:#9e8c7a}
.marquee{border-top:1px solid #ffffff18;border-bottom:1px solid #ffffff18;background:#21130e;overflow:hidden;white-space:nowrap;color:#c89c66}.marquee div{padding:18px 0;font:500 17px "Cormorant Garamond",serif;letter-spacing:.18em;animation:move 28s linear infinite}@keyframes move{to{transform:translateX(-45%)}}
.music{padding:110px 6vw;background:linear-gradient(#18100c,#110d0b)}.section-title{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:55px}.section-title h2,.artist h2{font:500 clamp(55px,7vw,95px)/.9 "Cormorant Garamond",serif;margin:.15em 0}.section-title p{max-width:390px;color:var(--muted);font:500 18px/1.5 "Cormorant Garamond",serif}
.albums{display:grid;grid-template-columns:repeat(3,1fr);gap:42px 26px}.album{position:relative}.album img{width:100%;aspect-ratio:1;object-fit:cover;display:block;transition:.45s ease;box-shadow:0 18px 45px #0005}.album:hover img{transform:translateY(-8px) scale(1.012);box-shadow:0 28px 70px #0008}.album div{padding:15px 3px}.album span{font-size:8px;letter-spacing:.24em;color:var(--gold)}.album h3{font:600 27px/1.05 "Cormorant Garamond",serif;margin:6px 0}.album p{color:var(--muted);margin:5px 0;font-size:12px}.album.featured{grid-column:span 2;grid-row:span 2}.album.featured h3{font-size:38px}
.artist{padding:120px 7vw;display:grid;grid-template-columns:.8fr 1fr;gap:8vw;align-items:center;background:linear-gradient(135deg,#29160f,#0f121a)}.portrait-wrap{position:relative}.portrait-wrap img{width:100%;max-height:720px;object-fit:cover;box-shadow:30px 30px 0 #b57b4420}.stamp{position:absolute;right:-32px;top:35px;width:105px;height:105px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;text-align:center;color:var(--gold);font:600 14px/1.2 "Cormorant Garamond",serif;letter-spacing:.1em;transform:rotate(12deg);background:#1c110ce8}.artist-copy .big{font:500 31px/1.3 "Cormorant Garamond",serif;color:#e8d4ba}.artist-copy .big small{font-size:16px;color:#9e8975}.artist-copy>p:not(.big){color:#baa894;line-height:1.8;max-width:680px}.stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);margin-top:35px;padding-top:28px;gap:20px}.stats b{display:block;font:500 42px "Cormorant Garamond",serif;color:var(--gold2)}.stats span{font-size:10px;color:#a89581;text-transform:uppercase;letter-spacing:.08em}
.manifesto{padding:135px 7vw;text-align:center;background:radial-gradient(circle at 50% 50%,#55301c55,transparent 42%),#130d0a}.manifesto blockquote{font:500 clamp(48px,7vw,100px)/.95 "Cormorant Garamond",serif;margin:.5em auto;max-width:1100px}.manifesto blockquote em{color:var(--gold2)}.manifesto p{color:var(--muted);max-width:630px;margin:auto;line-height:1.7}
footer{padding:45px 6vw;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ffffff18;color:#907d6b}footer p{font-size:11px}
@media(max-width:850px){.nav nav{display:none}.hero{grid-template-columns:1fr;padding-top:130px}.hero-art{width:80%;margin-left:auto}.albums{grid-template-columns:1fr 1fr}.artist{grid-template-columns:1fr}.portrait-wrap{max-width:600px}.section-title{display:block}.section-title p{margin-top:25px}}
@media(max-width:560px){.pill{display:none}.hero{padding-left:6vw;padding-right:6vw}.hero h1{font-size:78px}.hero-art{width:92%;margin-top:30px}.floating-note{left:-15px}.albums{grid-template-columns:1fr}.album.featured{grid-column:auto;grid-row:auto}.music,.artist,.manifesto{padding:85px 6vw}.stats{grid-template-columns:1fr 1fr}footer{display:block}footer p{margin-top:20px}}
