:root{--night:#082f35;--deep:#0b4850;--turq:#257f84;--aqua:#72c5c0;--mist:#e8f4f0;--ivory:#fffaf1;--paper:#f4ead4;--gold:#c9a45a;--gold2:#efd793;--bronze:#82572f;--ink:#223535;--muted:#63716d;--line:rgba(19,84,86,.18);--shadow:0 22px 70px rgba(4,48,52,.16);--serif:Georgia,'Times New Roman',serif;--sans:system-ui,-apple-system,'Segoe UI',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ivory);color:var(--ink);font:17px/1.65 var(--serif)}a{color:inherit}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:1rem;top:1rem;z-index:999;background:white;padding:.8rem 1rem}.site-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem clamp(1rem,4vw,4rem);background:rgba(255,250,241,.92);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:.8rem;text-decoration:none;font-weight:700;color:var(--night)}.emblem{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;color:white;background:radial-gradient(circle at 30% 25%,#49aaa7,var(--night));border:2px solid var(--gold2);box-shadow:0 6px 20px rgba(8,47,53,.22)}.brand small{display:block;font:600 .65rem/1.2 var(--sans);letter-spacing:.15em;text-transform:uppercase;color:var(--bronze)}.nav{display:flex;gap:.1rem;align-items:center;flex-wrap:wrap}.nav a{text-decoration:none;font:600 .82rem/1 var(--sans);padding:.7rem .72rem;border-radius:999px;color:#415b59}.nav a:hover,.nav a[aria-current=page]{background:var(--mist);color:var(--deep)}.menu-button{display:none;background:none;border:1px solid var(--line);border-radius:10px;padding:.55rem .7rem}
.hero{min-height:calc(100vh - 64px);position:relative;overflow:hidden;display:grid;align-items:center;color:white;isolation:isolate}.hero-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3}.hero:before{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(3,36,40,.86),rgba(4,44,47,.48) 52%,rgba(5,39,41,.18)),linear-gradient(180deg,rgba(0,0,0,.08),rgba(3,30,32,.58))}.hero:after{content:'';position:absolute;inset:1.2rem;border:1px solid rgba(239,215,147,.36);z-index:-1;pointer-events:none}.hero-inner{width:min(1180px,100%);margin:auto;padding:clamp(5rem,11vh,9rem) clamp(1.2rem,6vw,5rem)}.eyebrow{font:700 .72rem/1.2 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--gold2)}.hero h1{max-width:850px;margin:.55rem 0 .8rem;font-size:clamp(3.4rem,8vw,7.8rem);line-height:.86;font-weight:500;letter-spacing:-.045em}.hero h1 span{display:block;color:#fff3cf;font-size:.42em;letter-spacing:.05em;margin-bottom:.4em}.hero-copy{max-width:700px;font-size:clamp(1.05rem,2vw,1.32rem);color:#f8f4e9}.scripture{max-width:750px;margin:1.6rem 0;padding:1rem 0;border-block:1px solid rgba(255,255,255,.28);font-style:italic}.actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.5rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:48px;padding:.8rem 1.15rem;border-radius:999px;text-decoration:none;font:700 .86rem/1 var(--sans);border:1px solid transparent;transition:.2s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--ivory);color:var(--night);box-shadow:0 12px 32px rgba(0,0,0,.2)}.btn-secondary{background:rgba(9,57,61,.48);color:white;border-color:rgba(255,255,255,.45)}.btn-gold{background:linear-gradient(180deg,#f3d994,#c8a251);color:#2e2415}.coming{display:inline-flex;align-items:center;gap:.45rem;margin-top:1rem;font:600 .75rem/1.2 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:#f6e8bd}.dot{width:8px;height:8px;border-radius:50%;background:var(--gold2);box-shadow:0 0 0 5px rgba(239,215,147,.12)}
.section{padding:clamp(4rem,8vw,8rem) clamp(1rem,5vw,5rem)}.section-alt{background:linear-gradient(180deg,#f7eedb,#fffaf1)}.section-dark{background:radial-gradient(circle at 50% 0,rgba(114,197,192,.18),transparent 34rem),linear-gradient(180deg,#0b4248,#072f34);color:white}.section-head{max-width:780px;margin:0 auto 3rem;text-align:center}.section-head h2{margin:.4rem 0 1rem;color:var(--deep);font-size:clamp(2.3rem,5vw,4.8rem);line-height:1;font-weight:500}.section-dark .section-head h2,.section-dark .section-head p{color:white}.section-head p{color:var(--muted)}.ornament{display:flex;align-items:center;gap:.75rem;justify-content:center;color:var(--gold);font-size:1.1rem}.ornament:before,.ornament:after{content:'';height:1px;width:65px;background:linear-gradient(90deg,transparent,var(--gold))}.ornament:after{transform:scaleX(-1)}
.portal-grid{max-width:1180px;margin:auto;display:grid;grid-template-columns:repeat(12,1fr);gap:1rem}.portal-card{grid-column:span 4;min-height:260px;position:relative;overflow:hidden;padding:1.4rem;border:1px solid rgba(201,164,90,.55);border-radius:20px;background:linear-gradient(150deg,rgba(255,255,255,.95),rgba(244,234,212,.93));box-shadow:var(--shadow);text-decoration:none;display:flex;flex-direction:column;justify-content:flex-end;transition:.2s}.portal-card:hover{transform:translateY(-6px);box-shadow:0 28px 75px rgba(4,48,52,.22)}.portal-card:before{content:'';position:absolute;inset:10px;border:1px solid rgba(37,127,132,.2);border-radius:14px}.portal-card>*{position:relative}.portal-card .number{position:absolute;top:1.5rem;left:1.5rem;font:700 .72rem/1 var(--sans);letter-spacing:.14em;color:var(--bronze)}.portal-card .icon{position:absolute;right:1.5rem;top:1.1rem;font-size:2.6rem;color:var(--turq)}.portal-card h3{margin:0 0 .3rem;color:var(--deep);font-size:1.55rem;line-height:1.1}.portal-card p{margin:0;color:var(--muted)}.portal-card.featured{grid-column:span 6;background:linear-gradient(145deg,#154f54,#0a353a);color:white}.portal-card.featured h3,.portal-card.featured p{color:white}.portal-card.featured .number,.portal-card.featured .icon{color:var(--gold2)}
.search-panel{max-width:1050px;margin:auto;background:white;border:1px solid var(--line);border-radius:24px;padding:clamp(1.2rem,4vw,2.4rem);box-shadow:var(--shadow)}.search-label{font:700 .75rem/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--bronze)}.search-box{display:flex;gap:.6rem;margin-top:.7rem}.search-box input{flex:1;min-width:0;border:1px solid #aec7c2;border-radius:14px;padding:1rem 1.1rem;font:1rem var(--serif);background:#fffdf8}.search-box button{border:0;border-radius:14px;padding:0 1.2rem;background:var(--deep);color:white;font-weight:700}.search-note{margin:.8rem 0 0;color:var(--muted);font-size:.92rem}.hear-ye-box{max-width:1050px;margin:1.25rem auto 0;display:grid;grid-template-columns:1fr auto;align-items:center;gap:1rem;padding:1.2rem 1.4rem;border-radius:20px;background:linear-gradient(135deg,#eaf6f1,#f9efd8);border:1px solid rgba(201,164,90,.45)}.hear-ye-box h3,.hear-ye-box p{margin:.1rem 0}.hear-ye-box h3{color:var(--deep)}
.page-hero{padding:clamp(4rem,9vw,7rem) 1rem 4rem;text-align:center;color:white;background:radial-gradient(circle at 50% 0,rgba(239,215,147,.35),transparent 20rem),linear-gradient(145deg,var(--night),var(--turq));border-bottom:5px solid var(--gold)}.page-hero h1{font-size:clamp(2.8rem,7vw,5.8rem);line-height:.95;margin:.5rem 0;font-weight:500}.page-hero p{max-width:760px;margin:1rem auto 0}.breadcrumbs{font:700 .72rem/1 var(--sans);letter-spacing:.13em;text-transform:uppercase;color:#f3d994}.content-wrap{max-width:1180px;margin:auto;padding:clamp(2rem,5vw,4rem) 1rem}.toolbar{display:flex;gap:.7rem;flex-wrap:wrap;align-items:center;background:white;padding:1rem;border-radius:18px;box-shadow:var(--shadow);margin-top:-3.2rem;position:relative}.toolbar input,.toolbar select{flex:1 1 220px;padding:.9rem 1rem;border:1px solid #b9cfca;border-radius:12px;font:inherit}.result-count{font:700 .78rem/1 var(--sans);color:var(--bronze)}.resource-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1rem;margin-top:2rem}.resource-card{grid-column:span 4;display:flex;flex-direction:column;min-height:250px;background:white;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 12px 38px rgba(5,52,55,.1)}.resource-top{padding:1.2rem 1.2rem .5rem}.resource-type{font:700 .67rem/1 var(--sans);letter-spacing:.15em;text-transform:uppercase;color:var(--bronze)}.resource-card h2{font-size:1.35rem;line-height:1.15;color:var(--deep);margin:.55rem 0}.resource-card p{color:var(--muted);font-size:.93rem}.resource-actions{margin-top:auto;display:flex;gap:.5rem;flex-wrap:wrap;padding:1rem 1.2rem 1.2rem;border-top:1px solid var(--line)}.resource-actions a{flex:1;text-align:center;text-decoration:none;padding:.65rem .8rem;border-radius:10px;background:var(--mist);color:var(--deep);font:700 .75rem/1 var(--sans)}.resource-actions a.primary{background:var(--deep);color:white}.empty{grid-column:1/-1;text-align:center;padding:3rem;background:white;border-radius:20px}.category-list{display:grid;gap:.8rem}.category{background:white;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 10px 30px rgba(5,52,55,.08)}.category summary{cursor:pointer;list-style:none;display:grid;grid-template-columns:auto 1fr auto;gap:1rem;align-items:center;padding:1.1rem 1.2rem}.category summary::-webkit-details-marker{display:none}.cat-num{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--deep);color:white;font:700 .8rem var(--sans)}.category h2{margin:0;color:var(--deep);font-size:1.25rem}.category p{margin:.15rem 0;color:var(--muted);font-size:.9rem}.badge{display:inline-flex;padding:.25rem .55rem;border-radius:999px;background:var(--mist);color:var(--deep);font:700 .7rem var(--sans)}.doc-list{display:grid;gap:.55rem;padding:0 1rem 1rem}.doc{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem 1rem;background:#fffdf8;border:1px solid #e8deca;border-radius:12px}.doc a{text-decoration:none;color:var(--deep);font-weight:700}.doc small{display:block;color:var(--muted)}.audio-item{background:white;padding:1.2rem;border-radius:18px;border:1px solid var(--line);box-shadow:0 10px 30px rgba(5,52,55,.08)}audio{width:100%;margin-top:.8rem}.notice{padding:1rem 1.2rem;border-left:4px solid var(--gold);background:#fff7df;border-radius:0 12px 12px 0}.prose{max-width:820px;margin:auto}.prose h2{color:var(--deep);font-size:2rem}.prose blockquote{margin:2rem 0;padding:1.2rem 1.5rem;border-left:4px solid var(--gold);background:var(--paper);font-style:italic}.site-footer{padding:3rem 1rem;background:#072d32;color:#dcecea;text-align:center}.site-footer a{color:#f1d790}.footer-nav{display:flex;justify-content:center;flex-wrap:wrap;gap:1rem;font:600 .8rem var(--sans)}
@media(max-width:900px){.portal-card,.portal-card.featured,.resource-card{grid-column:span 6}.nav{display:none;position:absolute;top:64px;left:0;right:0;padding:1rem;background:var(--ivory);box-shadow:var(--shadow)}.nav.open{display:grid}.menu-button{display:block}.hero:before{background:linear-gradient(90deg,rgba(3,36,40,.82),rgba(4,44,47,.5)),linear-gradient(180deg,rgba(0,0,0,.05),rgba(3,30,32,.62))}.hear-ye-box{grid-template-columns:1fr}}
@media(max-width:600px){body{font-size:16px}.brand span:last-child{font-size:.9rem}.portal-card,.portal-card.featured,.resource-card{grid-column:span 12}.hero h1{font-size:3.5rem}.search-box{display:grid}.search-box button{padding:.9rem}.category summary{grid-template-columns:auto 1fr}.category summary .badge{grid-column:2}.doc{align-items:flex-start;flex-direction:column}.resource-actions a{flex-basis:100%}}
/* Hymnal Library */
.hymn-hero{background:radial-gradient(circle at 20% 0,rgba(239,215,147,.38),transparent 24rem),radial-gradient(circle at 80% 20%,rgba(114,197,192,.3),transparent 28rem),linear-gradient(145deg,#082f35,#17666c)}
.hymn-welcome{display:grid;grid-template-columns:1fr auto;align-items:center;gap:2rem;padding:clamp(1.4rem,4vw,2.5rem);margin-top:-3.4rem;position:relative;background:linear-gradient(140deg,#fffdf8,#f4ead4);border:1px solid rgba(201,164,90,.5);border-radius:24px;box-shadow:var(--shadow)}
.hymn-welcome h2{font-size:clamp(2.2rem,5vw,4rem);line-height:1;margin:.35rem 0;color:var(--deep);font-weight:500}.hymn-welcome blockquote{margin:1rem 0 0;font-style:italic;color:var(--muted)}.hymn-mark{width:110px;height:110px;border-radius:50%;display:grid;place-items:center;font-size:4rem;color:var(--gold);border:1px solid rgba(201,164,90,.55);background:rgba(255,255,255,.7)}.eyebrow.dark{color:var(--bronze)}.upload-notice{margin:1.4rem 0}.upload-notice code{background:rgba(255,255,255,.75);padding:.1rem .35rem;border-radius:5px}.hymn-toolbar{margin-top:0}.featured-audio{display:grid;grid-template-columns:1fr minmax(280px,42%);gap:1.4rem;align-items:center;margin:2rem 0 0;padding:1.5rem;border-radius:22px;background:linear-gradient(145deg,#0b4248,#072f34);color:white;box-shadow:var(--shadow);border:1px solid rgba(239,215,147,.5)}.featured-audio h2{font-size:clamp(1.8rem,4vw,3rem);line-height:1;margin:.45rem 0}.featured-audio p{margin:.35rem 0;color:#dcecea}.featured-audio .resource-type{color:var(--gold2)}.audio-card audio{margin-top:1rem}.performer{font-style:italic;color:var(--bronze)!important}.empty-symbol{font-size:3rem;color:var(--gold)}
@media(max-width:700px){.hymn-welcome{grid-template-columns:1fr}.hymn-mark{display:none}.featured-audio{grid-template-columns:1fr}}

/* Publish-today rebuild */
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.image-hero{position:relative;background:#e9dcc3;line-height:0}.image-hero>img{display:block;width:100%;height:auto}.hero-hotspot{position:absolute;top:61.5%;height:18%;z-index:3;border-radius:1rem}.hero-hotspot:focus-visible,.hero-hotspot:hover{outline:4px solid rgba(255,255,255,.75);outline-offset:-5px;background:rgba(255,255,255,.06)}.hero-hotspot.enter{left:29.8%;width:13.5%}.hero-hotspot.hear{left:44.1%;width:13.5%}.hero-hotspot.browse{left:58.2%;width:13.5%}.hero-search-hotspot{position:absolute;left:35.3%;top:53.1%;width:30.4%;height:6.8%;z-index:4;display:flex;align-items:center}.hero-search-hotspot input{width:100%;height:100%;border:0;background:transparent;padding:0 14% 0 9%;font:italic clamp(.65rem,1.25vw,1.35rem) Georgia,serif;color:#44301d;outline:0}.hero-search-hotspot input::placeholder{color:#44301d;opacity:.9}.hero-search-hotspot button{position:absolute;left:2.3%;border:0;background:transparent;font-size:clamp(.8rem,1.5vw,1.5rem);cursor:pointer}.featured-download{display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:center;padding:clamp(2rem,5vw,4rem) clamp(1rem,6vw,6rem);background:linear-gradient(135deg,#fffaf1,#eaf6f1);border-block:1px solid rgba(201,164,90,.45)}.featured-download h1{margin:.2rem 0;font-size:clamp(2rem,4vw,4rem);line-height:1;color:var(--deep);font-weight:500}.download-actions{display:grid;gap:.7rem}.btn-outline{background:transparent;color:var(--deep);border-color:rgba(11,72,80,.35)}.home-audio{background:#fffaf1}.front-audio-grid{max-width:1080px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}.listening-card{padding:1.5rem;border-radius:22px;background:linear-gradient(145deg,#0b4248,#072f34);color:white;box-shadow:var(--shadow);border:1px solid rgba(239,215,147,.5)}.listening-card span{font:700 .72rem var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--gold2)}.listening-card h3{font-size:1.55rem;line-height:1.15}.listening-card a{display:inline-block;margin-top:.7rem;color:var(--gold2)}.center-link{text-align:center;margin-top:2rem}.artwork-drop{display:grid;grid-template-columns:minmax(260px,42%) 1fr;gap:2rem;align-items:center;margin:2rem 0;padding:1.3rem;background:linear-gradient(145deg,#fffdf8,#f4ead4);border:1px solid rgba(201,164,90,.5);border-radius:24px;box-shadow:var(--shadow)}.artwork-drop img{width:100%;border-radius:16px}.artwork-drop h2,.study-room h2,.download-panel h2{font-size:clamp(2rem,4vw,3.7rem);line-height:1;color:var(--deep);font-weight:500}.music-rooms{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.music-rooms article,.study-room{padding:1.4rem;border:1px solid var(--line);border-radius:20px;background:white;box-shadow:0 10px 30px rgba(5,52,55,.08)}.study-room{margin-bottom:1.5rem;padding:clamp(1.2rem,4vw,2.5rem)}.study-room.soft{background:linear-gradient(135deg,#f8f0df,#eaf6f1)}.embed-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.embed-grid article{border:1px solid var(--line);border-radius:16px;padding:1rem;background:#fffdf8}.embed-grid iframe{width:100%;height:190px;border:0}.download-panel{max-width:1000px;margin:auto;display:grid;grid-template-columns:auto 1fr;gap:2rem;align-items:center;padding:clamp(1.5rem,4vw,3rem);border-radius:26px;background:linear-gradient(145deg,#fffdf8,#f4ead4);border:1px solid rgba(201,164,90,.55);box-shadow:var(--shadow)}.download-book{width:150px;height:190px;display:grid;place-items:center;border-radius:8px 18px 18px 8px;background:linear-gradient(135deg,#0b4850,#082f35);color:var(--gold2);font-size:4rem;border:3px double var(--gold);box-shadow:15px 18px 30px rgba(0,0,0,.2)}
@media(max-width:800px){.featured-download,.artwork-drop,.download-panel{grid-template-columns:1fr}.front-audio-grid,.embed-grid,.music-rooms{grid-template-columns:1fr}.download-book{display:none}.hero-search-hotspot input{font-size:.65rem}.site-header{position:relative}.image-hero{overflow:hidden}.image-hero>img{width:150%;max-width:none;transform:translateX(-16.5%)}.hero-search-hotspot{left:27.8%;width:44.5%;top:53.1%}.hero-hotspot.enter{left:19.7%;width:20%;}.hero-hotspot.hear{left:41.2%;width:20%}.hero-hotspot.browse{left:62.4%;width:20%}}
@media(max-width:520px){.image-hero>img{width:190%;transform:translateX(-23.7%)}.hero-search-hotspot{left:21.5%;width:57%;}.hero-hotspot.enter{left:11%;width:25%}.hero-hotspot.hear{left:37.5%;width:25%}.hero-hotspot.browse{left:64%;width:25%}.featured-download{padding:1.5rem 1rem}}