/* Cinematic and Filmstrip share the Bio's colours, spacing and Medium typography. */
.bioVideoCollection{min-width:0}.bioVideoCollection [hidden]{display:none!important}
.bioVideoCollectionHead{margin:var(--bio-section-gap,28px) 0 16px}.bioVideoCollectionHead .bioSection__title{margin:0;font-weight:500}
.bioVideoDescription{margin:12px 0 0;font-size:16px;line-height:1.5;opacity:.7;white-space:pre-line;overflow-wrap:anywhere}
.bioVideoDescription[data-size=small]{font-size:12px}.bioVideoDescription[data-size=large]{font-size:18px}.bioVideoDescription[data-size=xlarge]{font-size:24px}
.bioVideoCollectionHead [data-align=left]{text-align:left}.bioVideoCollectionHead [data-align=center]{text-align:center}.bioVideoCollectionHead [data-align=right]{text-align:right}
body:is([data-textalign=left],[data-textalign=center],[data-textalign=right]) .bioVideoCollectionHead :where(h2):is(ci-spec,*),body:is([data-textalign=left],[data-textalign=center],[data-textalign=right]) .bioVideoCollectionHead :where(p):is(ci-spec,*){text-align:var(--bio-page-align)}
.bioVidExperience{position:relative;isolation:isolate;min-width:0;overflow:hidden;border-radius:var(--bio-radius,20px);padding:16px 0;color:var(--bio-text);background:color-mix(in srgb,var(--bio-bg) 94%,var(--bio-text));border:1px solid color-mix(in srgb,var(--bio-text) 10%,transparent)}
.bioVidAmbient{position:absolute;z-index:-1;inset:5% -20%;background-size:cover;background-position:center;filter:blur(48px) saturate(.65);opacity:.18;pointer-events:none;transition:background-image .52s}
.bioVidExperience[data-ambient=false] .bioVidAmbient{display:none}
.bioVidViewport{position:relative;width:100%;aspect-ratio:2.15;perspective:1200px;touch-action:pan-y;user-select:none;overflow:hidden}
.bioVidSlide{position:absolute;top:8px;left:10%;width:80%;border-radius:var(--bio-radius,20px);overflow:hidden;opacity:0;pointer-events:none;transform:translateX(190%) scale(.84);transition:transform .52s cubic-bezier(.22,.75,.2,1),opacity .52s,filter .52s;box-shadow:0 10px 26px #0003}
.bioVidSurface{aspect-ratio:16/9;position:relative;background:#101014}.bioVidSurface iframe{display:block;width:100%;height:100%;border:0}
.bioVidSlide[data-offset="0"]{opacity:1;filter:none;transform:translateX(0) scale(1);z-index:3;pointer-events:auto}
.bioVidSlide[data-offset="-1"]{opacity:.5;filter:blur(1.5px);transform:translateX(-93%) scale(.88) rotateY(7deg);z-index:1;pointer-events:auto}
.bioVidSlide[data-offset="1"]{opacity:.5;filter:blur(1.5px);transform:translateX(93%) scale(.88) rotateY(-7deg);z-index:1;pointer-events:auto}
.bioVidSlide .bioVideoPlay>img{opacity:.9}.bioVidSlide:not([data-offset="0"]) .bioVideoPlayIcon{display:none}
.bioVidMeta{display:flex;align-items:start;justify-content:space-between;gap:16px;padding:16px 20px 0;min-width:0;text-align:left}
.bioVidMeta>div{min-width:0}.bioVidTitle{font-family:inherit;font-size:16px;font-weight:500;line-height:1.4;letter-spacing:-.02em;margin:0;overflow-wrap:anywhere}.bioVidSubtitle{font-size:13px;line-height:1.5;opacity:.65;margin:6px 0 0;overflow-wrap:anywhere}
.bioVidCount{font-size:12px;opacity:.6;white-space:nowrap;font-variant-numeric:tabular-nums;padding-top:3px}
.bioVidControls{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px 0}.bioVidArrows{display:flex;gap:8px}
.bioVidArrow{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:999px;border:1px solid color-mix(in srgb,var(--bio-text) 18%,transparent);background:color-mix(in srgb,var(--bio-bg) 82%,var(--bio-text));color:inherit;font-family:inherit;font-size:20px;line-height:1;font-weight:500;cursor:pointer;transition:background .2s,transform .2s}
.bioVidArrow:hover{transform:translateY(-1px);background:color-mix(in srgb,var(--bio-bg) 70%,var(--bio-text))}
.bioVidDots{display:flex;align-items:center;gap:2px;flex-wrap:wrap;justify-content:flex-end}.bioVidDot{display:grid;place-items:center;width:28px;height:36px;padding:0;background:none;border:0;color:inherit;cursor:pointer}.bioVidDot span{width:5px;height:5px;border-radius:999px;background:currentColor;opacity:.4;transition:width .4s,opacity .4s}.bioVidDot[aria-pressed=true] span{width:22px;opacity:1}
.bioVidThumbs{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin:16px 20px 0;padding:4px 0}.bioVidThumbs::-webkit-scrollbar{display:none}
.bioVidThumb{flex:0 0 calc((100% - 32px)/3);min-width:80px;scroll-snap-align:center;padding:0;border:0;background:transparent;color:inherit;text-align:left;font-family:inherit;font-weight:500;cursor:pointer}
.bioVidThumb img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:calc(var(--bio-radius,20px)*.5);opacity:.5;transition:opacity .4s,transform .4s}
.bioVidThumb[aria-pressed=true] img{opacity:1;transform:translateY(-3px)}.bioVidThumb span{display:block;font-size:12px;line-height:1.4;margin-top:8px;opacity:.65;overflow-wrap:anywhere}.bioVidThumb[aria-pressed=true] span{opacity:1}
.bioVidThumbs[data-thumb-edge=right]{mask-image:linear-gradient(to right,#000 92%,transparent)}.bioVidThumbs[data-thumb-edge=left]{mask-image:linear-gradient(to right,transparent,#000 8%)}.bioVidThumbs[data-thumb-edge=both]{mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent)}
.bioVidExternalLinks{padding:0 20px}.bioVidStatus{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.bioVidExperience[data-bio-video-collection=filmstrip] .bioVidViewport{width:calc(100% - 40px);margin-inline:20px;aspect-ratio:16/9;border-radius:var(--bio-radius,20px)}
.bioVidExperience[data-bio-video-collection=filmstrip] .bioVidSlide{top:0;left:0;width:100%;transform:scale(1.025);opacity:0;pointer-events:none;filter:none;box-shadow:none}
.bioVidExperience[data-bio-video-collection=filmstrip] .bioVidSlide[data-offset="0"]{transform:scale(1);opacity:1;pointer-events:auto}
@media(max-width:600px){.bioVidViewport{aspect-ratio:1.95}.bioVidSlide{width:86%;left:7%}.bioVidMeta,.bioVidControls{padding-inline:16px}.bioVidThumbs{margin-inline:16px}.bioVidExperience[data-bio-video-collection=filmstrip] .bioVidViewport{width:calc(100% - 32px);margin-inline:16px}.bioVidExternalLinks{padding-inline:16px}.bioVidTitle{font-size:14px}}
@media(prefers-reduced-motion:reduce){.bioVideoCollection *,.bioVideoCollection *::after{transition:none!important;animation:none!important}}