*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#07131c;color:#f6f0e7;font-family:Georgia,serif}a{color:inherit;text-decoration:none}header{height:76px;display:flex;align-items:center;padding:0 5%;gap:34px;background:#07131cf5;position:sticky;top:0;z-index:20;border-bottom:1px solid #ffffff16}.brand{display:flex;flex-direction:column;line-height:.85;margin-right:auto}.brand span{font:italic 34px Georgia;color:#d9aa49}.brand small{font:11px Arial;letter-spacing:6px;margin-top:8px}nav{display:flex;gap:26px;font:12px Arial;color:#ddd}nav a:hover{color:#d9aa49}.gold-btn,.outline-btn{font:12px Arial;letter-spacing:1px;padding:15px 22px;display:inline-block}.gold-btn{background:linear-gradient(110deg,#b9872d,#f0cc73);color:#07131c}.gold-btn.small{padding:11px 16px}.outline-btn{border:1px solid #ddd}.hero{height:720px;background:url('assets/wayne_guitar.jpeg') center 38%/cover;position:relative;display:flex;align-items:center;justify-content:center;text-align:center}.hero-shade{position:absolute;inset:0;background:linear-gradient(#03101b33,#03101b66 55%,#03101be8)}.hero-copy{position:relative;margin-top:150px}.eyebrow{font:11px Arial;letter-spacing:4px}.gold{color:#d9aa49}.hero h1{font-size:88px;line-height:.8;margin:22px 0 20px;letter-spacing:4px;text-shadow:0 3px 20px #000}.hero h1 span{color:#d9aa49}.hero h1 b{display:block;font:25px Arial;letter-spacing:16px;margin-top:25px}.hero h2{font:18px Arial;letter-spacing:7px;font-weight:400}.hero p{font-size:20px}.actions{display:flex;justify-content:center;gap:12px;margin-top:30px}.script{position:absolute;right:5%;bottom:42px;font:italic 22px Georgia;transform:rotate(-5deg);color:#fff}.split{display:grid;grid-template-columns:1fr 1fr;min-height:480px}.copy{padding:90px 8%}.copy h3,.section-head h3,.journey-copy h3,.invite h3{font-size:45px;margin:14px 0 25px;font-weight:400}.copy p,.journey-copy p{font-size:17px;line-height:1.8;color:#cbd1d4}.piano{background:url('assets/wayne_piano.jpeg') center/cover}.cards{display:grid;grid-template-columns:repeat(3,1fr);background:#f0eadf;color:#12202b}.cards article{padding:60px 45px;border-right:1px solid #c9bda8;min-height:340px}.cards span{color:#b88732;font:14px Arial}.cards h3{font:26px Arial;letter-spacing:2px}.cards p{line-height:1.7}.cards em{color:#9c742f}.music,.gallery{padding:85px 5%}.section-head{display:flex;align-items:end;justify-content:space-between;border-bottom:1px solid #ffffff2b;padding-bottom:25px;margin-bottom:35px}.section-head h3{margin-bottom:0}.section-head>p{max-width:420px;color:#aeb9bf;line-height:1.6}.music-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:30px}.album-card{display:grid;grid-template-columns:250px 1fr;background:#0d202d}.album-card img{width:100%;height:100%;object-fit:cover}.album-card div{padding:40px}.album-card h4{font-size:31px;margin:10px 0}.album-card p{color:#b9c2c8;line-height:1.6}.track-list{border:1px solid #ffffff24;padding:22px 30px}.track-list div{display:flex;gap:25px;padding:15px 0;border-bottom:1px solid #ffffff20}.track-list b{color:#d9aa49}.track-list p{color:#aeb9bf;line-height:1.6}.team{background:#0d202d;padding:85px 5%}.people{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.people figure{margin:0;background:#07131c;overflow:hidden}.people img{width:100%;height:360px;object-fit:cover;object-position:center top;filter:saturate(.9)}.people figcaption{padding:18px}.people b,.people span{display:block}.people span{font:11px Arial;color:#c5cbd0;margin-top:7px;letter-spacing:.5px}.journey{display:grid;grid-template-columns:1.05fr .95fr;min-height:650px}.journey-photo{background:url('assets/jan.jpeg') center/cover}.journey-copy{padding:80px 9%}.timeline{margin-top:35px}.timeline div{display:grid;grid-template-columns:70px 1fr;gap:20px;padding:18px 0;border-top:1px solid #ffffff24}.timeline b{color:#d9aa49}.timeline span{color:#c8d0d4;line-height:1.5}.timeline strong{color:white}.mosaic{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:250px 250px;gap:10px}.mosaic img{width:100%;height:100%;object-fit:cover}.mosaic img:first-child{grid-row:1/3}.mosaic img:last-child{grid-column:2/4}.invite{min-height:430px;background:linear-gradient(90deg,#07131ce8,#07131c88),url('assets/wayne_guitar.jpeg') center/cover;display:flex;align-items:center;padding:6%}.invite>div{max-width:700px}.invite p{font-size:19px;line-height:1.6;color:#d2d8db;margin-bottom:30px}footer{padding:50px 5%;display:flex;align-items:center;gap:50px;border-top:1px solid #d9aa4966}footer p{color:#9aa7ae}.copyright{margin-left:auto;font:11px Arial}@media(max-width:900px){nav{display:none}.hero{height:620px}.hero h1{font-size:56px}.hero h2{font-size:13px;letter-spacing:3px}.split,.journey,.music-grid{grid-template-columns:1fr}.piano,.journey-photo{min-height:420px}.cards{grid-template-columns:1fr}.people{grid-template-columns:repeat(2,1fr)}.mosaic{grid-template-columns:1fr 1fr;grid-template-rows:auto}.mosaic img:first-child,.mosaic img:last-child{grid-row:auto;grid-column:auto;height:260px}.section-head{display:block}footer{display:block}.copyright{margin-top:30px}}.contact-strip{display:flex;justify-content:space-between;align-items:center;gap:40px;padding:60px 5%;background:#f0eadf;color:#12202b}.contact-strip h3{font-size:38px;margin:10px 0}.contact-links{display:flex;gap:28px;flex-wrap:wrap;font:14px Arial}.contact-links a{border-bottom:1px solid #b88732;padding-bottom:5px}.contact-links a:hover{color:#9c742f}@media(max-width:900px){.contact-strip{display:block}.contact-links{display:grid;gap:15px}}

/* Beyond the Stage + Archive expansion */
.behind{padding:85px 5%;background:#0a1924}.behind-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;grid-template-rows:285px 285px;gap:12px}.behind-grid figure{margin:0;position:relative;overflow:hidden;background:#07131c}.behind-grid .behind-wide{grid-row:1/3}.behind-grid img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.behind-grid figure:hover img{transform:scale(1.025)}.behind-grid figcaption{position:absolute;left:0;right:0;bottom:0;padding:45px 22px 20px;background:linear-gradient(transparent,#04111cf2)}.behind-grid b,.behind-grid span{display:block}.behind-grid b{font-size:22px}.behind-grid span{font:12px/1.5 Arial;color:#d0d6da;margin-top:6px}.legacy{display:grid;grid-template-columns:1fr 1fr;background:#f0eadf;color:#12202b}.legacy-copy{padding:75px 8%}.legacy-copy h3{font-size:45px;font-weight:400;margin:14px 0 20px}.legacy-copy p{font-size:17px;line-height:1.75}.archive-notes{display:grid;gap:12px;margin-top:28px}.archive-notes span{border-top:1px solid #c8b99e;padding-top:12px}.archive-notes b{color:#a67627;margin-right:10px}.legacy-images{display:grid;grid-template-columns:1.2fr .8fr;min-height:500px}.legacy-images img{width:100%;height:100%;object-fit:cover}.mosaic.expanded{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:260px 260px;gap:10px}.mosaic.expanded img{width:100%;height:100%;object-fit:cover;grid-row:auto;grid-column:auto}.mosaic.expanded img:first-child{grid-row:1/3;height:100%}.mosaic.expanded img:nth-child(6){grid-column:3/5}.mosaic.expanded img:nth-child(7),.mosaic.expanded img:nth-child(8){display:none}
@media(max-width:900px){.behind-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto}.behind-grid .behind-wide{grid-row:auto;grid-column:1/3;height:420px}.behind-grid figure:not(.behind-wide){height:280px}.legacy{grid-template-columns:1fr}.legacy-images{min-height:380px}.mosaic.expanded{grid-template-columns:1fr 1fr;grid-template-rows:auto}.mosaic.expanded img,.mosaic.expanded img:first-child,.mosaic.expanded img:nth-child(6){height:260px;grid-row:auto;grid-column:auto}.mosaic.expanded img:nth-child(7),.mosaic.expanded img:nth-child(8){display:block}}
@media(max-width:560px){.behind-grid{grid-template-columns:1fr}.behind-grid .behind-wide{grid-column:auto;height:330px}.behind-grid figure:not(.behind-wide){height:260px}.legacy-images{grid-template-columns:1fr}.legacy-images img{height:320px}.mosaic.expanded{grid-template-columns:1fr}.mosaic.expanded img,.mosaic.expanded img:first-child,.mosaic.expanded img:nth-child(6){height:300px}}

.archive-gallery{background:#071a2b;color:#fff;padding:90px 0}.archive-gallery h2{font-size:54px;margin:12px 0;color:#fff}.archive-gallery .lead{max-width:820px;color:#cbd5df;margin-bottom:34px}.archive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.archive-grid figure{margin:0;position:relative;overflow:hidden;background:#0c2942;min-height:320px}.archive-grid figure.wide{grid-column:span 2}.archive-grid img{width:100%;height:320px;object-fit:cover;display:block}.archive-grid figcaption{position:absolute;left:0;right:0;bottom:0;padding:36px 18px 16px;background:linear-gradient(transparent,rgba(2,12,22,.94));display:flex;flex-direction:column;gap:4px}.archive-grid figcaption b{font-family:Georgia,serif;font-size:24px;color:#fff}.archive-grid figcaption span{font-size:12px;color:#f0c85c}@media(max-width:820px){.archive-grid{grid-template-columns:1fr}.archive-grid figure.wide{grid-column:auto}.archive-gallery h2{font-size:42px}}
/* Expanded Beyond the Stage gallery */
.behind-grid{grid-template-columns:repeat(3,1fr);grid-template-rows:285px 285px 285px}.behind-grid .behind-wide{grid-row:1/3}
@media(max-width:900px){.behind-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto}.behind-grid .behind-wide{grid-row:auto;grid-column:1/3}}
@media(max-width:560px){.behind-grid{grid-template-columns:1fr}.behind-grid .behind-wide{grid-column:auto}}

/* Archive alignment fix: keep gallery copy and cards inside the site margins */
.archive-gallery .wrap{width:90%;max-width:1500px;margin:0 auto;padding:0}
@media(max-width:820px){.archive-gallery{padding:64px 0}.archive-gallery .wrap{width:auto;margin:0;padding:0 5%}}

/* v3 photo framing + album readability fixes */
/* Keep Remi's face in frame on the second Remi / Live Worship archive photo. */
.archive-grid figure:nth-child(3) img{object-position:center 18%}

/* Show the complete Only By Your Grace artwork instead of cropping it. */
.album-card{align-items:stretch}
.album-card img{object-fit:contain;object-position:center;background:#f4f1eb;height:auto;min-height:100%}

@media(max-width:900px){
  .album-card{grid-template-columns:1fr}
  .album-card img{width:100%;height:auto;min-height:0;max-height:none;object-fit:contain}
  .album-card div{padding:30px}
  .album-card h4{font-size:34px}
  .album-card p{font-size:17px;line-height:1.7}
}

@media(max-width:560px){
  .music{padding:64px 5%}
  .music .section-head h3{font-size:42px;line-height:1.05}
  .album-card div{padding:26px 24px 30px}
  .archive-grid figure:nth-child(3) img{object-position:center 12%}
}

/* v4: preserve complete first-album back cover artwork */
.archive-grid figure:has(img[src*="first-album-back"]){background:#0b2032;display:flex;align-items:center;justify-content:center}
.archive-grid figure:has(img[src*="first-album-back"]) img{height:320px;width:100%;object-fit:contain;object-position:center;background:#0b2032}
@media(max-width:820px){.archive-grid figure:has(img[src*="first-album-back"]) img{height:auto;max-height:none;object-fit:contain}}
.beginning{padding:80px 5%;background:#101c27;color:#f5f1e8}.beginning-copy{max-width:1000px;margin:0 auto;font-size:1.08rem;line-height:1.75}.beginning-copy blockquote{margin:34px 0 0;padding:24px 30px;border-left:3px solid #d7a83d;font-family:Georgia,serif;font-size:1.35rem}.beginning-copy blockquote span{display:block;margin-top:12px;font-family:inherit;font-size:.85rem;color:#d7a83d}.behind-grid video{width:100%;height:100%;min-height:360px;display:block;background:#000;object-fit:contain}@media(max-width:700px){.beginning{padding:56px 24px}.behind-grid video{min-height:220px}}

/* v7: featured songs + upcoming event */
.audio-track{display:block!important;padding:18px 0!important}
.audio-track .track-title{display:flex;gap:25px;padding:0 0 12px!important;border:0!important}
.audio-track audio{width:100%;height:38px;display:block}
.events-section{padding:80px 5%;background:#f0eadf;color:#12202b}
.events-section>h3{font-size:48px;font-weight:400;margin:12px 0 32px}
.event-card{display:grid;grid-template-columns:150px 1fr;max-width:980px;border-top:1px solid #c9bda8;border-bottom:1px solid #c9bda8;padding:30px 0;gap:35px;align-items:center}
.event-date{border-right:1px solid #c9bda8;text-align:center;padding:10px 30px 10px 0}.event-date strong,.event-date span,.event-date small{display:block}.event-date strong{color:#a67627;letter-spacing:3px}.event-date span{font:600 34px Georgia,serif;margin:5px 0}.event-date small{font-size:15px}.event-copy h4{font:600 31px Georgia,serif;margin:0 0 10px}.event-copy p{font-size:17px;line-height:1.6;margin:6px 0}.event-location{color:#8c6728;font-weight:700}
@media(max-width:700px){.events-section{padding:60px 5%}.events-section>h3{font-size:40px}.event-card{grid-template-columns:1fr;gap:15px}.event-date{border-right:0;border-bottom:1px solid #c9bda8;text-align:left;padding:0 0 18px}.event-date strong,.event-date span,.event-date small{display:inline-block;margin-right:10px}}

/* v8: mobile/tablet gallery portrait framing — keep Wayne's head and full subject visible */
@media(max-width:900px){
  .mosaic.expanded{grid-template-columns:1fr 1fr;grid-template-rows:auto}
  .mosaic.expanded img{height:360px;object-fit:cover;object-position:center center}
  .mosaic.expanded img:first-child{grid-row:auto;height:360px;object-position:center top}
  .mosaic.expanded img:nth-child(2){object-position:center top}
  .mosaic.expanded img:nth-child(3){object-position:center top}
  .mosaic.expanded img:nth-child(6){grid-column:auto}
}
@media(max-width:600px){
  .mosaic.expanded{grid-template-columns:1fr;gap:14px}
  .mosaic.expanded img,
  .mosaic.expanded img:first-child{
    width:100%;height:auto;max-height:none;object-fit:contain;object-position:center top;background:#07131c
  }
}

/* v9: mobile/tablet navigation + responsive refinements */
section[id]{scroll-margin-top:120px}
@media(max-width:900px){
  header{height:auto;min-height:76px;display:grid;grid-template-columns:1fr auto;gap:0 16px;padding:12px 5% 0}
  header .brand{grid-column:1;margin:0 0 12px}
  header .gold-btn.small{grid-column:2;grid-row:1;align-self:center;margin-bottom:12px}
  header nav{grid-column:1/3;grid-row:2;display:flex!important;gap:0;width:100%;overflow-x:auto;white-space:nowrap;border-top:1px solid #ffffff16;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  header nav::-webkit-scrollbar{display:none}
  header nav a{display:block;flex:0 0 auto;padding:13px 15px 14px;font-size:11px;border-right:1px solid #ffffff12}
  header nav a:first-child{padding-left:0}
  .hero{height:auto;min-height:700px;background-position:center top}
  .hero-copy{margin-top:105px;padding:0 5% 150px}
  .script{right:5%;bottom:28px;max-width:58%;font-size:19px;line-height:1.15}
  .people{grid-template-columns:repeat(2,1fr)}
  .people img{height:390px;object-position:center top}
}
@media(max-width:600px){
  section[id]{scroll-margin-top:132px}
  header{padding-left:5%;padding-right:5%}
  .brand span{font-size:31px}.brand small{font-size:10px;letter-spacing:5px}
  .gold-btn.small{padding:11px 15px}
  header nav a{font-size:10px;padding:12px 13px}
  .hero{min-height:760px;background-size:cover;background-position:center top}
  .hero-copy{margin-top:85px;padding-bottom:180px}
  .hero h1{font-size:52px}.hero h1 b{font-size:19px;letter-spacing:10px}.hero p{font-size:18px}
  .actions{flex-wrap:wrap}.actions a{min-width:165px}
  .script{position:absolute;right:6%;bottom:35px;max-width:72%;font-size:18px}
  .people{grid-template-columns:1fr}
  .people img{height:auto;max-height:none;object-fit:contain;background:#07131c}
}