.vela-player{--vela-accent:#d8ff62;--vela-surface:#080908;--vela-foreground:#fff;--vela-muted:#a5a79f;--vela-radius:0px;--vela-blur:18px;--vela-controls-opacity:.76;--vela-caption-scale:1;--vela-caption-color:#fff;--vela-caption-bg:#080908d1;--vela-caption-edge:0 2px 5px #000000f2;--vela-caption-font:Arial, Helvetica, sans-serif;aspect-ratio:16/9;isolation:isolate;background:var(--vela-surface);width:100%;color:var(--vela-foreground);border-radius:var(--vela-radius);border:1px solid color-mix(in srgb, var(--vela-foreground) 13%, transparent);touch-action:pan-y;outline:none;font-family:Arial,Helvetica,sans-serif;position:relative;overflow:hidden}.vela-player *,.vela-player :before,.vela-player :after{box-sizing:border-box}.vela-player button,.vela-player input{font:inherit}.vela-player button{color:inherit}.vela-player:focus-visible{box-shadow:0 0 0 2px var(--vela-accent)}.vela-video{object-fit:cover;background:#080808;width:100%;height:100%;display:block}.vela-vignette{pointer-events:none;background:linear-gradient(#0000001f,#0000 32% 55%,#000000b3),linear-gradient(90deg,#0003,#0000 38%);transition:opacity .35s;position:absolute;inset:0}.vela-player.has-started:not(.is-controls-visible) .vela-vignette{opacity:.18}.vela-title-block{pointer-events:none;gap:8px;transition:opacity .22s,transform .22s;display:grid;position:absolute;top:clamp(18px,3vw,34px);left:clamp(18px,3vw,34px)}.vela-title-block span{letter-spacing:.2em;color:#ffffff9e;font-size:8px}.vela-title-block strong{letter-spacing:-.02em;font-size:clamp(14px,1.4vw,20px);font-weight:500}.vela-player.has-started:not(.is-controls-visible) .vela-title-block{opacity:0;transform:translateY(-5px)}.vela-engine-badge{letter-spacing:.15em;color:#ffffffa6;align-items:center;gap:7px;font-size:8px;display:flex;position:absolute;top:clamp(18px,3vw,34px);right:clamp(18px,3vw,34px)}.vela-status-dot{background:#777;border-radius:50%;width:5px;height:5px}.vela-status-dot.is-loading{animation:1.1s ease-in-out infinite vela-pulse}.vela-status-dot.is-ready{background:var(--vela-accent)}.vela-status-dot.is-error{background:#ff6969}.vela-player.is-live .vela-status-dot.is-ready{background:#ff4f4f;box-shadow:0 0 0 3px #ff4f4f21}@keyframes vela-pulse{50%{opacity:.25}}.vela-media-badges{flex-wrap:wrap;justify-content:flex-end;gap:5px;max-width:55%;display:flex;position:absolute;top:clamp(42px,5vw,58px);right:clamp(18px,3vw,34px)}.vela-media-badges span{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);letter-spacing:.13em;background:#00000047;border:1px solid #ffffff2b;padding:4px 6px;font-size:7px}.vela-poster-action{cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:14px;padding:0;display:flex;position:absolute;bottom:clamp(18px,3vw,34px);left:clamp(18px,3vw,34px)}.vela-start-icon{aspect-ratio:1;background:var(--vela-accent);color:#0d1007;border-radius:50%;place-items:center;width:clamp(48px,5vw,68px);transition:transform .2s,filter .2s;display:grid}.vela-start-icon svg{width:17px;height:17px;margin-left:2px}.vela-poster-action:hover .vela-start-icon{filter:brightness(1.05);transform:scale(1.06)}.vela-start-copy{gap:5px;display:grid}.vela-start-copy small{letter-spacing:.18em;color:#ffffffab;font-size:8px}.vela-start-copy strong{letter-spacing:.06em;font-size:11px;font-weight:500}.vela-error{text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#080908bd;place-content:center;gap:9px;padding:28px;display:grid;position:absolute;inset:0}.vela-error small{letter-spacing:.18em;color:#ff8585;font-size:8px}.vela-error strong{font-size:14px;font-weight:500}.vela-gesture-hint{z-index:5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);letter-spacing:.09em;pointer-events:none;background:#040404b3;border-radius:999px;padding:11px 14px;font-size:11px;animation:.7s both vela-hint;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes vela-hint{0%{opacity:0;transform:translate(-50%,-50%)scale(.9)}18%,70%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0}}.vela-controls{z-index:4;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;position:absolute;bottom:clamp(14px,2vw,24px);left:clamp(14px,2vw,24px);right:clamp(14px,2vw,24px);transform:translateY(8px)}.vela-player.has-started.is-controls-visible .vela-controls{opacity:1;pointer-events:auto;transform:none}.vela-timeline-wrap{align-items:flex-end;height:26px;display:flex;position:relative}.vela-timeline{background:#ffffff38;height:4px;position:absolute;bottom:0;left:0;right:0;overflow:visible}.vela-buffered,.vela-progress{pointer-events:none;position:absolute;top:0;bottom:0;left:0}.vela-buffered{background:#ffffff47}.vela-progress{background:var(--vela-accent)}.vela-chapter-marker{background:#080908b8;width:1px;position:absolute;top:-2px;bottom:-2px;transform:translate(-.5px);box-shadow:0 0 0 1px #ffffff3d}.vela-seek-input{opacity:0;cursor:pointer;width:100%;height:26px;margin:0;position:absolute;inset:0}.vela-preview{aspect-ratio:16/9;pointer-events:none;background:#0b0b0b;border:1px solid #ffffff2e;width:clamp(118px,18vw,200px);position:absolute;bottom:16px;overflow:hidden;transform:translate(-50%);box-shadow:0 15px 44px #0000005c}.vela-preview-image,.vela-preview-empty{background-repeat:no-repeat;width:100%;height:100%}.vela-preview-empty{background:radial-gradient(circle at 50% 35%,#ffffff14,#0000 42%),#10110f}.vela-preview>span{font-variant-numeric:tabular-nums;background:#000000bf;padding:3px 5px;font-size:8px;position:absolute;bottom:6px;right:6px}.vela-control-row{border-radius:0 0 var(--vela-radius) var(--vela-radius);background:color-mix(in srgb, var(--vela-surface) calc(var(--vela-controls-opacity) * 100%), transparent);min-height:48px;-webkit-backdrop-filter:blur(var(--vela-blur)) saturate(1.15);backdrop-filter:blur(var(--vela-blur)) saturate(1.15);border:1px solid #ffffff1f;border-top:0;justify-content:space-between;align-items:center;gap:8px;padding:5px 8px;display:flex}.vela-control-group{align-items:center;min-width:0;display:flex}.vela-control-group.right{margin-left:auto}.vela-icon-button,.vela-settings-button{border-radius:max(2px, calc(var(--vela-radius) * .35));color:#ffffffc7;cursor:pointer;background:0 0;border:0;place-items:center;min-width:34px;height:34px;transition:color .16s,background .16s;display:grid}.vela-icon-button:hover,.vela-icon-button.is-active,.vela-settings-button:hover,.vela-settings-button.is-active{color:#fff;background:#ffffff14}.vela-icon-button.primary{color:var(--vela-accent)}.vela-volume-cluster{align-items:center;display:flex}.vela-volume-input{opacity:0;width:0;accent-color:var(--vela-accent);margin:0;transition:width .18s,opacity .18s,margin .18s}.vela-volume-cluster:hover .vela-volume-input,.vela-volume-input:focus-visible{opacity:1;width:62px;margin-right:8px}.vela-timecode{white-space:nowrap;color:#ffffffad;font-variant-numeric:tabular-nums;align-items:center;gap:6px;padding-left:5px;font-size:9px;display:flex}.vela-timecode i{color:#ffffff47;font-style:normal}.vela-current-chapter{text-overflow:ellipsis;white-space:nowrap;color:#ffffff94;letter-spacing:.05em;max-width:min(22vw,180px);margin-left:10px;font-size:8px;overflow:hidden}.vela-live-button{color:#ffffffad;cursor:pointer;letter-spacing:.08em;background:0 0;border:0;align-items:center;gap:6px;height:30px;margin-left:6px;padding:0 8px;font-size:8px;display:flex}.vela-live-button span{background:#ff4f4f;border-radius:50%;width:6px;height:6px}.vela-live-button.is-live-edge{color:#fff}.vela-live-button.is-live-edge span{box-shadow:0 0 0 3px #ff4f4f26}.vela-settings-menu{position:relative}.vela-settings-button{letter-spacing:.08em;grid-template-columns:auto 18px;gap:6px;padding:0 7px 0 9px;font-size:8px}.vela-settings-button svg{width:15px;height:15px}.vela-popover{z-index:10;border-radius:max(4px,var(--vela-radius));background:color-mix(in srgb, var(--vela-surface) 94%, transparent);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);scrollbar-width:thin;border:1px solid #ffffff24;width:min(310px,100vw - 42px);max-height:min(68vh,520px);padding:8px;position:absolute;bottom:42px;right:0;overflow:auto;box-shadow:0 22px 60px #0000006b}.vela-settings-popover section{border-bottom:1px solid #ffffff14;gap:2px;padding:6px 0 9px;display:grid}.vela-settings-popover section:last-child{border-bottom:0}.vela-settings-popover section>span{color:color-mix(in srgb, var(--vela-muted) 78%, transparent);letter-spacing:.17em;padding:6px 8px;font-size:7px}.vela-settings-popover button{color:#aaa;text-align:left;cursor:pointer;background:0 0;border:0;min-height:30px;padding:6px 8px;font-size:10px}.vela-settings-popover button small{float:right;color:#666;margin-left:12px;font-size:8px}.vela-settings-popover button:hover,.vela-settings-popover button.selected{color:#fff;background:#ffffff12}.vela-settings-popover button.selected:after{content:"•";float:right;color:var(--vela-accent);margin-left:8px}.vela-settings-popover button.selected small{float:none;margin-left:8px}.vela-speed-grid{grid-template-columns:repeat(4,1fr);gap:3px;padding:0 5px;display:grid}.vela-speed-grid button{text-align:center;padding:6px 3px}.vela-speed-grid button.selected:after{content:none}.vela-setting-label{color:#62665e;letter-spacing:.14em;padding:7px 8px 2px;font-size:7px}.vela-shortcuts p{color:#747870;margin:2px 8px;font-size:8px;line-height:1.55}.vela-shortcuts kbd{color:#bbb;min-width:19px;font:inherit;background:#ffffff0d;border:1px solid #ffffff24;border-radius:2px;place-items:center;margin-right:2px;padding:2px 4px;display:inline-grid}.vela-player::cue{color:var(--vela-caption-color);background:var(--vela-caption-bg);font-family:var(--vela-caption-font);font-size:calc(14px * var(--vela-caption-scale));text-shadow:var(--vela-caption-edge);line-height:1.42}@media (max-width:650px){.vela-player{aspect-ratio:10/7}.vela-title-block{top:16px;left:16px}.vela-engine-badge{top:16px;right:16px}.vela-media-badges{top:38px;right:16px}.vela-poster-action{bottom:16px;left:16px}.vela-controls{bottom:8px;left:8px;right:8px}.vela-control-row{padding-inline:4px}.vela-timecode span:last-child,.vela-timecode i,.vela-current-chapter,.vela-volume-input,.desktop-only{display:none}.vela-icon-button{width:31px;min-width:31px}.vela-settings-button>span{display:none}.vela-settings-button{grid-template-columns:18px;min-width:31px;padding:0}.vela-popover{width:auto;max-height:60vh;position:fixed;bottom:62px;left:12px;right:12px}}@media (prefers-reduced-motion:reduce){.vela-player *,.vela-player :before,.vela-player :after{transition-duration:.01ms!important;animation-duration:.01ms!important}}
:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page:#080908;--surface:#11120f;--ink:#f4f3ec;--muted:#989b91;--hairline:#ffffff21}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--page)}body{background:radial-gradient(circle at 78% 4%,#7c925c1f,transparent 28rem),var(--page);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Arial,Helvetica,sans-serif}button,input,select{font:inherit}button{color:inherit}a{color:inherit;text-decoration:none}.site-shell{min-height:100vh;overflow:hidden}.site-header{border-bottom:1px solid var(--hairline);justify-content:space-between;align-items:center;height:78px;padding:0 clamp(20px,4vw,64px);display:flex}.wordmark{letter-spacing:.22em;align-items:center;gap:10px;font-size:12px;font-weight:700;display:inline-flex}.wordmark-mark{color:#d8ff62;font-size:18px;line-height:1;transform:rotate(-18deg)}.build-label,.stage-meta,.section-index,.spec-strip,.eyebrow,.studio-toolbar,.hero-capabilities{text-transform:uppercase;letter-spacing:.16em;font-size:10px}.build-label{color:#6f7269}.hero{grid-template-columns:minmax(230px,.72fr) minmax(0,1.8fr);align-items:start;gap:clamp(38px,7vw,120px);width:min(1580px,100%);margin:0 auto;padding:clamp(60px,8vw,124px) clamp(20px,4vw,64px) 96px;display:grid}.hero-copy{padding-top:clamp(30px,5vw,72px);position:sticky;top:90px}.eyebrow{color:#82867b;margin:0 0 24px}.hero h1{letter-spacing:-.065em;margin:0;font-size:clamp(52px,6.4vw,112px);font-weight:500;line-height:.9}.lede{color:#a5a79f;max-width:420px;margin:34px 0 0;font-size:14px;line-height:1.65}.hero-capabilities{color:#73766e;flex-wrap:wrap;gap:8px;margin-top:28px;display:flex}.hero-capabilities span{border:1px solid var(--hairline);padding:7px 9px}.player-stage{min-width:0}.vela-studio{gap:0;display:grid}.studio-toolbar{color:#676b63;border:1px solid var(--hairline);border-bottom:0;justify-content:space-between;align-items:center;gap:14px;min-height:42px;padding:0 10px;display:flex}.studio-protocol-switch{gap:2px;display:flex}.studio-protocol-switch button{color:#777b72;letter-spacing:.12em;cursor:pointer;background:0 0;border:0;min-width:58px;height:28px;font-size:8px}.studio-protocol-switch button.is-active{color:#fff;background:#ffffff14}.stage-meta{color:#71746c;justify-content:space-between;gap:16px;padding:14px 2px 0;display:flex}.theme-lab{border-top:1px solid var(--hairline);margin-top:54px;padding-top:28px}.theme-lab-heading{justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.theme-lab-heading .eyebrow{margin-bottom:10px}.theme-lab-heading h2{letter-spacing:-.045em;margin:0;font-size:clamp(28px,3vw,44px);font-weight:500}.copy-config{border:1px solid var(--hairline);color:#9da098;letter-spacing:.13em;cursor:pointer;background:0 0;min-height:34px;padding:0 12px;font-size:8px}.copy-config:hover{color:#fff;background:#ffffff0f}.theme-controls{border-top:1px solid var(--hairline);border-left:1px solid var(--hairline);grid-template-columns:repeat(2,minmax(0,1fr));margin-top:26px;display:grid}.theme-controls label{border-right:1px solid var(--hairline);border-bottom:1px solid var(--hairline);grid-template-columns:1fr auto;align-items:center;gap:8px 14px;min-height:72px;padding:12px 14px;display:grid}.theme-controls label>span{color:#898d83;font-size:10px}.theme-controls input[type=color]{border:1px solid var(--hairline);background:0 0;width:28px;height:28px;padding:0}.theme-controls input[type=range]{accent-color:#d8ff62;grid-column:1/-1;width:100%}.theme-controls code{color:#646860;font:9px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace}.theme-config{border:1px solid var(--hairline);color:#858980;white-space:pre-wrap;background:#0b0c0a;max-height:300px;margin:18px 0 0;padding:18px;font:10px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;overflow:auto}.principles,.embed-section,.distribution-section{border-top:1px solid var(--hairline);grid-template-columns:minmax(110px,.4fr) minmax(0,2fr);gap:34px;padding:72px clamp(20px,4vw,64px) 100px;display:grid}.section-index{color:#62655d}.principle-grid{grid-template-columns:repeat(3,1fr);gap:clamp(24px,5vw,72px);display:grid}.principle-grid article{border-top:1px solid var(--hairline);padding-top:15px}.principle-grid article>span{color:#676a62;font-size:9px}.principle-grid h2{letter-spacing:-.045em;margin:40px 0 16px;font-size:clamp(24px,2.4vw,38px);font-weight:500}.principle-grid p,.embed-copy p,.distribution-copy p{color:#8d9087;max-width:480px;margin:0;font-size:12px;line-height:1.7}.embed-section,.distribution-section{grid-template-columns:minmax(110px,.4fr) minmax(260px,.85fr) minmax(320px,1.1fr);align-items:start}.embed-copy h2,.distribution-copy h2{letter-spacing:-.05em;margin:0 0 18px;font-size:clamp(30px,3.2vw,54px);font-weight:500}.embed-code,.distribution-code{border:1px solid var(--hairline);color:#969a91;white-space:pre-wrap;background:#0b0c0a;margin:0;padding:20px;font:10px/1.65 ui-monospace,SFMono-Regular,Menlo,monospace;overflow:auto}.spec-strip{border-top:1px solid var(--hairline);color:#62655d;white-space:nowrap;scrollbar-width:none;justify-content:space-between;align-items:center;gap:24px;min-height:70px;padding:0 clamp(20px,4vw,64px);display:flex;overflow-x:auto}.spec-strip::-webkit-scrollbar{display:none}.embed-shell{background:#080908;place-items:center;min-height:100svh;margin:0;display:grid}.embed-shell .vela-player{aspect-ratio:auto;border:0;border-radius:0;width:100%;height:100svh}@media (max-width:960px){.hero{grid-template-columns:1fr}.hero-copy{padding-top:0;position:static}.lede{max-width:600px}.principles,.embed-section,.distribution-section,.principle-grid{grid-template-columns:1fr}.principle-grid h2{margin-top:22px}.embed-code,.distribution-code{margin-top:8px}}@media (max-width:650px){.site-header{height:62px}.build-label,.stage-meta,.studio-toolbar>span{display:none}.hero{gap:44px;padding-top:54px;padding-bottom:64px}.hero h1{font-size:clamp(48px,16vw,74px)}.studio-toolbar{justify-content:flex-start}.theme-controls{grid-template-columns:1fr}.principles,.embed-section,.distribution-section{padding-top:56px;padding-bottom:72px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}