/* Brand: logo teal, deep teal, charcoal, warm ivory, and pale sky. */
:root{--teal:#3798ad;--deep:#216779;--ink:#293a3e;--muted:#57676b;--cream:#f7f5ef;--sky:#eaf3f3;--line:#d7dfdb;--white:#fff;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;color:var(--ink);background:var(--cream);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:5px}a:focus-visible{outline:3px solid var(--deep);outline-offset:6px}img{display:block;max-width:100%;height:auto}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.08;font-weight:500;letter-spacing:-.045em}h2{font-size:clamp(34px,4vw,50px)}h3{font-size:28px}p+p{margin-top:18px}.container{width:min(var(--max),calc(100% - 96px));margin-inline:auto}.section{padding:94px 0}.eyebrow,.category,.detail-label{font-size:11px;font-weight:700;letter-spacing:.15em}.eyebrow{margin-bottom:22px;color:var(--deep)}.skip-link{position:absolute;left:20px;top:-100px;padding:12px;background:white;z-index:10}.skip-link:focus{top:10px}
.site-header{background:white;border-bottom:1px solid var(--line)}.header-inner{min-height:110px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:block;width:265px;flex-shrink:0}nav{display:flex;align-items:center;gap:28px;font-size:13px;font-weight:600}.nav-visit{border:1px solid var(--line);padding:12px 18px}.nav-visit span{margin-left:14px}.hero{padding:82px 0 88px}.hero-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:80px;align-items:center}.dot{display:inline-block;width:7px;height:7px;background:var(--teal);border-radius:50%;margin-right:8px}h1{font-size:clamp(48px,5.8vw,78px);letter-spacing:-.06em;line-height:1.05}h1 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:var(--deep)}.intro{max-width:450px;color:var(--muted);font-size:17px;margin-top:28px}.actions{display:flex;align-items:center;gap:28px;margin-top:32px}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:32px;background:var(--deep);color:white;padding:15px 22px;font-weight:600;font-size:13px}.button:hover{background:var(--ink);text-decoration:none}.text-link{font-size:13px;font-weight:600}.text-link span{margin-left:15px}.sunday-card{background:var(--teal);min-height:495px;display:flex;flex-direction:column;color:#102f37;border-radius:170px 170px 4px 4px;overflow:hidden;border:1px solid #338ca0}.card-top{display:flex;align-items:center;justify-content:space-between;margin:72px 36px 0;font-size:9px;font-weight:700;letter-spacing:.1em}.card-top>span:last-child{font-size:25px}.sunday-main{padding:28px 36px 34px}.sunday-main .eyebrow{color:#102f37;margin-bottom:14px}.sunday-main h2{font-family:Georgia,'Times New Roman',serif;font-size:62px;color:white;letter-spacing:-.055em}.service-time{font-size:48px;line-height:1.2;margin-top:22px;letter-spacing:-.04em}.service-time span{font-size:16px;letter-spacing:.05em}.sunday-main>p:last-child{font-size:13px;margin-top:4px}.card-bottom{margin-top:auto;border-top:1px solid #246e80;display:flex;justify-content:space-between;align-items:center;padding:20px 36px;font-size:12px}.card-bottom a{font-size:28px}
.mission{background:white;border-block:1px solid var(--line)}.two-column{display:grid;grid-template-columns:1fr 1fr;gap:100px}.mission-copy{color:var(--muted);font-size:17px}.mission-copy .text-link{display:inline-block;margin-top:24px;color:var(--deep)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:38px}.section-heading .eyebrow{margin-bottom:14px}.ministry-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.ministry-card{padding:30px;background:transparent;border:1px solid #cbd5d0;display:flex;flex-direction:column;min-height:305px}.category{color:var(--deep);font-size:10px}.ministry-card h3{margin-top:35px;margin-bottom:18px}.ministry-card p{font-size:14px;color:var(--muted)}.ministry-card a{border-top:1px solid var(--line);padding-top:18px;margin-top:auto;font-size:12px;font-weight:700;display:flex;justify-content:space-between}.ministry-card p{padding-bottom:26px}.sermons{background:var(--ink);color:white}.sermon-inner{display:grid;grid-template-columns:1.2fr 1fr;gap:100px;align-items:center}.sermons .eyebrow{color:#8ed4de}.sermons p:not(.eyebrow){color:#d1dcdd;margin-top:24px;max-width:420px;font-size:15px}.sermon-links a{display:flex;align-items:center;justify-content:space-between;gap:20px;border-block-end:1px solid #607276;padding:24px 0;font-size:27px;line-height:1.4}.sermon-links a:first-child{border-top:1px solid #607276}.sermon-links small{display:block;color:#a5c8cd;letter-spacing:.13em;font-size:10px;margin-bottom:8px}.sermons a:focus-visible{outline-color:#8ed4de}.visit-intro{color:var(--muted);margin:24px 0}.visit-details{border-top:1px solid var(--line)}.visit-details>div{padding:27px 0;border-bottom:1px solid var(--line)}.detail-label{color:var(--deep)}.visit-details h3{margin:12px 0;font-size:35px}.visit-details p{color:var(--muted);font-size:14px}.visit-details address{font-style:normal;font-size:23px;line-height:1.45;margin:12px 0}.visit-details .text-link{display:inline-block;margin-top:18px}footer{background:white;padding:40px 0 20px;border-top:1px solid var(--line)}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:35px;padding-bottom:34px}.footer-top .brand{width:220px}.footer-top p{font-size:13px;color:var(--muted)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:20px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}
@media(min-width:1450px){.hero{padding-block:105px}.hero-grid{gap:110px}}
@media(max-width:1000px){.container{width:calc(100% - 56px)}nav{gap:16px}.brand{width:220px}.hero-grid{gap:35px}.two-column,.sermon-inner{gap:50px}.ministry-card{padding:23px}.actions{gap:20px}.sunday-main h2{font-size:54px}}
@media(max-width:760px){.container{width:calc(100% - 40px)}.header-inner{flex-direction:column;gap:20px;padding-block:22px}nav{flex-wrap:wrap;justify-content:center;gap:12px 21px;font-size:12px}.nav-visit{padding:7px 12px}.hero{padding:48px 0}.hero-grid,.two-column,.sermon-inner{grid-template-columns:1fr;gap:40px}h1{font-size:clamp(46px,9vw,66px)}.hero-copy>.eyebrow{font-size:9px}.sunday-card{max-width:460px;width:100%;min-height:450px;margin-inline:auto}.card-top{margin-top:60px}.section{padding:60px 0}.section-heading{display:block}.section-heading>.text-link{display:inline-block;margin-top:22px}.ministry-grid{grid-template-columns:1fr}.ministry-card{min-height:260px;padding:28px}.ministry-card h3{margin-top:24px}.footer-top{flex-direction:column;align-items:flex-start;gap:22px}.footer-bottom{flex-wrap:wrap}.actions{flex-wrap:wrap}.intro{font-size:16px}.mission-copy{font-size:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Expanded church content */
.site-header nav{flex-wrap:wrap;justify-content:flex-end}
.card-bottom a{font-size:12px;font-weight:700;text-decoration:underline;text-underline-offset:4px}
.card-top>span:last-child{font-size:9px}
.section-intro{max-width:680px;color:var(--muted);margin-bottom:36px}
.leader-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.leader-card{border-top:3px solid var(--teal);padding-top:26px}
.leader-card h3{margin-bottom:24px;font-size:30px}
.leader-card p:not(.eyebrow){font-size:15px;color:var(--muted)}
.leader-card .eyebrow{font-size:10px;margin-bottom:13px}
.ministry-leaders{margin-top:48px;padding-top:28px;border-top:1px solid var(--line);display:flex;align-items:center;gap:55px}
.ministry-leaders h3{font-size:22px}.ministry-leaders p{margin:0;font-size:14px}.ministry-leaders span{display:block;color:var(--muted);font-size:12px}
.belief-banner{padding:55px 0;background:var(--sky);border-block:1px solid var(--line)}
.belief-banner>.container{display:flex;justify-content:space-between;align-items:center;gap:40px}
.belief-banner h2{font-size:38px}.belief-banner p:not(.eyebrow){max-width:570px;margin-top:16px;color:var(--muted)}.belief-banner .button{flex-shrink:0}
.ministry-details{background:white;border-top:1px solid var(--line)}
.ministry-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px 36px}
.ministry-detail-grid article{border-top:1px solid var(--line);padding-top:26px}
.ministry-detail-grid h3{font-size:25px;margin-bottom:16px}.ministry-detail-grid p{font-size:15px;color:var(--muted)}
.ministry-invitation{margin-top:45px;padding:24px;background:var(--sky);font-size:14px}.ministry-invitation a{text-decoration:underline;text-underline-offset:3px}
.giving{background:white;border-bottom:1px solid var(--line)}.giving .button{margin-top:26px}.contact-email{margin:20px 0 12px;font-size:14px;overflow-wrap:anywhere}.footer-links{display:flex;gap:24px}
/* Faith reading layout: native anchors work without JavaScript. */
.faith-intro{padding-block:72px 54px}.faith-intro h1{font-size:clamp(44px,6vw,72px)}
.faith-preface{max-width:850px;color:var(--muted);font-size:17px;margin-top:28px;line-height:1.8}
.faith-layout{display:grid;grid-template-columns:285px minmax(0,1fr);gap:70px;align-items:start;padding-bottom:60px}
.faith-sidebar{position:sticky;top:24px;background:white;border:1px solid var(--line);padding:24px 20px;max-height:calc(100vh - 48px);overflow:auto;scrollbar-width:thin}
.faith-sidebar h2{font-size:22px;letter-spacing:-.025em}.faith-sidebar>p{font-size:12px;color:var(--muted);margin-top:10px;margin-bottom:20px}
.faith-sidebar nav{display:block}.faith-sidebar ol{list-style:none;margin:0;padding:0}.faith-sidebar li+li{border-top:1px solid #edf0ed}
.faith-sidebar a{display:flex;align-items:baseline;gap:12px;padding:9px 5px;font-size:12px;line-height:1.5;font-weight:500;border-radius:2px}
.faith-sidebar a span{font-size:10px;color:var(--deep);min-width:17px;font-weight:700}.faith-sidebar a:hover{background:var(--sky);text-decoration:none}
.belief{padding:38px 40px;margin-bottom:24px;background:white;border:1px solid var(--line);border-top:3px solid var(--teal);scroll-margin-top:24px}
.belief h2{font-size:34px;margin-bottom:26px;line-height:1.2;letter-spacing:-.035em;overflow-wrap:break-word}
.belief p:not(.eyebrow){font-size:16px;line-height:1.85;color:#46565b}.belief .eyebrow{font-size:10px;margin-bottom:15px}
.belief p.scripture{background:var(--sky);border-left:3px solid var(--teal);padding:18px 20px;font-size:13px;line-height:1.8;margin-top:24px;color:#334d53}
.belief:target{border-color:var(--deep);box-shadow:0 0 0 2px #21677915}.back-top{display:inline-block;margin-top:25px;font-size:12px;font-weight:700;color:var(--deep);text-decoration:underline;text-underline-offset:4px}
.faith-question{border-top:1px solid var(--line);padding-block:50px 70px}.faith-question h2{font-size:34px}.faith-question p{margin:18px 0 26px;color:var(--muted)}
[aria-current="page"]{color:var(--deep);text-decoration:underline;text-underline-offset:7px}
@media(max-width:1000px){.faith-layout{grid-template-columns:235px minmax(0,1fr);gap:28px}.belief{padding:30px}.belief-banner>.container{align-items:flex-start;flex-direction:column}.leader-grid{gap:24px}.ministry-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.site-header nav{justify-content:center}.leader-grid{grid-template-columns:1fr;gap:35px}.ministry-leaders{flex-wrap:wrap;gap:22px 35px}.ministry-leaders h3{width:100%}.ministry-detail-grid{grid-template-columns:1fr;gap:30px}.faith-intro{padding-block:45px 35px}.faith-preface{font-size:16px}.faith-layout{grid-template-columns:1fr;gap:30px}.faith-sidebar{position:static;max-height:none;padding:22px}.faith-sidebar ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 15px}.faith-sidebar a{font-size:11px}.belief{padding:28px 23px}.belief h2{font-size:29px}.belief p:not(.eyebrow){font-size:15px}.belief p.scripture{font-size:12px;padding:15px}.faith-question h2{font-size:30px}.belief-banner h2{font-size:32px}}
@media(max-width:380px){.faith-sidebar ol{grid-template-columns:1fr}}
@media print{.site-header,.faith-sidebar,footer,.back-top,.faith-question,.skip-link{display:none}.faith-layout{display:block;width:100%}.belief{break-inside:auto;border:0;padding:20px 0}.belief h2{break-after:avoid}.faith-intro{padding:20px 0}body{background:white;color:black}}

/* Comfortable spacing for leadership and long-form beliefs. */
.leadership h2,
.leadership h3,
.faith-page h1,
.faith-page h2,
.belief-banner h2 {
  letter-spacing: normal;
  word-spacing: 0.035em;
  line-height: 1.25;
}

.leader-grid {
  grid-template-columns: minmax(0, 760px);
}

.leader-card {
  padding-top: 30px;
}

.leader-card p:not(.eyebrow),
.faith-preface,
.belief p:not(.eyebrow) {
  letter-spacing: normal;
  word-spacing: 0.025em;
  line-height: 1.85;
  text-align: left;
}

.leader-card p:not(.eyebrow) {
  font-size: 16px;
  max-width: 70ch;
}

.leader-card p + p,
.belief p + p {
  margin-top: 22px;
}

.leadership .eyebrow,
.belief .eyebrow {
  letter-spacing: 0.09em;
  word-spacing: 0.12em;
  line-height: 1.6;
}

.faith-sidebar a {
  display: block;
  padding: 11px 7px;
  letter-spacing: normal;
  word-spacing: 0.025em;
  line-height: 1.6;
}

.belief p.scripture {
  line-height: 1.9;
}

.faith-sidebar ol {
  list-style: none;
  padding-left: 0;
}
/* Responsive leadership portraits. */
.leadership .leader-grid {
  grid-template-columns: minmax(0, 1fr);
}
.leader-with-photo {
  display: grid;
  grid-template-columns: minmax(120px, 180px) minmax(0, 1fr);
  align-items: start;
  gap: clamp(24px, 4vw, 48px);
}
.leader-photo {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  aspect-ratio: 4 / 5;
  object-fit: cover;
  object-position: center 30%;
  border-radius: 8px;
  background: var(--sky);
}
.james-photo {
  aspect-ratio: 571 / 800;
}
.leader-bio { min-width: 0; }
.ministry-leaders.ministry-with-photos {
  display: block;
}
.ministry-with-photos > h3 { margin-bottom: 28px; }
.ministry-portrait-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 32px;
}
.ministry-person {
  display: grid;
  grid-template-columns: minmax(95px, 140px) minmax(0, 1fr);
  align-items: center;
  gap: 24px;
}
.ministry-person h4 {
  margin: 0 0 8px;
  font-size: 22px;
  font-weight: 500;
  letter-spacing: normal;
  line-height: 1.35;
}
.ministry-person p { color: var(--muted); }
@media (max-width: 760px) {
  .ministry-portrait-grid { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 520px) {
  .leader-with-photo { grid-template-columns: minmax(0, 1fr); gap: 24px; }
  .james-photo { width: min(100%, 180px); }
  .ministry-person { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  .ministry-person .leader-photo { width: min(100%, 220px); }
}

/* Floating navigation for the Statement of Faith page. */
.faith-page {
  padding-bottom: calc(88px + env(safe-area-inset-bottom, 0px));
}
.floating-back-top {
  position: fixed;
  right: calc(24px + env(safe-area-inset-right, 0px));
  bottom: calc(24px + env(safe-area-inset-bottom, 0px));
  z-index: 50;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 12px 20px;
  border: 1px solid rgba(255, 255, 255, 0.35);
  border-radius: 999px;
  background: var(--deep);
  color: #fff;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.18);
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4;
  text-decoration: none;
}
.floating-back-top:hover {
  background: var(--ink);
  text-decoration: none;
}
.floating-back-top:focus-visible {
  outline: 3px solid var(--ink);
  outline-offset: 4px;
  box-shadow: 0 0 0 4px #fff;
}
@media (max-width: 760px) {
  .floating-back-top {
    right: calc(16px + env(safe-area-inset-right, 0px));
    bottom: calc(16px + env(safe-area-inset-bottom, 0px));
  }
}
@media print {
  .floating-back-top { display: none; }
  .faith-page { padding-bottom: 0; }
}