:root{--ink:#3c2c22;--deep:#2b1b14;--brown:#563a2a;--gold:#b88746;--cream:#f4eadb;--paper:#fbf7ef;--white:#fffaf2}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;color:var(--ink);background:var(--paper);font-family:"Source Sans 3",Arial,sans-serif;line-height:1.6}
.site-header{min-height:82px;padding:14px clamp(18px,5vw,72px);display:flex;align-items:center;justify-content:space-between;gap:24px;background:var(--deep);border-bottom:1px solid rgba(255,255,255,.12)}
.brand{color:var(--white);text-decoration:none;line-height:1}.brand-main{display:block;font-family:"Cormorant Garamond",Georgia,serif;font-size:1.55rem;font-weight:700;letter-spacing:.08em}.brand-sub{display:block;margin-top:4px;font-size:.72rem;letter-spacing:.24em}
nav{display:flex;flex-wrap:wrap;gap:clamp(12px,2vw,28px)}nav a{color:#f6ead8;text-decoration:none;font-size:.83rem;font-weight:700;letter-spacing:.08em}nav a:hover,nav a:focus-visible{color:#ffd792}
.song-hero{max-width:1180px;margin:0 auto;padding:clamp(34px,6vw,76px) clamp(18px,5vw,60px);display:grid;grid-template-columns:minmax(280px,520px) minmax(280px,1fr);align-items:center;gap:clamp(30px,6vw,76px)}
.cover-wrap img{display:block;width:100%;height:auto;border-radius:10px;box-shadow:0 22px 48px rgba(44,27,18,.22)}
.eyebrow{margin:0 0 8px;color:var(--gold);font-size:.82rem;font-weight:700;letter-spacing:.18em}h1,h2{font-family:"Cormorant Garamond",Georgia,serif;line-height:1.02}h1{margin:0;color:var(--deep);font-size:clamp(3.2rem,7vw,6rem);font-weight:600}.artist{margin:4px 0 0;color:var(--brown);font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(1.35rem,3vw,2rem);letter-spacing:.08em;text-transform:uppercase}.rule{width:86px;height:2px;margin:24px 0;background:var(--gold)}
.lead{margin:0 0 18px;font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(1.45rem,2.8vw,2rem);line-height:1.28;color:var(--brown)}.body-copy{max-width:640px;margin:0;font-size:1.05rem;color:#54453b}.actions{margin-top:30px;display:flex;flex-wrap:wrap;gap:12px}.button{display:inline-block;padding:13px 22px;border:2px solid var(--brown);border-radius:999px;text-decoration:none;font-size:.86rem;font-weight:700;letter-spacing:.07em;transition:transform .15s ease}.button:hover,.button:focus-visible{transform:translateY(-1px)}.primary{color:#fff;background:var(--brown)}.secondary{color:var(--brown);background:transparent}
.reflection{padding:clamp(48px,8vw,92px) clamp(18px,8vw,120px);background:var(--cream);text-align:center}.reflection>*{max-width:830px;margin-left:auto;margin-right:auto}.reflection h2{margin-top:8px;margin-bottom:24px;font-size:clamp(2.2rem,4.5vw,3.8rem);color:var(--deep)}.reflection p:not(.eyebrow){font-size:1.08rem;color:#55463c}
.listen-band{padding:clamp(48px,7vw,78px) 20px;background:linear-gradient(rgba(43,27,20,.88),rgba(43,27,20,.88)),url("assets/beam-of-light-cover.png") center 70%/cover no-repeat;color:var(--white);text-align:center}.listen-band h2{margin:0;font-size:clamp(2.2rem,4vw,3.4rem)}.listen-band p{margin:12px 0 0;color:#f2dfc8}.centered{justify-content:center}.light{border-color:#f7ead8;background:#f7ead8;color:var(--deep)}.outline-light{border-color:#f7ead8;color:#fff}
footer{padding:34px 18px 40px;background:#1f1510;color:#eadbc9;text-align:center}.footer-brand{font-family:"Cormorant Garamond",Georgia,serif;font-size:1.55rem;letter-spacing:.08em}.footer-tag{margin:6px 0 12px;font-size:.76rem;letter-spacing:.09em;color:#cdb9a5}footer a{color:#f3d6aa;text-decoration:none}a:focus-visible{outline:3px solid #ffd792;outline-offset:3px}
@media(max-width:780px){.site-header{align-items:flex-start;flex-direction:column}nav{width:100%;justify-content:space-between}.song-hero{grid-template-columns:1fr;padding-top:28px}.cover-wrap{max-width:520px;margin:0 auto}.song-copy{text-align:center}.rule{margin-left:auto;margin-right:auto}.actions{justify-content:center}.button{min-width:210px;text-align:center}}