html.lenis,html.lenis body{height:auto}html{scroll-behavior:auto}.community-motion{overflow-x:clip}.motion-hero{background:#fff6ed;overflow:hidden}.community-hero-stage{height:calc(100svh - 56px);min-height:740px;position:relative;display:flex;justify-content:center;align-items:center}.community-hero-copy{position:absolute;top:48px;text-align:center}.community-hero-copy h1{font-size:clamp(56px,6vw,88px);line-height:1.02}.community-fan{position:relative;width:100%;height:510px;margin-top:300px}.community-phone{position:absolute;left:50%;height:100%;width:auto;aspect-ratio:535/1080;max-width:none;transform:translateX(-50%)}.community-center{z-index:3}.community-left,.community-right{z-index:2}
.community-project-nav{position:sticky;top:0;z-index:30;display:flex;justify-content:space-between;align-items:center;padding:18px 7.5%;background:#fffffff0;backdrop-filter:blur(16px);font-size:14px;border-bottom:1px solid #eee}.community-project-nav div{display:flex;gap:24px}.community-intro{max-width:740px;text-align:center;font-size:22px;line-height:1.5;margin:64px auto;color:#626962}.motion-split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:48px;margin-top:128px}.motion-split .chapter-copy{display:block;margin:0}.motion-split .chapter-copy h2{font-size:clamp(36px,3.8vw,56px);line-height:1.08;margin-bottom:28px}.motion-split .editorial{max-width:none}.motion-split .editorial p{font-size:20px;line-height:1.5}.motion-split .story-asset{margin:0;width:100%;border-radius:28px;overflow:hidden;background:#fff6ed;padding:24px}.motion-split .story-asset img{width:100%;height:auto;object-fit:contain}.motion-split:nth-of-type(even) .chapter-copy{grid-column:2;grid-row:1}.motion-split:nth-of-type(even) .story-asset{grid-column:1;grid-row:1;background:#eee7f8}.learning-grid{margin-top:128px}.before-after{overflow:hidden}.results-section{padding:64px 0}.community-motion .project-summary{margin-top:72px}
@media(min-width:768px) and (prefers-reduced-motion:no-preference){.community-phone{transform:none}}
@media(max-width:767px){.community-project-nav{font-size:12px;padding:16px 6%;gap:16px}.community-project-nav div{gap:12px}.community-project-nav div a:first-child{display:none}.community-hero-stage{min-height:620px;height:85svh}.community-hero-copy{top:40px}.community-hero-copy h1{font-size:52px}.community-fan{height:350px;margin-top:260px}.community-phone{max-width:48%}.community-left{margin-left:-120px}.community-right{margin-left:120px}.community-intro{font-size:18px;width:88%;margin:40px auto}.motion-split{display:block;margin-top:72px}.motion-split .chapter-copy h2{font-size:34px}.motion-split .story-asset{margin-top:32px;padding:16px}.motion-split .editorial p{font-size:18px}.learning-grid{margin-top:72px}}
@media(prefers-reduced-motion:reduce){.community-left{margin-left:-290px}.community-right{margin-left:290px}}
.community-hero-copy{width:100%;max-width:none}.community-hero-copy h1{width:auto;max-width:none;font-size:clamp(56px,6vw,88px);line-height:1.02;margin:0 auto}.community-hero-copy .eyebrow{margin-bottom:24px}.community-motion .before-after{transform:none}
@media(max-width:767px){.community-hero-copy h1{font-size:52px}}
/* Let supplied compositions provide their own canvas. */
.community-motion .motion-split .story-asset,
.community-motion .motion-split:nth-of-type(even) .story-asset,
.community-motion .learning-card .media,
.community-motion .learning-card .media img,
.community-motion .before-after>.media{background:transparent;padding:0;box-shadow:none}
.community-motion .learning-card .media img{height:auto;aspect-ratio:auto;object-fit:contain}
/* Mask the source canvas at the device silhouette and keep the reveal in view. */
.community-phone{clip-path:inset(.9% 1.8% round 15% / 7%)}
.community-hero-stage{min-height:650px}
@media(min-width:768px){.community-fan{height:clamp(360px,60svh,510px)}}
.community-motion .motion-split .poll-story img{height:620px;width:100%;object-fit:cover;object-position:center}
@media(max-width:767px){.community-motion .motion-split .poll-story img{height:540px}.community-hero-stage{min-height:620px}}
/* Community opens with natural reading flow and a quiet paired introduction. */
.community-motion .motion-hero{background:#fff6ed;overflow:hidden}
.community-motion .community-hero-stage{height:auto;min-height:0;display:block;padding:72px 7.5% 80px}
.community-motion .community-hero-copy{position:relative;top:auto;width:100%;text-align:center;margin:0 auto;max-width:880px}
.community-motion .community-hero-copy .eyebrow{text-align:center;margin:0 0 24px}
.community-motion .community-hero-copy h1{font-size:clamp(48px,5.8vw,80px);line-height:1.04}
.community-hero-intro{font-size:21px;line-height:1.5;max-width:58ch;margin:28px auto 0;color:#626962}
.community-motion .community-fan{display:flex;justify-content:center;align-items:center;gap:56px;width:100%;height:auto;margin:56px auto 0;transform-origin:50% 50%}
.community-motion .community-phone{position:relative;inset:auto;left:auto;width:260px;height:auto;aspect-ratio:535/1080;max-width:38%;transform:none;flex:none;margin:0;opacity:1}
.community-motion .community-left{display:none}
.community-motion .community-right{margin-top:32px}
@media(max-width:767px){.community-motion .community-hero-stage{padding:48px 6% 56px}.community-motion .community-hero-copy h1{font-size:44px}.community-hero-intro{font-size:18px;margin-top:24px}.community-motion .community-fan{gap:20px;margin-top:36px}.community-motion .community-phone{max-width:43%;width:210px}.community-motion .community-right{margin-top:24px}}
/* Four original devices; Apple reference uses ±30px horizontal convergence. */
.community-motion .community-fan{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;max-width:1160px;align-items:start;margin:56px auto 0;transform:none}
.community-motion .community-phone{display:block;width:100%;height:auto;max-width:none;position:relative;margin:0;transform:none;clip-path:inset(.9% 1.8% round 15% / 7%)}
.community-motion .community-hero-stage{padding-bottom:88px}
@media(max-width:767px){.community-motion .community-fan{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px;margin-top:40px;max-width:480px}.community-motion .community-phone{width:100%;max-width:none;margin:0}.community-motion .community-hero-stage{padding-bottom:56px}}
/* Player rhythm: 128px between chapters, 72px on small screens. */
.community-motion{--chapter-gap:128px;--evidence-ratio:2500 / 2239}
.community-motion .story-chapter{padding-top:0;margin-top:var(--chapter-gap);margin-bottom:0}
.community-motion .learning-grid{margin-top:var(--chapter-gap);margin-bottom:0}
.community-motion .transformation-intro{margin-top:var(--chapter-gap);padding:0 0 40px}
.community-motion .before-after{margin-top:0;margin-bottom:0}
.community-motion .results-section{margin-top:var(--chapter-gap);padding:0}
.community-motion .press-section{margin-top:var(--chapter-gap);padding:0}
.community-motion .next{margin-top:var(--chapter-gap)}
/* Equal canvas size to Creator presence, without a second background. */
.community-motion .profile-story,.community-motion .story-chapter:last-of-type .story-asset{aspect-ratio:var(--evidence-ratio)}
.community-motion .profile-story img{width:100%;height:100%;aspect-ratio:var(--evidence-ratio);object-fit:cover}
.community-motion .learning-card .media{height:auto;aspect-ratio:var(--evidence-ratio);overflow:hidden}
.community-motion .learning-card .media img{width:100%;height:100%;aspect-ratio:var(--evidence-ratio);object-fit:cover}
.community-motion .before-after>.media>img{display:block;width:100%;height:auto;aspect-ratio:var(--evidence-ratio);object-fit:cover}
@media(max-width:767px){.community-motion{--chapter-gap:72px}.community-motion .learning-card{margin-bottom:40px}}
.community-motion .learning-grid,.community-motion .before-after{column-gap:48px}
@media(max-width:767px){.community-motion .learning-grid,.community-motion .before-after{column-gap:24px}}
/* Clean asset edges, including one-pixel outlines in supplied compositions. */
.community-motion .media,.community-motion .media img{border:0;outline:0;box-shadow:none}
.community-motion .story-asset img,.community-motion .learning-card .media img,.community-motion .before-after>.media>img{clip-path:inset(2px round 18px)}
.community-motion .community-hero-copy .community-project-label{display:block;width:100%;max-width:none;text-align:center;font-size:24px;font-weight:500;line-height:1.25;letter-spacing:-.025em;text-transform:none;margin:0 auto 24px;color:#39343e}
@media(max-width:767px){.community-motion .community-hero-copy .community-project-label{font-size:21px}}