:root{--navy:#0b1825;--blue:#163a57;--gold:#d7ab6a;--gold-light:#efd1a0;--cream:#f5f0e8;--paper:#fbf8f2;--ink:#172331}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:"DM Sans",Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}img{display:block;width:100%}.wrap{width:min(1310px,calc(100% - 100px));margin-inline:auto}.skip-link{position:absolute;z-index:20;left:15px;top:-60px;padding:11px 16px;background:#fff;color:#111}.skip-link:focus{top:15px}.site-header{position:absolute;z-index:10;inset:0 0 auto;height:82px;padding:0 clamp(24px,4vw,70px);display:flex;align-items:center;justify-content:space-between;gap:25px;color:#fff;border-bottom:1px solid #ffffff38}.brand{display:inline-flex;align-items:center;gap:11px;text-decoration:none;font:800 14px Georgia,serif;white-space:nowrap}.brand-mark{width:39px;height:39px;display:grid;place-items:center;border:1px solid currentColor;font-size:16px}.site-header nav{display:flex;align-items:center;gap:clamp(20px,3vw,44px)}.site-header nav a{text-decoration:none;text-transform:uppercase;font-size:10px;font-weight:800;letter-spacing:.15em;transition:color .2s}.site-header nav a:hover,.site-header nav a:focus-visible{color:var(--gold-light)}.site-header .nav-follow{padding:12px 17px;border:1px solid #ffffff80}.hero{position:relative;isolation:isolate;min-height:100svh;display:flex;align-items:center;overflow:hidden;background:#0b2338;color:#fff}.hero-photo{position:absolute;z-index:-3;inset:-5%;background:url('./assets/worship.jpg') center 44%/cover no-repeat;animation:hero-reveal 20s ease-out both}.hero:before{content:"";position:absolute;z-index:-2;inset:0;background:linear-gradient(90deg,#071725ef 0%,#091d2fcb 40%,#091d2f78 75%,#091d2f46 100%),linear-gradient(0deg,#071725e8,transparent 38%)}.hero-shimmer{position:absolute;z-index:-1;inset:-10%;background:radial-gradient(ellipse 17% 40% at 72% 10%,#e8b67e35,transparent 80%),radial-gradient(ellipse 30% 32% at 97% 66%,#7398b72b,transparent 85%);mix-blend-mode:screen;animation:stage-glow 14s ease-in-out infinite alternate;pointer-events:none}.hero-inner{display:flex;align-items:end;justify-content:space-between;gap:40px;padding-top:125px;padding-bottom:115px}.hero-copy{max-width:790px;animation:rise-in .9s ease-out both}.eyebrow,.location,.section-label,.song-overline{margin:0;text-transform:uppercase;font-size:10px;font-weight:800;letter-spacing:.2em}.eyebrow{display:flex;align-items:center;gap:13px;color:#e8c18b}.eyebrow span{width:33px;height:1px;background:currentColor}.location{margin-top:52px;color:#d8dce0}.hero h1{font:normal clamp(68px,8.3vw,132px)/.95 "Libre Caslon Display",Georgia,serif;letter-spacing:-.047em;margin:18px 0 25px;text-wrap:balance}.hero h1 em{color:#f0ca93;font-weight:normal;font-style:normal}.hero-intro{max-width:590px;margin:0 0 30px;font-size:clamp(17px,1.3vw,20px);line-height:1.56;color:#f1f0ed}.hero-actions,.christmas-actions{display:flex;flex-wrap:wrap;gap:12px}.button{position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:61px;padding:16px 23px;text-decoration:none;text-transform:uppercase;font-size:10px;font-weight:800;letter-spacing:.1em;transition:transform .25s,background .25s,box-shadow .25s}.button:hover,.button:focus-visible{transform:translateY(-3px)}.button-gold{background:#e5bf87;color:#12283c;box-shadow:0 15px 35px #0005}.button-gold:hover{background:#f2d6ab;box-shadow:0 19px 40px #0006}.button-glass{border:1px solid #ffffffac;background:#0b1f31b8;color:#fff}.button-glass:hover{background:#234762}.button-shine:before{content:"";position:absolute;inset:-50% auto -50% -55%;width:33%;transform:skewX(-22deg);background:linear-gradient(90deg,transparent,#ffffff20,#ffffffb8,#ffffff20,transparent);animation:button-shine 5.5s ease-in-out infinite;pointer-events:none}.button-shine>*{position:relative}.hero-note{display:flex;flex-direction:column;gap:7px;align-self:end;border-left:1px solid #ddc9a49c;padding-left:20px;margin-bottom:8px;font-size:10px;font-weight:800;letter-spacing:.22em;color:#e5ceb0}.hero-scroll{position:absolute;right:clamp(24px,4vw,70px);bottom:28px;display:flex;align-items:center;gap:23px;color:#e9d5b3;text-decoration:none;text-transform:uppercase;letter-spacing:.18em;font-size:9px;font-weight:800}.intro-section{padding:120px 0;background:var(--paper)}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(60px,8vw,140px)}.section-label{color:#a67641}.intro-heading h2,.section-heading h2,.recent-intro h2,.christmas-content h2{font:normal clamp(49px,5vw,74px)/1.06 "Libre Caslon Display",Georgia,serif;letter-spacing:-.04em;margin:19px 0 0}.intro-heading h2 em,.section-heading h2 em,.recent-intro h2 em,.christmas-content h2 em{font-style:normal;color:#a66e3c}.intro-copy{padding-top:33px}.intro-copy p{margin:0 0 22px;font-size:18px;line-height:1.75}.text-link{display:inline-block;margin-top:12px;padding-bottom:9px;border-bottom:1px solid #9c6c3e;color:#7e532c;text-decoration:none;font-size:12px;font-weight:800;letter-spacing:.04em}.text-link:hover{color:#164162;border-color:#164162}.songs-section{padding:115px 0 125px;background:#ecedea}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:80px;margin-bottom:50px}.section-heading h2{max-width:650px}.section-heading>p{max-width:285px;margin:0 0 7px;font-size:14px;line-height:1.65;color:#46515a}.feature-song{display:grid;grid-template-columns:1.5fr 1fr;min-height:520px;background:var(--navy);color:#fff}.feature-image{min-width:0;overflow:hidden}.feature-image img{height:100%;object-fit:cover;object-position:48% center;transition:transform .7s}.feature-song:hover .feature-image img{transform:scale(1.035)}.feature-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:clamp(35px,5vw,80px);background:radial-gradient(circle at 100% 0%,#204760,#0b1d2e 68%)}.feature-copy .song-overline{color:#e5bc84}.feature-copy h3{font:normal clamp(50px,5vw,75px)/1.03 "Libre Caslon Display",Georgia,serif;letter-spacing:-.05em;margin:21px 0 17px}.feature-copy p{max-width:360px;font-size:16px;line-height:1.65;color:#dce5e7;margin:0 0 30px}.song-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.song-tile{min-height:285px;padding:34px 38px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:13px;color:#fff;text-decoration:none;position:relative;isolation:isolate;overflow:hidden;background:#16344b}.song-tile:before{content:"";position:absolute;z-index:-2;inset:0;background-position:center;background-size:cover;transition:transform .7s}.song-tile:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(0deg,#061522e8,#081e2a24 95%)}.song-tile:hover:before,.song-tile:focus-visible:before{transform:scale(1.06)}.song-tile-city:before{background-image:url('./assets/worship.jpg')}.song-tile-beauty:before{background-image:url('./assets/orchestra.jpg')}.song-tile .song-overline{color:#e1c38f}.song-tile strong{font:normal clamp(35px,3.4vw,51px)/1.03 "Libre Caslon Display",Georgia,serif;letter-spacing:-.035em}.song-tile-link{margin-top:6px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.11em;border-bottom:1px solid #ffffffac;padding-bottom:6px}.photo-credit{margin:20px 0 0;color:#68737a;font-size:10px;letter-spacing:.05em}.recent-section{padding:130px 0;background:#fbf8f2}.recent-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(55px,8vw,130px)}.recent-intro h2{max-width:490px}.recent-intro>p:not(.section-label){max-width:400px;margin:27px 0 37px;color:#505861;font-size:17px;line-height:1.65}.recent-photo{max-width:480px;height:240px;overflow:hidden}.recent-photo img{height:100%;object-fit:cover;object-position:43% center}.recent-list{border-top:1px solid #b7b9b6}.recent-list a{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:26px 5px;border-bottom:1px solid #b7b9b6;text-decoration:none;transition:background .2s,padding .2s}.recent-list a:hover,.recent-list a:focus-visible{background:#edf1f0;padding-left:16px;padding-right:16px}.recent-list strong{display:block;font:normal clamp(27px,2.8vw,39px)/1.1 "Libre Caslon Display",Georgia,serif;letter-spacing:-.02em}.recent-list small{display:block;margin-top:7px;color:#8a6b4f;text-transform:uppercase;font-size:9px;font-weight:800;letter-spacing:.14em}.row-action{flex:none;color:#396487;text-transform:uppercase;font-size:10px;font-weight:800;letter-spacing:.12em}.christmas-section{position:relative;isolation:isolate;background:#0b1d2d;color:#fff;overflow:hidden}.christmas-photo{position:absolute;z-index:-2;inset:0;background:url('./assets/choir.jpg') center 45%/cover no-repeat}.christmas-section:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#081827f0,#081827d6 48%,#0818278a),linear-gradient(0deg,#081827bf,transparent 60%)}.christmas-content{padding-top:125px;padding-bottom:130px}.christmas-content .section-label{color:#e4bf87}.christmas-content h2{max-width:790px;font-size:clamp(58px,6vw,91px)}.christmas-content h2 em{color:#f0d2a3}.christmas-content>p:not(.section-label):not(.release-note){max-width:560px;color:#e8e6e2;font-size:18px;line-height:1.66;margin:28px 0}.release-note{margin:28px 0 0;color:#d3cbc0;font-size:11px}.site-footer{background:#0a1724;color:#f5f1eb;padding:65px 0 24px}.footer-grid{display:flex;justify-content:space-between;gap:40px}.footer-grid p{color:#aebcc4;font-size:13px;margin:18px 0 0}.footer-grid nav{display:flex;flex-wrap:wrap;align-items:start;justify-content:flex-end;gap:17px 27px;max-width:650px}.footer-grid nav a{font-size:11px;font-weight:700;text-decoration:none;color:#dae2e2}.footer-grid nav a:hover{text-decoration:underline}.footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:63px;padding-top:20px;border-top:1px solid #ffffff28;color:#b9c5c7;font-size:10px;letter-spacing:.08em}.footer-bottom a{color:#e3d4bc}@keyframes hero-reveal{from{transform:scale(1.09)}to{transform:scale(1)}}@keyframes stage-glow{from{transform:translate(-2%,-2%);opacity:.6}to{transform:translate(3%,2%);opacity:1}}@keyframes rise-in{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes button-shine{0%,20%{left:-55%}45%,100%{left:145%}}
@media(max-width:1050px){.site-header nav a:not(.nav-follow){display:none}.hero h1{font-size:clamp(65px,9vw,100px)}.hero-note{display:none}.feature-song{min-height:455px}.feature-copy{padding:43px}.recent-layout{gap:65px}}
@media(max-width:700px){.wrap{width:calc(100% - 42px)}.site-header{height:67px;padding:0 21px}.brand{font-size:11px;gap:8px}.brand-mark{width:32px;height:32px;font-size:13px}.site-header .nav-follow{font-size:8px;letter-spacing:.05em;padding:10px}.hero{min-height:100svh}.hero-photo{background-position:57% center}.hero:before{background:linear-gradient(90deg,#071725e8,#091d2faf),linear-gradient(0deg,#071725ec,transparent 49%)}.hero-inner{padding-top:111px;padding-bottom:105px}.eyebrow{font-size:8px;letter-spacing:.12em}.eyebrow span{width:20px}.location{margin-top:37px;font-size:9px}.hero h1{font-size:clamp(57px,12vw,82px);margin:16px 0 20px}.hero-intro{font-size:16px}.hero-actions,.christmas-actions{display:grid}.button{width:100%;min-height:58px;font-size:9px;padding:15px 18px}.hero-scroll{bottom:22px;font-size:8px}.intro-section,.songs-section,.recent-section{padding:83px 0}.intro-grid,.recent-layout{display:block}.intro-heading h2,.section-heading h2,.recent-intro h2{font-size:clamp(47px,10vw,62px)}.intro-copy{padding-top:27px}.intro-copy p{font-size:16px}.section-heading{display:block;margin-bottom:31px}.section-heading>p{max-width:none;margin-top:18px}.feature-song{display:block;min-height:0}.feature-image{height:290px}.feature-copy{min-height:300px;padding:36px 27px}.feature-copy h3{font-size:55px}.feature-copy p{font-size:15px}.song-pair{display:block}.song-tile{min-height:245px;margin-bottom:15px;padding:28px}.song-tile strong{font-size:43px}.recent-intro>p:not(.section-label){font-size:16px;margin:22px 0 25px}.recent-photo{height:185px;max-width:none;margin-bottom:40px}.recent-list a{padding:23px 1px}.recent-list strong{font-size:29px}.row-action{font-size:9px}.christmas-content{padding-top:90px;padding-bottom:100px}.christmas-content h2{font-size:clamp(55px,11vw,77px)}.christmas-content>p:not(.section-label):not(.release-note){font-size:16px}.footer-grid,.footer-bottom{display:block}.footer-grid nav{display:grid;justify-content:start;gap:15px;margin-top:37px}.footer-bottom span{display:block;margin-bottom:10px}}
@media(max-width:380px){.site-header .nav-follow{max-width:105px;line-height:1.3}.hero h1{font-size:54px}.hero-intro{font-size:15px}.recent-list strong{font-size:26px}.row-action{font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}