/* =========================================================
   THE TRUE CHURCH WEBSITE — CONSOLIDATED PUBLIC SITE CSS
   Master stylesheet for regular Zoho Commerce pages.

   Includes:
   - Home
   - About
   - What We Do
   - What Is the True Church
   - Contact
   - Priesthood
   - Our Covenants

   Scripture/app-parity pages continue to use tcjc-website-v49.css.
   ========================================================= */

/* =========================================================
   THE TRUE CHURCH WEBSITE — SHARED PAGE SYSTEM v1
   Used by Home, About, and What We Do.
   Add future content pages here instead of embedding large
   duplicate style blocks inside individual Zoho page snippets.
   ========================================================= */

:root{
  --tcjc-page-bg:#f7f5f2;
  --tcjc-ink:#303030;
  --tcjc-heading:#24344d;
  --tcjc-accent:#4f9fc8;
  --tcjc-accent-soft:#a9def7;
  --tcjc-border:rgba(148,184,205,.18);
  --tcjc-card-shadow:0 18px 48px rgba(36,52,77,.08);
  --tcjc-radius-section:34px;
  --tcjc-radius-card:30px;
  --tcjc-font:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
}

/* ---------- Shared page shells ---------- */

.tcjc-homepage,
.tcjc-about-page,
.tcjc-mission-page,
.tcjc-homepage *,
.tcjc-about-page *,
.tcjc-mission-page *{
  box-sizing:border-box;
}

.tcjc-homepage,
.tcjc-about-page,
.tcjc-mission-page{
  width:100vw !important;
  max-width:100vw !important;
  margin-left:calc(50% - 50vw) !important;
  margin-right:calc(50% - 50vw) !important;
  overflow:hidden;
  background:var(--tcjc-page-bg);
  color:var(--tcjc-ink);
  font-family:var(--tcjc-font) !important;
  text-rendering:optimizeLegibility;
}

.tcjc-homepage{padding-bottom:44px !important}

/* ---------- Shared image sections ---------- */

.tcjc-homepage .tcjc-section,
.tcjc-about-page .tcjc-section,
.tcjc-mission-page .tcjc-section{
  width:calc(100vw - 28px) !important;
  max-width:calc(100vw - 28px) !important;
  margin:0 auto 18px !important;
  position:relative;
  min-height:88svh;
  display:flex;
  align-items:center;
  padding:76px clamp(22px,4vw,90px);
  border-radius:var(--tcjc-radius-section);
  overflow:hidden;
  isolation:isolate;
  background:#111;
}

.tcjc-homepage .tcjc-section{margin-bottom:22px !important}
.tcjc-homepage .tcjc-hero,
.tcjc-about-page .tcjc-about-hero,
.tcjc-mission-page .tcjc-mission-hero{min-height:94svh}

.tcjc-homepage .tcjc-section.left,
.tcjc-about-page .tcjc-section.left,
.tcjc-mission-page .tcjc-section.left{justify-content:flex-start}

.tcjc-homepage .tcjc-section.right,
.tcjc-about-page .tcjc-section.right,
.tcjc-mission-page .tcjc-section.right{justify-content:flex-end}

.tcjc-homepage .tcjc-section.center,
.tcjc-about-page .tcjc-section.center,
.tcjc-mission-page .tcjc-section.center{justify-content:center}

.tcjc-homepage .tcjc-bg-media,
.tcjc-about-page .tcjc-bg-media{
  position:absolute;
  inset:0;
  z-index:0;
  display:block;
  overflow:hidden;
  background:#111;
}

.tcjc-homepage .tcjc-bg-media img,
.tcjc-about-page .tcjc-bg-media img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center;
}

.tcjc-mission-page .tcjc-section{
  background-image:var(--bg-desktop);
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
}

/* ---------- Overlays ---------- */

.tcjc-overlay{
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
}

.tcjc-overlay.warm{
  background:
    radial-gradient(circle at 52% 22%,rgba(255,255,255,.13),transparent 34%),
    linear-gradient(to top,rgba(22,20,18,.68),rgba(22,20,18,.28),rgba(22,20,18,.10));
}

.tcjc-overlay.cool{
  background:
    radial-gradient(circle at 52% 22%,rgba(255,255,255,.13),transparent 34%),
    linear-gradient(to top,rgba(12,20,32,.70),rgba(12,20,32,.30),rgba(12,20,32,.10));
}

/* ---------- Liquid glass ---------- */

.tcjc-hero-card,
.tcjc-glass-card{
  position:relative;
  z-index:5;
  width:min(720px,100%);
  padding:38px 36px;
  border-radius:var(--tcjc-radius-card);
  background:
    linear-gradient(135deg,rgba(255,255,255,.30),rgba(255,255,255,.08) 50%,rgba(255,255,255,.22));
  -webkit-backdrop-filter:blur(22px) saturate(150%) contrast(106%);
  backdrop-filter:blur(22px) saturate(150%) contrast(106%);
  border:1px solid rgba(255,255,255,.50);
  box-shadow:
    0 28px 76px rgba(0,0,0,.27),
    inset 0 1px 0 rgba(255,255,255,.82),
    inset 0 -1px 0 rgba(148,184,205,.14);
}

.tcjc-hero-card{max-width:800px}

.tcjc-hero-card::before,
.tcjc-glass-card::before{
  content:"";
  position:absolute;
  inset:1px;
  border-radius:inherit;
  pointer-events:none;
  background:linear-gradient(135deg,rgba(255,255,255,.54),transparent 30%,rgba(255,255,255,.10) 64%,transparent);
  opacity:.58;
  mix-blend-mode:screen;
}

.tcjc-hero-card>*,
.tcjc-glass-card>*{position:relative;z-index:1}

.centered{text-align:center}

/* ---------- Typography ---------- */

.tcjc-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:12px;
  margin-bottom:16px;
  color:var(--tcjc-accent);
  font-size:.78rem;
  font-weight:850;
  letter-spacing:.18em;
  text-transform:uppercase;
}

.tcjc-eyebrow::before,
.tcjc-eyebrow::after{
  content:"";
  width:34px;
  height:1px;
  background:rgba(79,159,200,.66);
}

.tcjc-hero-card .tcjc-eyebrow::before,
.tcjc-glass-card:not(.centered) .tcjc-eyebrow::before,
.tcjc-mission-page .tcjc-copy .tcjc-eyebrow::before{display:none}

.tcjc-hero-card .tcjc-eyebrow,
.tcjc-glass-card .tcjc-eyebrow,
.tcjc-hero-card .tcjc-scripture-quote span,
.tcjc-glass-card .tcjc-scripture-quote span{
  color:var(--tcjc-accent-soft);
  text-shadow:0 1px 2px rgba(5,18,30,.64),0 0 14px rgba(77,170,220,.28);
}

.tcjc-hero-card .tcjc-eyebrow::before,
.tcjc-hero-card .tcjc-eyebrow::after,
.tcjc-glass-card .tcjc-eyebrow::before,
.tcjc-glass-card .tcjc-eyebrow::after{
  background:rgba(169,222,247,.70);
  box-shadow:0 0 12px rgba(77,170,220,.24);
}

.tcjc-hero-card h1,
.tcjc-glass-card h2,
.tcjc-section-header h2,
.tcjc-copy h2{
  margin:0 0 18px;
  color:var(--tcjc-heading);
  line-height:1.03;
  letter-spacing:-.05em;
  text-wrap:balance;
  font-family:var(--tcjc-font) !important;
}

.tcjc-hero-card h1{
  font-size:clamp(2.1rem,3.8vw,4.15rem);
  font-weight:720 !important;
}

.tcjc-glass-card h2,
.tcjc-section-header h2,
.tcjc-copy h2{
  font-size:clamp(1.9rem,3vw,3rem);
  font-weight:720 !important;
}

.tcjc-hero-card h1,
.tcjc-glass-card h2{
  color:rgba(255,255,255,.97);
  text-shadow:0 2px 4px rgba(8,18,32,.42),0 12px 28px rgba(8,18,32,.32);
}

.tcjc-hero-card p,
.tcjc-glass-card p,
.tcjc-section-header p,
.tcjc-copy p,
.tcjc-info-card p,
.tcjc-responsibility-card p,
.tcjc-link-hub small{
  margin:0 0 18px;
  font-size:1.05rem;
  line-height:1.68;
}

.tcjc-hero-card p,
.tcjc-glass-card p{
  color:rgba(255,255,255,.92);
  text-shadow:0 1px 3px rgba(7,18,31,.50),0 8px 22px rgba(7,18,31,.26);
}

/* ---------- Scripture quotes ---------- */

.tcjc-scripture-quote{
  margin:24px auto;
  padding:20px 22px;
  border-radius:22px;
  background:linear-gradient(135deg,rgba(255,255,255,.18),rgba(255,255,255,.07));
  border:1px solid rgba(255,255,255,.26);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.30);
}

.tcjc-scripture-quote p{
  margin:0 0 10px;
  color:rgba(255,255,255,.94);
  font-style:italic;
  text-shadow:0 1px 3px rgba(7,18,31,.48);
}

.tcjc-scripture-quote span{
  color:var(--tcjc-accent-soft);
  font-size:.88rem;
  font-weight:850;
  letter-spacing:.08em;
  text-transform:uppercase;
}

/* ---------- Buttons ---------- */

.tcjc-actions{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
  margin-top:22px;
}

.centered-actions{justify-content:center}

.tcjc-btn,
.tcjc-text-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:14px;
  color:#fff !important;
  font-weight:850;
  line-height:1.2;
  text-align:center;
  text-decoration:none !important;
  transition:transform .22s ease,box-shadow .22s ease,background .22s ease,border-color .22s ease;
}

.tcjc-btn{padding:14px 30px}
.tcjc-text-link{margin-top:18px;padding:13px 24px}

.tcjc-btn.primary,
.tcjc-text-link{
  background:linear-gradient(135deg,rgba(111,177,215,.92),rgba(53,121,163,.92));
  border:1px solid rgba(255,255,255,.42);
  box-shadow:0 12px 30px rgba(36,82,112,.24),inset 0 1px 0 rgba(255,255,255,.28);
  text-shadow:0 1px 2px rgba(12,28,44,.42);
}

.tcjc-btn.primary:hover,
.tcjc-text-link:hover{
  transform:translateY(-3px);
  background:linear-gradient(135deg,rgba(132,193,226,.96),rgba(58,134,178,.96));
}

.tcjc-btn.secondary{
  background:rgba(255,255,255,.13);
  border:1px solid rgba(255,255,255,.62);
  box-shadow:0 10px 26px rgba(8,24,42,.16),inset 0 1px 0 rgba(255,255,255,.22);
  text-shadow:0 1px 2px rgba(8,28,45,.52);
}

.tcjc-btn.secondary:hover{
  transform:translateY(-3px);
  background:rgba(255,255,255,.22);
  border-color:rgba(255,255,255,.76);
}

/* ---------- Shared light sections ---------- */

.tcjc-authority,
.tcjc-foundation,
.tcjc-explore,
.tcjc-responsibilities,
.tcjc-mission-learn-more,
.tcjc-mission-faq{
  width:100vw !important;
  max-width:100vw !important;
  margin-left:calc(50% - 50vw) !important;
  margin-right:calc(50% - 50vw) !important;
  padding:82px 22px;
  text-align:center;
  background:radial-gradient(circle at 50% 0%,rgba(148,184,205,.18),transparent 36%),var(--tcjc-page-bg);
}

.tcjc-authority-inner,
.tcjc-foundation-inner,
.tcjc-explore-inner,
.tcjc-responsibilities-inner,
.tcjc-learn-more-inner{
  width:min(1320px,100%);
  margin:0 auto;
}

.tcjc-section-header{max-width:920px;margin:0 auto}
.tcjc-section-header.wide{max-width:1120px}
.tcjc-section-header.wide p{max-width:1040px;margin-left:auto;margin-right:auto}

/* ---------- Info cards / link hubs ---------- */

.tcjc-card-grid,
.tcjc-link-hub{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
  margin-top:36px;
}

.tcjc-info-card,
.tcjc-link-hub a,
.tcjc-responsibility-card{
  border-radius:26px;
  background:#fff;
  border:1px solid var(--tcjc-border);
  box-shadow:var(--tcjc-card-shadow);
}

.tcjc-info-card{padding:24px 22px;text-align:left}
.tcjc-info-card h3,
.tcjc-responsibility-card h3{
  margin:0 0 12px;
  color:var(--tcjc-heading);
  font-size:1.12rem;
  line-height:1.18;
  letter-spacing:-.03em;
  font-weight:800;
}

.tcjc-info-card p{margin-bottom:14px;font-size:.96rem;line-height:1.58}

.tcjc-info-card a,
.tcjc-responsibility-card a{
  display:inline-flex;
  color:#4e7389 !important;
  font-size:.92rem;
  font-weight:850;
  line-height:1.35;
  text-decoration:none !important;
  border-bottom:1px solid rgba(78,115,137,.32);
}

.tcjc-info-card a:hover,
.tcjc-responsibility-card a:hover{
  color:var(--tcjc-heading) !important;
  border-bottom-color:rgba(36,52,77,.65);
}

.tcjc-link-hub a{
  display:flex;
  flex-direction:column;
  min-height:155px;
  padding:26px 22px;
  text-align:left;
  text-decoration:none !important;
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
}

.tcjc-link-hub a:hover{
  transform:translateY(-5px);
  border-color:rgba(148,184,205,.42);
  box-shadow:0 24px 62px rgba(36,52,77,.12);
}

.tcjc-link-hub span{
  display:block;
  margin-bottom:10px;
  color:var(--tcjc-heading);
  font-size:1.08rem;
  line-height:1.2;
  font-weight:850;
  letter-spacing:-.03em;
}

.tcjc-link-hub small{
  display:block;
  margin:0;
  color:#3d3d3d;
  font-size:.94rem;
  line-height:1.52;
}

/* ---------- What We Do cards ---------- */

.tcjc-responsibility-grid{
  max-width:1320px;
  margin:42px auto 0;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:22px;
}

.tcjc-responsibility-card{
  padding:32px 28px;
  text-align:left;
}

.tcjc-responsibility-card h3{font-size:1.24rem;font-weight:850}
.tcjc-responsibility-card p{margin:0 0 18px;color:#444;font-size:1rem;line-height:1.65}
.tcjc-responsibility-card a{font-size:.94rem}

.tcjc-icon{
  width:58px;
  height:58px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin:0 0 18px;
  border-radius:999px;
  background:rgba(148,184,205,.20);
  color:#6f94ac;
  font-size:1.3rem;
}

/* ---------- What We Do split sections ---------- */

.tcjc-mission-split{
  width:min(1480px,calc(100vw - 44px));
  margin:0 auto;
  padding:78px 0;
  display:grid;
  grid-template-columns:minmax(440px,680px) minmax(0,1fr);
  gap:70px;
  align-items:center;
}

.tcjc-mission-split.reverse{grid-template-columns:minmax(0,1fr) minmax(440px,680px)}
.tcjc-mission-split.reverse .tcjc-mission-image{order:2}
.tcjc-mission-split.reverse .tcjc-copy{order:1}
.tcjc-copy{max-width:670px}

.tcjc-mission-image{position:relative;display:block}
.tcjc-mission-image::before{
  content:"";
  position:absolute;
  inset:20px -16px -16px 20px;
  border-radius:34px;
  background:rgba(148,184,205,.18);
  z-index:0;
}

.tcjc-mission-image img{
  position:relative;
  z-index:1;
  width:100%;
  height:auto;
  display:block;
  border-radius:34px;
  box-shadow:0 24px 70px rgba(0,0,0,.18);
}

.tcjc-scripture-box{
  margin:24px 0;
  padding:22px 24px;
  border-radius:22px;
  background:linear-gradient(135deg,rgba(255,255,255,.88),rgba(239,246,250,.72));
  border:1px solid rgba(148,184,205,.22);
  box-shadow:0 14px 36px rgba(36,52,77,.07);
}

.tcjc-scripture-box p{margin:0 0 10px;color:#32455f;font-style:italic;line-height:1.68}
.tcjc-scripture-box span{
  display:block;
  color:#6f94ac;
  font-size:.88rem;
  font-weight:850;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.tcjc-copy .tcjc-btn.secondary{
  background:rgba(79,159,200,.08);
  color:#4e7389 !important;
  border:1px solid rgba(79,159,200,.34);
  box-shadow:0 10px 26px rgba(36,82,112,.10),inset 0 1px 0 rgba(255,255,255,.35);
  text-shadow:none;
}

.tcjc-copy .tcjc-btn.secondary:hover{
  background:rgba(79,159,200,.14);
  color:var(--tcjc-heading) !important;
  border-color:rgba(79,159,200,.48);
}

/* ---------- FAQ ---------- */

.tcjc-faq-list{max-width:980px;margin:42px auto 0;text-align:left}

.tcjc-faq-list details{
  margin-bottom:14px;
  border-radius:22px;
  background:#fff;
  border:1px solid rgba(148,184,205,.20);
  box-shadow:0 16px 40px rgba(36,52,77,.07);
  overflow:hidden;
}

.tcjc-faq-list summary{
  cursor:pointer;
  padding:22px 24px;
  color:var(--tcjc-heading);
  font-weight:850;
  font-size:1.05rem;
  list-style:none;
}

.tcjc-faq-list summary::-webkit-details-marker{display:none}
.tcjc-faq-list summary::after{content:"+";float:right;color:#6f94ac;font-size:1.3rem;line-height:1}
.tcjc-faq-list details[open] summary::after{content:"–"}
.tcjc-faq-list p{margin:0;padding:0 24px 24px;color:#444;font-size:1rem;line-height:1.7}

/* ---------- Homepage app announcement ---------- */

.tcjc-app-popover{
  position:fixed;
  left:0;
  right:0;
  bottom:0;
  z-index:99999;
  display:flex;
  justify-content:center;
  padding:0 18px max(18px,env(safe-area-inset-bottom));
  opacity:0;
  transform:translateY(18px);
  pointer-events:none;
  transition:opacity .28s ease,transform .28s ease;
}

.tcjc-app-popover[hidden]{display:none !important}
.tcjc-app-popover.is-visible{opacity:1;transform:translateY(0)}

.tcjc-app-popup-card{
  width:min(680px,100%);
  padding-right:62px;
  pointer-events:auto;
}

.tcjc-app-popup-card.tcjc-glass-card{
  background:
    linear-gradient(135deg,rgba(148,184,205,.42),rgba(30,86,124,.34) 52%,rgba(255,255,255,.20)),
    linear-gradient(135deg,rgba(255,255,255,.28),rgba(255,255,255,.08));
  border:1px solid rgba(190,226,244,.74);
  box-shadow:0 20px 52px rgba(8,24,42,.30),0 0 0 1px rgba(148,184,205,.18),inset 0 1px 0 rgba(255,255,255,.78);
}

.tcjc-app-popup-card .tcjc-eyebrow{margin-bottom:10px}
.tcjc-app-popup-card h2{margin-bottom:10px;font-size:clamp(1.45rem,2.25vw,2rem)}
.tcjc-app-popup-card p{margin-bottom:16px;font-size:.98rem;line-height:1.55}

.tcjc-app-popup-close{
  position:absolute;
  top:14px;
  right:14px;
  z-index:3;
  display:inline-grid;
  place-items:center;
  width:40px;
  height:40px;
  padding:0;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.50);
  background:rgba(255,255,255,.16);
  color:#fff;
  font:inherit;
  font-size:1.35rem;
  cursor:pointer;
  box-shadow:0 10px 24px rgba(8,24,42,.20),inset 0 1px 0 rgba(255,255,255,.26);
}

/* ---------- Reveal motion ---------- */

.fade-up{
  opacity:0;
  transform:translateY(26px);
  transition:opacity .62s ease,transform .62s ease;
  transition-delay:.05s;
  will-change:opacity,transform;
}

.fade-up.delayed-card{transition-delay:.12s}
.fade-up.is-visible{opacity:1;transform:translateY(0);will-change:auto}

/* ---------- Progressive rendering ---------- */

@supports(content-visibility:auto){
  .tcjc-authority,
  .tcjc-foundation,
  .tcjc-explore,
  .tcjc-responsibilities,
  .tcjc-mission-split,
  .tcjc-mission-learn-more,
  .tcjc-mission-faq,
  .tcjc-bg-section{
    content-visibility:auto;
    contain-intrinsic-size:1px 850px;
  }

  .tcjc-hero,
  .tcjc-about-hero,
  .tcjc-mission-hero{content-visibility:visible}
}

@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .tcjc-hero-card,
  .tcjc-glass-card{background:rgba(23,33,48,.68)}
}

/* ---------- Tablet ---------- */

@media(max-width:1100px){
  .tcjc-card-grid,
  .tcjc-link-hub{grid-template-columns:repeat(2,1fr)}

  .tcjc-responsibility-grid{grid-template-columns:1fr}

  .tcjc-mission-split,
  .tcjc-mission-split.reverse{
    width:min(900px,calc(100vw - 34px));
    grid-template-columns:1fr;
    gap:38px;
  }

  .tcjc-mission-split.reverse .tcjc-mission-image{order:1}
  .tcjc-mission-split.reverse .tcjc-copy{order:2}
}

/* ---------- Mobile ---------- */

@media(max-width:768px){
  .tcjc-homepage{margin-top:-10mm !important;padding-bottom:30px !important}

  .tcjc-homepage .tcjc-section,
  .tcjc-about-page .tcjc-section,
  .tcjc-mission-page .tcjc-section{
    width:calc(100vw - 12px) !important;
    max-width:calc(100vw - 12px) !important;
    min-height:84svh;
    padding:28px 12px 44px;
    border-radius:24px;
  }

  .tcjc-homepage .tcjc-hero,
  .tcjc-about-page .tcjc-about-hero,
  .tcjc-mission-page .tcjc-mission-hero{
    min-height:84svh;
    padding-top:18px;
    align-items:flex-start;
  }

  .tcjc-mission-page .tcjc-section{background-image:var(--bg-mobile)}

  .tcjc-homepage .tcjc-section.left,
  .tcjc-homepage .tcjc-section.right,
  .tcjc-homepage .tcjc-section.center,
  .tcjc-about-page .tcjc-section.left,
  .tcjc-about-page .tcjc-section.right,
  .tcjc-about-page .tcjc-section.center,
  .tcjc-mission-page .tcjc-section.left,
  .tcjc-mission-page .tcjc-section.right,
  .tcjc-mission-page .tcjc-section.center{
    justify-content:center;
    text-align:center;
  }

  .tcjc-hero-card,
  .tcjc-glass-card{
    width:calc(100vw - 28px);
    max-width:calc(100vw - 28px);
    padding:26px 20px;
    border-radius:22px;
    -webkit-backdrop-filter:blur(14px) saturate(135%);
    backdrop-filter:blur(14px) saturate(135%);
    border:1px solid rgba(255,255,255,.58);
    background:linear-gradient(135deg,rgba(255,255,255,.25),rgba(255,255,255,.07) 52%,rgba(255,255,255,.17));
    box-shadow:0 16px 40px rgba(8,20,34,.18),inset 0 1px 0 rgba(255,255,255,.62);
  }

  .tcjc-hero-card h1{font-size:2.05rem;line-height:1.04;letter-spacing:-.045em}
  .tcjc-glass-card h2,
  .tcjc-section-header h2,
  .tcjc-copy h2{font-size:1.72rem}

  .tcjc-hero-card p,
  .tcjc-glass-card p,
  .tcjc-section-header p,
  .tcjc-copy p{font-size:1rem;line-height:1.6}

  .tcjc-eyebrow{font-size:.68rem;gap:8px}
  .tcjc-eyebrow::before,
  .tcjc-eyebrow::after{width:20px}

  .tcjc-hero-card .tcjc-eyebrow::before,
  .tcjc-glass-card:not(.centered) .tcjc-eyebrow::before,
  .tcjc-mission-page .tcjc-copy .tcjc-eyebrow::before{display:inline-block}

  .tcjc-scripture-quote{margin:20px auto;padding:18px}

  .tcjc-actions{flex-direction:column}
  .tcjc-btn,
  .tcjc-text-link{width:100%}

  .tcjc-authority,
  .tcjc-foundation,
  .tcjc-explore,
  .tcjc-responsibilities,
  .tcjc-mission-learn-more,
  .tcjc-mission-faq{padding:64px 14px}

  .tcjc-card-grid,
  .tcjc-link-hub{
    grid-template-columns:1fr;
    gap:14px;
    margin-top:30px;
  }

  .tcjc-info-card,
  .tcjc-link-hub a,
  .tcjc-responsibility-card{
    padding:24px 20px;
    border-radius:22px;
    min-height:auto;
    text-align:center;
    background:linear-gradient(135deg,rgba(255,255,255,.94),rgba(255,255,255,.82));
  }

  .tcjc-icon{margin-left:auto;margin-right:auto}

  .tcjc-mission-split{
    width:calc(100vw - 28px);
    padding:58px 0;
  }

  .tcjc-mission-image img{border-radius:24px}
  .tcjc-mission-image::before{border-radius:24px;inset:12px -8px -8px 12px}

  .tcjc-faq-list summary{padding:18px 20px;font-size:1rem}
  .tcjc-faq-list p{padding:0 20px 20px;font-size:.96rem}

  .tcjc-btn:hover,
  .tcjc-text-link:hover,
  .tcjc-link-hub a:hover{transform:none}

  .tcjc-app-popover{padding:0 10px max(12px,env(safe-area-inset-bottom))}
  .tcjc-app-popup-card{
    width:calc(100vw - 20px);
    max-width:calc(100vw - 20px);
    padding:22px 18px 18px;
  }
  .tcjc-app-popup-card .tcjc-eyebrow{padding-right:44px;margin-bottom:8px}
  .tcjc-app-popup-card h2{font-size:1.38rem;line-height:1.08}
  .tcjc-app-popup-close{top:10px;right:10px;width:38px;height:38px}
}

@media(prefers-reduced-motion:reduce){
  .fade-up{
    opacity:1;
    transform:none;
    transition:none;
    transition-delay:0;
    will-change:auto;
  }

  .tcjc-btn,
  .tcjc-text-link,
  .tcjc-link-hub a,
  .tcjc-app-popover{transition:none}

  .tcjc-btn:hover,
  .tcjc-text-link:hover,
  .tcjc-link-hub a:hover{transform:none}

  .tcjc-app-popover{transform:none}
}

/* =========================================================
   TCJC SITE PAGE EXTENSIONS v2
   Layout-preserving CSS for the four additional pages.
   Each original page stylesheet is scoped to its own page root
   to prevent cross-page collisions.
   ========================================================= */


/* ---------- TRUECHURCH ---------- */
.tcjc-truechurch-page,
.tcjc-truechurch-page *{
  box-sizing:border-box;
}

.tcjc-truechurch-page{
  display:block;
  width:100vw !important;
  max-width:100vw !important;
  margin-left:calc(50% - 50vw) !important;
  margin-right:calc(50% - 50vw) !important;
  margin-top:0 !important;
  margin-bottom:0 !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
  overflow:hidden;
  background:#f7f5f2;
  color:#303030;
  font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif !important;
  text-rendering:optimizeLegibility;
}

.tcjc-truechurch-page .tcjc-section{
  width:calc(100vw - 28px) !important;
  max-width:calc(100vw - 28px) !important;
  margin-left:auto !important;
  margin-right:auto !important;
  margin-bottom:18px;
  position:relative;
  min-height:92svh;
  display:flex;
  align-items:center;
  padding:76px clamp(22px,4vw,90px);
  border-radius:34px;
  overflow:hidden;
  isolation:isolate;
  background:#111;
}

.tcjc-truechurch-page .tcjc-section:first-child{
  margin-top:0 !important;
}

.tcjc-truechurch-page .tcjc-section:last-of-type{
  margin-bottom:0 !important;
}

.tcjc-truechurch-page .tcjc-section.left{justify-content:flex-start;}
.tcjc-truechurch-page .tcjc-section.right{justify-content:flex-end;}
.tcjc-truechurch-page .tcjc-section.center{justify-content:center;}

.tcjc-truechurch-page .tcjc-hero{
  min-height:94svh;
}

.tcjc-truechurch-page .tcjc-bg-media{
  position:absolute;
  inset:0;
  z-index:0;
  display:block;
  overflow:hidden;
  background:#111;
}

.tcjc-truechurch-page .tcjc-bg-media img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center;
}

.tcjc-truechurch-page .tcjc-overlay{
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
}

.tcjc-truechurch-page .tcjc-overlay.warm{
  background:
    radial-gradient(circle at 70% 14%, rgba(255,255,255,.18), transparent 34%),
    linear-gradient(to right, rgba(10,18,28,.64), rgba(12,20,32,.25) 48%, rgba(12,20,32,.16)),
    linear-gradient(to top, rgba(14,13,12,.64), rgba(14,13,12,.12));
}

.tcjc-truechurch-page .tcjc-overlay.cool{
  background:
    radial-gradient(circle at 50% 20%, rgba(255,255,255,.12), transparent 34%),
    linear-gradient(to top, rgba(7,15,26,.70), rgba(7,15,26,.24), rgba(7,15,26,.10));
}

.tcjc-truechurch-page .tcjc-hero-card,
.tcjc-truechurch-page .tcjc-glass-card{
  position:relative;
  z-index:5;
  width:min(720px,100%);
  padding:38px 36px;
  border-radius:30px;
  background:
    linear-gradient(135deg, rgba(255,255,255,.30), rgba(255,255,255,.08) 50%, rgba(255,255,255,.22));
  -webkit-backdrop-filter:blur(14px) saturate(130%);
  backdrop-filter:blur(14px) saturate(130%);
  border:1px solid rgba(255,255,255,.50);
  box-shadow:
    0 18px 44px rgba(0,0,0,.20),
    inset 0 1px 0 rgba(255,255,255,.82),
    inset 0 -1px 0 rgba(148,184,205,.14);
}

.tcjc-truechurch-page .tcjc-hero-card::before,
.tcjc-truechurch-page .tcjc-glass-card::before{
  content:"";
  position:absolute;
  inset:1px;
  border-radius:inherit;
  pointer-events:none;
  background:
    linear-gradient(135deg, rgba(255,255,255,.54), transparent 30%, rgba(255,255,255,.10) 64%, transparent 100%);
  opacity:.62;
  mix-blend-mode:screen;
}

.tcjc-truechurch-page .tcjc-hero-card > *,
.tcjc-truechurch-page .tcjc-glass-card > *{
  position:relative;
  z-index:1;
}

.tcjc-truechurch-page .centered{
  text-align:center;
}

.tcjc-truechurch-page .tcjc-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:12px;
  margin-bottom:16px;
  color:#a9def7;
  font-size:.78rem;
  font-weight:850;
  letter-spacing:.18em;
  text-transform:uppercase;
  text-shadow:
    0 1px 2px rgba(5,18,30,.64),
    0 0 14px rgba(77,170,220,.28);
}

.tcjc-truechurch-page .tcjc-eyebrow::after{
  content:"";
  width:34px;
  height:1px;
  background:rgba(169,222,247,.70);
  box-shadow:0 0 12px rgba(77,170,220,.24);
}

.tcjc-truechurch-page .tcjc-eyebrow.dark{
  color:#4f9fc8;
  text-shadow:none;
}

.tcjc-truechurch-page .tcjc-eyebrow.dark::after{
  background:rgba(79,159,200,.66);
  box-shadow:none;
}

.tcjc-truechurch-page .tcjc-hero-card h1,
.tcjc-truechurch-page .tcjc-glass-card h2{
  margin:0 0 18px;
  color:rgba(255,255,255,.96);
  line-height:1.03;
  letter-spacing:-.05em;
  text-wrap:balance;
  font-weight:720 !important;
  text-shadow:
    0 2px 4px rgba(8,18,32,.42),
    0 12px 28px rgba(8,18,32,.32);
}

.tcjc-truechurch-page .tcjc-hero-card h1{
  font-size:clamp(2.3rem,4.1vw,4.2rem);
}

.tcjc-truechurch-page .tcjc-glass-card h2{
  font-size:clamp(2rem,3.2vw,3.25rem);
}

.tcjc-truechurch-page .tcjc-hero-card p,
.tcjc-truechurch-page .tcjc-glass-card p{
  margin:0 0 18px;
  color:rgba(255,255,255,.91);
  font-size:1.06rem;
  line-height:1.72;
  text-shadow:
    0 1px 3px rgba(7,18,31,.50),
    0 8px 22px rgba(7,18,31,.26);
}

.tcjc-truechurch-page .tcjc-scripture-quote{
  margin:26px auto;
  padding:22px 24px;
  border-radius:22px;
  background:linear-gradient(135deg, rgba(255,255,255,.18), rgba(255,255,255,.07));
  border:1px solid rgba(255,255,255,.26);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.30);
}

.tcjc-truechurch-page .tcjc-scripture-quote p{
  margin:0 0 10px;
  font-style:italic;
}

.tcjc-truechurch-page .tcjc-scripture-quote span,
.tcjc-truechurch-page .tcjc-reference{
  color:#a9def7;
  font-size:.88rem;
  font-weight:850;
  letter-spacing:.08em;
  text-transform:uppercase;
  text-shadow:
    0 1px 2px rgba(5,18,30,.64),
    0 0 14px rgba(77,170,220,.28);
}

.tcjc-truechurch-page .tcjc-reference{
  margin-top:18px;
}

.tcjc-truechurch-page .tcjc-actions{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
  margin-top:24px;
}

.tcjc-truechurch-page .centered-actions{
  justify-content:center;
}

.tcjc-truechurch-page .tcjc-btn,
.tcjc-truechurch-page .tcjc-text-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:14px;
  color:#fff !important;
  font-weight:850;
  line-height:1.2;
  text-align:center;
  text-decoration:none !important;
  transition:
    transform .22s ease,
    box-shadow .22s ease,
    background .22s ease,
    color .22s ease,
    border-color .22s ease;
}

.tcjc-truechurch-page .tcjc-btn{
  padding:14px 30px;
}

.tcjc-truechurch-page .tcjc-text-link{
  margin-top:20px;
  padding:13px 24px;
}

.tcjc-truechurch-page .tcjc-btn.primary,
.tcjc-truechurch-page .tcjc-text-link{
  background:linear-gradient(135deg, rgba(111,177,215,.88), rgba(53,121,163,.88));
  border:1px solid rgba(255,255,255,.42);
  box-shadow:
    0 12px 30px rgba(36,82,112,.24),
    inset 0 1px 0 rgba(255,255,255,.28);
  text-shadow:0 1px 2px rgba(12,28,44,.42);
}

.tcjc-truechurch-page .tcjc-btn.primary:hover,
.tcjc-truechurch-page .tcjc-text-link:hover{
  transform:translateY(-3px);
  background:linear-gradient(135deg, rgba(132,193,226,.94), rgba(58,134,178,.94));
}

.tcjc-truechurch-page .tcjc-btn.secondary{
  background:rgba(255,255,255,.13);
  border:1px solid rgba(255,255,255,.62);
  box-shadow:
    0 10px 26px rgba(8,24,42,.16),
    inset 0 1px 0 rgba(255,255,255,.22);
  text-shadow:0 1px 2px rgba(8,28,45,.52);
}

.tcjc-truechurch-page .tcjc-btn.secondary:hover{
  transform:translateY(-3px);
  background:rgba(255,255,255,.22);
  border-color:rgba(255,255,255,.76);
}

.tcjc-truechurch-page .tcjc-answer,
.tcjc-truechurch-page .tcjc-timeline-wrap{
  width:100vw !important;
  max-width:100vw !important;
  margin-left:calc(50% - 50vw) !important;
  margin-right:calc(50% - 50vw) !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(148,184,205,.20), transparent 36%),
    #f7f5f2;
}

.tcjc-truechurch-page .tcjc-answer{
  padding:88px 18px;
}

.tcjc-truechurch-page .tcjc-inner{
  width:min(1180px,100%);
  margin:0 auto;
}

.tcjc-truechurch-page .tcjc-section-header{
  max-width:920px;
  margin:0 auto;
  text-align:center;
}

.tcjc-truechurch-page .tcjc-section-header h2{
  margin:0 0 18px;
  color:#24344d;
  font-size:clamp(2rem,3.6vw,3.65rem);
  line-height:1.05;
  letter-spacing:-.05em;
  font-weight:720 !important;
  text-wrap:balance;
}

.tcjc-truechurch-page .tcjc-section-header p{
  max-width:840px;
  margin:0 auto;
  color:#303030;
  font-size:clamp(1.02rem,1.25vw,1.16rem);
  line-height:1.68;
}

.tcjc-truechurch-page .tcjc-card-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
  margin-top:42px;
}

.tcjc-truechurch-page .tcjc-info-card{
  padding:28px 24px;
  border-radius:26px;
  background:linear-gradient(135deg,#fff,rgba(239,246,250,.72));
  border:1px solid rgba(148,184,205,.18);
  box-shadow:0 18px 48px rgba(36,52,77,.08);
}

.tcjc-truechurch-page .tcjc-info-card span{
  display:inline-flex;
  margin-bottom:16px;
  color:#4f9fc8;
  font-weight:900;
  letter-spacing:.12em;
}

.tcjc-truechurch-page .tcjc-info-card h3{
  margin:0 0 14px;
  color:#24344d;
  font-size:1.2rem;
  line-height:1.18;
  letter-spacing:-.03em;
  font-weight:850;
}

.tcjc-truechurch-page .tcjc-info-card p{
  margin:0;
  color:#303030;
  font-size:.98rem;
  line-height:1.65;
}

.tcjc-truechurch-page .tcjc-timeline-wrap{
  padding:92px 0;
  background:
    radial-gradient(circle at 10% 0%, rgba(79,159,200,.14), transparent 34%),
    radial-gradient(circle at 90% 10%, rgba(169,222,247,.18), transparent 32%),
    #f7f5f2;
}

.tcjc-truechurch-page .tcjc-timeline-wrap .tcjc-inner{
  width:100%;
  max-width:none;
  padding:0 clamp(14px,3vw,44px);
}

.tcjc-truechurch-page .tcjc-timeline{
  width:100%;
  max-width:1480px;
  margin:56px auto 0;
  position:relative;
  display:grid;
  gap:24px;
}

.tcjc-truechurch-page .tcjc-timeline::before{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  left:50%;
  width:3px;
  transform:translateX(-50%);
  border-radius:99px;
  background:
    linear-gradient(180deg, rgba(111,177,215,.15), rgba(79,159,200,.95), rgba(36,52,77,.42), rgba(79,159,200,.95), rgba(111,177,215,.15));
  box-shadow:0 0 30px rgba(79,159,200,.20);
}

.tcjc-truechurch-page .tcjc-era{
  display:grid;
  grid-template-columns:minmax(0,1fr) 92px minmax(0,1fr);
  gap:24px;
  align-items:center;
  padding:0;
  min-height:120px;
}

.tcjc-truechurch-page .tcjc-era:nth-child(odd) .tcjc-era-card{
  grid-column:1;
}

.tcjc-truechurch-page .tcjc-era:nth-child(even) .tcjc-era-card{
  grid-column:3;
}

.tcjc-truechurch-page .tcjc-era-num{
  grid-column:2;
  grid-row:1;
  justify-self:center;
  width:74px;
  height:74px;
  display:grid;
  place-items:center;
  position:relative;
  z-index:3;
  border-radius:50%;
  color:#fff;
  font-weight:950;
  background:linear-gradient(135deg, #6fb1d7, #3579a3);
  border:1px solid rgba(255,255,255,.76);
  box-shadow:
    0 18px 42px rgba(36,82,112,.25),
    0 0 0 9px rgba(247,245,242,.95),
    inset 0 1px 0 rgba(255,255,255,.38);
}

.tcjc-truechurch-page .tcjc-era-card{
  grid-row:1;
  padding:clamp(24px,2.4vw,34px);
  border-radius:30px;
  background:linear-gradient(135deg, rgba(255,255,255,.92), rgba(239,246,250,.78));
  border:1px solid rgba(148,184,205,.24);
  box-shadow:0 20px 58px rgba(36,52,77,.10);
  position:relative;
  overflow:hidden;
}

.tcjc-truechurch-page .tcjc-era-card::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:radial-gradient(circle at 0% 0%, rgba(111,177,215,.14), transparent 36%);
}

.tcjc-truechurch-page .tcjc-era-card h3,
.tcjc-truechurch-page .tcjc-era-card p{
  position:relative;
  z-index:1;
}

.tcjc-truechurch-page .tcjc-era-card h3{
  margin:0 0 12px;
  color:#24344d;
  font-size:clamp(1.25rem,1.55vw,1.65rem);
  line-height:1.16;
  letter-spacing:-.03em;
  font-weight:850;
}

.tcjc-truechurch-page .tcjc-era-card p{
  margin:0;
  color:#303030;
  font-size:1.01rem;
  line-height:1.68;
}

.tcjc-truechurch-page .fade-up{
  opacity:0;
  transform:translateY(30px);
  transition:
    opacity .62s ease,
    transform .62s ease;
  transition-delay:.05s;
  will-change:opacity, transform;
}

.tcjc-truechurch-page .fade-up.delayed-card{
  transition-delay:.12s;
}

.tcjc-truechurch-page .fade-up.is-visible{
  opacity:1;
  transform:translateY(0);
  will-change:auto;
}

@supports(content-visibility:auto){
  .tcjc-truechurch-page .tcjc-answer,
.tcjc-truechurch-page .tcjc-bg-section,
.tcjc-truechurch-page .tcjc-timeline-wrap{
    content-visibility:auto;
    contain-intrinsic-size:1px 900px;
  }

  .tcjc-truechurch-page .tcjc-hero{
    content-visibility:visible;
  }
}

@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .tcjc-truechurch-page .tcjc-hero-card,
.tcjc-truechurch-page .tcjc-glass-card{
    background:rgba(23,33,48,.58);
  }
}

@media(max-width:1050px){
  .tcjc-truechurch-page .tcjc-card-grid{
    grid-template-columns:repeat(2,1fr);
  }

  .tcjc-truechurch-page .tcjc-timeline{
    max-width:820px;
  }

  .tcjc-truechurch-page .tcjc-era{
    grid-template-columns:52px minmax(0,1fr);
    gap:16px;
  }

  .tcjc-truechurch-page .tcjc-timeline::before{
    left:26px;
  }

  .tcjc-truechurch-page .tcjc-era-num{
    grid-column:1;
    width:52px;
    height:52px;
    font-size:.84rem;
    box-shadow:
      0 12px 28px rgba(36,82,112,.18),
      0 0 0 6px rgba(247,245,242,.95),
      inset 0 1px 0 rgba(255,255,255,.36);
  }

  .tcjc-truechurch-page .tcjc-era:nth-child(odd) .tcjc-era-card,
.tcjc-truechurch-page .tcjc-era:nth-child(even) .tcjc-era-card{
    grid-column:2;
  }
}

@media(max-width:768px){
  .tcjc-truechurch-page{
    margin-top:-10mm !important;
  }

  .tcjc-truechurch-page .tcjc-section{
    width:calc(100vw - 12px) !important;
    max-width:calc(100vw - 12px) !important;
    min-height:84svh;
    border-radius:24px;
    padding:12px;
    margin-bottom:10px;
    align-items:center;
  }

  .tcjc-truechurch-page .tcjc-hero{
    min-height:84svh;
  }

  .tcjc-truechurch-page .tcjc-section.left,
.tcjc-truechurch-page .tcjc-section.right,
.tcjc-truechurch-page .tcjc-section.center{
    justify-content:center;
    text-align:center;
  }

  .tcjc-truechurch-page .tcjc-bg-media img{
    object-position:center;
  }

  .tcjc-truechurch-page .tcjc-hero-card,
.tcjc-truechurch-page .tcjc-glass-card{
    width:calc(100vw - 28px);
    max-width:calc(100vw - 28px);
    padding:24px 20px;
    border-radius:22px;
    -webkit-backdrop-filter:blur(5px) saturate(112%);
    backdrop-filter:blur(5px) saturate(112%);
    border:1px solid rgba(255,255,255,.56);
    background:
      linear-gradient(135deg, rgba(255,255,255,.22), rgba(255,255,255,.09) 58%, rgba(255,255,255,.18));
    box-shadow:
      0 14px 30px rgba(8,20,34,.12),
      inset 0 1px 0 rgba(255,255,255,.42);
  }

  .tcjc-truechurch-page .tcjc-hero-card::before,
.tcjc-truechurch-page .tcjc-glass-card::before{
    opacity:.34;
    mix-blend-mode:screen;
  }

  .tcjc-truechurch-page .tcjc-hero-card h1{
    font-size:2.08rem;
    line-height:1.04;
    letter-spacing:-.045em;
  }

  .tcjc-truechurch-page .tcjc-glass-card h2,
.tcjc-truechurch-page .tcjc-section-header h2{
    font-size:1.72rem;
  }

  .tcjc-truechurch-page .tcjc-hero-card p,
.tcjc-truechurch-page .tcjc-glass-card p,
.tcjc-truechurch-page .tcjc-section-header p{
    font-size:1rem;
    line-height:1.62;
  }

  .tcjc-truechurch-page .tcjc-eyebrow{
    font-size:.68rem;
    gap:8px;
    letter-spacing:.14em;
  }

  .tcjc-truechurch-page .tcjc-eyebrow::after{
    width:22px;
  }

  .tcjc-truechurch-page .tcjc-scripture-quote{
    margin:20px auto;
    padding:18px 18px;
  }

  .tcjc-truechurch-page .tcjc-actions{
    display:grid;
    grid-template-columns:1fr;
    width:100%;
  }

  .tcjc-truechurch-page .tcjc-btn,
.tcjc-truechurch-page .tcjc-text-link{
    width:100%;
  }

  .tcjc-truechurch-page .tcjc-btn:hover,
.tcjc-truechurch-page .tcjc-text-link:hover{
    transform:none;
  }

  .tcjc-truechurch-page .tcjc-answer{
    padding:64px 14px;
  }

  .tcjc-truechurch-page .tcjc-card-grid{
    grid-template-columns:1fr;
    gap:14px;
    margin-top:32px;
  }

  .tcjc-truechurch-page .tcjc-info-card{
    padding:24px 20px;
    border-radius:22px;
  }

  .tcjc-truechurch-page .tcjc-timeline-wrap{
    padding:64px 0;
  }

  .tcjc-truechurch-page .tcjc-timeline-wrap .tcjc-inner{
    padding:0 12px;
  }

  .tcjc-truechurch-page .tcjc-timeline{
    gap:18px;
    margin-top:38px;
  }

  .tcjc-truechurch-page .tcjc-timeline::before{
    left:26px;
  }

  .tcjc-truechurch-page .tcjc-era{
    grid-template-columns:52px 1fr;
    gap:15px;
    padding-bottom:0;
  }

  .tcjc-truechurch-page .tcjc-era-num{
    width:52px;
    height:52px;
    font-size:.84rem;
  }

  .tcjc-truechurch-page .tcjc-era-card{
    padding:22px 18px;
    border-radius:24px;
  }

  @supports(content-visibility:auto){
    .tcjc-truechurch-page .tcjc-answer,
.tcjc-truechurch-page .tcjc-bg-section,
.tcjc-truechurch-page .tcjc-timeline-wrap{
      content-visibility:visible;
      contain-intrinsic-size:auto;
    }
  }

  .tcjc-truechurch-page .fade-up{
    opacity:0;
    transform:translate3d(0,14px,0);
    transition:
      opacity .42s ease-out,
      transform .42s ease-out;
    transition-delay:0s;
    will-change:opacity, transform;
  }

  .tcjc-truechurch-page .fade-up.delayed-card{
    transition-delay:0s;
  }

  .tcjc-truechurch-page .fade-up.is-visible{
    opacity:1;
    transform:translate3d(0,0,0);
    will-change:auto;
  }
}

@media(prefers-reduced-motion:reduce){
  .tcjc-truechurch-page .fade-up{
    opacity:1 !important;
    transform:none !important;
    transition:none !important;
    transition-delay:0s !important;
    will-change:auto;
  }

  .tcjc-truechurch-page .tcjc-btn,
.tcjc-truechurch-page .tcjc-text-link{
    transition:none !important;
  }
}


/* ---------- CONTACT ---------- */
.tcjc-contact-page{
  width:100vw !important;
  max-width:100vw !important;
  margin-left:calc(50% - 50vw) !important;
  margin-right:calc(50% - 50vw) !important;
  overflow:hidden;
  background:#f7f5f2;
  color:#303030;
  text-rendering:optimizeLegibility;
}

/* ======================
   FULL-BLEED HERO
====================== */

.tcjc-contact-page .tcjc-contact-hero{
  width:calc(100vw - 28px) !important;
  max-width:calc(100vw - 28px) !important;
  min-height:92vh;
  margin:0 auto 18px;
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:76px clamp(22px,4vw,90px);
  border-radius:34px;
  overflow:hidden;
  isolation:isolate;
  background-image:var(--bg-desktop);
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  background-color:#111;
}

.tcjc-contact-page .tcjc-contact-overlay{
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    radial-gradient(circle at 52% 22%, rgba(255,255,255,.13), transparent 34%),
    linear-gradient(to top, rgba(12,20,32,.72), rgba(12,20,32,.32), rgba(12,20,32,.10));
}

/* ======================
   LIQUID GLASS CARD
====================== */

.tcjc-contact-page .tcjc-contact-form-card{
  position:relative;
  z-index:5;
  width:min(1180px,100%);
  padding:42px clamp(24px,4vw,54px);
  border-radius:30px;
  background:
    linear-gradient(135deg, rgba(255,255,255,.30), rgba(255,255,255,.08) 50%, rgba(255,255,255,.22));
  -webkit-backdrop-filter:blur(26px) saturate(160%) contrast(108%);
  backdrop-filter:blur(26px) saturate(160%) contrast(108%);
  border:1px solid rgba(255,255,255,.50);
  box-shadow:
    0 32px 88px rgba(0,0,0,.30),
    inset 0 1px 0 rgba(255,255,255,.82),
    inset 0 -1px 0 rgba(148,184,205,.14);
}

.tcjc-contact-page .tcjc-contact-form-card::before{
  content:"";
  position:absolute;
  inset:1px;
  border-radius:inherit;
  pointer-events:none;
  background:
    linear-gradient(135deg, rgba(255,255,255,.54), transparent 30%, rgba(255,255,255,.10) 64%, transparent 100%);
  opacity:.62;
  mix-blend-mode:screen;
}

.tcjc-contact-page .tcjc-contact-form-card > *{
  position:relative;
  z-index:1;
}

/* ======================
   HEADER
====================== */

.tcjc-contact-page .tcjc-contact-header{
  max-width:920px;
  margin:0 auto 34px;
  text-align:center;
}

.tcjc-contact-page .tcjc-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:12px;
  margin-bottom:16px;
  color:#a9def7;
  font-size:.78rem;
  font-weight:850;
  letter-spacing:.18em;
  text-transform:uppercase;
  text-shadow:
    0 1px 2px rgba(5,18,30,.64),
    0 0 14px rgba(77,170,220,.28);
}

.tcjc-contact-page .tcjc-eyebrow::before,
.tcjc-contact-page .tcjc-eyebrow::after{
  content:"";
  width:34px;
  height:1px;
  background:rgba(169,222,247,.70);
  box-shadow:0 0 12px rgba(77,170,220,.24);
}

.tcjc-contact-page .tcjc-contact-header h1{
  margin:0 0 14px;
  color:rgba(255,255,255,.96);
  font-size:clamp(2.1rem,3.8vw,4.15rem);
  line-height:1.03;
  letter-spacing:normal;
  font-weight:inherit;
  text-wrap:balance;
  text-shadow:
    0 2px 4px rgba(8,18,32,.42),
    0 12px 28px rgba(8,18,32,.32);
}

.tcjc-contact-page .tcjc-contact-header p{
  margin:0;
  color:rgba(255,255,255,.91);
  font-size:1.05rem;
  line-height:1.7;
  text-shadow:
    0 1px 3px rgba(7,18,31,.50),
    0 8px 22px rgba(7,18,31,.26);
}

/* ======================
   FORM
====================== */

.tcjc-contact-page .tcjc-contact-form{
  max-width:980px;
  margin:0 auto;
}

.tcjc-contact-page .tcjc-form-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:18px;
}

.tcjc-contact-page .tcjc-field{
  margin-bottom:18px;
}

.tcjc-contact-page .tcjc-field label,
.tcjc-contact-page .tcjc-captcha-card label{
  display:block;
  margin-bottom:8px;
  color:rgba(255,255,255,.94);
  font-size:.92rem;
  font-weight:850;
  letter-spacing:.01em;
  text-shadow:0 1px 2px rgba(6,16,28,.42);
}

.tcjc-contact-page .tcjc-field label span,
.tcjc-contact-page .tcjc-captcha-card label span{
  color:#ffd3d3;
}

.tcjc-contact-page .tcjc-field input,
.tcjc-contact-page .tcjc-field textarea,
.tcjc-contact-page .tcjc-captcha-card input{
  width:100%;
  appearance:none;
  -webkit-appearance:none;
  padding:15px 16px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.34);
  background:rgba(255,255,255,.84);
  color:#24344d;
  font-size:1rem;
  line-height:1.35;
  outline:none;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.78),
    0 10px 24px rgba(8,24,42,.08);
  transition:
    border-color .25s ease,
    box-shadow .25s ease,
    background .25s ease;
}

.tcjc-contact-page .tcjc-field textarea{
  min-height:150px;
  resize:vertical;
}

.tcjc-contact-page .tcjc-field input:focus,
.tcjc-contact-page .tcjc-field textarea:focus,
.tcjc-contact-page .tcjc-captcha-card input:focus{
  border-color:rgba(169,222,247,.82);
  background:#fff;
  box-shadow:
    0 0 0 4px rgba(169,222,247,.18),
    0 12px 30px rgba(8,24,42,.14);
}

/* ======================
   CAPTCHA
====================== */

.tcjc-contact-page .tcjc-captcha-card{
  margin-top:4px;
  padding:18px;
  border-radius:22px;
  background:
    linear-gradient(135deg, rgba(255,255,255,.18), rgba(255,255,255,.07));
  border:1px solid rgba(255,255,255,.26);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.30);
}

.tcjc-contact-page .tcjc-captcha-card input{
  text-align:center;
  letter-spacing:.08em;
}

.tcjc-contact-page .tcjc-captcha-row{
  display:flex;
  align-items:center;
  gap:14px;
  flex-wrap:wrap;
  margin-top:12px;
}

.tcjc-contact-page .tcjc-captcha-row img{
  max-width:170px;
  height:auto;
  display:block;
  border-radius:10px;
  border:1px solid rgba(255,255,255,.42);
  background:#fff;
}

.tcjc-contact-page .tcjc-captcha-row a{
  color:#a9def7 !important;
  font-size:.92rem;
  font-weight:850;
  text-decoration:none !important;
  text-shadow:0 1px 2px rgba(6,16,28,.48);
}

.tcjc-contact-page .tcjc-captcha-row a:hover{
  color:#fff !important;
  text-decoration:underline !important;
}

/* ======================
   BUTTONS
====================== */

.tcjc-contact-page .tcjc-form-actions{
  display:flex;
  justify-content:center;
  gap:14px;
  flex-wrap:wrap;
  margin-top:28px;
}

.tcjc-contact-page .tcjc-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:160px;
  padding:14px 34px;
  border-radius:14px;
  color:#fff !important;
  text-align:center;
  text-decoration:none !important;
  font-size:1rem;
  font-weight:850;
  line-height:1.2;
  cursor:pointer;
  transition:
    transform .28s ease,
    background .28s ease,
    box-shadow .28s ease,
    color .28s ease,
    border-color .28s ease;
}

.tcjc-contact-page .tcjc-btn.primary{
  background:linear-gradient(135deg, rgba(111,177,215,.88), rgba(53,121,163,.88));
  border:1px solid rgba(255,255,255,.42);
  box-shadow:
    0 12px 30px rgba(36,82,112,.24),
    inset 0 1px 0 rgba(255,255,255,.28);
  text-shadow:0 1px 2px rgba(12,28,44,.42);
}

.tcjc-contact-page .tcjc-btn.primary:hover{
  transform:translateY(-3px);
  background:linear-gradient(135deg, rgba(132,193,226,.94), rgba(58,134,178,.94));
  color:#fff !important;
  box-shadow:
    0 16px 38px rgba(36,82,112,.28),
    inset 0 1px 0 rgba(255,255,255,.34);
}

.tcjc-contact-page .tcjc-btn.secondary{
  background:rgba(255,255,255,.13);
  color:#fff !important;
  border:1px solid rgba(255,255,255,.62);
  box-shadow:
    0 10px 26px rgba(8,24,42,.16),
    inset 0 1px 0 rgba(255,255,255,.22);
  text-shadow:0 1px 2px rgba(8,28,45,.52);
}

.tcjc-contact-page .tcjc-btn.secondary:hover{
  transform:translateY(-3px);
  background:rgba(255,255,255,.22);
  color:#fff !important;
  border-color:rgba(255,255,255,.76);
  box-shadow:
    0 14px 34px rgba(8,24,42,.22),
    inset 0 1px 0 rgba(255,255,255,.30);
}

/* ======================
   FADE-IN
====================== */

.tcjc-contact-page .fade-up{
  opacity:0;
  transform:translateY(28px);
  transition:
    opacity .75s ease,
    transform .75s ease;
  will-change:opacity, transform;
}

.tcjc-contact-page .fade-up.is-visible{
  opacity:1;
  transform:translateY(0);
  will-change:auto;
}

@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .tcjc-contact-page .tcjc-contact-form-card{
    background:rgba(23,33,48,.64);
  }
}

/* ======================
   MOBILE
====================== */

@media(max-width:768px){
  .tcjc-contact-page .tcjc-contact-hero{
    width:calc(100vw - 12px) !important;
    max-width:calc(100vw - 12px) !important;
    min-height:auto;
    padding:24px 12px 44px;
    border-radius:24px;
    background-image:var(--bg-mobile);
    background-size:cover;
    background-position:center;
  }

  .tcjc-contact-page .tcjc-contact-form-card{
    width:calc(100vw - 28px);
    max-width:calc(100vw - 28px);
    padding:28px 22px;
    border-radius:24px;
    -webkit-backdrop-filter:blur(16px) saturate(138%) contrast(104%);
    backdrop-filter:blur(16px) saturate(138%) contrast(104%);
    border:1px solid rgba(255,255,255,.60);
    background:
      linear-gradient(135deg, rgba(255,255,255,.26), rgba(255,255,255,.07) 52%, rgba(255,255,255,.18));
    box-shadow:
      0 18px 46px rgba(0,0,0,.18),
      inset 0 1px 0 rgba(255,255,255,.76),
      inset 0 -1px 0 rgba(148,184,205,.16);
  }

  .tcjc-contact-page .tcjc-contact-header{
    margin-bottom:24px;
  }

  .tcjc-contact-page .tcjc-contact-header h1{
    font-size:2.05rem;
    line-height:1.04;
    letter-spacing:normal;
    color:rgba(255,255,255,.97);
    text-shadow:
      0 2px 4px rgba(6,16,28,.56),
      0 12px 30px rgba(6,16,28,.34);
  }

  .tcjc-contact-page .tcjc-contact-header p{
    font-size:1rem;
    line-height:1.62;
    color:rgba(255,255,255,.92);
    text-shadow:
      0 1px 3px rgba(6,16,28,.60),
      0 8px 22px rgba(6,16,28,.30);
  }

  .tcjc-contact-page .tcjc-eyebrow{
    font-size:.68rem;
    gap:8px;
    color:#b8e8ff;
  }

  .tcjc-contact-page .tcjc-eyebrow::before,
.tcjc-contact-page .tcjc-eyebrow::after{
    width:20px;
    background:rgba(184,232,255,.72);
  }

  .tcjc-contact-page .tcjc-form-grid{
    grid-template-columns:1fr;
    gap:0;
  }

  .tcjc-contact-page .tcjc-field{
    margin-bottom:14px;
  }

  .tcjc-contact-page .tcjc-field input,
.tcjc-contact-page .tcjc-field textarea,
.tcjc-contact-page .tcjc-captcha-card input{
    font-size:16px;
    border-radius:13px;
  }

  .tcjc-contact-page .tcjc-captcha-card{
    padding:16px;
    border-radius:20px;
    background:linear-gradient(135deg, rgba(255,255,255,.32), rgba(255,255,255,.14));
    border-color:rgba(255,255,255,.38);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.45);
  }

  .tcjc-contact-page .tcjc-captcha-row{
    justify-content:center;
    text-align:center;
  }

  .tcjc-contact-page .tcjc-captcha-row img{
    max-width:180px;
  }

  .tcjc-contact-page .tcjc-form-actions{
    flex-direction:column;
    gap:12px;
  }

  .tcjc-contact-page .tcjc-btn{
    width:100%;
  }

  .tcjc-contact-page .tcjc-btn:hover{
    transform:none;
  }

  .tcjc-contact-page .fade-up{
    opacity:1;
    transform:none;
    transition:none;
    will-change:auto;
  }
}

/* ======================
   REDUCED MOTION
====================== */

@media(prefers-reduced-motion:reduce){
  .tcjc-contact-page .fade-up{
    opacity:1;
    transform:none;
    transition:none;
    will-change:auto;
  }

  .tcjc-contact-page .tcjc-btn{
    transition:none;
  }

  .tcjc-contact-page .tcjc-btn:hover{
    transform:none;
  }
}


/* ---------- PRIESTHOOD ---------- */
.tcjc-priesthood-page{
  width:100vw !important;
  max-width:100vw !important;
  margin-left:calc(50% - 50vw) !important;
  margin-right:calc(50% - 50vw) !important;
  overflow:hidden;
  background:#f7f5f2;
  color:#303030;
  font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif !important;
  text-rendering:optimizeLegibility;
}

/* ======================
   FULL-BLEED IMAGE SECTIONS
====================== */

.tcjc-priesthood-page .tcjc-section{
  width:calc(100vw - 28px) !important;
  max-width:calc(100vw - 28px) !important;
  margin-left:auto !important;
  margin-right:auto !important;
  margin-bottom:18px;
  position:relative;
  min-height:88vh;
  display:flex;
  align-items:center;
  padding:76px clamp(22px,4vw,90px);
  border-radius:34px;
  overflow:hidden;
  isolation:isolate;
  background-image:var(--bg-desktop);
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  background-color:#111;
}

.tcjc-priesthood-page .tcjc-section:first-child{
  margin-top:0 !important;
}

.tcjc-priesthood-page .tcjc-section.left{ justify-content:flex-start; }
.tcjc-priesthood-page .tcjc-section.right{ justify-content:flex-end; }
.tcjc-priesthood-page .tcjc-section.center{ justify-content:center; }

.tcjc-priesthood-page .tcjc-priesthood-hero{
  min-height:94vh;
}

.tcjc-priesthood-page .tcjc-priesthood-banner{
  min-height:82vh;
}

/* ======================
   OVERLAYS
====================== */

.tcjc-priesthood-page .tcjc-overlay{
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
}

.tcjc-priesthood-page .tcjc-overlay.cool{
  background:
    radial-gradient(circle at 52% 22%, rgba(255,255,255,.13), transparent 34%),
    linear-gradient(to top, rgba(12,20,32,.68), rgba(12,20,32,.28), rgba(12,20,32,.10));
}

.tcjc-priesthood-page .tcjc-overlay.warm{
  background:
    radial-gradient(circle at 52% 22%, rgba(255,255,255,.13), transparent 34%),
    linear-gradient(to top, rgba(22,20,18,.68), rgba(22,20,18,.28), rgba(22,20,18,.10));
}

/* ======================
   LIQUID GLASS CARDS
====================== */

.tcjc-priesthood-page .tcjc-hero-card,
.tcjc-priesthood-page .tcjc-glass-card{
  position:relative;
  z-index:5;
  width:min(740px,100%);
  padding:38px 36px;
  border-radius:30px;
  background:
    linear-gradient(135deg, rgba(255,255,255,.30), rgba(255,255,255,.08) 50%, rgba(255,255,255,.22));
  -webkit-backdrop-filter:blur(26px) saturate(160%) contrast(108%);
  backdrop-filter:blur(26px) saturate(160%) contrast(108%);
  border:1px solid rgba(255,255,255,.50);
  box-shadow:
    0 32px 88px rgba(0,0,0,.30),
    inset 0 1px 0 rgba(255,255,255,.82),
    inset 0 -1px 0 rgba(148,184,205,.14);
}

.tcjc-priesthood-page .tcjc-hero-card::before,
.tcjc-priesthood-page .tcjc-glass-card::before,
.tcjc-priesthood-page .tcjc-final-card::before{
  content:"";
  position:absolute;
  inset:1px;
  border-radius:inherit;
  pointer-events:none;
  background:
    linear-gradient(135deg, rgba(255,255,255,.54), transparent 30%, rgba(255,255,255,.10) 64%, transparent 100%);
  opacity:.62;
  mix-blend-mode:screen;
}

.tcjc-priesthood-page .tcjc-hero-card > *,
.tcjc-priesthood-page .tcjc-glass-card > *,
.tcjc-priesthood-page .tcjc-final-card > *{
  position:relative;
  z-index:1;
}

.tcjc-priesthood-page .tcjc-hero-card{
  max-width:820px;
}

.tcjc-priesthood-page .tcjc-glass-card.centered{
  text-align:center;
  margin:0 auto;
}

.tcjc-priesthood-page .centered{
  text-align:center;
}

/* ======================
   FINAL LIGHT CARD
====================== */

.tcjc-priesthood-page .tcjc-final-card{
  position:relative;
  width:min(780px,100%);
  margin:0 auto;
  padding:38px 36px;
  border-radius:30px;
  background:
    linear-gradient(135deg, rgba(255,255,255,.88), rgba(255,255,255,.68));
  -webkit-backdrop-filter:blur(18px) saturate(125%);
  backdrop-filter:blur(18px) saturate(125%);
  border:1px solid rgba(255,255,255,.70);
  box-shadow:
    0 24px 70px rgba(36,52,77,.10),
    inset 0 1px 0 rgba(255,255,255,.70);
  text-align:center;
}

/* ======================
   TYPOGRAPHY
====================== */

.tcjc-priesthood-page .tcjc-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:12px;
  margin-bottom:16px;
  color:#4f9fc8;
  font-size:.78rem;
  font-weight:850;
  letter-spacing:.18em;
  text-transform:uppercase;
}

.tcjc-priesthood-page .tcjc-eyebrow::before,
.tcjc-priesthood-page .tcjc-eyebrow::after{
  content:"";
  width:34px;
  height:1px;
  background:rgba(79,159,200,.66);
}

.tcjc-priesthood-page .tcjc-hero-card .tcjc-eyebrow,
.tcjc-priesthood-page .tcjc-glass-card .tcjc-eyebrow,
.tcjc-priesthood-page .tcjc-hero-card .tcjc-reference,
.tcjc-priesthood-page .tcjc-glass-card .tcjc-reference,
.tcjc-priesthood-page .tcjc-hero-card .tcjc-scripture-quote span,
.tcjc-priesthood-page .tcjc-glass-card .tcjc-scripture-quote span{
  color:#a9def7;
  text-shadow:
    0 1px 2px rgba(5,18,30,.64),
    0 0 14px rgba(77,170,220,.28);
}

.tcjc-priesthood-page .tcjc-hero-card .tcjc-eyebrow::before,
.tcjc-priesthood-page .tcjc-hero-card .tcjc-eyebrow::after,
.tcjc-priesthood-page .tcjc-glass-card .tcjc-eyebrow::before,
.tcjc-priesthood-page .tcjc-glass-card .tcjc-eyebrow::after{
  background:rgba(169,222,247,.70);
  box-shadow:0 0 12px rgba(77,170,220,.24);
}

.tcjc-priesthood-page .tcjc-hero-card .tcjc-eyebrow::before,
.tcjc-priesthood-page .tcjc-copy .tcjc-eyebrow::before,
.tcjc-priesthood-page .tcjc-glass-card:not(.centered) .tcjc-eyebrow::before{
  display:none;
}

.tcjc-priesthood-page .tcjc-hero-card h1,
.tcjc-priesthood-page .tcjc-section-header h2,
.tcjc-priesthood-page .tcjc-copy h2,
.tcjc-priesthood-page .tcjc-glass-card h2,
.tcjc-priesthood-page .tcjc-final-card h2{
  margin:0 0 18px;
  color:#24344d;
  line-height:1.03;
  letter-spacing:-.05em;
  text-wrap:balance;
  font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif !important;
}

.tcjc-priesthood-page .tcjc-hero-card h1{
  font-size:clamp(2.1rem,3.8vw,4.15rem);
  font-weight:720 !important;
}

.tcjc-priesthood-page .tcjc-section-header h2,
.tcjc-priesthood-page .tcjc-copy h2,
.tcjc-priesthood-page .tcjc-glass-card h2,
.tcjc-priesthood-page .tcjc-final-card h2{
  font-size:clamp(1.9rem,3vw,3rem);
  font-weight:720 !important;
}

.tcjc-priesthood-page .tcjc-hero-card h1,
.tcjc-priesthood-page .tcjc-glass-card h2{
  color:rgba(255,255,255,.96);
  text-shadow:
    0 2px 4px rgba(8,18,32,.42),
    0 12px 28px rgba(8,18,32,.32);
}

.tcjc-priesthood-page .tcjc-hero-card p,
.tcjc-priesthood-page .tcjc-section-header p,
.tcjc-priesthood-page .tcjc-copy p,
.tcjc-priesthood-page .tcjc-glass-card p,
.tcjc-priesthood-page .tcjc-final-card p,
.tcjc-priesthood-page .tcjc-link-hub small{
  margin:0 0 18px;
  color:#303030;
  font-size:1.05rem;
  line-height:1.72;
}

.tcjc-priesthood-page .tcjc-hero-card p,
.tcjc-priesthood-page .tcjc-glass-card p{
  color:rgba(255,255,255,.91);
  text-shadow:
    0 1px 3px rgba(7,18,31,.50),
    0 8px 22px rgba(7,18,31,.26);
}

/* ======================
   SCRIPTURE QUOTE
====================== */

.tcjc-priesthood-page .tcjc-scripture-quote{
  margin:26px auto;
  padding:22px 24px;
  border-radius:22px;
  background:linear-gradient(135deg, rgba(255,255,255,.18), rgba(255,255,255,.07));
  border:1px solid rgba(255,255,255,.26);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.30);
}

.tcjc-priesthood-page .tcjc-scripture-quote p{
  margin:0 0 10px;
  color:rgba(255,255,255,.94);
  font-style:italic;
  text-shadow:0 1px 3px rgba(7,18,31,.48);
}

.tcjc-priesthood-page .tcjc-scripture-quote span{
  color:#a9def7;
  font-size:.88rem;
  font-weight:850;
  letter-spacing:.08em;
  text-transform:uppercase;
}

/* ======================
   INTRO / DOCTRINE / FAQ / FINAL
====================== */

.tcjc-priesthood-page .tcjc-priesthood-intro,
.tcjc-priesthood-page .tcjc-priesthood-doctrine,
.tcjc-priesthood-page .tcjc-priesthood-learn-more,
.tcjc-priesthood-page .tcjc-priesthood-faq,
.tcjc-priesthood-page .tcjc-priesthood-final{
  width:100vw !important;
  max-width:100vw !important;
  margin-left:calc(50% - 50vw) !important;
  margin-right:calc(50% - 50vw) !important;
  padding:82px 20px;
  text-align:center;
  background:#f7f5f2;
}

.tcjc-priesthood-page .tcjc-priesthood-learn-more,
.tcjc-priesthood-page .tcjc-priesthood-faq,
.tcjc-priesthood-page .tcjc-priesthood-final{
  background:
    radial-gradient(circle at 50% 0%, rgba(148,184,205,.18), transparent 36%),
    #f7f5f2;
}

.tcjc-priesthood-page .tcjc-section-header{
  max-width:900px;
  margin:0 auto;
}

.tcjc-priesthood-page .tcjc-learn-more-inner{
  width:min(1180px,100%);
  margin:0 auto;
}

/* ======================
   SPLIT CONTENT SECTIONS
====================== */

.tcjc-priesthood-page .tcjc-priesthood-split{
  max-width:1240px;
  margin:0 auto;
  padding:72px 20px;
  display:grid;
  grid-template-columns:minmax(320px,560px) minmax(0,1fr);
  gap:58px;
  align-items:center;
}

.tcjc-priesthood-page .tcjc-priesthood-split.reverse{
  grid-template-columns:minmax(0,1fr) minmax(320px,560px);
}

.tcjc-priesthood-page .tcjc-priesthood-split.reverse .tcjc-priesthood-image{
  order:2;
}

.tcjc-priesthood-page .tcjc-priesthood-split.reverse .tcjc-copy{
  order:1;
}

.tcjc-priesthood-page .tcjc-priesthood-image{
  position:relative;
  display:block;
}

.tcjc-priesthood-page .tcjc-priesthood-image::before{
  content:"";
  position:absolute;
  inset:18px -14px -14px 18px;
  border-radius:30px;
  background:rgba(148,184,205,.18);
  z-index:0;
}

.tcjc-priesthood-page .tcjc-priesthood-image img{
  position:relative;
  z-index:1;
  width:100%;
  height:auto;
  display:block;
  border-radius:30px;
  box-shadow:0 24px 70px rgba(0,0,0,.18);
}

.tcjc-priesthood-page .tcjc-priesthood-image.portrait{
  max-width:460px;
  margin:0 auto;
}

.tcjc-priesthood-page .tcjc-copy{
  max-width:660px;
}

.tcjc-priesthood-page .tcjc-reference{
  margin-top:20px;
  color:#6f94ac;
  font-size:.9rem;
  font-weight:850;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.tcjc-priesthood-page .tcjc-reference::before,
.tcjc-priesthood-page .tcjc-reference::after{
  content:"";
  display:inline-block;
  width:54px;
  height:1px;
  margin:0 12px 4px;
  background:rgba(148,184,205,.5);
}

/* ======================
   DOCTRINE GRID
====================== */

.tcjc-priesthood-page .tcjc-doctrine-grid{
  max-width:1180px;
  margin:46px auto 0;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:24px;
}

.tcjc-priesthood-page .tcjc-doctrine-grid article{
  padding:32px 26px;
  border-radius:26px;
  background:#fff;
  border:1px solid rgba(148,184,205,.20);
  box-shadow:0 18px 46px rgba(40,55,70,.08);
}

.tcjc-priesthood-page .tcjc-icon{
  width:58px;
  height:58px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin:0 auto 18px;
  border-radius:999px;
  background:rgba(148,184,205,.20);
  color:#6f94ac;
  font-size:1.3rem;
}

.tcjc-priesthood-page .tcjc-doctrine-grid h3{
  margin:0 0 12px;
  color:#24344d;
  font-size:1.18rem;
  line-height:1.18;
  letter-spacing:-.03em;
  font-weight:800;
}

.tcjc-priesthood-page .tcjc-doctrine-grid p{
  margin:0;
  color:#444;
  font-size:1rem;
  line-height:1.68;
}

/* ======================
   LINK HUB
====================== */

.tcjc-priesthood-page .tcjc-link-hub{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
  margin-top:42px;
}

.tcjc-priesthood-page .tcjc-link-hub a{
  display:flex;
  flex-direction:column;
  min-height:170px;
  padding:28px 24px;
  border-radius:26px;
  background:#fff;
  border:1px solid rgba(148,184,205,.18);
  box-shadow:0 18px 48px rgba(36,52,77,.08);
  text-decoration:none !important;
  text-align:left;
  transition:transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}

.tcjc-priesthood-page .tcjc-link-hub a:hover{
  transform:translateY(-5px);
  border-color:rgba(148,184,205,.42);
  box-shadow:0 24px 62px rgba(36,52,77,.12);
}

.tcjc-priesthood-page .tcjc-link-hub span{
  display:block;
  margin-bottom:12px;
  color:#24344d;
  font-size:1.12rem;
  line-height:1.2;
  font-weight:850;
  letter-spacing:-.03em;
}

.tcjc-priesthood-page .tcjc-link-hub small{
  display:block;
  margin:0;
  color:#3d3d3d;
  font-size:.95rem;
  line-height:1.55;
}

/* ======================
   FAQ
====================== */

.tcjc-priesthood-page .tcjc-faq-list{
  max-width:900px;
  margin:42px auto 0;
  text-align:left;
}

.tcjc-priesthood-page .tcjc-faq-list details{
  margin-bottom:14px;
  border-radius:22px;
  background:#fff;
  border:1px solid rgba(148,184,205,.20);
  box-shadow:0 16px 40px rgba(36,52,77,.07);
  overflow:hidden;
}

.tcjc-priesthood-page .tcjc-faq-list summary{
  cursor:pointer;
  padding:22px 24px;
  color:#24344d;
  font-weight:850;
  font-size:1.05rem;
  list-style:none;
}

.tcjc-priesthood-page .tcjc-faq-list summary::-webkit-details-marker{
  display:none;
}

.tcjc-priesthood-page .tcjc-faq-list summary::after{
  content:"+";
  float:right;
  color:#6f94ac;
  font-size:1.3rem;
  line-height:1;
}

.tcjc-priesthood-page .tcjc-faq-list details[open] summary::after{
  content:"–";
}

.tcjc-priesthood-page .tcjc-faq-list p{
  margin:0;
  padding:0 24px 24px;
  color:#444;
  font-size:1rem;
  line-height:1.7;
}

/* ======================
   BUTTONS + TEXT LINKS
====================== */

.tcjc-priesthood-page .tcjc-actions{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
}

.tcjc-priesthood-page .centered-actions{
  justify-content:center;
}

.tcjc-priesthood-page .tcjc-btn,
.tcjc-priesthood-page .tcjc-text-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:14px;
  color:#fff !important;
  font-weight:850;
  line-height:1.2;
  text-align:center;
  text-decoration:none !important;
  transition:transform .28s ease, box-shadow .28s ease, background .28s ease, color .28s ease, border-color .28s ease;
}

.tcjc-priesthood-page .tcjc-btn{
  min-width:150px;
  padding:14px 30px;
}

.tcjc-priesthood-page .tcjc-text-link{
  margin-top:18px;
  padding:13px 24px;
}

.tcjc-priesthood-page .tcjc-btn.primary,
.tcjc-priesthood-page .tcjc-text-link{
  background:linear-gradient(135deg, rgba(111,177,215,.88), rgba(53,121,163,.88));
  border:1px solid rgba(255,255,255,.42);
  box-shadow:
    0 12px 30px rgba(36,82,112,.24),
    inset 0 1px 0 rgba(255,255,255,.28);
  text-shadow:0 1px 2px rgba(12,28,44,.42);
}

.tcjc-priesthood-page .tcjc-btn.primary:hover,
.tcjc-priesthood-page .tcjc-text-link:hover{
  transform:translateY(-3px);
  background:linear-gradient(135deg, rgba(132,193,226,.94), rgba(58,134,178,.94));
  color:#fff !important;
  box-shadow:
    0 16px 38px rgba(36,82,112,.28),
    inset 0 1px 0 rgba(255,255,255,.34);
}

.tcjc-priesthood-page .tcjc-btn.secondary{
  background:rgba(255,255,255,.13);
  color:#fff !important;
  border:1px solid rgba(255,255,255,.62);
  box-shadow:
    0 10px 26px rgba(8,24,42,.16),
    inset 0 1px 0 rgba(255,255,255,.22);
  text-shadow:0 1px 2px rgba(8,28,45,.52);
}

.tcjc-priesthood-page .tcjc-btn.secondary:hover{
  transform:translateY(-3px);
  background:rgba(255,255,255,.22);
  color:#fff !important;
  border-color:rgba(255,255,255,.76);
  box-shadow:
    0 14px 34px rgba(8,24,42,.22),
    inset 0 1px 0 rgba(255,255,255,.30);
}

.tcjc-priesthood-page .tcjc-btn.light-secondary{
  background:rgba(79,159,200,.08);
  color:#4e7389 !important;
  border:1px solid rgba(79,159,200,.34);
  box-shadow:
    0 10px 26px rgba(36,82,112,.10),
    inset 0 1px 0 rgba(255,255,255,.35);
  text-shadow:none;
}

.tcjc-priesthood-page .tcjc-btn.light-secondary:hover{
  background:rgba(79,159,200,.14);
  color:#24344d !important;
  border-color:rgba(79,159,200,.48);
  box-shadow:
    0 14px 34px rgba(36,82,112,.13),
    inset 0 1px 0 rgba(255,255,255,.42);
}

/* ======================
   FADE-IN ONLY
====================== */

.tcjc-priesthood-page .fade-up{
  opacity:0;
  transform:translateY(28px);
  transition:
    opacity .75s ease,
    transform .75s ease;
  will-change:opacity, transform;
}

.tcjc-priesthood-page .fade-up.is-visible{
  opacity:1;
  transform:translateY(0);
  will-change:auto;
}

@supports(content-visibility:auto){
  .tcjc-priesthood-page .tcjc-priesthood-intro,
.tcjc-priesthood-page .tcjc-priesthood-split,
.tcjc-priesthood-page .tcjc-priesthood-doctrine,
.tcjc-priesthood-page .tcjc-priesthood-learn-more,
.tcjc-priesthood-page .tcjc-priesthood-faq,
.tcjc-priesthood-page .tcjc-priesthood-final{
    content-visibility:auto;
    contain-intrinsic-size:1px 760px;
  }

  .tcjc-priesthood-page .tcjc-section{
    content-visibility:visible;
  }
}

@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .tcjc-priesthood-page .tcjc-hero-card,
.tcjc-priesthood-page .tcjc-glass-card{
    background:rgba(23,33,48,.58);
  }

  .tcjc-priesthood-page .tcjc-final-card{
    background:rgba(255,255,255,.88);
  }
}

/* ======================
   TABLET
====================== */

@media(max-width:1024px){
  .tcjc-priesthood-page .tcjc-priesthood-split,
.tcjc-priesthood-page .tcjc-priesthood-split.reverse{
    grid-template-columns:1fr;
    gap:38px;
  }

  .tcjc-priesthood-page .tcjc-priesthood-split.reverse .tcjc-priesthood-image{
    order:1;
  }

  .tcjc-priesthood-page .tcjc-priesthood-split.reverse .tcjc-copy{
    order:2;
  }

  .tcjc-priesthood-page .tcjc-doctrine-grid{
    grid-template-columns:1fr;
  }

  .tcjc-priesthood-page .tcjc-link-hub{
    grid-template-columns:repeat(2,1fr);
  }
}

/* ======================
   MOBILE
====================== */

@media(max-width:768px){
  .tcjc-priesthood-page .tcjc-section{
    width:calc(100vw - 12px) !important;
    max-width:calc(100vw - 12px) !important;
    min-height:84vh;
    padding:24px 12px 44px;
    border-radius:24px;
    background-image:var(--bg-mobile);
    background-size:cover;
    background-position:center;
  }

  .tcjc-priesthood-page .tcjc-priesthood-hero{
    min-height:auto;
    padding-top:18px;
  }

  .tcjc-priesthood-page .tcjc-priesthood-banner{
    min-height:72vh;
  }

  .tcjc-priesthood-page .tcjc-section.left,
.tcjc-priesthood-page .tcjc-section.right,
.tcjc-priesthood-page .tcjc-section.center{
    justify-content:center;
    text-align:center;
  }

  .tcjc-priesthood-page .tcjc-hero-card,
.tcjc-priesthood-page .tcjc-glass-card{
    width:calc(100vw - 28px);
    max-width:calc(100vw - 28px);
    padding:28px 22px;
    border-radius:24px;
    -webkit-backdrop-filter:blur(16px) saturate(138%) contrast(104%);
    backdrop-filter:blur(16px) saturate(138%) contrast(104%);
    border:1px solid rgba(255,255,255,.60);
    background:
      linear-gradient(135deg, rgba(255,255,255,.26), rgba(255,255,255,.07) 52%, rgba(255,255,255,.18));
    box-shadow:
      0 18px 46px rgba(0,0,0,.18),
      inset 0 1px 0 rgba(255,255,255,.76),
      inset 0 -1px 0 rgba(148,184,205,.16);
  }

  .tcjc-priesthood-page .tcjc-final-card{
    width:calc(100vw - 28px);
    max-width:calc(100vw - 28px);
    padding:28px 22px;
    border-radius:24px;
  }

  .tcjc-priesthood-page .tcjc-hero-card h1{
    font-size:2.05rem;
    line-height:1.04;
    letter-spacing:-.045em;
    color:rgba(255,255,255,.97);
    text-shadow:
      0 2px 4px rgba(6,16,28,.56),
      0 12px 30px rgba(6,16,28,.34);
  }

  .tcjc-priesthood-page .tcjc-section-header h2,
.tcjc-priesthood-page .tcjc-copy h2,
.tcjc-priesthood-page .tcjc-glass-card h2,
.tcjc-priesthood-page .tcjc-final-card h2{
    font-size:1.72rem;
  }

  .tcjc-priesthood-page .tcjc-glass-card h2{
    color:rgba(255,255,255,.97);
    text-shadow:
      0 2px 4px rgba(6,16,28,.56),
      0 12px 30px rgba(6,16,28,.34);
  }

  .tcjc-priesthood-page .tcjc-hero-card p,
.tcjc-priesthood-page .tcjc-section-header p,
.tcjc-priesthood-page .tcjc-copy p,
.tcjc-priesthood-page .tcjc-glass-card p,
.tcjc-priesthood-page .tcjc-final-card p{
    font-size:1rem;
    line-height:1.62;
  }

  .tcjc-priesthood-page .tcjc-hero-card p,
.tcjc-priesthood-page .tcjc-glass-card p{
    color:rgba(255,255,255,.92);
    text-shadow:
      0 1px 3px rgba(6,16,28,.60),
      0 8px 22px rgba(6,16,28,.30);
  }

  .tcjc-priesthood-page .tcjc-eyebrow{
    font-size:.68rem;
    gap:8px;
  }

  .tcjc-priesthood-page .tcjc-eyebrow::before,
.tcjc-priesthood-page .tcjc-eyebrow::after{
    width:20px;
  }

  .tcjc-priesthood-page .tcjc-hero-card .tcjc-eyebrow,
.tcjc-priesthood-page .tcjc-glass-card .tcjc-eyebrow,
.tcjc-priesthood-page .tcjc-hero-card .tcjc-reference,
.tcjc-priesthood-page .tcjc-glass-card .tcjc-reference{
    color:#b8e8ff;
    text-shadow:
      0 1px 2px rgba(5,18,30,.70),
      0 0 16px rgba(77,170,220,.30);
  }

  .tcjc-priesthood-page .tcjc-hero-card .tcjc-eyebrow::before,
.tcjc-priesthood-page .tcjc-hero-card .tcjc-eyebrow::after,
.tcjc-priesthood-page .tcjc-glass-card .tcjc-eyebrow::before,
.tcjc-priesthood-page .tcjc-glass-card .tcjc-eyebrow::after{
    background:rgba(184,232,255,.72);
  }

  .tcjc-priesthood-page .tcjc-hero-card .tcjc-eyebrow::before,
.tcjc-priesthood-page .tcjc-copy .tcjc-eyebrow::before,
.tcjc-priesthood-page .tcjc-glass-card:not(.centered) .tcjc-eyebrow::before{
    display:inline-block;
  }

  .tcjc-priesthood-page .tcjc-priesthood-intro,
.tcjc-priesthood-page .tcjc-priesthood-doctrine,
.tcjc-priesthood-page .tcjc-priesthood-learn-more,
.tcjc-priesthood-page .tcjc-priesthood-faq,
.tcjc-priesthood-page .tcjc-priesthood-final{
    padding:64px 16px;
  }

  .tcjc-priesthood-page .tcjc-priesthood-split{
    padding:58px 18px;
  }

  .tcjc-priesthood-page .tcjc-priesthood-image img{
    border-radius:24px;
  }

  .tcjc-priesthood-page .tcjc-priesthood-image::before{
    border-radius:24px;
    inset:12px -8px -8px 12px;
  }

  .tcjc-priesthood-page .tcjc-priesthood-image.portrait{
    max-width:100%;
  }

  .tcjc-priesthood-page .tcjc-reference::before,
.tcjc-priesthood-page .tcjc-reference::after{
    width:28px;
  }

  .tcjc-priesthood-page .tcjc-scripture-quote{
    margin:20px auto;
    padding:18px 18px;
    background:linear-gradient(135deg, rgba(255,255,255,.32), rgba(255,255,255,.14));
    border-color:rgba(255,255,255,.38);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.45);
  }

  .tcjc-priesthood-page .tcjc-actions{
    flex-direction:column;
  }

  .tcjc-priesthood-page .tcjc-btn,
.tcjc-priesthood-page .tcjc-text-link{
    width:100%;
  }

  .tcjc-priesthood-page .tcjc-btn:hover,
.tcjc-priesthood-page .tcjc-link-hub a:hover,
.tcjc-priesthood-page .tcjc-text-link:hover{
    transform:none;
  }

  .tcjc-priesthood-page .tcjc-link-hub{
    grid-template-columns:1fr;
    gap:14px;
    margin-top:32px;
  }

  .tcjc-priesthood-page .tcjc-link-hub a,
.tcjc-priesthood-page .tcjc-doctrine-grid article{
    min-height:auto;
    padding:24px 20px;
    border-radius:22px;
    background:linear-gradient(135deg, rgba(255,255,255,.92), rgba(255,255,255,.78));
    box-shadow:0 12px 34px rgba(36,52,77,.08);
  }

  .tcjc-priesthood-page .tcjc-faq-list summary{
    padding:18px 20px;
    font-size:1rem;
  }

  .tcjc-priesthood-page .tcjc-faq-list p{
    padding:0 20px 20px;
    font-size:.96rem;
  }

  .tcjc-priesthood-page .fade-up{
    opacity:1;
    transform:none;
    transition:none;
    will-change:auto;
  }
}

/* ======================
   REDUCED MOTION
====================== */

@media(prefers-reduced-motion:reduce){
  .tcjc-priesthood-page .fade-up{
    opacity:1;
    transform:none;
    transition:none;
    will-change:auto;
  }

  .tcjc-priesthood-page .tcjc-btn,
.tcjc-priesthood-page .tcjc-link-hub a,
.tcjc-priesthood-page .tcjc-text-link{
    transition:none;
  }

  .tcjc-priesthood-page .tcjc-btn:hover,
.tcjc-priesthood-page .tcjc-link-hub a:hover,
.tcjc-priesthood-page .tcjc-text-link:hover{
    transform:none;
  }
}


/* ---------- COVENANTS ---------- */
.tcjc-covenants-page{
  width:100vw !important;
  max-width:100vw !important;
  margin-left:calc(50% - 50vw) !important;
  margin-right:calc(50% - 50vw) !important;
  overflow:hidden;
  background:#f7f5f2;
  color:#303030;
  font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif !important;
  text-rendering:optimizeLegibility;
}

/* ======================
   FULL-BLEED IMAGE SECTIONS
====================== */

.tcjc-covenants-page .tcjc-section{
  width:calc(100vw - 28px) !important;
  max-width:calc(100vw - 28px) !important;
  margin-left:auto !important;
  margin-right:auto !important;
  margin-bottom:18px;
  position:relative;
  min-height:88vh;
  display:flex;
  align-items:center;
  padding:76px clamp(22px,4vw,90px);
  border-radius:34px;
  overflow:hidden;
  isolation:isolate;
  background-image:var(--bg-desktop);
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  background-color:#111;
}

.tcjc-covenants-page .tcjc-section:first-child{
  margin-top:0 !important;
}

.tcjc-covenants-page .tcjc-section.left{ justify-content:flex-start; }
.tcjc-covenants-page .tcjc-section.right{ justify-content:flex-end; }
.tcjc-covenants-page .tcjc-section.center{ justify-content:center; }

.tcjc-covenants-page .tcjc-covenants-hero{
  min-height:94vh;
}

.tcjc-covenants-page .tcjc-covenants-banner{
  min-height:82vh;
}

.tcjc-covenants-page .tcjc-covenants-banner.compact{
  min-height:64vh;
}

/* ======================
   OVERLAYS
====================== */

.tcjc-covenants-page .tcjc-overlay{
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
}

.tcjc-covenants-page .tcjc-overlay.warm{
  background:
    radial-gradient(circle at 52% 22%, rgba(255,255,255,.13), transparent 34%),
    linear-gradient(to top, rgba(22,20,18,.68), rgba(22,20,18,.28), rgba(22,20,18,.10));
}

.tcjc-covenants-page .tcjc-overlay.cool{
  background:
    radial-gradient(circle at 52% 22%, rgba(255,255,255,.13), transparent 34%),
    linear-gradient(to top, rgba(12,20,32,.68), rgba(12,20,32,.28), rgba(12,20,32,.10));
}

/* ======================
   LIQUID GLASS CARDS
====================== */

.tcjc-covenants-page .tcjc-hero-card,
.tcjc-covenants-page .tcjc-glass-card{
  position:relative;
  z-index:5;
  width:min(740px,100%);
  padding:38px 36px;
  border-radius:30px;
  background:
    linear-gradient(135deg, rgba(255,255,255,.30), rgba(255,255,255,.08) 50%, rgba(255,255,255,.22));
  -webkit-backdrop-filter:blur(26px) saturate(160%) contrast(108%);
  backdrop-filter:blur(26px) saturate(160%) contrast(108%);
  border:1px solid rgba(255,255,255,.50);
  box-shadow:
    0 32px 88px rgba(0,0,0,.30),
    inset 0 1px 0 rgba(255,255,255,.82),
    inset 0 -1px 0 rgba(148,184,205,.14);
}

.tcjc-covenants-page .tcjc-hero-card::before,
.tcjc-covenants-page .tcjc-glass-card::before{
  content:"";
  position:absolute;
  inset:1px;
  border-radius:inherit;
  pointer-events:none;
  background:
    linear-gradient(135deg, rgba(255,255,255,.54), transparent 30%, rgba(255,255,255,.10) 64%, transparent 100%);
  opacity:.62;
  mix-blend-mode:screen;
}

.tcjc-covenants-page .tcjc-hero-card > *,
.tcjc-covenants-page .tcjc-glass-card > *{
  position:relative;
  z-index:1;
}

.tcjc-covenants-page .tcjc-hero-card{
  max-width:820px;
}

.tcjc-covenants-page .tcjc-glass-card.centered,
.tcjc-covenants-page .centered{
  text-align:center;
  margin-left:auto;
  margin-right:auto;
}

/* ======================
   TYPOGRAPHY
====================== */

.tcjc-covenants-page .tcjc-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:12px;
  margin-bottom:16px;
  color:#4f9fc8;
  font-size:.78rem;
  font-weight:850;
  letter-spacing:.18em;
  text-transform:uppercase;
}

.tcjc-covenants-page .tcjc-eyebrow::before,
.tcjc-covenants-page .tcjc-eyebrow::after{
  content:"";
  width:34px;
  height:1px;
  background:rgba(79,159,200,.66);
}

.tcjc-covenants-page .tcjc-hero-card .tcjc-eyebrow,
.tcjc-covenants-page .tcjc-glass-card .tcjc-eyebrow,
.tcjc-covenants-page .tcjc-hero-card .tcjc-reference,
.tcjc-covenants-page .tcjc-glass-card .tcjc-reference{
  color:#a9def7;
  text-shadow:
    0 1px 2px rgba(5,18,30,.64),
    0 0 14px rgba(77,170,220,.28);
}

.tcjc-covenants-page .tcjc-hero-card .tcjc-eyebrow::before,
.tcjc-covenants-page .tcjc-hero-card .tcjc-eyebrow::after,
.tcjc-covenants-page .tcjc-glass-card .tcjc-eyebrow::before,
.tcjc-covenants-page .tcjc-glass-card .tcjc-eyebrow::after{
  background:rgba(169,222,247,.70);
  box-shadow:0 0 12px rgba(77,170,220,.24);
}

.tcjc-covenants-page .tcjc-hero-card .tcjc-eyebrow::before,
.tcjc-covenants-page .tcjc-glass-card:not(.centered) .tcjc-eyebrow::before{
  display:none;
}

.tcjc-covenants-page .tcjc-hero-card h1,
.tcjc-covenants-page .tcjc-glass-card h2,
.tcjc-covenants-page .tcjc-section-header h2{
  margin:0 0 18px;
  color:#24344d;
  line-height:1.03;
  letter-spacing:-.05em;
  text-wrap:balance;
  font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif !important;
}

.tcjc-covenants-page .tcjc-hero-card h1{
  font-size:clamp(2.1rem,3.8vw,4.15rem);
  font-weight:720 !important;
}

.tcjc-covenants-page .tcjc-glass-card h2,
.tcjc-covenants-page .tcjc-section-header h2{
  font-size:clamp(1.9rem,3vw,3rem);
  font-weight:720 !important;
}

.tcjc-covenants-page .tcjc-hero-card h1,
.tcjc-covenants-page .tcjc-glass-card h2{
  color:rgba(255,255,255,.96);
  text-shadow:
    0 2px 4px rgba(8,18,32,.42),
    0 12px 28px rgba(8,18,32,.32);
}

.tcjc-covenants-page .tcjc-hero-card p,
.tcjc-covenants-page .tcjc-glass-card p,
.tcjc-covenants-page .tcjc-section-header p,
.tcjc-covenants-page .tcjc-link-hub small{
  margin:0 0 18px;
  color:#303030;
  font-size:1.05rem;
  line-height:1.72;
}

.tcjc-covenants-page .tcjc-hero-card p,
.tcjc-covenants-page .tcjc-glass-card p{
  color:rgba(255,255,255,.91);
  text-shadow:
    0 1px 3px rgba(7,18,31,.50),
    0 8px 22px rgba(7,18,31,.26);
}

.tcjc-covenants-page .tcjc-reference{
  margin-top:18px;
  color:#6f94ac;
  font-size:.88rem;
  font-weight:850;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.tcjc-covenants-page .tcjc-glass-card .tcjc-reference{
  color:#a9def7;
  text-shadow:
    0 1px 2px rgba(5,18,30,.64),
    0 0 14px rgba(77,170,220,.28);
}

/* ======================
   INTRO / TRANSITION SECTIONS
====================== */

.tcjc-covenants-page .tcjc-covenants-intro,
.tcjc-covenants-page .tcjc-covenants-membership,
.tcjc-covenants-page .tcjc-covenants-learn-more,
.tcjc-covenants-page .tcjc-covenants-faq{
  width:100vw !important;
  max-width:100vw !important;
  margin-left:calc(50% - 50vw) !important;
  margin-right:calc(50% - 50vw) !important;
  text-align:center;
  background:#f7f5f2;
}

.tcjc-covenants-page .tcjc-covenants-intro{
  padding:86px 18px 58px;
}

.tcjc-covenants-page .tcjc-covenants-membership{
  padding:58px 18px 62px;
}

.tcjc-covenants-page .tcjc-covenants-learn-more,
.tcjc-covenants-page .tcjc-covenants-faq{
  padding:84px 18px;
  background:
    radial-gradient(circle at 50% 0%, rgba(148,184,205,.18), transparent 36%),
    #f7f5f2;
}

.tcjc-covenants-page .tcjc-section-header{
  max-width:920px;
  margin:0 auto;
}

.tcjc-covenants-page .tcjc-learn-more-inner{
  width:min(1180px,100%);
  margin:0 auto;
}

/* ======================
   FOUNDATION GRID
====================== */

.tcjc-covenants-page .tcjc-foundation-grid{
  max-width:1180px;
  margin:44px auto 0;
  padding:0 20px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:24px;
  text-align:left;
}

.tcjc-covenants-page .tcjc-foundation-grid article,
.tcjc-covenants-page .tcjc-covenant-card{
  background:#fff;
  border:1px solid rgba(148,184,205,.20);
  border-radius:28px;
  padding:30px 28px;
  box-shadow:
    0 18px 46px rgba(40,55,70,.08),
    inset 0 1px 0 rgba(255,255,255,.70);
}

.tcjc-covenants-page .tcjc-foundation-num,
.tcjc-covenants-page .tcjc-covenant-card span{
  display:inline-flex;
  width:48px;
  height:48px;
  align-items:center;
  justify-content:center;
  margin-bottom:18px;
  border-radius:999px;
  background:rgba(148,184,205,.18);
  color:#6f94ac;
  font-weight:900;
}

.tcjc-covenants-page .tcjc-foundation-grid h3{
  margin:0 0 12px;
  color:#24344d;
  font-size:1.18rem;
  line-height:1.2;
  font-weight:800;
}

.tcjc-covenants-page .tcjc-foundation-grid p{
  margin:0 0 14px;
  color:#3f3f3f;
  font-size:.98rem;
  line-height:1.62;
}

.tcjc-covenants-page .tcjc-foundation-grid strong{
  color:#6f94ac;
  font-size:.82rem;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}

/* ======================
   NINE COVENANTS GRID
====================== */

.tcjc-covenants-page .tcjc-covenant-grid{
  max-width:1320px;
  margin:0 auto;
  padding:20px 20px 82px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:24px;
}

.tcjc-covenants-page .tcjc-covenant-card.wide{
  grid-column:span 2;
}

.tcjc-covenants-page .tcjc-covenant-card h2{
  margin:0 0 14px;
  color:#24344d;
  font-size:1.28rem;
  line-height:1.15;
  letter-spacing:-.025em;
  font-weight:760 !important;
}

.tcjc-covenants-page .tcjc-covenant-card p,
.tcjc-covenants-page .tcjc-covenant-card li{
  color:#3f3f3f;
  font-size:.98rem;
  line-height:1.65;
}

.tcjc-covenants-page .tcjc-covenant-card p{
  margin:0 0 14px;
}

.tcjc-covenants-page .tcjc-covenant-card p:last-child{
  margin-bottom:0;
}

.tcjc-covenants-page .tcjc-covenant-card ul{
  padding-left:20px;
  margin:12px 0 0;
}

.tcjc-covenants-page .tcjc-covenant-card li{
  margin-bottom:8px;
}

/* ======================
   LINK HUB
====================== */

.tcjc-covenants-page .tcjc-link-hub{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
  margin-top:42px;
}

.tcjc-covenants-page .tcjc-link-hub a{
  display:flex;
  flex-direction:column;
  min-height:170px;
  padding:28px 24px;
  border-radius:26px;
  background:#fff;
  border:1px solid rgba(148,184,205,.18);
  box-shadow:0 18px 48px rgba(36,52,77,.08);
  text-decoration:none !important;
  text-align:left;
  transition:transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}

.tcjc-covenants-page .tcjc-link-hub a:hover{
  transform:translateY(-5px);
  border-color:rgba(148,184,205,.42);
  box-shadow:0 24px 62px rgba(36,52,77,.12);
}

.tcjc-covenants-page .tcjc-link-hub span{
  display:block;
  margin-bottom:12px;
  color:#24344d;
  font-size:1.12rem;
  line-height:1.2;
  font-weight:850;
  letter-spacing:-.03em;
}

.tcjc-covenants-page .tcjc-link-hub small{
  display:block;
  margin:0;
  color:#3d3d3d;
  font-size:.95rem;
  line-height:1.55;
}

/* ======================
   FAQ
====================== */

.tcjc-covenants-page .tcjc-faq-list{
  max-width:920px;
  margin:42px auto 0;
  text-align:left;
}

.tcjc-covenants-page .tcjc-faq-list details{
  margin-bottom:14px;
  border-radius:22px;
  background:#fff;
  border:1px solid rgba(148,184,205,.20);
  box-shadow:0 16px 40px rgba(36,52,77,.07);
  overflow:hidden;
}

.tcjc-covenants-page .tcjc-faq-list summary{
  cursor:pointer;
  padding:22px 24px;
  color:#24344d;
  font-weight:850;
  font-size:1.05rem;
  list-style:none;
}

.tcjc-covenants-page .tcjc-faq-list summary::-webkit-details-marker{
  display:none;
}

.tcjc-covenants-page .tcjc-faq-list summary::after{
  content:"+";
  float:right;
  color:#6f94ac;
  font-size:1.3rem;
  line-height:1;
}

.tcjc-covenants-page .tcjc-faq-list details[open] summary::after{
  content:"–";
}

.tcjc-covenants-page .tcjc-faq-list p{
  margin:0;
  padding:0 24px 24px;
  color:#444;
  font-size:1rem;
  line-height:1.7;
}

/* ======================
   BUTTONS
====================== */

.tcjc-covenants-page .tcjc-actions{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
}

.tcjc-covenants-page .centered-actions{
  justify-content:center;
}

.tcjc-covenants-page .tcjc-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:14px 30px;
  border-radius:14px;
  color:#fff !important;
  font-weight:850;
  line-height:1.2;
  text-align:center;
  text-decoration:none !important;
  transition:transform .28s ease, box-shadow .28s ease, background .28s ease, color .28s ease, border-color .28s ease;
}

.tcjc-covenants-page .tcjc-btn.primary{
  background:linear-gradient(135deg, rgba(111,177,215,.88), rgba(53,121,163,.88));
  border:1px solid rgba(255,255,255,.42);
  box-shadow:
    0 12px 30px rgba(36,82,112,.24),
    inset 0 1px 0 rgba(255,255,255,.28);
  text-shadow:0 1px 2px rgba(12,28,44,.42);
}

.tcjc-covenants-page .tcjc-btn.primary:hover{
  transform:translateY(-3px);
  background:linear-gradient(135deg, rgba(132,193,226,.94), rgba(58,134,178,.94));
  color:#fff !important;
  box-shadow:
    0 16px 38px rgba(36,82,112,.28),
    inset 0 1px 0 rgba(255,255,255,.34);
}

.tcjc-covenants-page .tcjc-btn.secondary{
  background:rgba(255,255,255,.13);
  color:#fff !important;
  border:1px solid rgba(255,255,255,.62);
  box-shadow:
    0 10px 26px rgba(8,24,42,.16),
    inset 0 1px 0 rgba(255,255,255,.22);
  text-shadow:0 1px 2px rgba(8,28,45,.52);
}

.tcjc-covenants-page .tcjc-btn.secondary:hover{
  transform:translateY(-3px);
  background:rgba(255,255,255,.22);
  color:#fff !important;
  border-color:rgba(255,255,255,.76);
  box-shadow:
    0 14px 34px rgba(8,24,42,.22),
    inset 0 1px 0 rgba(255,255,255,.30);
}

/* ======================
   FADE-IN ONLY
====================== */

.tcjc-covenants-page .fade-up{
  opacity:0;
  transform:translateY(28px);
  transition:
    opacity .75s ease,
    transform .75s ease;
  will-change:opacity, transform;
}

.tcjc-covenants-page .fade-up.is-visible{
  opacity:1;
  transform:translateY(0);
  will-change:auto;
}

@supports(content-visibility:auto){
  .tcjc-covenants-page .tcjc-covenants-intro,
.tcjc-covenants-page .tcjc-covenants-membership,
.tcjc-covenants-page .tcjc-covenant-grid,
.tcjc-covenants-page .tcjc-covenants-learn-more,
.tcjc-covenants-page .tcjc-covenants-faq{
    content-visibility:auto;
    contain-intrinsic-size:1px 820px;
  }

  .tcjc-covenants-page .tcjc-section{
    content-visibility:visible;
  }
}

@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .tcjc-covenants-page .tcjc-hero-card,
.tcjc-covenants-page .tcjc-glass-card{
    background:rgba(23,33,48,.58);
  }
}

/* ======================
   TABLET
====================== */

@media(max-width:1024px){
  .tcjc-covenants-page .tcjc-covenant-grid,
.tcjc-covenants-page .tcjc-foundation-grid{
    grid-template-columns:repeat(2,1fr);
  }

  .tcjc-covenants-page .tcjc-covenant-card.wide{
    grid-column:span 1;
  }

  .tcjc-covenants-page .tcjc-link-hub{
    grid-template-columns:repeat(2,1fr);
  }
}

/* ======================
   MOBILE
====================== */

@media(max-width:768px){
  .tcjc-covenants-page .tcjc-section{
    width:calc(100vw - 12px) !important;
    max-width:calc(100vw - 12px) !important;
    min-height:84vh;
    padding:24px 12px 44px;
    border-radius:24px;
    background-image:var(--bg-mobile);
    background-size:cover;
    background-position:center;
  }

  .tcjc-covenants-page .tcjc-covenants-hero{
    min-height:auto;
    padding-top:18px;
  }

  .tcjc-covenants-page .tcjc-covenants-banner{
    min-height:72vh;
  }

  .tcjc-covenants-page .tcjc-covenants-banner.compact{
    min-height:58vh;
  }

  .tcjc-covenants-page .tcjc-section.left,
.tcjc-covenants-page .tcjc-section.right,
.tcjc-covenants-page .tcjc-section.center{
    justify-content:center;
    text-align:center;
  }

  .tcjc-covenants-page .tcjc-hero-card,
.tcjc-covenants-page .tcjc-glass-card{
    width:calc(100vw - 28px);
    max-width:calc(100vw - 28px);
    padding:28px 22px;
    border-radius:24px;
    -webkit-backdrop-filter:blur(16px) saturate(138%) contrast(104%);
    backdrop-filter:blur(16px) saturate(138%) contrast(104%);
    border:1px solid rgba(255,255,255,.60);
    background:
      linear-gradient(135deg, rgba(255,255,255,.26), rgba(255,255,255,.07) 52%, rgba(255,255,255,.18));
    box-shadow:
      0 18px 46px rgba(0,0,0,.18),
      inset 0 1px 0 rgba(255,255,255,.76),
      inset 0 -1px 0 rgba(148,184,205,.16);
  }

  .tcjc-covenants-page .tcjc-hero-card h1{
    font-size:2.05rem;
    line-height:1.04;
    letter-spacing:-.045em;
    color:rgba(255,255,255,.97);
    text-shadow:
      0 2px 4px rgba(6,16,28,.56),
      0 12px 30px rgba(6,16,28,.34);
  }

  .tcjc-covenants-page .tcjc-glass-card h2,
.tcjc-covenants-page .tcjc-section-header h2{
    font-size:1.72rem;
  }

  .tcjc-covenants-page .tcjc-glass-card h2{
    color:rgba(255,255,255,.97);
    text-shadow:
      0 2px 4px rgba(6,16,28,.56),
      0 12px 30px rgba(6,16,28,.34);
  }

  .tcjc-covenants-page .tcjc-hero-card p,
.tcjc-covenants-page .tcjc-glass-card p,
.tcjc-covenants-page .tcjc-section-header p{
    font-size:1rem;
    line-height:1.62;
  }

  .tcjc-covenants-page .tcjc-hero-card p,
.tcjc-covenants-page .tcjc-glass-card p{
    color:rgba(255,255,255,.92);
    text-shadow:
      0 1px 3px rgba(6,16,28,.60),
      0 8px 22px rgba(6,16,28,.30);
  }

  .tcjc-covenants-page .tcjc-eyebrow{
    font-size:.68rem;
    gap:8px;
  }

  .tcjc-covenants-page .tcjc-eyebrow::before,
.tcjc-covenants-page .tcjc-eyebrow::after{
    width:20px;
  }

  .tcjc-covenants-page .tcjc-hero-card .tcjc-eyebrow,
.tcjc-covenants-page .tcjc-glass-card .tcjc-eyebrow,
.tcjc-covenants-page .tcjc-hero-card .tcjc-reference,
.tcjc-covenants-page .tcjc-glass-card .tcjc-reference{
    color:#b8e8ff;
    text-shadow:
      0 1px 2px rgba(5,18,30,.70),
      0 0 16px rgba(77,170,220,.30);
  }

  .tcjc-covenants-page .tcjc-hero-card .tcjc-eyebrow::before,
.tcjc-covenants-page .tcjc-hero-card .tcjc-eyebrow::after,
.tcjc-covenants-page .tcjc-glass-card .tcjc-eyebrow::before,
.tcjc-covenants-page .tcjc-glass-card .tcjc-eyebrow::after{
    background:rgba(184,232,255,.72);
  }

  .tcjc-covenants-page .tcjc-hero-card .tcjc-eyebrow::before,
.tcjc-covenants-page .tcjc-glass-card:not(.centered) .tcjc-eyebrow::before{
    display:inline-block;
  }

  .tcjc-covenants-page .tcjc-covenants-intro{
    padding:64px 16px 36px;
  }

  .tcjc-covenants-page .tcjc-covenants-membership{
    padding:38px 16px 46px;
  }

  .tcjc-covenants-page .tcjc-covenants-learn-more,
.tcjc-covenants-page .tcjc-covenants-faq{
    padding:64px 14px;
  }

  .tcjc-covenants-page .tcjc-foundation-grid,
.tcjc-covenants-page .tcjc-covenant-grid,
.tcjc-covenants-page .tcjc-link-hub{
    grid-template-columns:1fr;
    padding-left:12px;
    padding-right:12px;
    gap:16px;
  }

  .tcjc-covenants-page .tcjc-foundation-grid{
    margin-top:32px;
  }

  .tcjc-covenants-page .tcjc-link-hub{
    margin-top:32px;
  }

  .tcjc-covenants-page .tcjc-foundation-grid article,
.tcjc-covenants-page .tcjc-covenant-card,
.tcjc-covenants-page .tcjc-link-hub a{
    border-radius:22px;
    padding:24px 20px;
    min-height:auto;
    background:linear-gradient(135deg, rgba(255,255,255,.92), rgba(255,255,255,.78));
    box-shadow:0 12px 34px rgba(36,52,77,.08);
  }

  .tcjc-covenants-page .tcjc-covenant-card h2{
    font-size:1.16rem;
  }

  .tcjc-covenants-page .tcjc-covenant-card p,
.tcjc-covenants-page .tcjc-covenant-card li,
.tcjc-covenants-page .tcjc-foundation-grid p{
    font-size:.95rem;
    line-height:1.55;
  }

  .tcjc-covenants-page .tcjc-faq-list summary{
    padding:18px 20px;
    font-size:1rem;
  }

  .tcjc-covenants-page .tcjc-faq-list p{
    padding:0 20px 20px;
    font-size:.96rem;
  }

  .tcjc-covenants-page .tcjc-actions{
    flex-direction:column;
  }

  .tcjc-covenants-page .tcjc-btn{
    width:100%;
  }

  .tcjc-covenants-page .tcjc-btn:hover,
.tcjc-covenants-page .tcjc-link-hub a:hover{
    transform:none;
  }

  .tcjc-covenants-page .fade-up{
    opacity:1;
    transform:none;
    transition:none;
    will-change:auto;
  }
}

/* ======================
   REDUCED MOTION
====================== */

@media(prefers-reduced-motion:reduce){
  .tcjc-covenants-page .fade-up{
    opacity:1;
    transform:none;
    transition:none;
    will-change:auto;
  }

  .tcjc-covenants-page .tcjc-btn,
.tcjc-covenants-page .tcjc-link-hub a{
    transition:none;
  }

  .tcjc-covenants-page .tcjc-btn:hover,
.tcjc-covenants-page .tcjc-link-hub a:hover{
    transform:none;
  }
}