.site-media{--media-ink:#101019;--media-accent:#67e8f9;min-width:0}.site-media *,.site-media :before,.site-media :after{box-sizing:border-box}.site-media :is(a,button,[tabindex]):focus-visible,.site-media[tabindex]:focus-visible{outline-offset:4px;outline:3px solid #a78bfa}.site-media.site-media__section{color:var(--media-ink);container-type:inline-size}.site-media .site-media__inner{max-width:1184px}.site-media .site-media__heading{grid-template-columns:1.1fr 1fr;align-items:end;gap:24px 48px;margin-bottom:28px;padding-top:22px;display:grid;position:relative}.site-media .site-media__heading:before{content:"";background:linear-gradient(90deg,#7c3aed 55%,#06b6d4);border-radius:4px;width:80px;height:4px;position:absolute;top:0;left:0}.site-media .site-media__title{letter-spacing:-.045em;text-wrap:balance;margin:0;font-size:clamp(28px,3.6cqw,46px);font-weight:650;line-height:1.08}.site-media .site-media__intro{color:#52525f;max-width:52ch;margin:0;font-size:16px;line-height:1.65}.site-media .site-media__showcase,.site-media.site-media__stage,.site-media.site-media__photos,.site-media.site-media__blog-block{background:radial-gradient(ellipse at 0 0, #7c3aed26, transparent 55%), radial-gradient(ellipse at 100% 100%, #06b6d416, transparent 50%), var(--media-ink);border:1px solid #ffffff24;border-radius:20px;padding:24px;box-shadow:0 20px 50px -32px #35206570,inset 0 1px #c4b5fd33}.site-media .site-media__showcase{gap:24px;display:grid}.site-media .site-media__showcase>:is(.site-media__stage,.site-media__photos),.site-media.site-media__blog-block>:is(.site-media__stage,.site-media__photos){box-shadow:none;background:0 0;border:0;border-radius:0;width:100%;max-width:none;margin:0;padding:0}.site-media.site-media__blog-block{gap:24px;display:grid}.site-media .site-media__clips{justify-content:center;align-items:start;gap:16px;min-width:0;display:flex}.site-media.site-media__clip{width:100%;max-width:calc(var(--media-ratio) * 420px);flex:var(--media-ratio) 1 0%;background:#161620;border:0;border-radius:12px;min-width:0;margin:0;padding:0;box-shadow:0 0 0 1px #ffffff1f}.site-media .site-media__playback{isolation:isolate;width:100%;aspect-ratio:var(--media-aspect);background:#20202d;border-radius:8px;position:relative}.site-media .site-media__player{z-index:1;width:100%;aspect-ratio:var(--media-aspect);position:relative}.site-media .site-media__frame{width:100%;height:auto;aspect-ratio:var(--media-aspect);-o-object-fit:contain;object-fit:contain;border-radius:8px;display:block}.site-media .site-media__playback video{opacity:0}.site-media .site-media__playback--started video{opacity:1}.site-media .site-media__poster{pointer-events:none;height:100%;position:absolute;inset:0}.site-media .site-media__playback--started>.site-media__poster{visibility:hidden}.site-media .site-media__play{z-index:2;color:#111218;cursor:pointer;background:#fff;border:1px solid #ffffff80;border-radius:50%;place-items:center;width:64px;height:64px;padding:0;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 32px #0006}.site-media .site-media__play svg{fill:currentColor;width:26px;height:26px;margin-left:3px}.site-media .site-media__caption{color:#e5e2ef;text-align:left;overflow-wrap:anywhere;margin:0;padding:10px 10px 6px;font-size:13px;line-height:1.55}.site-media .site-media__link{min-height:44px;color:inherit;text-underline-offset:4px;align-items:center;-webkit-text-decoration:underline #8c849f;text-decoration:underline #8c849f;display:inline-flex}.site-media .site-media__link:hover{color:var(--media-accent);text-decoration-color:currentColor}.site-media.site-media__photos{flex-direction:column;gap:16px;min-width:0;display:flex}.site-media .site-media__photo-row{justify-content:center;align-items:start;gap:16px;min-width:0;display:flex}.site-media .site-media__photo{min-width:0;max-width:calc(var(--media-ratio) * 360px);flex:var(--media-ratio) 1 0%;background:#1c1b28;border:1px solid #ffffff1f;border-radius:10px;margin:0}.site-media .site-media__image{width:100%;height:auto;aspect-ratio:var(--media-aspect);-o-object-fit:contain;object-fit:contain;background:#252333;border-radius:9px 9px 0 0;margin:0;display:block}.site-media .site-media__photo:not(:has(.site-media__caption)) .site-media__image{border-radius:9px}@container (width>=761px){.site-media .site-media__showcase:has(.site-media__clip--portrait:only-child):has(>.site-media__photos){grid-template-columns:minmax(0,.85fr) minmax(0,2fr);align-items:center}.site-media .site-media__showcase:has(.site-media__clip--portrait:only-child):has(>.site-media__photos) .site-media__clip{max-width:calc(var(--media-ratio) * 500px)}.site-media .site-media__showcase:has(.site-media__clip--portrait:only-child) .site-media__photo-row:has(>:nth-child(3):last-child){flex-wrap:wrap}.site-media .site-media__showcase:has(.site-media__clip--portrait:only-child) .site-media__photo-row:has(>:nth-child(3):last-child)>.site-media__photo{flex:0 0 calc(50% - 8px);max-width:none}}.site-media.site-media__stage:has(.site-media__clip:only-child){max-width:820px;margin-inline:auto}.site-media.site-media__stage:has(.site-media__clip--portrait:only-child){max-width:330px}:is(.site-media .site-media__showcase>.site-media__stage:has(.site-media__clip:only-child),.site-media.site-media__blog-block>.site-media__stage:has(.site-media__clip:only-child)){max-width:none}.site-media.site-media__stage--compact .site-media__clip{max-width:calc(var(--media-ratio) * 400px)}@container (width<=760px){.site-media .site-media__heading{grid-template-columns:1fr;gap:16px}}@media (hover:hover) and (prefers-reduced-motion:no-preference){.site-media .site-media__photo,.site-media.site-media__clip{transition:transform .18s,box-shadow .18s}.site-media .site-media__photo:hover,.site-media.site-media__clip:hover{transform:translateY(-3px);box-shadow:0 0 0 1px #a78bfa80}}@media (width<=639px){.site-media .site-media__heading{grid-template-columns:1fr;gap:16px;margin-bottom:24px}.site-media .site-media__showcase,.site-media.site-media__stage,.site-media.site-media__photos,.site-media.site-media__blog-block{border-radius:16px;padding:14px}.site-media .site-media__showcase,.site-media.site-media__blog-block{gap:20px}.site-media .site-media__clips,.site-media.site-media__photos{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#a78bfa #ffffff0d;overflow-x:auto}.site-media .site-media__clips{justify-content:flex-start;gap:12px;padding-bottom:12px}.site-media .site-media__clips>.site-media__clip{scroll-snap-align:start;flex:0 0 92%;max-width:none}.site-media .site-media__clips>.site-media__clip--portrait{flex-basis:78%}.site-media .site-media__clips:has(>.site-media__clip:not(.site-media__clip--portrait)):has(>.site-media__clip--portrait){align-items:center}.site-media .site-media__clips:has(>.site-media__clip:not(.site-media__clip--portrait))>.site-media__clip--portrait{flex-basis:54%}.site-media .site-media__clips>.site-media__clip:only-child{max-width:calc(var(--media-ratio) * 440px);flex-basis:100%;margin-inline:auto}.site-media.site-media__photos{flex-direction:row;gap:12px;padding-bottom:12px}.site-media .site-media__photo-row{display:contents}.site-media .site-media__photo{flex:0 0 min(88%, calc(var(--media-ratio) * 340px));scroll-snap-align:start;max-width:none}.site-media .site-media__caption{font-size:14px}}@media (prefers-reduced-motion:reduce){.site-media *,.site-media :before,.site-media :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}