.reflex-live{--reflex-live-tint:#a1ebd7;--reflex-live-period:2.5s;--reflex-live-rest:0 0 #0000;animation:reflex-live-breath var(--reflex-live-period) ease-in-out infinite}.reflex-workspace[data-paused=true] .reflex-live{animation-play-state:paused}@keyframes reflex-live-breath{0%,to{border-color:color-mix(in srgb, var(--reflex-live-tint) 40%, transparent);box-shadow:var(--reflex-live-rest), 0 0 0 1px color-mix(in srgb, var(--reflex-live-tint) 16%, transparent), 0 0 10px color-mix(in srgb, var(--reflex-live-tint) 12%, transparent)}50%{border-color:color-mix(in srgb, var(--reflex-live-tint) 100%, transparent);box-shadow:var(--reflex-live-rest), 0 0 0 2px color-mix(in srgb, var(--reflex-live-tint) 52%, transparent), 0 0 34px color-mix(in srgb, var(--reflex-live-tint) 42%, transparent)}}@media (prefers-reduced-motion:reduce){.reflex-live.reflex-live{border-color:color-mix(in srgb, var(--reflex-live-tint) 72%, transparent);box-shadow:var(--reflex-live-rest), 0 0 0 1px color-mix(in srgb, var(--reflex-live-tint) 34%, transparent);animation:none}}
.showcase-library{height:100%;min-height:0;position:relative}.showcase-grid{grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(7px,1.15vh,13px);height:100%;min-height:0;display:grid}.showcase-tile{--showcase-edge:#52747b;--showcase-accent:#9eb9b3;border:1px solid var(--showcase-edge);color:#e4efec;text-align:left;background:#0b1c23;border-radius:clamp(8px,1vw,13px);flex-direction:column;min-width:0;min-height:0;padding:0;display:flex;overflow:hidden;box-shadow:0 8px 22px #02090c52}.showcase-film{appearance:none;cursor:pointer;font:inherit;--reflex-live-tint:#a1ebd7;--reflex-live-rest:0 8px 22px #02090c52;transition:border-color .18s,box-shadow .18s,transform .18s}.showcase-film:hover,.showcase-film:focus-visible{border-color:#e4fbf2;animation:none;transform:translateY(-1px);box-shadow:0 10px 26px #02090c6b,0 0 0 2px #cdf3e6a8,0 0 38px #a1ebd770}.showcase-film:focus-visible{outline-offset:3px;outline:2px solid #cdf3e6}.showcase-film:active{transform:translateY(0)}.showcase-art{background:radial-gradient(ellipse at 15% 20%,color-mix(in srgb,var(--showcase-edge) 30%,#07151b),#07151b 80%);flex:auto;min-height:0;display:block;position:relative;overflow:hidden}.showcase-art img{object-fit:cover;background:0 0;width:100%;height:100%;display:block}.showcase-label{background:#0c2028;border-top:1px solid #ffffff1d;flex:none;min-height:clamp(34px,5vh,48px);padding:clamp(6px,.85vh,10px) clamp(8px,1vw,14px);font-family:Banner Space Grotesk,sans-serif;display:block}.showcase-label strong{font-size:clamp(10px,.95vw,15px);font-weight:600;line-height:1.25;display:block}.showcase-label small{color:var(--showcase-accent);letter-spacing:.075em;text-transform:uppercase;white-space:nowrap;margin-left:.55em;font-size:clamp(7px,.62vw,10px);font-weight:650;line-height:1.2}.showcase-label-tail{white-space:nowrap}.showcase-film .showcase-label{flex-direction:column;justify-content:center;gap:2px;display:flex}.showcase-film .showcase-label strong{min-width:0}.showcase-label .showcase-invite{color:var(--showcase-accent);margin:0;display:block}.showcase-tile:first-child{--showcase-edge:#806b3e;--showcase-accent:#edcc7d}.showcase-tile:nth-child(2){--showcase-edge:#4f6f9d;--showcase-accent:#8eb8ff}.showcase-tile:nth-child(3){--showcase-edge:#4e8264;--showcase-accent:#85e1ad}.showcase-tile:nth-child(4){--showcase-edge:#70558e;--showcase-accent:#c5a0fa}.showcase-tile:nth-child(5){--showcase-edge:#905e47;--showcase-accent:#f3a077}.showcase-tile:nth-child(6){--showcase-edge:#477f85;--showcase-accent:#7de1e8}.showcase-tile:nth-child(7){--showcase-edge:#87536d;--showcase-accent:#f5a0c5}.showcase-tile:nth-child(8){--showcase-edge:#728347;--showcase-accent:#d0e682}.showcase-tile:nth-child(9){--showcase-edge:#625f95;--showcase-accent:#aba5ff}.workspace-page.page-demos:has(.showcase-player){height:100%;padding:0}.workspace-page.page-demos:has(.showcase-player) .showcase-library{height:100%}.showcase-player{z-index:4;background:#000;position:absolute;inset:0;container-type:size}.showcase-player:focus-visible{outline:none}.workspace-page .showcase-player video{aspect-ratio:auto;object-fit:contain;background:#000;border-radius:0;width:100%;height:100%;max-height:none;position:absolute;inset:0}@container (min-aspect-ratio:16/9){.workspace-page .showcase-player video{object-fit:cover}}.showcase-player-fallback{text-align:center;color:#dceaf1;place-content:center;margin:0;padding:24px;font:400 15px/1.5 Study Inter,Inter,sans-serif;display:grid;position:absolute;inset:0}@media (max-width:650px){.showcase-future .showcase-label small{margin-left:0;display:block}.showcase-grid{gap:6px}.showcase-label{min-height:44px;padding:5px 6px}.showcase-label strong{font-size:9px}.showcase-label small{font-size:6px}.showcase-film .showcase-label{gap:1px;padding-inline:6px}.showcase-film .showcase-label strong{font-size:clamp(7px,2vw,9px)}.showcase-label .showcase-invite{letter-spacing:.05em;white-space:normal;font-size:clamp(5px,1.5vw,7px)}}@media (prefers-reduced-motion:reduce){.showcase-film{transition:none}}.showcase-description{font:400 clamp(10px,.8vw,13px)/1.35 var(--body,"Manrope Variable",sans-serif);color:#dce8e4;margin-block:3px}@media (max-width:650px){.showcase-grid{grid-template-rows:none;grid-template-columns:repeat(2,minmax(0,1fr));height:auto}.showcase-tile{min-height:180px}.showcase-description{font-size:11px}.showcase-label strong{font-size:12px!important}.showcase-label .showcase-invite{font-size:8px}.showcase-label{padding:8px}.showcase-library[data-film=closed]{height:auto}}
.page-build .tower-film.clip35-film video{object-fit:contain;width:100%;height:100%}.clip35-caption{pointer-events:none;color:#e4f6f4;background:linear-gradient(#06121ee8,#06121e99,#0000);padding:18px 24px 30px;position:absolute;inset:0 0 auto}.clip35-caption strong{font-size:clamp(20px,2vw,30px);font-weight:600;display:block}.clip35-caption>span{color:#c6dedd;margin-top:5px;font-size:clamp(12px,1vw,16px);display:block}.clip35-playback{gap:8px;display:flex;position:absolute;bottom:12px;right:14px}.clip35-playback span{color:#d6ece8;background:#102a35db;border:1px solid #9be2d94a;border-radius:6px;padding:7px 11px;font-size:12px}@media (max-width:650px){.clip35-caption{padding:12px 14px 24px}}.clip35-film .tower-film-frame video{position:absolute;inset:0}.clip35-film .tower-film-frame video[data-shown=false]{visibility:hidden}.tower-film.clip35-film{background:#06121e;container-type:size}.clip35-film .tower-film-statements{letter-spacing:0;word-spacing:.25em;color:#e3f3f2;flex-wrap:wrap;flex-shrink:0;column-gap:.6em;margin:0;padding:clamp(18px,3.4cqi,52px) clamp(18px,4cqi,64px) clamp(10px,1.8cqi,28px);font-family:Study Inter,Inter,sans-serif;font-size:clamp(22px,3.9cqi,64px);font-weight:600;line-height:1.16;display:flex}.clip35-film .tower-film-statement{opacity:0;transform:translateY(8px)}.clip35-film .tower-film-statement:first-child{transform:translate(-18px)}.clip35-film .tower-film-statement[data-shown=true]{opacity:1;transition:opacity .35s cubic-bezier(.25,.46,.45,.94),transform .35s cubic-bezier(.25,.46,.45,.94);transform:none}.clip35-film .tower-film-window{flex-shrink:0;position:relative;overflow:hidden}.clip35-film .tower-film-frame{aspect-ratio:16/9;max-width:none;position:absolute}.clip35-film .tower-film-frame video{-webkit-mask-image:var(--art-fade);mask-image:var(--art-fade);-webkit-mask-composite:source-in;mask-composite:intersect}@media (prefers-reduced-motion:reduce){.clip35-film .tower-film-statement[data-shown=true]{transition:none}}.clip35-film .tower-hotspot-label{white-space:normal;text-align:center;opacity:1;background:#06121ef2;border-color:#9dfbe64d;max-width:calc(100% + 16px);padding:3px 6px;font-size:12px;line-height:1.25;top:0}.tower-system-labels{display:none}@container (max-width:600px) or (max-height:440px){.clip35-film .tower-hotspot-label{display:none}.tower-system-labels{flex-shrink:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px;padding:0 16px 4px;display:grid}.tower-system-labels[data-ready=false]{visibility:hidden}.clip35-film .tower-system-labels button{grid-column:var(--label-column);grid-row:var(--label-row);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;min-height:44px;padding:0;display:flex}.clip35-film .tower-system-labels button span{color:#e4fff6;background:#09242b;border:1px solid #9dfbe633;border-radius:4px;flex:1;min-width:0;min-height:24px;padding:3px 6px;font:500 12px/1.25 Study Inter,Inter,sans-serif}.clip35-film .tower-system-labels button:hover,.clip35-film .tower-system-labels button:focus-visible{outline:none}.clip35-film .tower-system-labels button:hover span,.clip35-film .tower-system-labels button:focus-visible span{outline-offset:1px;background:#12343d;outline:2px solid #9dfbe6}}@container (min-width:601px) and (max-height:440px){.tower-system-labels{grid-template-columns:repeat(5,minmax(0,1fr));gap:0 8px}.clip35-film .tower-system-labels button{grid-area:auto}}