/* Mobile homepage: visually matched to the shared Figma prototype. */
.figma-meet-heading,.figma-video-progress{display:none}
@media(max-width:650px){
 .hero-content{order:0}.hero-media{order:1;width:100%}
 .video-stage{-webkit-mask-image:none;mask-image:none}
 .hero{height:auto;min-height:0;background:#f7f7f7;padding:36px 0 0;display:flex;flex-direction:column}
 .hero-content{position:relative;inset:auto;width:calc(100% - 40px);margin:0 auto;display:block;text-align:center}
 .hero h1{font-size:36px;line-height:1.2;max-width:260px;letter-spacing:-.035em;font-weight:700;color:#385950}
 .hero-copy p{max-width:285px;font-size:11px;line-height:1.45;margin:13px auto 0;color:#748078}
 .hero .feature-button-hero{font-size:12px;padding:10px 20px;margin:18px auto 0;background:#b3dfd0;color:#133e30}
 .hero-media{position:relative;inset:auto;z-index:0;height:auto;aspect-ratio:1.05;margin-top:10px;background:#f7f7f7}
 .hero-image{width:100%;height:100%;object-fit:cover;object-position:54% center}
 .hero::after{display:none}
 .video-story{height:auto;min-height:0;background:white;color:#073d2e}
 .video-stage{height:calc(200px + (100vw - 28px)/1.45 + 105px);min-height:0;background:white;opacity:1!important;overflow:visible}
 .video-stage .story-video{inset:200px 14px auto;width:calc(100% - 28px);height:auto;aspect-ratio:1.45;border-radius:6px;object-fit:cover;filter:brightness(.9)}
 .video-stage .scene-copy,.video-stage .video-scene.is-active .scene-copy{inset:0;width:100%;transform:none;filter:none;text-shadow:none;text-align:center;pointer-events:none}
 .video-stage .video-eyebrow{position:absolute;top:40px;left:50%;transform:translateX(-50%);width:max-content;max-width:90%;margin:0;padding:3px 5px;border-radius:2px;background:#f0f3f0;color:#385950;font-size:8px;font-weight:500;letter-spacing:0}
 .video-stage .scene-copy h2{position:absolute;top:66px;left:6%;width:88%;font-size:34px;line-height:1.1;letter-spacing:-.04em;font-weight:650;color:#073d2e}
 .video-stage .scene-copy>p:last-child{position:absolute;left:12%;right:12%;top:calc(200px + (100vw - 28px)/1.45 - 57px);margin:0 auto;font-size:10px;line-height:1.5;color:white;max-width:290px;text-shadow:0 1px 6px #0009}
 .video-stage .video-wash{inset:200px 14px auto;height:auto;aspect-ratio:1.45;border-radius:6px;background:linear-gradient(transparent 50%,#0a170c5e);z-index:2}
 .video-stage .video-dots{display:none}
 .video-stage>.mobile-scene-nav{top:calc(200px + (100vw - 28px)/2.9);bottom:auto;left:22px;right:22px;width:auto;transform:translateY(-50%);justify-content:space-between;gap:0}
 .video-stage>.mobile-scene-nav span,.meet-stage>.mobile-scene-nav span{display:none}
 .video-stage>.mobile-scene-nav button,.meet-stage>.mobile-scene-nav button{width:28px;height:28px;font-size:18px;background:#ffffff0a;border:1px solid #ffffff70;color:white}
 .figma-video-progress{display:block;position:absolute;bottom:60px;left:32%;width:36%;height:24px;cursor:grab;touch-action:none}
 .figma-video-progress .meet-progress-track{margin-top:11px;height:3px;width:100%;background:#d4dbd6}
 .figma-video-progress .meet-progress-fill{background:#688d7b}
 .figma-video-progress .meet-progress-moya{background:#084532;box-shadow:none;width:21px;height:21px}
 .figma-video-progress .meet-progress-moya::before,.figma-video-progress .meet-progress-moya::after{background:white;width:2.5px;height:2.5px;top:8px}
 .figma-video-progress .meet-progress-moya::before{left:6px}.figma-video-progress .meet-progress-moya::after{left:12px}
 .figma-video-progress:focus-visible{outline:2px solid #385950;outline-offset:6px}
 .meet-story{height:auto;min-height:0;background:white;color:#073d2e;padding:68px 14px 108px}
 .figma-meet-heading{display:block;color:#073d2e;text-align:center;font-size:40px;line-height:1.1;letter-spacing:-.045em;font-weight:650;margin:0 0 46px}
 .meet-stage{height:auto;aspect-ratio:.78;min-height:0;background:transparent;overflow:visible;color:white;isolation:isolate}
 .meet-stage .meet-title{display:none}
 .meet-images{border-radius:6px;overflow:hidden}
 .meet-stage .meet-image{filter:brightness(.83) saturate(.94)}
 .meet-stage .meet-wash{border-radius:6px;background:linear-gradient(transparent 15%,#0b170c33 55%,transparent)}
 .meet-stage .meet-copy,.meet-stage .meet-copy:nth-child(5){left:10%;right:10%;width:80%;top:50%;bottom:auto;transform:translateY(calc(-50% + var(--meet-copy-shift,0px)));text-align:center}
 .meet-stage .meet-copy .meet-copy-kicker{font-size:8px;font-weight:500;letter-spacing:0;margin:0 0 10px;color:#fff}
 .meet-stage .meet-copy h3,.meet-stage .meet-copy:nth-child(5) h3{font-size:24px;line-height:1.12;letter-spacing:-.03em;color:#fff}
 .meet-stage .meet-copy>p:last-child{font-size:10px;line-height:1.55;margin:13px auto 0;max-width:275px;color:#fff}
 .meet-stage>.mobile-scene-nav{top:50%;bottom:auto;left:4px;right:4px;width:auto;transform:translateY(-50%);justify-content:space-between;gap:0}
 .meet-stage>.meet-progress{bottom:-47px;left:30%;width:40%;height:24px;opacity:1!important;pointer-events:auto}
 .meet-stage .meet-progress-track{background:#d4dbd6}
 .meet-stage .meet-progress-fill{background:#688d7b}
 .meet-stage .meet-progress-moya{background:#084532;box-shadow:none;width:21px;height:21px}
 .meet-stage .meet-progress-moya::before,.meet-stage .meet-progress-moya::after{background:white;width:2.5px;height:2.5px;top:8px}
 .meet-stage .meet-progress-moya::before{left:6px}.meet-stage .meet-progress-moya::after{left:12px}
 .meet-story::after{content:'Swipe to explore more';display:block;position:absolute;bottom:35px;left:0;right:0;text-align:center;font-size:8px;color:#7e8c84}
 .meet-stage>.meet-progress:focus-visible{outline-color:#385950}
}