.dv-stage{--px:0;--py:0;--dv-r:clamp(6px, 1.25cqi, 12px);--dv-bar:clamp(22px, 3.7cqi, 32px);--dv-shadow:0 30px 60px -22px #000000b8, 0 12px 26px -14px #0000008c;aspect-ratio:3/2;width:100%;display:block;position:relative;container-type:inline-size}.dv-stage *,.dv-stage :before,.dv-stage :after{box-sizing:border-box}.dv-glow{pointer-events:none;opacity:.62;background:radial-gradient(64% 52% at 54% 56%, color-mix(in oklab, var(--blue) 62%, transparent), transparent 72%);transition:opacity .9s var(--ease);position:absolute;inset:-10% 0 -8%}.dv-rig{transform-origin:50% 55%;transition:transform .9s var(--ease);display:block;position:absolute;inset:0}.dv-browser{border-radius:var(--dv-r);background:var(--media);width:90%;box-shadow:0 0 0 1px var(--line-2), var(--dv-shadow);flex-direction:column;display:flex;position:absolute;top:0;left:0;overflow:hidden}.dv-stage.is-browser .dv-browser{width:100%}.dv-stage.flip .dv-browser{left:auto;right:0}.dv-bar{height:var(--dv-bar);background:color-mix(in oklab, var(--navy) 90%, var(--fg));border-bottom:1px solid var(--line);flex:none;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px;padding:0 clamp(8px,1.7cqi,14px);display:grid}.dv-dots{align-items:center;gap:clamp(4px,.75cqi,6px);display:flex}.dv-dots i{aspect-ratio:1;background:var(--line-3);border-radius:50%;width:clamp(6px,.95cqi,8px);display:block}.dv-url{white-space:nowrap;max-width:100%;height:calc(var(--dv-bar) - 8px);background:var(--fill-2);border:1px solid var(--line);min-height:16px;font-family:var(--mono);letter-spacing:.04em;color:var(--w65);border-radius:999px;justify-self:center;align-items:center;padding:0 clamp(10px,2.2cqi,22px);font-size:11px;line-height:1;display:inline-flex;overflow:hidden}.dv-end{justify-self:end;align-items:center;gap:10px;min-width:0;display:flex}.dv-ticks{gap:3px;display:flex}.dv-ticks i{background:var(--line-3);width:10px;height:2px;transition:background-color .6s var(--ease);display:block}.dv-ticks i.on{background:var(--fg)}.dv-ext{color:var(--w65);transition:color .3s var(--ease);font-size:12px;line-height:1}.dv-ext.solo{border:1px solid var(--line-2);background:rgb(var(--bg-rgb) / .78);width:28px;height:28px;color:var(--fg);place-items:center;display:grid;position:absolute;top:0;right:0}.dv-stage.flip .dv-ext.solo{left:0;right:auto}.dv-screen{aspect-ratio:16/10;background:var(--media);display:block;position:relative;overflow:hidden;container-type:size}.dv-shot{--lb:3cqi;opacity:0;transition:opacity 1.4s var(--ease);display:block;position:absolute;inset:0;overflow:hidden}.dv-pview .dv-shot{--lb:4.5cqi}.dv-shot.on{opacity:1}.dv-shot:before{content:"";pointer-events:none;background:var(--q,none) top center / cover no-repeat;filter:blur(var(--lb));transform-origin:50% 0;position:absolute;inset:0;transform:scale(1.06)}.dv-pic{display:block;position:absolute;inset:0}.dv-screen img,.dv-pview img{object-fit:cover;object-position:top center;width:100%;height:100%;display:block;position:absolute;inset:0}.dv-screen .dv-shot.long img{object-fit:fill;height:auto;transition:transform 1.2s var(--ease)}.dv-stage.live .dv-screen .dv-shot.long.on img{transition:transform 7s var(--ease) .9s;transform:translateY(calc(100cqh - 100%))}.dv-stage.live.cycles .dv-screen .dv-shot.long.on img{transition:transform 3.6s var(--ease) .7s}@media (scripting:enabled){.dv-shot:not([data-dv]):not([data-now]) .dv-pic,.dv-shot[data-dv=x] .dv-pic{opacity:0;filter:blur(var(--lb));scale:1.02}.dv-shot[data-now] .dv-pic{transition:none}.dv-shot[data-dv=in] .dv-pic{transition:opacity .7s var(--ease), scale .9s var(--ease), filter .8s var(--ease)}.dv-shot[data-dv=in][data-beat] .dv-pic{transition-delay:.14s}.dv-shot[data-dv=q] .dv-pic{transition:opacity .24s var(--ease)}}.dv-tablet{--tb:clamp(7px, 2.2cqi, 22px);width:100%;padding:var(--tb);border-radius:calc(var(--tb) * 1.7);background:color-mix(in oklab, var(--navy) 62%, var(--bg));box-shadow:0 0 0 1px var(--line-3), inset 0 0 0 1px #ffffff0f, var(--dv-shadow);display:block;position:absolute;top:0;left:0}.dv-tablet .dv-screen{border-radius:calc(var(--tb) * .5)}.dv-cam{left:50%;top:calc(var(--tb) / 2);aspect-ratio:1;width:clamp(3px,.6cqi,6px);box-shadow:0 0 0 1px var(--line-2);background:#000;border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.dv-tablet .dv-ticks{left:50%;bottom:calc(var(--tb) / 2 - 1px);position:absolute;transform:translate(-50%)}.dv-par{pointer-events:none;display:block;position:absolute;inset:0}.dv-phone{--pw:19.5;width:calc(var(--pw) * 1%);aspect-ratio:418/872;border-radius:calc(var(--pw) * .135cqi);background:color-mix(in oklab, var(--navy) 62%, var(--bg));box-shadow:0 0 0 1px var(--line-3), inset 0 0 0 1px #ffffff0f, var(--dv-shadow);transition:transform .9s var(--ease);display:block;position:absolute;bottom:0;right:0;container-type:inline-size}.dv-stage.flip .dv-phone{left:0;right:auto}.dv-pscreen{background:var(--bg);border-radius:10cqi;flex-direction:column;display:flex;position:absolute;inset:3.35cqi;overflow:hidden}.dv-status{background:var(--bg);flex:none;place-items:center;height:5.6%;display:grid}.dv-status i{width:29%;height:56%;box-shadow:0 0 0 1px var(--line);background:#000;border-radius:999px;display:block}.dv-pview{flex:1;min-height:0;display:block;position:relative;overflow:hidden}.dv-stage.is-phone .dv-phone{--pw:29.6;inset:1.5% auto auto 9%}.dv-stage.is-phone .dv-browser{opacity:.55;width:72%;top:9%;left:auto;right:0}.dv-stage.is-phone.flip .dv-phone{left:auto;right:9%}.dv-stage.is-phone.flip .dv-browser{left:0;right:auto}.dv-plate{border-radius:var(--dv-r);color:var(--fg);background:linear-gradient(140deg, color-mix(in oklab, var(--navy) 78%, var(--blue)), var(--navy) 46%, color-mix(in oklab, var(--navy) 60%, var(--bg)));box-shadow:0 0 0 1px var(--line-2), var(--dv-shadow);grid-template-rows:auto minmax(0,1fr) auto;gap:clamp(10px,2.6cqi,28px);padding:clamp(16px,4.6cqi,46px);display:grid;position:absolute;inset:0 0 2%;overflow:hidden}.dv-plate:before,.dv-plate:after{content:"";pointer-events:none;position:absolute;inset:0}.dv-plate:before{background:radial-gradient(circle,#ffffff57 0 1px,#0000 1.6px) 0 0/clamp(12px,2.4cqi,22px) clamp(12px,2.4cqi,22px);-webkit-mask-image:radial-gradient(62% 86% at 84% 34%,#000,#0000 74%);mask-image:radial-gradient(62% 86% at 84% 34%,#000,#0000 74%)}.dv-plate:after{background:repeating-radial-gradient(circle at 84% 34%, transparent 0 calc(6.2cqi - 1px), var(--line) calc(6.2cqi - 1px) 6.2cqi);-webkit-mask-image:radial-gradient(46% 70% at 84% 34%,#000 30%,#0000 78%);mask-image:radial-gradient(46% 70% at 84% 34%,#000 30%,#0000 78%)}.dv-plate>*{z-index:1;position:relative}.dv-plate-top{justify-content:space-between;align-items:center;gap:12px;min-height:14px;display:flex}.dv-cue{border:1px solid var(--line-2);background:rgb(var(--bg-rgb) / .35);font-family:var(--mono);letter-spacing:var(--track-kicker);text-transform:uppercase;color:var(--w85);justify-content:center;align-items:center;padding:6px 8px;font-size:11px;line-height:1;display:inline-flex}.dv-lock{flex:none;width:11px;height:13px;display:block}.dv-type{font-family:var(--mono);letter-spacing:var(--track-kicker);text-transform:uppercase;color:var(--w65);font-size:11px;line-height:1}.dv-rings{min-height:0;display:block}.dv-caption{border-top:1px solid var(--line-2);max-width:13em;font-family:var(--display);letter-spacing:-.035em;text-wrap:balance;padding-top:clamp(12px,3cqi,28px);font-size:clamp(1.3rem,6.4cqi,3.5rem);font-weight:700;line-height:1;display:block}.dv-stage.is-app .dv-phone{--pw:29.6;margin-left:-14.8%;inset:1.5% auto auto 50%}.dv-pview.dv-app{color:var(--fg);background:linear-gradient(160deg, color-mix(in oklab, var(--navy) 78%, var(--blue)), var(--navy) 52%, color-mix(in oklab, var(--navy) 60%, var(--bg)));grid-template-rows:auto minmax(0,1fr) auto;gap:6cqi;padding:9cqi 8cqi 11cqi;display:grid}.dv-app:before,.dv-app:after{content:"";pointer-events:none;position:absolute;inset:0}.dv-app:before{background:radial-gradient(circle,#ffffff57 0 1px,#0000 1.6px) 0 0/7cqi 7cqi;-webkit-mask-image:radial-gradient(90% 46% at 50% 44%,#000,#0000 76%);mask-image:radial-gradient(90% 46% at 50% 44%,#000,#0000 76%)}.dv-app:after{background:repeating-radial-gradient(circle at 50% 44%, transparent 0 calc(12cqi - 1px), var(--line) calc(12cqi - 1px) 12cqi);-webkit-mask-image:radial-gradient(70% 36% at 50% 44%,#000 30%,#0000 80%);mask-image:radial-gradient(70% 36% at 50% 44%,#000 30%,#0000 80%)}.dv-app>*{z-index:1;position:relative}.dv-app .dv-type{font-size:clamp(8px,4.6cqi,11px)}.dv-app-name{border-top:1px solid var(--line-2);overflow-wrap:break-word;font-family:var(--display);letter-spacing:-.035em;padding-top:6cqi;font-size:clamp(1rem,14cqi,2.6rem);font-weight:700;line-height:1;display:block}@media (min-width:1024px){.dv-stage{perspective:1700px}.dv-rig{transform:rotateY(6.5deg)rotateX(1.6deg)}.dv-stage.flip .dv-rig{transform:rotateY(-6.5deg)rotateX(1.6deg)}.dv-glow{transform:translate3d(0, calc(var(--py) * 30px), 0) scale(calc(1 + var(--px) * .06))}.dv-par{transform:translate3d(calc(var(--px) * -34px), calc(var(--py) * -44px), 0)}.dv-stage.is-phone .dv-browser{transform:translate3d(calc(var(--px) * 26px), calc(var(--py) * 30px), 0)}:is(a,.reel-panel,.dv-host):hover .dv-rig,a:focus-visible .dv-rig{transform:rotateY(1.2deg)rotateX(.3deg)}:is(a,.reel-panel,.dv-host):hover .dv-stage.flip .dv-rig,a:focus-visible .dv-stage.flip .dv-rig{transform:rotateY(-1.2deg)rotateX(.3deg)}:is(a,.reel-panel,.dv-host):hover .dv-glow,a:focus-visible .dv-glow{opacity:.85}:is(a,.reel-panel,.dv-host):hover .dv-phone,a:focus-visible .dv-phone{transform:translateY(-1.6%)}a:hover .dv-ext,a:focus-visible .dv-ext{color:var(--fg)}}@media (max-width:1023.98px){.dv-phone{--pw:21}.dv-stage:is(.is-phone,.is-app){aspect-ratio:5/4}.dv-stage.is-phone .dv-browser{display:none}.dv-stage:is(.is-phone,.is-app) .dv-phone,.dv-stage.is-phone.flip .dv-phone{--pw:38.3;margin-left:-19.15%;left:50%;right:auto}}@media (prefers-reduced-motion:reduce){.dv-rig,.dv-glow,.dv-phone,.dv-ticks i,.dv-shot,.dv-screen img,.dv-pview img{transition:none!important}.dv-glow,.dv-par,.dv-stage.is-phone .dv-browser{transform:none!important}.dv-stage.live .dv-screen .dv-shot.long.on img{transform:none}.dv-shot .dv-pic{filter:none!important;scale:none!important}.dv-shot[data-dv] .dv-pic{transition:opacity .2s linear!important}}