@import url("https://fonts.googleapis.com/css2?family=Oswald:wght@500;600;700&family=Inter:wght@400;500;600;700&display=swap");
.store-promo{box-sizing:border-box;max-width:1400px;margin:40px auto;padding:48px;min-height:330px;border:0;border-radius:4px;background:#100d0a url('/stream/shop-editorial.jpg') center/cover no-repeat;color:#f5f1e9;font-family:Inter,system-ui,sans-serif;display:flex;gap:48px;align-items:center;overflow:hidden}.store-promo-heading{flex:0 1 34%}.store-promo-heading>span{font-size:9px;letter-spacing:2.5px;color:#c8b89c}.store-promo-heading h2{font-family:Georgia,serif;font-size:clamp(28px,3.2vw,44px);font-weight:400;line-height:1.1;letter-spacing:-1px;margin:15px 0}.store-promo-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;flex:1}.store-promo-card{display:flex;flex-direction:column;gap:14px;align-items:center;text-align:center;color:#eee;text-decoration:none;font-size:12px;line-height:1.4;min-width:0}.store-promo-card img{display:block;width:100%;height:180px;object-fit:contain;border-radius:2px;filter:drop-shadow(0 12px 12px #0008);transition:transform .25s ease}.store-promo-card:hover img{transform:translateY(-5px)}.store-promo-card small{display:block;font-size:10px;color:#c4b49a;margin-top:5px}.store-promo-card:focus-visible{outline:2px solid #d7b56d;outline-offset:5px}.store-promo{transition:filter .6s}.video-playing .store-promo{filter:brightness(0)}.video-playing .store-promo:focus-within{filter:none}@media(max-width:1000px){.store-promo{margin:28px 16px;padding:30px;gap:28px}.store-promo-card img{height:150px}.store-promo-products{gap:14px}}@media(max-width:600px){.store-promo{display:block;padding:25px 20px;background-position:65% center;min-height:0}.store-promo-heading{margin-bottom:26px}.store-promo-heading h2{font-size:31px}.store-promo-products{gap:12px}.store-promo-card img{height:112px}.store-promo-card{font-size:11px;gap:10px}.store-promo-card small{font-size:9px}}@media(prefers-reduced-motion:reduce){.store-promo,.store-promo-card img{transition:none}}
.store-promo{text-decoration:none;cursor:pointer}.store-promo-products>img{width:100%;height:200px;object-fit:contain;filter:drop-shadow(0 12px 14px #0008);transition:transform .25s ease}.store-promo:hover .store-promo-products>img{transform:translateY(-4px)}.store-promo-cta{display:inline-block;margin-top:16px;font-size:12px!important;letter-spacing:0!important;color:#eee!important;border-bottom:0;padding-bottom:5px}.store-promo:focus-visible{outline:2px solid #d7b56d;outline-offset:4px}@media(max-width:600px){.store-promo-products>img{height:120px}}@media(prefers-reduced-motion:reduce){.store-promo-products>img{transition:none}}
/* A single photographic scene with transparent top/bottom edges. */
.store-promo{position:relative;isolation:isolate;background:none;min-height:530px;padding:70px 5%;border-radius:0;gap:0;margin-top:45px;}
.store-promo-art{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:right center;z-index:-1;pointer-events:none;mask-image:linear-gradient(transparent 0%,#000 15%,#000 78%,transparent 100%);}
.store-promo-heading{flex:0 1 36%;position:relative;z-index:1;}
.store-promo-heading h2{font-size:clamp(32px,3.7vw,48px);text-wrap:balance;}
.store-promo-products{display:none;}
@media(max-width:700px){.store-promo{display:flex;align-items:flex-start;min-height:570px;padding:36px 22px;margin:24px 0 0;}.store-promo-heading{flex-basis:100%;}.store-promo-heading h2{font-size:34px;max-width:300px;margin:12px 0;}.store-promo-art{inset:auto 0 0 auto;width:125%;max-width:none;height:400px;object-fit:contain;object-position:right bottom;mask-image:linear-gradient(transparent 0%,#000 22%,#000 80%,transparent 100%);}}
/* Clothing companion to the book scene: a quiet, responsive Shopify selection. */
.apparel-promo{box-sizing:border-box;max-width:1400px;margin:0 auto 72px;padding:36px 5% 50px;display:grid;grid-template-columns:minmax(180px,.8fr) minmax(0,2.4fr);gap:48px;align-items:center;color:#f5f1e9;transition:filter .6s;}
.apparel-eyebrow{display:block;color:#c8b89c;font-size:9px;letter-spacing:2px;line-height:1.5;}
.apparel-intro h2{font-family:Georgia,serif;font-weight:400;font-size:clamp(30px,3.3vw,44px);letter-spacing:-1px;line-height:1.1;margin:16px 0;}
.apparel-intro p{font-size:12px;line-height:1.6;color:#a6a19a;max-width:230px;}
.apparel-intro .store-promo-cta{text-decoration:none;margin-top:12px;}
.apparel-selection{min-width:0;}.apparel-selection>.apparel-eyebrow{margin-bottom:18px;font-size:8px;}
.apparel-products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;}
.apparel-card{min-width:0;display:block;text-decoration:none;color:#d5d2cb;}
.apparel-photo{aspect-ratio:4/5;overflow:hidden;background:#e8e5df;border-radius:3px;}
.apparel-photo img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .35s ease;}
.apparel-card h3{font-family:Inter,system-ui,sans-serif;font-size:12px;font-weight:400;line-height:1.5;margin:12px 0 0;}
.apparel-card:hover img{transform:scale(1.035);}.apparel-card:focus-visible,.apparel-intro a:focus-visible{outline:2px solid #d7b56d;outline-offset:5px;}
.apparel-placeholder{aspect-ratio:4/5;background:#ffffff05;border-radius:3px;}
.video-playing .apparel-promo{filter:brightness(0);}.video-playing .apparel-promo:focus-within{filter:none;}
@media(max-width:1100px){.apparel-promo{grid-template-columns:1fr;gap:28px;padding:28px 5% 36px;}.apparel-intro h2 br{display:none;}.apparel-intro p{max-width:none;}.apparel-products{gap:18px;}}
@media(max-width:600px){.apparel-promo{padding:24px 22px 32px;margin-bottom:36px;gap:28px;}.apparel-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px;}.apparel-intro h2{font-size:34px;}.apparel-card h3{font-size:12px;margin-top:10px;}}
@media(prefers-reduced-motion:reduce){.apparel-promo,.apparel-photo img{transition:none;}}
/* Shared main-app typography ties the book, apparel and prayer sections together. */
.store-promo,.apparel-promo,.prayer-promo{font-family:Inter,system-ui,sans-serif;}
.store-promo .store-promo-heading h2,.apparel-promo .apparel-intro h2{font-family:Oswald,Impact,sans-serif;text-transform:uppercase;font-weight:500;letter-spacing:-.5px;line-height:1.12;}
/* A single clothing scene replaces the catalog tiles. */
.apparel-promo.apparel-scene{position:relative;isolation:isolate;display:flex;align-items:center;gap:0;min-height:550px;margin:0 auto 36px;padding:70px 5%;overflow:hidden;text-decoration:none;}
.apparel-scene-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:right center;z-index:-1;mask-image:linear-gradient(transparent,#000 12%,#000 84%,transparent);}
.apparel-scene .apparel-intro{max-width:34%;}.apparel-scene .apparel-intro h2{font-size:clamp(32px,3.5vw,48px);}.apparel-scene .apparel-intro h2 br{display:block;}
.apparel-scene:focus-visible{outline:2px solid #dfc68e;outline-offset:4px;}
@media(max-width:700px){.apparel-promo.apparel-scene{min-height:620px;padding:30px 22px;align-items:flex-start;}.apparel-scene .apparel-intro{max-width:100%;}.apparel-scene-art{inset:auto 0 0 auto;width:150%;max-width:none;height:420px;object-fit:contain;object-position:right bottom;}.apparel-scene .apparel-intro h2{font-size:34px;}}
/* Centered store title and two photographs fading through the same black. */
.store-transition{max-width:1400px;margin:56px auto 0;padding:46px 22px 12px;border-top:1px solid #dfc68e25;text-align:center;color:#f5f1e9;font-family:Inter,system-ui,sans-serif;transition:filter .6s;}
.store-transition h2{font-family:Oswald,Impact,sans-serif;font-size:clamp(27px,3vw,38px);line-height:1.15;letter-spacing:.5px;font-weight:500;text-transform:uppercase;margin:0 0 10px;}
.store-transition p{font-size:13px;line-height:1.6;color:#bab4aa;margin:0;}
.store-promo{margin-top:0;margin-bottom:0;background:none;}
.apparel-promo.apparel-scene{margin-top:0;background:none;}
.store-promo-art,.apparel-scene-art{mask-image:linear-gradient(transparent 0%,#000 20%,#000 76%,transparent 100%);}
.video-playing .store-transition{filter:brightness(0);}
@media(max-width:700px){.store-transition{margin-top:32px;padding-top:34px;padding-bottom:12px;}.store-promo{margin-top:0;margin-bottom:0;}.apparel-promo.apparel-scene{margin-top:0;}}
@media(prefers-reduced-motion:reduce){.store-transition{transition:none;}}
@media(max-width:700px){.store-promo-art,.apparel-scene-art{height:auto;aspect-ratio:3/2;object-fit:contain;}}

/* Alternate the apparel composition while preserving the printed artwork. */
.apparel-scene .apparel-intro{margin-left:auto;position:relative;z-index:1;text-align:right;}
@media(min-width:701px){.apparel-scene-art{left:-30%;right:auto;width:100%;max-width:none;object-fit:contain;object-position:center;mask-image:linear-gradient(to right,transparent,#000 10%,#000 80%,transparent),linear-gradient(transparent,#000 20%,#000 76%,transparent);mask-composite:intersect;}}
@media(max-width:700px){.apparel-scene .apparel-intro{margin-left:auto;text-align:right;}}

/* Keep the copy connected to the product grouping, with breathing room outside. */
@media(min-width:701px){
 .store-promo-heading{margin-left:clamp(32px,7vw,100px);flex-basis:32%;}
 .apparel-scene .apparel-intro{margin-right:clamp(32px,7vw,100px);max-width:32%;text-align:left;}
 .apparel-scene-art{left:-24%;}
}
@media(max-width:700px){
 .store-promo,.apparel-promo.apparel-scene{display:flex;flex-direction:column;align-items:center;min-height:0;padding:30px 22px 0;gap:0;}
 .store-promo .store-promo-heading,.apparel-scene .apparel-intro{order:0;flex:none;width:100%;max-width:100%;margin:0;text-align:center;}
 .store-promo-heading h2,.apparel-scene .apparel-intro h2{margin:12px auto;max-width:300px;}
 .apparel-intro p{margin:12px auto;}
 .store-promo-art,.apparel-scene-art{order:1;position:relative;inset:auto;align-self:flex-end;flex:none;height:auto;margin-top:-10px;z-index:0;}
 .store-promo-art{width:125%;}
 .apparel-scene-art{width:150%;}
}

/* Approved white divider composition, rendered with the original brand asset. */
.store-transition{max-width:none;width:100%;box-sizing:border-box;background:#faf9f6;color:#111;margin-top:48px;padding:48px 20px;border:0;}
.store-transition .store-divider-lockup{display:flex;align-items:center;justify-content:center;gap:24px;margin:0 0 18px;}
.store-divider-lockup img{display:block;width:160px;height:auto;filter:none;}
.store-divider-lockup span{font-family:Oswald,Impact,sans-serif;font-size:104px;font-weight:500;line-height:1;letter-spacing:-2px;text-transform:uppercase;}
.store-transition p{color:#333;font-size:19px;line-height:1.4;}
@media(max-width:700px){.store-transition{margin-top:32px;padding:36px 20px;}.store-transition .store-divider-lockup{gap:18px;margin-bottom:16px;}.store-divider-lockup img{width:112px;}.store-divider-lockup span{font-size:72px;letter-spacing:-1px;}.store-transition p{font-size:16px;}}

/* Solid white branding with a quiet lower edge into the product section. */
.store-transition{position:relative;margin-bottom:32px;}
.store-transition::after{content:'';position:absolute;top:100%;left:0;right:0;height:32px;background:linear-gradient(#faf9f6,#080808);pointer-events:none;}

.landing-store-divider{width:100%;margin:0;padding:64px 24px 40px;text-align:center;background:#080808;}
.shop-intro-rule{display:block;width:88px;height:1px;background:#d5b66f;margin:0 auto 24px;}
.landing-store-divider .shop-intro-rule:last-child{margin:24px auto 0;}
.landing-store-divider h2{color:#fff;font-size:clamp(26px,3vw,36px);font-weight:600;line-height:1.2;letter-spacing:-.6px;margin:8px auto 0;}
.landing-store-divider p{color:#fff;line-height:1.5;margin:0;}
.landing-store-divider .shop-welcome{font-size:14px;letter-spacing:.5px;}
.landing-store-divider .shop-featured{font-size:11px;letter-spacing:2px;text-transform:uppercase;margin-top:12px;}
.landing-store-divider.intro-animated>*{opacity:0;transform:translateY(14px);transition:opacity .55s ease,transform .55s cubic-bezier(.22,1,.36,1);}
.landing-store-divider.intro-visible>*{opacity:1;transform:none;}
.landing-store-divider.intro-visible>:nth-child(2){transition-delay:70ms;}
.landing-store-divider.intro-visible>:nth-child(3){transition-delay:140ms;}
.landing-store-divider.intro-visible>:nth-child(4){transition-delay:210ms;}
.landing-store-divider.intro-visible>:nth-child(5){transition-delay:280ms;}
.landing-store-divider+.store-promo{margin-top:0;}
@media(max-width:700px){.landing-store-divider{padding:48px 24px 32px;}.shop-intro-rule{width:72px;}}
@media(prefers-reduced-motion:reduce){.landing-store-divider.intro-animated>*{opacity:1;transform:none;transition:none;}}

.landing-cascade.cascade-ready>img,.landing-cascade.cascade-ready .store-promo-heading>*,.landing-cascade.cascade-ready .apparel-intro>*,footer.landing-cascade.cascade-ready>*{opacity:0;translate:0 18px;transition:opacity .6s ease,translate .6s cubic-bezier(.22,1,.36,1);}
.landing-cascade.cascade-visible>img,.landing-cascade.cascade-visible .store-promo-heading>*,.landing-cascade.cascade-visible .apparel-intro>*,footer.landing-cascade.cascade-visible>*{opacity:1;translate:0 0;}
.landing-cascade.cascade-visible .store-promo-heading>:nth-child(1),.landing-cascade.cascade-visible .apparel-intro>:nth-child(1){transition-delay:90ms;}
.landing-cascade.cascade-visible .store-promo-heading>:nth-child(2),.landing-cascade.cascade-visible .apparel-intro>:nth-child(2){transition-delay:160ms;}
.landing-cascade.cascade-visible .store-promo-heading>:nth-child(3),.landing-cascade.cascade-visible .apparel-intro>:nth-child(3){transition-delay:230ms;}
.landing-cascade.cascade-visible .apparel-intro>:nth-child(4){transition-delay:300ms;}
@media(prefers-reduced-motion:reduce){.landing-cascade.cascade-ready>img,.landing-cascade.cascade-ready .store-promo-heading>*,.landing-cascade.cascade-ready .apparel-intro>*,footer.landing-cascade.cascade-ready>*{opacity:1;translate:none;transition:none;}}

/* Match membership grain without changing divider layout or typography. */
.landing-store-divider{position:relative;isolation:isolate;background:radial-gradient(ellipse at 12% 18%,#5b482219,transparent 50%),#080808;}
.landing-store-divider:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;opacity:.13;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.35' d='M0 0h180v180H0z'/%3E%3C/svg%3E");}
