
:root{--ink:#102e38;--dark:#08252e;--gold:#ffc857;--orange:#d8751e;--soft:#f3f7f7;--muted:#61747a;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Montserrat,Arial,sans-serif;color:var(--ink);line-height:1.65;background:#fff}img{max-width:100%}a{color:inherit}
.site-header{position:sticky;top:0;z-index:50;height:86px;padding:10px 5vw;display:flex;align-items:center;justify-content:space-between;background:rgba(7,31,38,.96);backdrop-filter:blur(10px)}.brand img{width:245px;display:block}.nav{display:flex;gap:26px;align-items:center}.nav a{color:#fff;text-decoration:none;font-size:.88rem;font-weight:700}.nav-cta{background:var(--gold);color:var(--dark)!important;padding:10px 16px;border-radius:999px}.menu-toggle{display:none;color:#fff;background:none;border:0;font-size:1.8rem}
.hero{min-height:calc(100vh - 86px);position:relative;background:url('assets/images/hero.jpg') center/cover no-repeat;display:flex;align-items:center;padding:80px 7vw}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,25,33,.9),rgba(4,25,33,.15))}.hero-content{position:relative;color:#fff;max-width:820px}.hero h1,.page-hero h1,.song-details h1{font:800 clamp(3.2rem,7vw,7rem)/.98 'Playfair Display',serif;margin:.12em 0 .2em}.lead{font-size:1.17rem;max-width:720px}.dark-lead{color:var(--muted)}.eyebrow{font-size:.76rem;letter-spacing:.17em;font-weight:800;color:var(--gold)}.eyebrow.dark{color:var(--orange)}.button-row{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-block;padding:13px 21px;border-radius:999px;text-decoration:none;border:0;font-weight:800;cursor:pointer;font:800 .9rem Montserrat}.primary{background:var(--gold);color:var(--dark)}.outline{border:2px solid white;color:white}.dark{background:var(--ink);color:white}.text-link{font-weight:800;color:var(--orange);text-decoration:none}
.section{padding:88px 7vw}.soft{background:var(--soft)}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.section h2,.newsletter h2,.feature-callout h2{font:800 clamp(2.2rem,4.4vw,4.5rem)/1.08 'Playfair Display',serif;margin:.16em 0 .4em}.section-head{display:flex;justify-content:space-between;gap:25px;align-items:end;margin-bottom:35px}.rounded-image{border-radius:24px;box-shadow:0 20px 55px rgba(10,42,52,.15)}
.album-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.album-card{background:#fff;border-radius:19px;overflow:hidden;box-shadow:0 15px 42px rgba(10,42,52,.11);transition:.25s}.album-card:hover{transform:translateY(-5px)}.album-card img{display:block;aspect-ratio:1/1;object-fit:cover;width:100%}.album-card-copy{padding:20px}.album-card h3{margin:5px 0 7px;font-size:1.22rem}.album-card p{color:var(--muted);font-size:.93rem}.genre{font-size:.7rem;font-weight:800;letter-spacing:.1em;color:var(--orange);text-transform:uppercase}.card-actions{display:flex;gap:18px}.card-actions a{font-weight:800;font-size:.86rem;text-decoration:none}.listen-link{color:var(--orange)}
.feature-callout{min-height:580px;padding:90px 7vw;background:linear-gradient(90deg,rgba(5,34,43,.94),rgba(5,34,43,.36)),url('assets/images/hero.jpg') center/cover;color:#fff;display:flex;align-items:center}.feature-callout>div{max-width:720px}.newsletter{padding:70px 7vw;display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center;background:var(--dark);color:#fff}.newsletter-form{display:flex;gap:10px}.newsletter-form input,.contact-form input,.contact-form textarea{width:100%;padding:15px;border:1px solid #d5e0e2;border-radius:12px;font:inherit}
.page-hero{min-height:430px;padding:120px 7vw 70px;color:#fff;display:flex;align-items:end;background:linear-gradient(90deg,rgba(4,30,38,.92),rgba(4,30,38,.2)),url('assets/images/hero.jpg') center/cover}.page-hero>div{max-width:800px}.page-hero p{max-width:680px}.filter-note{background:#fff4d4;border-left:5px solid var(--gold);padding:18px 20px;margin-bottom:32px;border-radius:7px}.video-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}.video-placeholder{aspect-ratio:16/9;background:linear-gradient(135deg,#133f4d,#e27b21);border-radius:20px;display:grid;place-items:center;color:#fff;font-weight:800}.video-card h3{font-size:1.3rem;margin-bottom:3px}.video-card p{color:var(--muted)}.narrow{max-width:980px;margin:auto}.lyrics-list details{border-bottom:1px solid #d7e0e2;padding:18px 0}.lyrics-list summary{cursor:pointer;font-weight:800;font-size:1.08rem}.values{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.values>div{background:white;padding:30px;border-radius:18px}.contact-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.contact-form{display:grid;gap:15px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:15px}.contact-box{margin-top:25px;padding:20px;background:var(--soft);border-radius:14px}.form-note{font-size:.82rem;color:var(--muted)}.song-page{display:grid;grid-template-columns:.85fr 1.15fr;gap:65px;align-items:start}.song-cover img{border-radius:22px;box-shadow:0 18px 50px rgba(8,37,46,.18)}.song-details h1{font-size:clamp(3rem,6vw,6rem)}.song-meta{margin:35px 0;padding:22px;background:var(--soft);border-radius:15px}.lyrics-placeholder{white-space:pre-line;background:#fff;border:1px solid #dbe4e6;padding:25px;border-radius:15px;color:var(--muted)}
.footer{padding:58px 7vw;background:#061c23;color:#dce8eb;text-align:center}.footer img{width:280px}.socials{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin:22px 0}.socials a{color:var(--gold);text-decoration:none;font-weight:700}.small{font-size:.8rem;color:#91a7ad}
@media(max-width:950px){.nav{display:none;position:absolute;top:86px;left:0;right:0;background:#08252e;padding:25px;flex-direction:column;align-items:flex-start}.nav.open{display:flex}.menu-toggle{display:block}.split,.newsletter,.contact-layout,.song-page{grid-template-columns:1fr}.album-grid{grid-template-columns:repeat(2,1fr)}.values{grid-template-columns:1fr}.section-head{align-items:flex-start;flex-direction:column}}
@media(max-width:620px){.site-header{height:76px}.brand img{width:205px}.nav{top:76px}.hero{min-height:720px;padding:75px 6vw}.hero h1{font-size:3.25rem}.section,.page-hero{padding-left:6vw;padding-right:6vw}.album-grid,.video-grid{grid-template-columns:1fr}.two-col{grid-template-columns:1fr}.newsletter-form{flex-direction:column}.page-hero h1{font-size:3.5rem}}
