@import url("/landingsub/about/css/chapter1.css");
@import url("/landingsub/about/css/chapter2.css");
@import url("/landingsub/about/css/chapter3.css");
@import url("/landingsub/about/css/chapter4.css");
@import url("/landingsub/about/css/chapter5.css");

/* =====================================================
   OUR STORY PAGE VARIABLES
===================================================== */

:root{
  --story-forest:#173f30;
  --story-forest-dark:#0d291e;
  --story-forest-soft:#2f6750;

  --story-forest-950:#071811;
  --story-forest-900:#0d291e;
  --story-forest-850:#123528;
  --story-forest-800:#173f30;
  --story-forest-700:#245842;

  --story-gold:#b78f42;
  --story-gold-light:#d9bd79;
  --story-gold-700:#916a25;
  --story-gold-600:#b78f42;
  --story-gold-500:#cda758;
  --story-gold-400:#d9bd79;
  --story-gold-300:#ead79f;

  --story-cream:#fffdf7;
  --story-cream-soft:#f5efe1;
  --story-cream-deep:#e8dcc3;
  --story-cream-150:#fffdf8;

  --story-text:#40443e;
  --story-text-soft:#666a62;
  --story-line:rgba(53,72,59,.18);

  --story-white:#ffffff;

  --story-serif:"Cormorant Garamond",Georgia,serif;
  --story-display:"Cinzel",Georgia,serif;
  --story-sans:"Inter",Arial,sans-serif;
}


/* =====================================================
   OUR STORY PAGE RESET
===================================================== */

.our-story-page,
.our-story-page *,
.our-story-page *::before,
.our-story-page *::after{
  box-sizing:border-box;
}

html{
  scroll-behavior:smooth;
}

body.our-story-page{
  width:100%;
  min-width:320px;
  margin:0;

  overflow-x:clip;

  color:var(--story-text);

  font-family:var(--story-sans);
  font-size:16px;
  line-height:1.7;

  background:
    linear-gradient(
      180deg,
      #f4eddd 0%,
      #fffdf8 18%,
      #fffdf8 82%,
      #f3ead7 100%
    );
}

body.our-story-page img,
body.our-story-page video{
  display:block;

  max-width:100%;
}

body.our-story-page button{
  font:inherit;
}


/* =====================================================
   ACCESSIBILITY
===================================================== */

.our-story-skip-link{
  position:fixed;
  top:12px;
  left:12px;
  z-index:9999;

  padding:12px 18px;

  color:#fff;

  font-size:.82rem;
  font-weight:800;
  text-decoration:none;

  background:var(--story-forest);

  transform:translateY(-180%);

  transition:transform .2s ease;
}

.our-story-skip-link:focus{
  transform:translateY(0);
}


/* =====================================================
   STATIC PAGE BACKGROUND
===================================================== */

.our-story-background{
  position:fixed;
  inset:0;
  z-index:-2;

  pointer-events:none;

  background:
    radial-gradient(
      circle at 15% 12%,
      rgba(196,158,80,.12) 0%,
      rgba(196,158,80,0) 30%
    ),
    radial-gradient(
      circle at 88% 34%,
      rgba(31,76,55,.08) 0%,
      rgba(31,76,55,0) 32%
    );
}


/* =====================================================
   OUR STORY PAGE SHELL
===================================================== */

.our-story-main{
  position:relative;
  z-index:1;

  width:100%;
  max-width:100%;
}

.church-origins-section{
  position:relative;

  width:100%;
  max-width:100%;
  padding:
    0
    clamp(20px,4vw,56px)
    clamp(100px,10vw,160px);
}

.church-wrap{
  width:min(100%,1240px);
  max-width:100%;
  margin:0 auto;
}


/* =====================================================
   6. OUR ORIGINS
===================================================== */

/*
  The story content remains constrained to 1240px.
  Only the origins header breaks out to the viewport edges.
*/


/* =====================================================
   OUR ORIGINS HEADER
===================================================== */

.church-origins-heading{
  position:relative;
  left:50%;

  width:100vw;
  max-width:100vw;
  margin:
    0
    0
    clamp(70px,8vw,120px);

  overflow:hidden;

  transform:translateX(-50%);
}

.church-origins-hero{
  position:relative;
  isolation:isolate;

  display:flex;
  align-items:center;

  width:100%;
  min-height:clamp(690px,88vh,970px);

  overflow:hidden;

  background:#0d291e;
}

.church-origins-hero-video{
  position:absolute;
  inset:0;
  z-index:0;

  width:100%;
  height:100%;

  display:block;

  object-fit:cover;
  object-position:center;

  pointer-events:none;

  filter:
    saturate(.9)
    contrast(1.05)
    brightness(.8);
}

.church-origins-hero-shade{
  position:absolute;
  inset:0;
  z-index:1;

  pointer-events:none;

  background:
    linear-gradient(
      90deg,
      rgba(3,14,10,.96) 0%,
      rgba(5,22,16,.9) 25%,
      rgba(5,22,16,.72) 48%,
      rgba(5,22,16,.34) 72%,
      rgba(5,22,16,.12) 100%
    ),
    linear-gradient(
      180deg,
      rgba(3,12,9,.38) 0%,
      rgba(3,12,9,.08) 35%,
      rgba(3,12,9,.2) 70%,
      rgba(3,12,9,.78) 100%
    );
}

.church-origins-hero-glow{
  position:absolute;
  inset:0;
  z-index:2;

  pointer-events:none;

  background:
    radial-gradient(
      circle at 22% 48%,
      rgba(217,189,121,.13),
      transparent 34%
    ),
    linear-gradient(
      180deg,
      transparent 78%,
      rgba(7,27,19,.5) 100%
    );
}

.church-origins-hero::before{
  content:"";

  position:absolute;
  top:0;
  right:0;
  left:0;
  z-index:3;

  height:1px;

  pointer-events:none;

  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(239,215,158,.55),
      transparent
    );
}

.church-origins-hero::after{
  content:"";

  position:absolute;
  right:0;
  bottom:0;
  left:0;
  z-index:3;

  height:120px;

  pointer-events:none;

  background:
    linear-gradient(
      180deg,
      rgba(255,253,247,0) 0%,
      rgba(255,253,247,.16) 76%,
      var(--story-cream) 100%
    );
}

.church-origins-hero-content{
  position:relative;
  z-index:4;

  width:min(100%,1320px);
  margin:0 auto;
  padding:
    clamp(110px,12vw,170px)
    clamp(24px,6vw,84px)
    clamp(130px,13vw,190px);
}

.church-origins-hero-content::before{
  content:"";

  position:absolute;
  top:50%;
  left:clamp(24px,6vw,84px);

  width:2px;
  height:min(360px,44%);

  background:
    linear-gradient(
      180deg,
      rgba(217,189,121,0),
      rgba(217,189,121,.85),
      rgba(217,189,121,0)
    );

  transform:translateY(-50%);
}

.church-origins-hero-content > *{
  max-width:790px;
  margin-left:clamp(24px,3vw,46px);
}

.church-kicker{
  display:flex;
  align-items:center;
  gap:14px;

  margin:0 0 22px;

  color:var(--story-gold-light);

  font-family:var(--story-sans);
  font-size:.72rem;
  font-weight:900;
  line-height:1;
  letter-spacing:.22em;
  text-transform:uppercase;

  text-shadow:
    0 2px 14px rgba(0,0,0,.5);
}

.church-kicker::before{
  content:"";

  width:48px;
  height:1px;

  background:var(--story-gold-light);

  box-shadow:
    0 0 16px rgba(217,189,121,.4);
}

.church-origins-heading h1{
  max-width:900px;
  margin:0 0 28px;

  color:#fffdf7;

  font-family:var(--story-serif);
  font-size:clamp(4rem,7.2vw,7.7rem);
  font-weight:600;
  line-height:.84;
  letter-spacing:-.055em;

  text-wrap:balance;

  text-shadow:
    0 4px 22px rgba(0,0,0,.72),
    0 18px 60px rgba(0,0,0,.42);
}

.church-origins-heading h1 span{
  display:block;

  margin-top:13px;

  color:var(--story-gold-light);

  font-size:.66em;
  font-style:italic;
  font-weight:500;
  letter-spacing:-.035em;

  text-shadow:
    0 4px 22px rgba(0,0,0,.72),
    0 0 38px rgba(183,143,66,.18);
}

.church-origins-lead{
  max-width:760px;
  margin:0 0 22px;

  color:rgba(255,255,255,.96);

  font-family:var(--story-serif);
  font-size:clamp(1.28rem,1.9vw,1.65rem);
  font-weight:600;
  line-height:1.52;

  text-shadow:
    0 2px 14px rgba(0,0,0,.84);
}

.church-origins-summary{
  max-width:700px;
  margin:0 0 34px;

  color:rgba(255,255,255,.78);

  font-family:var(--story-sans);
  font-size:clamp(.93rem,1.1vw,1.02rem);
  line-height:1.8;

  text-shadow:
    0 2px 14px rgba(0,0,0,.86);
}

.church-origins-summary strong{
  color:#fffdf7;
  font-weight:800;
}

.church-origins-scroll{
  display:inline-flex;
  align-items:center;
  gap:14px;

  width:auto;
  margin-top:4px;
  padding:13px 0;

  color:rgba(255,255,255,.9);

  font-size:.7rem;
  font-weight:900;
  letter-spacing:.16em;
  text-decoration:none;
  text-transform:uppercase;

  border-bottom:1px solid rgba(217,189,121,.8);

  transition:
    color .2s ease,
    gap .2s ease,
    border-color .2s ease;
}

.church-origins-scroll span:last-child{
  color:var(--story-gold-light);

  font-size:1rem;
  line-height:1;

  animation:originsScrollMove 1.8s ease-in-out infinite;
}

.church-origins-scroll:hover,
.church-origins-scroll:focus-visible{
  gap:20px;

  color:#fff;

  border-color:var(--story-gold-light);
}

@keyframes originsScrollMove{

  0%,
  100%{
    transform:translateY(-2px);
  }

  50%{
    transform:translateY(4px);
  }

}


/* =====================================================
   HERO RESPONSIVE
===================================================== */

@media (max-width:820px){

  .church-origins-hero{
    align-items:flex-end;

    min-height:780px;
  }

  .church-origins-hero-video{
    object-position:58% center;
  }

  .church-origins-hero-shade{
    background:
      linear-gradient(
        180deg,
        rgba(3,14,10,.2) 0%,
        rgba(3,14,10,.36) 28%,
        rgba(3,14,10,.83) 64%,
        rgba(3,14,10,.97) 100%
      );
  }

  .church-origins-hero-content{
    padding:
      180px
      28px
      145px;
  }

  .church-origins-hero-content::before{
    display:none;
  }

  .church-origins-hero-content > *{
    margin-left:0;
  }

  .church-origins-heading h1{
    font-size:clamp(3.65rem,11vw,6rem);
  }

}


@media (max-width:580px){

  .church-origins-heading{
    margin-bottom:58px;
  }

  .church-origins-hero{
    min-height:760px;
  }

  .church-origins-hero-video{
    object-position:62% center;
  }

  .church-origins-hero-content{
    padding:
      150px
      20px
      118px;
  }

  .church-kicker{
    margin-bottom:18px;

    font-size:.64rem;
  }

  .church-kicker::before{
    width:34px;
  }

  .church-origins-heading h1{
    margin-bottom:24px;

    font-size:clamp(3.15rem,15vw,4.8rem);
  }

  .church-origins-lead{
    font-size:1.15rem;
  }

  .church-origins-summary{
    font-size:.87rem;
    line-height:1.72;
  }

}


/* =====================================================
   ORIGINS INTRO
===================================================== */

.church-origins-intro{
  position:relative;

  width:min(100% - 48px,920px);
  margin:
    clamp(70px,8vw,120px)
    auto
    clamp(90px,10vw,150px);
}

.church-origins-intro::before{
  content:"";

  position:absolute;
  top:5px;
  left:-44px;

  width:1px;
  height:calc(100% - 10px);

  background:
    linear-gradient(
      180deg,
      rgba(184,137,60,0),
      rgba(184,137,60,.65) 18%,
      rgba(184,137,60,.65) 82%,
      rgba(184,137,60,0)
    );
}

.church-origins-intro p{
  margin:
    0
    0
    clamp(22px,2.6vw,32px);

  color:var(--story-text-soft);

  font-family:var(--story-serif);
  font-size:clamp(1.25rem,1.8vw,1.56rem);
  line-height:1.74;
}

.church-origins-intro p:first-child::first-letter{
  float:left;

  margin:
    .08em
    .14em
    0
    0;

  color:var(--story-forest-800);

  font-family:var(--story-display);
  font-size:4.8rem;
  font-weight:800;
  line-height:.75;
}

.church-origins-intro .church-origins-emphasis{
  position:relative;

  margin-top:42px;
  margin-bottom:0;
  padding:
    30px
    0
    4px
    clamp(28px,4vw,56px);

  color:var(--story-forest-800);

  font-size:clamp(1.55rem,2.6vw,2.15rem);
  font-style:italic;
  font-weight:600;
  line-height:1.42;
}

.church-origins-emphasis::before{
  content:"";

  position:absolute;
  top:0;
  left:0;

  width:72px;
  height:3px;

  background:var(--story-gold-500);
}


/* =====================================================
   ORIGIN MEDIA HEADINGS
===================================================== */

.church-origin-media-heading{
  display:grid;
  grid-template-columns:minmax(0,.82fr) minmax(320px,1.18fr);
  align-items:end;
  gap:clamp(40px,7vw,100px);

  width:min(100% - 48px,1220px);
  margin:0 auto clamp(38px,5vw,64px);
}

.church-origin-media-heading > div{
  min-width:0;
}

.church-origin-media-kicker{
  margin:0 0 14px;

  color:var(--story-gold-700);

  font-size:.68rem;
  font-weight:900;
  line-height:1;
  letter-spacing:.2em;
  text-transform:uppercase;
}

.church-origin-media-heading h2{
  margin:0;

  color:var(--story-forest-900);

  font-family:var(--story-serif);
  font-size:clamp(2.9rem,5vw,5.2rem);
  font-weight:600;
  line-height:.9;
  letter-spacing:-.04em;
}

.church-origin-media-heading > p{
  max-width:610px;
  margin:0;

  color:var(--story-text-soft);

  font-size:.96rem;
  line-height:1.82;
}



/* =====================================================
   HELENE PHOTO ARCHIVE
===================================================== */

.church-origin-carousel{
  position:relative;
}

.church-origin-carousel-stage{
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  gap:14px;
}

.church-origin-slide{
  position:relative;

  min-height:280px;
  margin:0;

  overflow:hidden;

  visibility:visible;
  opacity:1;

  background:var(--story-forest-dark);

  transform:none;
}

.church-origin-slide:nth-child(1){
  grid-column:span 8;

  min-height:510px;
}

.church-origin-slide:nth-child(2){
  grid-column:span 4;

  min-height:510px;
}

.church-origin-slide:nth-child(3),
.church-origin-slide:nth-child(4),
.church-origin-slide:nth-child(5){
  grid-column:span 4;
}

.church-origin-slide img{
  width:100%;
  height:100%;
  min-height:inherit;

  object-fit:cover;
  object-position:center;

  filter:
    saturate(.86)
    contrast(1.02)
    brightness(.88);
}

.church-origin-slide::before{
  content:"";

  position:absolute;
  inset:0;
  z-index:1;

  pointer-events:none;

  background:
    linear-gradient(
      180deg,
      rgba(8,25,18,.03) 35%,
      rgba(8,25,18,.82) 100%
    );
}

.church-origin-slide figcaption{
  position:absolute;
  right:0;
  bottom:0;
  left:0;
  z-index:2;

  padding:
    52px
    clamp(20px,3vw,34px)
    clamp(20px,3vw,32px);

  background:
    linear-gradient(
      180deg,
      rgba(8,25,18,0) 0%,
      rgba(8,25,18,.88) 100%
    );
}

.church-origin-slide figcaption > span{
  display:block;

  margin-bottom:8px;

  color:var(--story-gold-light);

  font-size:.66rem;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.church-origin-slide figcaption strong{
  display:block;

  color:#fffaf0;

  font-family:var(--story-serif);
  font-size:clamp(1.55rem,2.5vw,2.6rem);
  font-weight:600;
  line-height:1;
}

.church-origin-slide figcaption p{
  max-width:520px;
  margin:12px 0 0;

  color:rgba(255,250,238,.76);

  font-size:.87rem;
  line-height:1.55;
}

.church-origin-slide:nth-child(n+3) figcaption p{
  display:none;
}

.church-origin-carousel-toolbar{
  display:none;
}

.church-origin-slide-video{
  width:100%;
  height:100%;
  min-height:inherit;

  display:block;

  object-fit:cover;
  object-position:center;

  pointer-events:none;

  filter:
    saturate(.86)
    contrast(1.02)
    brightness(.88);
}


/* =====================================================
   HELENE FILM ARCHIVE
===================================================== */

.church-origin-film-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 310px;

  border-top:3px solid var(--story-gold);

  background:var(--story-forest-dark);
}

.church-origin-film-stage{
  position:relative;

  min-height:560px;

  overflow:hidden;

  background:#081b13;
}

.church-origin-film-video{
  width:100%;
  height:100%;
  min-height:560px;

  object-fit:cover;

  background:#081b13;
}

.church-origin-film-overlay{
  position:absolute;
  inset:0;

  pointer-events:none;

  background:
    linear-gradient(
      180deg,
      rgba(4,16,11,.02) 45%,
      rgba(4,16,11,.72) 100%
    );
}

.church-origin-film-caption{
  position:absolute;
  right:40px;
  bottom:36px;
  left:40px;

  max-width:650px;

  pointer-events:none;
}

.church-origin-film-caption > p{
  margin:0 0 8px;

  color:var(--story-gold-light);

  font-size:.67rem;
  font-weight:900;
  letter-spacing:.15em;
  text-transform:uppercase;
}

.church-origin-film-caption h3{
  margin:0;

  color:#fffaf0;

  font-family:var(--story-serif);
  font-size:clamp(2.5rem,4vw,4.4rem);
  font-weight:600;
  line-height:.92;
}

.church-origin-film-caption span{
  display:block;

  max-width:600px;
  margin-top:14px;

  color:rgba(255,249,233,.76);

  font-size:.92rem;
  line-height:1.65;
}


/* =====================================================
   VIDEO SELECTION LIST
===================================================== */

.church-origin-film-list{
  display:flex;
  flex-direction:column;

  border-left:1px solid rgba(255,255,255,.1);

  background:#123226;
}

.church-origin-film-list::before{
  content:"Field Recordings";

  padding:24px;

  color:var(--story-gold-light);

  font-size:.67rem;
  font-weight:900;
  letter-spacing:.15em;
  text-transform:uppercase;

  border-bottom:1px solid rgba(255,255,255,.1);
}

.church-origin-film-item{
  position:relative;

  flex:1;

  display:grid;
  grid-template-columns:32px minmax(0,1fr) 24px;
  align-items:center;
  gap:12px;

  min-height:104px;
  padding:20px 22px;

  color:rgba(255,250,237,.68);

  text-align:left;

  border:0;
  border-bottom:1px solid rgba(255,255,255,.08);

  cursor:pointer;

  background:transparent;
}

.church-origin-film-item:hover,
.church-origin-film-item.is-active{
  color:#fffaf0;

  background:rgba(255,255,255,.05);
}

.church-origin-film-item.is-active{
  box-shadow:inset 3px 0 var(--story-gold);
}

.church-origin-film-number{
  color:var(--story-gold-light);

  font-family:var(--story-serif);
  font-size:1.15rem;
  font-weight:700;
}

.church-origin-film-item-copy{
  min-width:0;
}

.church-origin-film-item-copy strong{
  display:block;

  overflow:hidden;

  font-family:var(--story-serif);
  font-size:1.22rem;
  font-weight:600;
  line-height:1.1;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.church-origin-film-item-copy small{
  display:block;

  margin-top:6px;

  color:rgba(255,250,237,.4);

  font-size:.63rem;
  font-weight:700;
  letter-spacing:.09em;
  text-transform:uppercase;
}

.church-origin-film-play{
  color:var(--story-gold-light);

  font-size:.62rem;
}





/* =====================================================
   HEIC IMAGE LOADING
===================================================== */

.church-origin-heic{
  background:
    linear-gradient(
      135deg,
      var(--story-forest-dark),
      var(--story-forest)
    );

  transition:
    opacity .35s ease,
    filter .35s ease;
}

.church-origin-heic.is-loading{
  opacity:.35;
  filter:blur(6px);
}

.church-origin-heic.is-loaded{
  opacity:1;
  filter:none;
}

.church-origin-heic.has-error{
  opacity:.55;
}

/* =====================================================
   CHURCH HISTORY IMAGE VIEWER
===================================================== */

html.church-history-viewer-open,
body.church-history-viewer-open{
    overflow:hidden;
}


/* Clickable Images
===================================================== */

.church-history-inline-image img{
    cursor:zoom-in;
    transition:
        transform .25s ease,
        box-shadow .25s ease,
        filter .25s ease;
}

.church-history-inline-image:hover img{
    transform:scale(1.015);
    filter:brightness(1.03);

    box-shadow:
        0 18px 45px rgba(0,0,0,.28);
}


/* Viewer Overlay
===================================================== */

#churchHistoryImageViewer{
    position:fixed;
    inset:0;
    z-index:999999;

    display:none;
    align-items:center;
    justify-content:center;

    padding:40px;

    background:rgba(6,8,8,.95);
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
}

#churchHistoryImageViewer.is-open{
    display:flex;
}


/* Viewer Shell
===================================================== */

.church-history-image-viewer-shell{
    position:relative;

    display:flex;
    align-items:center;
    justify-content:center;

    width:100%;
    height:100%;
}


/* Image Stage
===================================================== */

.church-history-image-viewer-stage{
    display:flex;
    align-items:center;
    justify-content:center;

    width:100%;
    height:100%;
}


/* Expanded Image
===================================================== */

.church-history-image-viewer-image{
    display:block;

    width:auto;
    height:auto;

    max-width:100%;
    max-height:100%;

    object-fit:contain;

    border:1px solid rgba(255,255,255,.18);

    background:#111;

    box-shadow:
        0 30px 90px rgba(0,0,0,.65),
        0 0 0 1px rgba(255,255,255,.06);
}


/* Close Button
===================================================== */

.church-history-image-viewer-close{
    position:absolute;
    top:0;
    right:0;

    width:56px;
    height:56px;

    border:none;
    border-radius:50%;

    color:#fff;

    font-size:2.4rem;
    line-height:1;

    background:rgba(18,20,19,.88);

    cursor:pointer;

    transition:
        background .2s ease,
        transform .2s ease;
}

.church-history-image-viewer-close:hover{
    background:#7a2e25;
    transform:scale(1.08);
}


/* Mobile
===================================================== */

@media (max-width:768px){

    #churchHistoryImageViewer{
        padding:14px;
    }

    .church-history-image-viewer-close{
        width:48px;
        height:48px;

        font-size:2rem;
    }

}


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

@media (max-width:1000px){

  .church-origin-media-heading{
    grid-template-columns:1fr;
    gap:16px;
  }

  .church-origin-media-heading > p{
    max-width:760px;
  }

  .church-origin-carousel-stage{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .church-origin-slide,
  .church-origin-slide:nth-child(1),
  .church-origin-slide:nth-child(2),
  .church-origin-slide:nth-child(3),
  .church-origin-slide:nth-child(4),
  .church-origin-slide:nth-child(5){
    grid-column:auto;

    min-height:350px;
  }

  .church-origin-slide:nth-child(1){
    grid-column:1 / -1;

    min-height:500px;
  }

  .church-origin-film-layout{
    grid-template-columns:1fr;
  }

  .church-origin-film-list{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));

    border-top:1px solid rgba(255,255,255,.1);
    border-left:0;
  }

  .church-origin-film-list::before{
    grid-column:1 / -1;
  }

}


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

@media (max-width:760px){

  .church-origins-section{
    padding:
      70px
      18px
      100px;
  }

  .church-origin-carousel-stage{
    gap:10px;
  }

  .church-origin-slide,
  .church-origin-slide:nth-child(1){
    min-height:420px;
  }

  .church-origin-slide:nth-child(n+2){
    min-height:300px;
  }

  .church-origin-film-stage,
  .church-origin-film-video{
    min-height:500px;
  }

  .church-origin-film-caption{
    right:26px;
    bottom:26px;
    left:26px;
  }
}


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

@media (max-width:580px){

  .church-origins-section{
    padding:
      58px
      14px
      84px;
  }

  .church-origins-heading h1{
    font-size:clamp(3rem,15vw,4.4rem);
  }

  .church-origins-heading > p{
    margin-top:26px;

    font-size:1.15rem;
  }

  .church-origins-intro{
    margin-top:48px;
  }

  .church-origins-intro > p{
    font-size:1.14rem;
  }

  .church-origins-emphasis{
    padding-left:22px;
  }

  .church-origin-gallery,
  .church-origin-film{
    margin-top:70px;
    padding-top:34px;
  }

  .church-origin-media-heading h2{
    font-size:2.65rem;
  }

  .church-origin-carousel-stage{
    display:block;
  }

  .church-origin-slide,
  .church-origin-slide:nth-child(1),
  .church-origin-slide:nth-child(2),
  .church-origin-slide:nth-child(3),
  .church-origin-slide:nth-child(4),
  .church-origin-slide:nth-child(5){
    min-height:360px;
    margin-bottom:10px;
  }

  .church-origin-slide figcaption{
    padding:
      50px
      20px
      22px;
  }

  .church-origin-slide figcaption strong{
    font-size:1.9rem;
  }

  .church-origin-slide figcaption p{
    display:none;
  }

  .church-origin-film-stage,
  .church-origin-film-video{
    min-height:450px;
  }

  .church-origin-film-caption{
    right:20px;
    bottom:22px;
    left:20px;
  }

  .church-origin-film-caption h3{
    font-size:2.45rem;
  }

  .church-origin-film-caption span{
    display:none;
  }

  .church-origin-film-list{
    grid-template-columns:1fr;
  }

  .church-origin-film-item{
    min-height:90px;
  }
  .church-origins-legacy{
    margin-top:76px;
    padding:
      38px
      0
      38px
      22px;
  }

  .church-origins-legacy h2{
    font-size:2.55rem;
  }

  .church-origins-closing{
    margin-top:72px;
  }

  .church-origins-closing p{
    font-size:1.9rem;
  }

}


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

@media (prefers-reduced-motion:reduce){

  html{
    scroll-behavior:auto;
  }

  .our-story-skip-link{
    transition:none;
  }

}