:root{--purple:#6d3b78;--deep:#38233e;--paper:#fffdf9;--ink:#2e2b2d}*{box-sizing:border-box}body{margin:0;color:var(--ink);font-family:"Caladea",serif;background:var(--paper)}.hero{min-height:760px;background:linear-gradient(90deg,rgba(255,253,249,.96) 0%,rgba(255,253,249,.82) 35%,rgba(255,255,255,.12) 67%),url('assets/hero.webp') center/cover no-repeat}.hero nav{display:flex;justify-content:space-between;padding:24px 6%;color:var(--deep)}.heroText{width:min(650px,88%);margin:70px 0 0 7%}h1{font-size:clamp(2.8rem,6vw,5.5rem);line-height:.95;margin:0;color:var(--deep)}.tag{font-size:1.4rem;color:var(--purple);font-style:italic}.welcome{margin-top:50px;background:rgba(255,253,249,.83);padding:24px 28px;border-left:5px solid var(--purple);border-radius:4px}.welcome h2{color:var(--purple)}main{max-width:1080px;margin:auto;padding:60px 24px}.find{text-align:center}.find h2{font-size:2.2rem;color:var(--deep);margin-bottom:4px}.find input{width:min(700px,100%);padding:15px 18px;border:1px solid #bcaabd;border-radius:30px;font-size:1rem;margin:18px 0 38px}.songs{display:grid;gap:24px}.card{display:grid;grid-template-columns:190px 1fr;gap:26px;align-items:center;padding:20px;background:white;border:1px solid #e7dfe7;border-radius:14px;box-shadow:0 5px 18px #0000000d}.card img{width:190px;border-radius:8px}.card h2{font-size:2rem;color:var(--deep);margin:0}.scripture{color:#6c6268}.card audio{width:min(100%,520px)}.links{display:flex;gap:12px;flex-wrap:wrap;margin-top:14px}.links a{color:white;background:var(--purple);padding:9px 15px;border-radius:20px;text-decoration:none}footer{text-align:center;padding:35px;background:var(--deep);color:white}@media(max-width:650px){.hero{min-height:680px;background-position:58% center}.hero nav span{display:none}.heroText{margin-top:35px}.welcome{margin-top:28px}.card{grid-template-columns:90px 1fr}.card img{width:90px}.card audio{grid-column:1/-1}.links a{padding:8px 11px}}
