.watch-page{--ink:#f4f4ef;--secondary:#92998b;--muted-surface:#1c2019;isolation:isolate;height:100svh;min-height:760px;color:var(--ink);background:#080908;position:relative;overflow:hidden}.watch-page .site-header{background:linear-gradient(#080908 60%,#0000)}.watch-page .pill-nav{color:#a5a8a1;background:#20221f}.watch-page .pill-nav a[data-active=true]{color:#171a13;background:#f0f1eb}.watch-page .pill-nav a:hover{color:#fff;background:#ffffff19}.watch-page .pill-nav a[data-active=true]:hover{color:#171a13;background:#f0f1eb}.watch-floor{--tile-size:clamp(64px,6vw,160px);perspective:100svh;perspective-origin:50% 0;pointer-events:none;z-index:-1;position:absolute;inset:45% 0 0;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 30% 75%,#0000);mask-image:linear-gradient(#0000,#000 30% 75%,#0000)}.watch-floor>div{transform-origin:bottom;background-image:linear-gradient(#68725a26 1px,transparent 1px),linear-gradient(90deg,#68725a26 1px,transparent 1px),conic-gradient(#151812 25%,#0b0e09 0 50%,#151812 0 75%,#0b0e09 0);background-size:var(--tile-size) var(--tile-size),var(--tile-size) var(--tile-size),calc(var(--tile-size)*2) calc(var(--tile-size)*2);opacity:.7;background-position:bottom;width:300%;height:300%;position:absolute;bottom:0;left:-100%;transform:rotateX(66deg)}.watch-orbit{pointer-events:none;z-index:-1;background:radial-gradient(#a1bd6610,#0000 64%);border-radius:50%;width:65vw;height:65vw;position:absolute;top:43%;left:50%;transform:translate(-50%,-50%)}.watch-heading{pointer-events:none;z-index:2;flex-direction:column;justify-content:center;animation:1s .1s both watch-copy-in;display:flex;position:absolute;inset:115px 4.5% 162px}.watch-heading h1,.watch-links{grid-template-columns:minmax(0,1fr) min(35vw,400px) minmax(0,1fr);column-gap:clamp(20px,3vw,72px);display:grid}.watch-heading h1{letter-spacing:-.065em;align-items:end;margin:0;font-size:clamp(38px,4.8vw,104px);font-weight:400;line-height:.98}.watch-title-left{grid-column:1}.watch-title-right{text-align:right;color:#878f7e;grid-column:3}.watch-links{margin-top:25px}.watch-links a{pointer-events:auto;width:fit-content;max-width:100%;font:10px var(--font-mono);text-transform:uppercase;color:#d1dbbf;border-bottom:1px solid #414937;justify-content:space-between;align-items:center;gap:16px;padding:12px 0;line-height:1.6;transition:color .2s,border-color .2s;display:inline-flex}.watch-links a:hover{color:#caff72;border-color:#caff72}.watch-links svg{flex-shrink:0;transition:transform .2s}.watch-links a:hover svg{transform:translate(4px)}.watch-build-link{grid-column:1}.watch-showcase-link{grid-column:3;justify-self:end}.watch-stage{perspective:1300px;justify-content:center;align-items:center;width:min(35vw,400px);display:flex;position:absolute;top:115px;bottom:162px;left:50%;transform:translate(-50%)}.watch-screen-float{aspect-ratio:9/17.3;height:100%;max-height:min(650px,67.2778vw);transform-style:preserve-3d;animation:1.1s cubic-bezier(.16,1,.3,1) both watch-arrive;position:relative}.watch-screen{height:100%;transform-style:preserve-3d;transition:transform .9s cubic-bezier(.2,.7,.2,1);animation:9s ease-in-out 1.1s infinite watch-hover;position:relative;transform:rotateX(4deg)rotateY(-17deg)rotate(2deg)}.watch-screen-face{box-sizing:border-box;backface-visibility:hidden;background:linear-gradient(135deg,#343c2e,#161b12 45%,#303829);border:1px solid #697557;border-radius:16px;flex-direction:column;height:100%;padding:0 8px;display:flex;overflow:hidden;box-shadow:0 0 0 1px #080b06,0 0 0 3px #272e20,12px 20px 45px #0009}.watch-screen-back{pointer-events:none;background:#141a10;border:1px solid #5c684d;border-radius:16px;position:absolute;inset:0;transform:translateZ(-17px);box-shadow:0 25px 90px #000}.watch-screen-edge{transform-origin:0;pointer-events:none;background:linear-gradient(90deg,#5c6750,#20271b);width:18px;position:absolute;top:12px;bottom:12px;right:-8px;transform:rotateY(90deg)}.watch-screen-top,.watch-screen-bottom{color:#b6c2a5;height:27px;font:6px var(--font-mono);letter-spacing:.08em;flex-shrink:0;align-items:center;gap:7px;display:flex}.watch-screen-top>span{background:#737e65;border-radius:50%;width:4px;height:4px}.watch-screen-top>span.is-playing{background:#caff72;box-shadow:0 0 8px #caff72}.watch-screen-bottom{color:#7f8e6e;justify-content:space-between;height:24px;font-size:5px}.watch-video{background:#000;border-radius:6px;flex:1;width:100%;min-height:0;position:relative;overflow:hidden}.watch-video mux-player{--controls:none;--media-object-fit:contain;--media-object-position:center;--dialog:none;width:100%;height:100%;display:block}.watch-screen-play{z-index:2;color:#fff;cursor:pointer;background:0 0;border:0;place-items:center;width:100%;padding:0;display:grid;position:absolute;inset:0}.watch-screen-play>span{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-sizing:border-box;background:#0a100bd9;border:1px solid #d8eac54d;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:14px;width:96px;height:96px;padding:23px 25px;transition:background .2s,transform .2s;display:flex}.watch-screen-play:hover>span{background:#1e2c16e8;transform:scale(1.07)}.watch-screen-play small{font:6px var(--font-mono);letter-spacing:.1em;white-space:nowrap}.watch-rover-mark{font:32px/1 Arial,Helvetica,sans-serif;transition:transform .7s;display:block}.watch-screen-play:is(:hover,:focus-visible) .watch-rover-mark,.watch-play-toggle:is(:hover,:focus-visible) .watch-rover-mark{transform:rotate(180deg)}.watch-play-toggle .watch-rover-mark{font-size:25px}.watch-shadow{filter:blur(19px);opacity:.8;z-index:-1;background:#000;border-radius:50%;width:100%;height:30px;position:absolute;bottom:-30px}.watch-controls-wrap{z-index:5;width:min(620px,100% - 36px);animation:1s .3s both watch-copy-in;position:absolute;bottom:83px;left:50%;transform:translate(-50%)}.watch-controls{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#dfe8d5;background:#20251cdd;border:1px solid #4b553c;border-radius:40px;align-items:center;gap:5px;padding:8px;display:flex;box-shadow:0 15px 40px #0006}.watch-controls button{width:34px;height:34px;color:inherit;background:0 0;border:0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;gap:7px;transition:background .2s,color .2s;display:flex}.watch-controls button:hover:enabled{color:#caff72;background:#ffffff18}.watch-controls .watch-play-toggle{color:#142006;background:#caff72;width:40px;height:40px;margin-right:3px}.watch-controls .watch-play-toggle:hover{color:#142006;background:#d9ffa1}.watch-control-divider{background:#4a513e;flex-shrink:0;width:1px;height:17px;margin:0 4px}.watch-time{font:9px var(--font-mono);font-variant-numeric:tabular-nums;color:#c8d2ba;text-align:center;min-width:28px}.watch-duration{color:#8c987e}.watch-controls input{appearance:none;cursor:pointer;accent-color:#caff72;border-radius:4px;width:100%;min-width:25px;height:3px;margin:0 6px}.watch-controls input::-webkit-slider-thumb{appearance:none;background:#caff72;border-radius:50%;width:9px;height:9px}.watch-controls input::-moz-range-thumb{background:#caff72;border:0;border-radius:50%;width:9px;height:9px}.watch-controls .watch-view-toggle{white-space:nowrap;width:auto;font:8px var(--font-mono);border-radius:20px;padding:0 9px}.watch-error{color:#e5eacb;text-align:center;background:#262c20;border-radius:10px;padding:10px;font-size:12px;line-height:1.5}.watch-error button{color:#caff72;background:0 0;border:0;text-decoration:underline}.watch-page[data-perspective=false] .watch-screen{animation:none;transform:none}.watch-page[data-expanded=true]{z-index:100;height:100dvh;min-height:0;position:fixed;inset:0}.watch-page[data-expanded=true] .site-header,.watch-page[data-expanded=true] .watch-heading{display:none}.watch-page[data-expanded=true] .watch-stage{width:auto;top:25px;bottom:105px}.watch-page[data-expanded=true] .watch-screen-float{max-height:none;animation:none}.watch-page[data-expanded=true] .watch-screen{animation:none;transform:none}.watch-page[data-expanded=true] .watch-controls-wrap{bottom:24px}@keyframes watch-copy-in{0%{opacity:0;translate:0 15px}to{opacity:1;translate:0}}@keyframes watch-arrive{0%{opacity:0;transform:translateY(55px)rotateY(-24deg)scale(.86)}to{opacity:1;transform:translateY(0)rotateY(0)scale(1)}}@keyframes watch-hover{0%,to{transform:rotateX(4deg)rotateY(-17deg)rotate(2deg)translateY(0)}50%{transform:rotateX(2deg)rotateY(-12deg)rotate(1deg)translateY(-9px)}}@media (max-width:1150px) and (min-width:761px){.watch-heading{left:3%;right:3%}.watch-links a{gap:9px;font-size:8px}.watch-page .pill-nav a{padding:13px 11px;font-size:9px}.watch-page .wordmark{font-size:20px}}@media (max-width:760px){.watch-page{min-height:760px}.watch-heading{display:block;inset:101px 25px auto}.watch-heading h1{font-size:32px;line-height:1.02;display:block}.watch-title-left,.watch-title-right{text-align:left;display:block}.watch-title-right br{display:none}.watch-links{justify-content:space-between;gap:18px;margin-top:12px;display:flex}.watch-links a{white-space:nowrap;gap:8px;padding:9px 0;font-size:7px}.watch-links svg{width:12px;height:12px}.watch-stage{width:64vw;max-width:340px;top:264px;bottom:163px}.watch-screen-float{max-height:650px}.watch-screen{transform:rotateX(3deg)rotateY(-12deg)rotate(2deg)}.watch-controls-wrap{bottom:77px}.watch-controls{gap:2px;padding:6px}.watch-controls button{width:27px;height:33px}.watch-controls .watch-play-toggle{width:36px;height:36px}.watch-controls .watch-view-toggle{width:28px;padding:0}.watch-view-toggle>span,.watch-controls .watch-replay,.watch-controls .watch-duration{display:none}.watch-control-divider{margin:0 3px}.watch-time{min-width:25px;font-size:8px}.watch-page[data-expanded=true] .watch-stage{width:auto;max-width:none;top:20px;bottom:105px}.watch-page[data-expanded=true] .watch-screen-float{max-height:none}.watch-screen-float,.watch-screen{animation:none}.watch-screen{transition:none}.watch-screen-face{transform:translateZ(0)}.watch-screen-play>span{-webkit-backdrop-filter:none;backdrop-filter:none}}@media (max-height:740px) and (min-width:761px){.watch-page{min-height:600px}.watch-stage,.watch-heading{top:105px;bottom:140px}.watch-controls-wrap{bottom:70px}}@media (prefers-reduced-motion:reduce){.watch-screen,.watch-screen-float,.watch-heading,.watch-controls-wrap,.watch-rover-mark,.watch-links svg{transition:none;animation:none}.watch-screen,.watch-rover-mark{transform:none!important}}