.sermons-page{background:#071a2a;color:#fff}.sermon-header{background:rgba(255,255,255,.97);color:var(--ink)}.sermon-hero{min-height:470px;position:relative;display:flex;align-items:end;overflow:hidden;padding:clamp(5rem,10vw,9rem) clamp(1.4rem,8vw,8rem);background:radial-gradient(circle at 75% 20%,rgba(216,174,98,.32),transparent 25%),radial-gradient(circle at 15% 85%,rgba(41,112,148,.45),transparent 34%),linear-gradient(135deg,#0b2d49 0%,#071826 68%)}.sermon-hero:before,.sermon-hero:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.09)}.sermon-hero:before{width:520px;height:520px;right:-110px;top:-250px}.sermon-hero:after{width:340px;height:340px;right:110px;top:-180px}.sermon-glow{position:absolute;width:1px;height:1px;left:18%;top:35%;box-shadow:0 0 180px 90px rgba(216,174,98,.2)}.sermon-hero-content{position:relative;z-index:2;max-width:800px}.sermon-hero h1{font-size:clamp(3.5rem,7vw,7rem);margin-bottom:1.2rem}.sermon-hero-content>p:last-child{max-width:600px;color:rgba(255,255,255,.68);font-size:1.08rem}.sermon-library{position:relative;padding:clamp(4rem,8vw,8rem) clamp(1.4rem,8vw,8rem);background:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),radial-gradient(circle at 100% 25%,rgba(37,99,128,.22),transparent 30%),#071a2a;background-size:70px 70px,70px 70px,auto,auto}.library-heading{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:end;margin-bottom:3rem}.library-heading h2{font-family:var(--serif);font-weight:400;font-size:clamp(2.8rem,5vw,5rem);line-height:1;margin:0}.library-heading>p{color:rgba(255,255,255,.6);max-width:510px;margin:0}.sermon-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.sermon-card{min-height:190px;padding:1.5rem;border:1px solid rgba(255,255,255,.11);background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025));backdrop-filter:blur(8px);display:flex;flex-direction:column;justify-content:space-between;transition:transform .22s,border-color .22s,background .22s}.sermon-card:hover{transform:translateY(-5px);border-color:rgba(216,174,98,.7);background:linear-gradient(145deg,rgba(216,174,98,.13),rgba(255,255,255,.035))}.sermon-card .play{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;padding-left:2px;background:var(--gold);color:var(--navy);font-size:.72rem}.sermon-card h3{font-family:var(--serif);font-weight:400;font-size:1.38rem;line-height:1.22;margin:1.4rem 0 0}.sermon-card.featured{grid-column:span 2;min-height:270px;background:linear-gradient(135deg,rgba(216,174,98,.22),rgba(31,91,126,.2));border-color:rgba(216,174,98,.4)}.sermon-card.featured h3{font-size:clamp(2rem,3vw,3rem);max-width:620px}.sermon-card small{text-transform:uppercase;letter-spacing:.16em;color:var(--gold);font-weight:700}.sermons-page footer{background:#04111c}@media(max-width:900px){.sermon-grid{grid-template-columns:repeat(2,1fr)}.library-heading{grid-template-columns:1fr}.sermon-card.featured{grid-column:span 2}}@media(max-width:600px){.sermon-hero{min-height:420px}.sermon-grid{grid-template-columns:1fr}.sermon-card,.sermon-card.featured{grid-column:auto;min-height:180px}.sermon-card.featured{min-height:230px}.sermon-hero:before{right:-300px}.library-heading{gap:1.5rem}}
.sermon-hero-content>p:last-of-type{max-width:600px;color:rgba(255,255,255,.68);font-size:1.08rem}.youtube-channel{width:max-content;max-width:100%;margin-top:1.8rem;padding:.8rem 1.15rem .8rem .8rem;display:flex;align-items:center;gap:.85rem;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.09);backdrop-filter:blur(8px);transition:transform .2s,border-color .2s,background .2s}.youtube-channel:hover{transform:translateY(-2px);border-color:var(--gold);background:rgba(255,255,255,.14)}.youtube-icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;padding-left:2px;background:#ff0033;color:#fff;font-size:.72rem}.youtube-channel>span:last-child{display:flex;flex-direction:column;font-weight:700}.youtube-channel small{text-transform:uppercase;letter-spacing:.12em;color:rgba(255,255,255,.62);font-size:.62rem;font-weight:600}@media(max-width:600px){.sermon-hero{min-height:500px}}