/* Community: fixed SVG path with a strip flowing along its arc length. */
.speaker-ribbon{position:relative;display:block;width:100%;border:0;padding:0;background:#000;color:#fff;text-align:inherit;cursor:pointer;isolation:isolate;-webkit-tap-highlight-color:transparent}
.speaker-ribbon:focus-visible{outline:2px solid #fff;outline-offset:5px}
.speaker-ribbon-scene{position:absolute;inset:0;display:block;visibility:hidden;pointer-events:none}
.speaker-ribbon.is-ready .speaker-ribbon-scene{visibility:visible}
.speaker-ribbon.is-ready .speaker-ribbon-fallback{visibility:hidden}
.speaker-ribbon .speaker-layer,.speaker-ribbon .speaker-ribbon-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 32%;transform:none!important;transition:none}
.speaker-ribbon-vector{position:absolute;display:block;width:100%;height:auto;top:32%;left:0;transform:translateY(-32%);overflow:visible;pointer-events:none}
#speaker-community{scroll-margin-top:0}
.motion-demo{min-height:100svh;display:grid;grid-template-columns:1fr minmax(320px,405px);align-items:center;gap:clamp(50px,10vw,160px);max-width:1100px;margin:auto;padding:70px 32px}
.motion-demo h1{font-size:clamp(42px,6vw,76px);font-weight:500;line-height:1;letter-spacing:-.045em;margin:30px 0}
.motion-demo-copy>p:not(.eyebrow){font-size:18px;line-height:1.55;max-width:380px}
.motion-demo-copy>a{display:inline-block;margin-top:35px;border-bottom:1px solid #fff;padding-bottom:8px;font-size:14px}
.motion-demo .speaker-tag{margin-top:23px}
.motion-demo .speaker-role{margin-top:8px}
.motion-demo .demo-touch{display:none}
.motion-demo-note{font-size:13px!important;margin-top:24px}
@media(hover:none){.motion-demo .demo-mouse{display:none}.motion-demo .demo-touch{display:block}}
@media(max-width:760px){.motion-demo .demo-mouse{display:none}.motion-demo .demo-touch{display:block}.motion-demo{grid-template-columns:1fr;gap:35px;max-width:440px;padding:40px 24px}.motion-demo h1{font-size:45px;margin:20px 0}.motion-demo-copy>p:not(.eyebrow){font-size:16px}.motion-demo-copy>a{margin-top:20px}.motion-demo .speaker-photo{aspect-ratio:1/1.1}}

/* Studio 13 — the photo stays in its frame; the ribbon is free to overhang. */
.speaker-ribbon{overflow:visible}
.speaker-ribbon .speaker-background,.speaker-ribbon .speaker-ribbon-fallback{border-radius:inherit}
.speaker-grid{column-gap:84px;row-gap:92px}
.speaker-card{min-width:0}
.speaker-card:not(#speaker-community) .speaker-photo img{transform:none;transition:none}
#speaker-community{scroll-margin-top:120px;position:relative;z-index:1}
@media(max-width:1150px) and (min-width:761px){.speaker-grid{column-gap:54px;row-gap:72px}}
@media(max-width:760px){.speaker-grid{column-gap:38px;row-gap:54px}}
@media(max-width:359px){.speaker-grid{column-gap:32px;row-gap:48px}}

.speaker-ribbon-scene{border-radius:inherit}
