/* Cinematic scene. Visual movement is tied to native scroll position in app.js. */
html{scroll-padding-top:105px}body{background:#0c1430}.header{position:absolute;top:0;left:0;width:100%;height:96px;background:transparent;color:white;padding:0 3.5%;z-index:8}.header .wordmark{font-size:20px;letter-spacing:-.5px}.header nav{font-size:14px;gap:40px}.header nav a:hover{color:#c8d0ff}.header .nav-shop{color:white;border-color:#ffffff80;backdrop-filter:blur(12px);background:#0e163933}.hero{height:185svh;min-height:0;padding:0;overflow:visible;display:block;background:#0c1430;isolation:auto;color:white}.hero-pin{height:100svh;min-height:650px;position:sticky;top:0;overflow:hidden;isolation:isolate;display:block}.film-wrap{position:absolute;inset:0;width:100%;margin:0;transform:none!important;z-index:-2;background:#0c1430;transition:none}.film-stage{width:100%;height:100%;aspect-ratio:auto;border-radius:0;box-shadow:none;overflow:hidden;background:#0c1430;will-change:transform;transform-origin:50% 50%}.film-stage video{width:100%;height:100%;object-fit:cover;object-position:50% 50%}.film-shade{position:absolute;inset:0;background:linear-gradient(180deg,#070d2c85 0%,transparent 30%,#07102d05 45%,#060d2488 72%,#060d24ed 100%)}.hero-topline{position:absolute;top:132px;left:3.5%;right:3.5%;font-size:11px;letter-spacing:1.8px;z-index:1;text-shadow:0 1px 15px #0008}.hero-copy{position:absolute;bottom:155px;left:3.5%;right:3.5%;padding:0;transform:none!important;will-change:opacity}.hero-kicker{font-size:14px!important;letter-spacing:.15px;line-height:1.5!important;margin:0 0 16px!important;color:#fff!important}.hero h1{font-size:clamp(60px,10.7vw,180px);font-weight:550;letter-spacing:-.075em;line-height:1.12;display:flex;justify-content:space-between;gap:2.5vw;white-space:nowrap;margin:0;overflow:visible}.title-line{display:block;will-change:transform;transform-origin:center center}.title-last{color:#d4ddff}.hero-bottom{position:absolute;bottom:36px;left:3.5%;right:3.5%;border-top:1px solid #ffffff60;padding-top:24px;display:flex;align-items:center;gap:24px;z-index:3}.film-caption{margin:0;font-size:12px;letter-spacing:0;display:block}.film-controls{display:flex;gap:20px;align-items:center}.film-controls button{background:#ffffff14;border:1px solid #ffffff60;border-radius:50px;min-width:80px;padding:12px 17px;font-size:13px;line-height:1.2;backdrop-filter:blur(8px)}.film-controls button:disabled{opacity:.5}.film-status{color:#d5d8e1;font-size:12px}.hero-bottom .scroll-link{margin-left:auto;font-size:12px;gap:18px}.hero-shop{padding:20px 24px!important;margin-left:35px;font-size:14px!important;position:static!important;min-width:220px}.film-error{position:absolute;bottom:80px;left:0;max-width:320px;background:#0c1430d9;border-radius:5px;padding:12px;margin:0}.film-progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:#ffffff20}.film-progress span{display:block;height:100%;background:#c2a666;transform-origin:left;transform:scaleX(0)}.collection{margin-top:0;padding:90px 3.5% 120px;background:#f8f9fc;color:#141829;overflow:clip;border-radius:30px 30px 0 0!important;position:relative;z-index:2;box-shadow:0 -35px 100px #02081c25}.section-heading{display:block;margin-bottom:50px}.section-heading>.reveal{transform:none}.section-heading .eyebrow{margin-bottom:38px;font-size:12px}.section-heading h2{font-size:clamp(44px,8vw,128px);line-height:1.06;letter-spacing:-.065em;display:flex;flex-direction:column;gap:5px}.collection-line{display:block;will-change:transform;white-space:nowrap}.collection-line:last-child{align-self:flex-end;color:var(--blue)}.section-intro{font-size:16px;line-height:1.7;margin:40px 0 0 auto;max-width:345px}.section-intro br{display:none}.collection-toolbar{margin-top:45px;border-top-color:#cbd0dd;padding:22px 0 34px}.products{display:grid;grid-template-columns:1.25fr 1fr;gap:80px 8%;align-items:start;max-width:1500px;margin:auto}.product-hope{margin-top:0}.product-walk{margin-top:170px}.product-grace{grid-column:1/-1;width:52%;margin:0 auto}.product-image{border-radius:12px;transform:perspective(1100px) rotateX(0) rotateY(0);transition:transform .6s var(--ease),box-shadow .6s var(--ease);background:#edf1f8}.product-image img{aspect-ratio:1!important;object-fit:cover;height:auto}.product-index{font-size:12px;top:24px;left:24px}.product-caption{margin-top:22px;display:flex;justify-content:space-between;align-items:center;gap:20px}.product-caption h3{font-size:22px;line-height:1.2;margin:0;font-weight:550}.product-caption>span{font-size:14px}.view-product{transform:translateY(0);left:22px;right:22px;bottom:22px;padding:15px 20px;background:#fff;font-size:14px;box-shadow:0 4px 25px #1222450a}.product-image:hover{box-shadow:0 22px 50px #102e6014;transform:perspective(1100px) rotateX(2deg) rotateY(-2deg) translateY(-6px)}.product-image:hover img{transform:scale(1.025);rotate:none}.products.filtered{grid-template-columns:1fr 1fr;max-width:none}.products.filtered .product{width:auto;grid-column:auto;margin:0}.collection-note{margin-top:55px}.belief{margin:0;border-radius:0;display:block;position:relative;height:85svh;min-height:620px;background:#142cae;color:white;overflow:hidden}.belief-image{position:absolute;inset:0;min-height:0;height:100%;width:100%}.belief-image img{height:100%;width:100%;object-fit:cover;opacity:.36;filter:brightness(.55) saturate(.7)}.belief-image>span{top:40px;bottom:auto;left:-10%;right:auto;white-space:nowrap;font-size:clamp(90px,15vw,240px);font-weight:550;letter-spacing:-.06em;line-height:1.1;color:#ffffff22;will-change:transform}.belief-copy{position:relative;margin-left:auto;width:50%;height:100%;padding:15% 7% 6% 0;display:flex;flex-direction:column;justify-content:flex-end}.belief-copy h2{font-size:clamp(40px,4.5vw,72px);letter-spacing:-.05em}.belief-copy>p:not(.eyebrow){color:#e0e4ff;max-width:420px}.belief-copy .text-link{color:white}.churches{padding:100px 3.5% 110px;background:white}.churches h2{font-weight:500}.church-heading>div{margin-right:0}.header.on-light{color:white}footer{background:#0c1430}.motion-ready .section-heading.reveal:not(.is-visible){opacity:1;transform:none}.section-heading.reveal{transition:none}.body-dialog .header{pointer-events:none}
@media(min-width:1800px){.hero{height:185svh;min-height:0}.hero h1{font-size:10.5vw;max-width:none}}
@media(max-width:1000px){.hero-pin{min-height:640px}.hero-copy{bottom:170px}.hero h1{font-size:10.4vw}.hero-topline{top:120px}.hero-bottom .scroll-link{display:none}.hero-shop{margin-left:auto}.products{gap:65px 5%}.product-walk{margin-top:140px}.product-grace{width:65%}.product-caption{display:block}.product-caption h3{margin-bottom:8px}.belief-copy{width:60%;padding-top:18%;padding-right:5%}}
@media(max-width:700px){html{scroll-padding-top:35px}.header{height:86px;padding:0 5%}.header .wordmark{font-size:17px}.header nav{gap:18px}.header nav a{font-size:12px}.hero{height:158svh;min-height:0}.hero-pin{height:100svh;min-height:670px}.film-wrap{inset:0}.film-stage{background:#0b153c}.film-stage video{position:absolute;top:20%;left:0;width:100%;height:auto;aspect-ratio:1.75;object-fit:contain}.film-shade{background:linear-gradient(180deg,#08122d40 0%,transparent 50%,#08122d80 64%,#08122d 87%)}.hero-topline{top:118px;left:5%;right:5%;font-size:10px;letter-spacing:1.1px}.edition{display:none}.hero-copy{bottom:180px;left:5%;right:5%}.hero h1{font-size:17vw;letter-spacing:-.07em;white-space:normal;display:block;line-height:1.04}.hero h1 .title-last{margin-left:6vw}.hero-kicker{font-size:12px!important;max-width:270px;margin:0 0 17px!important}.hero-bottom{bottom:22px;left:5%;right:5%;padding-top:17px;display:grid;grid-template-columns:1fr;gap:16px}.hero-shop{grid-row:1;justify-self:stretch;width:100%;min-width:0;padding:16px 19px!important;margin:0;gap:20px;position:static!important}.film-caption{grid-row:2}.film-controls{gap:14px;justify-content:space-between}.film-controls button{padding:8px 13px;min-width:70px;font-size:12px}.film-status{margin-left:auto;font-size:11px}.film-error{bottom:135px;max-width:280px;font-size:12px}.collection{padding:60px 5% 65px;border-radius:18px 18px 0 0!important}.section-heading{margin-bottom:30px}.section-heading .eyebrow{font-size:10px;margin-bottom:27px}.section-heading h2{font-size:clamp(32px,6.8vw,47px);letter-spacing:-.06em;gap:7px}.collection-line:first-child{font-size:17vw;line-height:1.1}.collection-line:last-child{white-space:normal;max-width:100%;font-size:8.4vw;line-height:1.15}.section-intro{font-size:15px;margin:24px 0 0 16%;max-width:300px}.collection-toolbar{margin-top:30px;gap:15px;padding:20px 0 25px}.products{display:block;max-width:none}.product{width:100%!important;max-width:none;margin:0 0 40px!important}.product-walk{padding-left:10%}.product-grace{padding-right:10%}.product-image{border-radius:8px}.product-index{font-size:10px;left:18px;top:18px}.view-product,.product-hope .view-product{left:13px;right:13px;bottom:13px;padding:13px 17px;font-size:13px}.product-caption{display:block;margin-top:17px}.product-caption h3{font-size:19px;letter-spacing:-.5px;margin-bottom:6px}.product-caption>span{font-size:13px}.products.filtered{display:block}.products.filtered .product{padding:0}.products.filtered .product-hope .view-product{padding:13px 17px;font-size:13px}.collection-note{margin-top:5px;font-size:11px}.belief{height:680px;min-height:0}.belief-image>span{top:55px;font-size:21vw;left:-20%}.belief-copy{width:100%;padding:190px 8% 60px;justify-content:flex-end}.belief-copy h2{font-size:42px}.belief-copy>p:not(.eyebrow){font-size:15px;max-width:320px}.churches{padding:65px 5%}.church-heading h2{font-size:41px}.hero .button span{font-size:20px}}
@media(max-width:360px){.hero-pin{min-height:660px}.hero-copy{bottom:184px}.hero h1{font-size:17vw}.hero-topline{font-size:9px}.hero-kicker{font-size:11px!important}.header nav{gap:12px}.header .wordmark{font-size:15px}}
@media(prefers-reduced-motion:reduce){.hero{height:auto}.hero-pin{position:relative}.title-line,.collection-line,.belief-moving{transform:none!important}.film-wrap{clip-path:none!important}.film-stage{transform:none!important}.hero-copy,.hero-kicker{opacity:1!important}.product-image:hover{transform:none}.film-progress{display:none}}

@media(min-width:701px){.film-stage video{object-fit:contain}}.collection-line:first-child{color:var(--ink)}.hero h1{letter-spacing:-.06em;word-spacing:.025em}
@media(min-width:701px){.film-stage video{position:absolute;left:0;top:50%;width:100%;height:auto;aspect-ratio:1.75;transform:translateY(-50%);object-fit:contain}}

/* A content-sized mobile entrance: no pinned spacer or empty headline stage. */
@media(max-width:700px){
  .header{position:relative;background:#0c1430}
  .hero{height:auto;min-height:0}
  .hero-pin{position:relative;height:auto;min-height:0;display:flex;flex-direction:column;overflow:hidden}
  .hero-topline{position:static;order:1;margin:12px 5% 22px;font-size:10px;line-height:1.5}
  .film-wrap{position:relative;inset:auto;order:2;height:auto;z-index:0;clip-path:none!important}
  .film-stage{height:auto;aspect-ratio:1.75;transform:none!important}
  .film-stage video{position:static;width:100%;height:auto;aspect-ratio:1.75;transform:none;object-fit:contain}
  .film-shade{display:none}
  .hero-copy{position:relative;inset:auto;order:3;margin:24px 5% 26px;opacity:1!important}
  .hero-kicker{max-width:none;opacity:1!important;margin-bottom:15px!important}
  .hero h1{font-size:clamp(52px,14vw,90px);line-height:1.03}
  .hero h1 .title-last{margin-left:2vw}
  .hero-bottom{position:static;order:4;margin:0 5%;padding:18px 0 24px;gap:14px}
  .film-error{position:static;max-width:none;margin-top:12px}
  .film-progress{display:none}
}

/* The film dissolves into a field of blue light, with no enclosing frame. */
.hero-pin{background:#0c1430}
.film-wrap{clip-path:none;background:transparent;mask-image:linear-gradient(180deg,transparent 0%,#000 8%,#000 88%,transparent 100%);-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 8%,#000 88%,transparent 100%)}
.film-stage{overflow:visible;background:radial-gradient(ellipse at 2% 52%,#2446be70,transparent 52%),radial-gradient(ellipse at 100% 76%,#2447d34d,transparent 48%)}
.film-stage video{display:block;mask-image:linear-gradient(180deg,transparent 0%,#000 18%,#000 72%,transparent 100%);-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 18%,#000 72%,transparent 100%)}
.film-shade{pointer-events:none;display:block;background:radial-gradient(ellipse at 0% 48%,#294dd063,transparent 40%),radial-gradient(ellipse at 100% 65%,#193ece5c,transparent 42%),linear-gradient(180deg,#0c143044 0%,transparent 38%,#0c143020 58%,#0c1430cc 90%)}
.hero-pin:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse 70% 24% at 70% 84%,#3459eb3b,transparent 100%);mask-image:linear-gradient(#000 88%,transparent 100%);-webkit-mask-image:linear-gradient(#000 88%,transparent 100%)}
.hero-topline{color:#e3e8ff}
.hero-bottom{border-top-color:#cad4ff33}
.film-progress{display:none}
.collection{border-radius:50% 45% 0 0 / 62px 90px 0 0!important;box-shadow:none;padding-top:115px}
@media(min-width:701px){
  .film-stage video{top:46%}
  .hero-copy{bottom:158px;text-shadow:0 3px 35px #060f2633}
}
@media(max-width:700px){
  .film-stage{background:radial-gradient(ellipse at 0% 50%,#2446be70,transparent 64%)}
  .film-stage video{mask-image:linear-gradient(180deg,transparent 0%,#000 14%,#000 70%,transparent 100%);-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 14%,#000 70%,transparent 100%)}
  .film-shade{background:linear-gradient(90deg,#2749cb25,transparent 30%,transparent 70%,#2446be30)}
  .hero-topline{margin-bottom:8px}
  .hero-copy{margin-top:0}
  .hero-pin:after{background:radial-gradient(ellipse 75% 26% at 100% 66%,#3459eb26,transparent 100%)}
  .hero-bottom{padding-bottom:32px}
  .collection{border-radius:50% 45% 0 0 / 22px 32px 0 0!important;padding-top:65px}
}

/* Product browsing should never wait for an entrance animation. */
.motion-ready .product.reveal{opacity:1;transform:none;transition:none}
.product-image img{mix-blend-mode:normal}

/* Keep navigation above every section without adding another scroll animation. */
html{scroll-padding-top:112px}
.header{position:fixed;z-index:40;background:transparent;border-bottom:1px solid transparent;transition:background-color .2s,border-color .2s}
.header.is-scrolled{background:#0c1430;border-bottom-color:#cad4ff26}
.header .nav-shop{backdrop-filter:none}
@media(max-width:700px){
  html{scroll-padding-top:102px}
  body{padding-top:86px}
  .header{position:fixed;background:#0c1430}
  .header .wordmark,.header nav a{white-space:nowrap}
}
@media(max-width:360px){.header nav a{font-size:11px}.header .wordmark{font-size:14px}}

.header nav .nav-order-mobile{display:none}.church-order-link{display:flex;gap:20px;align-items:center;font-size:16px;color:#163ce8;margin-top:20px;width:fit-content}.church-order-link:hover{text-decoration:underline;text-underline-offset:5px}
@media(max-width:700px){.header nav .nav-churches{display:none}.header nav .nav-order-mobile{display:block}}

/* Leave room for the full brand name on narrow phones. */
@media(max-width:360px){.header{padding-left:4%;padding-right:4%}.header .wordmark{letter-spacing:-.75px}}

/* Keep audio controls compact and reachable on narrow screens. */
.film-controls{flex-wrap:wrap;row-gap:10px}.film-controls button{min-height:40px}#sound{white-space:nowrap}