/* Creator Guild's two actual source films, scaled to a compact community hello. */
.community-scene{position:relative;isolation:isolate;height:276px;overflow:hidden;margin:0 0 32px;border-radius:18px;background:#353066;color:#fff;contain:layout paint}
.community-scene-art{position:absolute;inset:0 0 0 auto;width:min(69%,650px);overflow:hidden;pointer-events:none}
.community-scene-art::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#353066,transparent 21%);pointer-events:none}
.community-scene-art img,.community-scene-art video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;max-width:none}
.community-scene-loop,.community-scene-open-poster,.community-scene-reveal{opacity:0;transition:opacity 600ms ease}
.community-scene.loop-ready .community-scene-loop{opacity:1}
.community-scene.is-open .community-scene-reveal{opacity:1}
.community-scene.is-open.reveal-still .community-scene-open-poster{opacity:1}
.community-scene.reveal-still .community-scene-reveal{opacity:0}
.community-scene-copy{position:relative;z-index:2;display:flex;align-items:flex-start;flex-direction:column;justify-content:center;height:100%;padding:25px 4%;width:48%;pointer-events:none}
.community-scene-kicker{font-size:9px;line-height:1.5;letter-spacing:2.1px;color:#ded0f3}
.community-scene-copy h2{font-size:30px;line-height:1.32;font-weight:500;letter-spacing:-.8px;margin:12px 0 10px;color:#f6eeff;background:linear-gradient(135deg,#fff 15%,#e8cbf8 90%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.community-scene-copy p{font-size:12px;line-height:1.7;color:#eee4f2d6;margin:0 0 16px}
.community-scene-compose{display:inline-flex;align-items:center;gap:25px;padding:8px 15px;min-height:37px;font-size:11px;line-height:1.6;border:1px solid #ffffff60;border-radius:50px;background:#fff0;color:#fff;pointer-events:auto;transition:background .25s,border-color .25s}
.community-scene-compose:hover{background:#ffffff13;border-color:#ffffffa0}
.community-scene-compose:focus-visible,.community-scene-toggle:focus-visible{outline:2px solid #fff;outline-offset:-5px}
.community-scene-compose span{font-size:16px;line-height:1}
.community-scene-toggle{position:absolute;z-index:1;inset:0 0 0 40%;display:block;padding:0;width:60%;height:100%;border:0;border-radius:0;background:transparent;overflow:hidden;touch-action:pan-y;color:#36306e}
.community-scene-hint{position:absolute;bottom:18px;right:23px;font-size:10px;line-height:1.5;letter-spacing:.2px;white-space:nowrap;padding:6px 10px;background:#fcf2f0cf;border:1px solid #fff6;border-radius:40px;backdrop-filter:blur(8px);pointer-events:none}
.community-scene-cursor{display:none;position:absolute;left:var(--scene-pointer-x,50%);top:var(--scene-pointer-y,50%);transform:translate(-50%,-50%);width:66px;height:66px;border-radius:50%;align-items:center;justify-content:center;backdrop-filter:blur(8px);background:#2420367a;border:1px solid #ffffff4d;color:#fff;font-size:11px;line-height:1;letter-spacing:1px;pointer-events:none;will-change:left,top}
@media(hover:hover) and (pointer:fine){.community-scene-toggle.has-pointer{cursor:none}.community-scene-toggle.has-pointer .community-scene-cursor{display:flex}}
@media(max-width:700px){.community-scene{height:182px;margin:0 0 25px;border-radius:13px}.community-scene-art{width:75%}.community-scene-art::after{background:linear-gradient(90deg,#353066,transparent 34%)}.community-scene-copy{width:54%;padding:18px}.community-scene-kicker{font-size:7px;letter-spacing:1.35px}.community-scene-copy h2{font-size:22px;letter-spacing:-.4px;line-height:1.38;margin:10px 0 15px}.community-scene-copy p{display:none}.community-scene-compose{font-size:10px;min-height:33px;padding:6px 12px;gap:18px}.community-scene-compose span{font-size:14px}.community-scene-toggle{left:43%;width:57%}.community-scene-hint{bottom:13px;right:9px;font-size:8px;padding:5px 7px;max-width:calc(100% - 16px)}.community-scene-cursor{display:none!important}}
@media(max-width:360px){.community-scene{height:172px}.community-scene-copy{padding:16px}.community-scene-copy h2{font-size:20px}.community-scene-kicker{font-size:6px;letter-spacing:1.1px}.community-scene-hint{font-size:7px;padding:5px 6px}.community-scene-compose{gap:12px}}
@media(prefers-reduced-motion:reduce){.community-scene-art video{display:none}.community-scene-art img,.community-scene-art video{transition:none}.community-scene.is-open .community-scene-open-poster{opacity:1}.community-scene-cursor{display:none!important}.community-scene-toggle{cursor:pointer!important}}
