/* Ivory stays visible beyond the content and under browser overscroll. */
:root{color-scheme:only light;--ivory:#f5e9d2;--sky:#bddcf0;--sky-ink:#335b73}
html{min-height:100%;background-color:var(--ivory)}
body{min-height:100vh;background:var(--ivory);overflow-x:clip}
/* Sky meeting sunrise: colour and light, without another large image. */
.hero{position:relative;isolation:isolate}
.hero:before{content:'';position:absolute;z-index:-1;left:40%;right:clamp(-100px,calc((1200px - 100vw)/2),0px);top:0;bottom:0;background-image:linear-gradient(90deg,var(--ivory) 0%,#f5e9d266 17%,#f5e9d200 45%),linear-gradient(0deg,var(--ivory) 0%,#f5e9d200 28%),linear-gradient(180deg,var(--ivory) 0%,#f5e9d200 18%),url('assets/mountain-lake-daylight.webp');background-size:100% 100%,100% 100%,100% 100%,cover;background-position:center,center,center,center 25%;border-radius:220px 220px 0 0}
.hero-copy{position:relative;z-index:1}
.halo{display:none}
.phone{position:relative;aspect-ratio:9/19.5;display:flex;align-items:center;flex:none;background:#f5ead2;transform:rotate(3deg);box-shadow:15px 25px 40px #35291e40}
.phone img{width:100%;height:auto;flex:none;object-fit:contain}
.phone:before{content:'';position:absolute;top:10px;left:50%;transform:translateX(-50%);width:38px;height:5px;border-radius:8px;background:#302a24}
.phone:after{content:'';position:absolute;bottom:9px;left:50%;transform:translateX(-50%);width:65px;height:3px;border-radius:5px;background:#302a24}
.orbit-label{display:none}
.screen-note{background:#f5e9d2e8;border-radius:4px;padding:4px 8px}
.availability span{background:#4d7e9c}
.floating{background:#fff8e9;border-color:#cfbf9f}
.principle{border-color:#cbb994}
.together{background:#e5e9e0}
.audiences article{border-top-color:#a7bab9}
.audiences .line-icon{stroke:var(--sky-ink)}
.detail{color:#456574}
.demo{border-color:#c7d9dd}
.demo-top{color:var(--sky-ink)}
.scripture{background:linear-gradient(160deg,#d8e8ed 0%,#f9edcf 58%,#f4dfb9 100%);border-color:#c6d5d6}
.story{background:#ecdfc8}
.founder-story{display:grid;grid-template-columns:1fr 1.65fr;gap:65px;padding:50px}
.founder-story h2{font-size:34px;line-height:1.35;max-width:310px}
.founder-story .maker{margin-top:28px;font-size:15px}
.founder-story .maker small{font-size:11px;line-height:1.8;margin-top:6px}
.founder-photo{display:block;width:220px;max-width:100%;height:165px;object-fit:cover;object-position:50% 10%;border-radius:12px;margin-top:22px;border:1px solid #cbb994}
.founder-story .founder-photo+.maker{margin-top:18px}
.founder-link{display:block;width:fit-content;max-width:100%;font-size:11px;color:#923c1c;text-decoration:underline;text-underline-offset:4px;margin-top:12px;min-height:44px;padding-top:8px;overflow-wrap:anywhere}
.founder-link.gym-link{margin-top:0}
.founder-story .founder-body>p{font-size:14px;line-height:1.9;margin:0 0 18px;color:#4e473f;max-width:650px}
.founder-story .founder-body>p:last-child{margin-bottom:0}
.founder-body a{color:#923c1c;text-decoration:underline;text-underline-offset:3px}
@media(max-width:1000px){.founder-story{gap:35px;padding:35px}.founder-story h2{font-size:29px}}
@media(max-width:740px){.founder-story{grid-template-columns:1fr;gap:24px;padding:30px 25px}.founder-story h2{font-size:29px;max-width:100%}.founder-story .maker{margin-top:20px}.founder-story .founder-body>p{font-size:13px!important}}
.closing{background-image:linear-gradient(90deg,#f5e9d21a 0%,#f5e9d275 30%,#f5e9d2a6 50%,#f5e9d275 70%,#f5e9d21a 100%),url('assets/mountain-lake-daylight.webp');background-size:cover;background-position:center,center 24%;border:1px solid #a8bfca}
.closing>p:not(.kicker),.closing>small{color:#403b35}
.closing-orb{display:none}
.closing .kicker{color:var(--sky-ink)}
.onboarding-story{display:grid;grid-template-columns:1fr 1.4fr 1fr;align-items:center;gap:12px;min-width:0}
.story-scene{margin:0;min-width:0}
.story-scene img{display:block;width:100%;height:290px;object-fit:cover;object-position:center 64%;border-radius:70px 70px 12px 12px;box-shadow:0 9px 22px #4e321918}
.scene-scripture img{height:410px;border-radius:100px 100px 12px 12px;object-position:center 64%}
.scene-scroll{transform:translateY(30px)}
.scene-return{transform:translateY(-20px)}
.story-scene figcaption{text-align:center;font-size:10px;color:#655d54;padding-top:12px}
@media(max-width:1000px) and (min-width:741px){.onboarding-story{gap:8px}.story-scene img{height:245px}.scene-scripture img{height:340px}}
@media(max-width:740px){.onboarding-story{width:100%;max-width:460px;margin:10px auto 20px;gap:9px}.story-scene img{height:clamp(180px,54vw,270px)}.scene-scripture img{height:clamp(245px,74vw,365px)}.story-scene figcaption{font-size:9px}.scene-scroll{transform:translateY(22px)}.scene-return{transform:translateY(-14px)}}
/* Real screen gallery, kept at a stable size between walkthrough steps. */
.demo{background:linear-gradient(150deg,#fff9ef,#efe5d1);padding:22px 28px}
#demo-content{min-height:640px;padding:14px 0 22px}
#demo-content h3{font-size:23px;margin:0 0 20px}
.screen-zoom{display:block;margin:0 auto 18px;padding:0;border:5px solid #302a24;border-radius:30px;background:#302a24;position:relative;width:230px;overflow:hidden;box-shadow:8px 14px 25px #4e321922;cursor:zoom-in}
.screen-zoom img{display:block;width:100%;height:auto;aspect-ratio:850/1850}
.screen-zoom>span{display:block;background:#fff9ef;color:#923c1c;font-size:10px;padding:8px;border-top:1px solid #d8c9b5}
#demo-content>.screen-caption{font-size:11px;max-width:310px;line-height:1.7}
#screen-viewer{max-width:600px;text-align:center;padding:25px 25px 20px}
#screen-viewer h2{font-size:22px;margin-bottom:18px}
#screen-viewer>img{display:block;width:auto;max-width:100%;height:auto;max-height:70vh;margin:auto;border-radius:12px}
#screen-viewer>p{font-size:10px;margin-bottom:0}
@media(max-width:740px){.demo{padding:20px}#demo-content{min-height:610px}.screen-zoom{width:min(230px,100%)}#screen-viewer{padding:25px 15px 15px}}
@media(max-width:1000px) and (min-width:741px){.hero:before{left:42%;right:0}}
@media(max-width:740px){.hero:before{display:none}.hero-art{isolation:isolate}.hero-art:before{content:'';position:absolute;inset:0 -23px -15px;z-index:-1;background-image:linear-gradient(180deg,var(--ivory) 0%,#f5e9d200 22%,#f5e9d200 65%,var(--ivory) 100%),linear-gradient(90deg,#f5e9d25c,transparent 20%,transparent 80%,#f5e9d25c),url('assets/mountain-lake-daylight.webp');background-size:cover;background-position:center,center,center 26%;border-radius:160px 160px 0 0}.screen-note{bottom:-5px}.closing{background-position:center,center 20%}}