.dv-shows{gap:clamp(3rem, 6vw, 5rem) var(--dv-gutter);list-style:none;display:grid}@media (min-width:1024px){.dv-shows{grid-template-columns:repeat(2,minmax(0,1fr))}.dv-shows[data-lead]>li:first-child{grid-column:1/-1}.dv-shows[data-lead]>li:first-child .dv-browser .dv-screen{aspect-ratio:2}.dv-shows[data-cols="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}.dv-shows[data-cols="3"] .dv-show-meta{grid-template-columns:2rem minmax(0,1fr) auto}.dv-shows[data-cols="3"] .dv-show-meta>:nth-child(3){display:none}}.dv-show{color:var(--dv-fg);gap:1.25rem;text-decoration:none;display:grid}.dv-device{padding-inline-end:clamp(1.5rem,4%,3rem);padding-bottom:clamp(1.5rem,5%,3rem);display:block;position:relative}.dv-browser{border:1px solid var(--dv-line);background:var(--dv-ink-2);transition:border-color var(--dv-dur-ui), transform .8s var(--dv-ease-out);flex-direction:column;display:flex;overflow:hidden}.dv-browser-bar{border-bottom:1px solid var(--dv-line);align-items:center;gap:1rem;height:32px;padding-inline:12px;display:flex}.dv-dots{gap:6px;display:flex}.dv-dots i{border:1px solid #a8b4cc59;border-radius:50%;width:7px;height:7px}.dv-url{text-align:center;border:1px solid var(--dv-line);max-width:22rem;font-family:var(--dv-font-mono);color:var(--dv-muted);white-space:nowrap;text-overflow:ellipsis;flex:1;margin-inline:auto;padding:3px 10px;font-size:.7rem;overflow:hidden}.dv-screen{aspect-ratio:16/10;display:block;position:relative;overflow:hidden}.dv-screen img{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.dv-screen img[data-long]{height:auto;min-height:100%;transition:transform 1.2s var(--dv-ease-in-out);will-change:transform;transform:translateY(0)}.dv-phone{bottom:0;background:var(--dv-ink);border:1px solid #a8b4cc4d;border-radius:18px;width:clamp(84px,19%,168px);padding:5px;position:absolute;inset-inline-end:0;box-shadow:0 24px 60px #00000080}.dv-phone .dv-screen{aspect-ratio:9/19.5;background:var(--dv-ink-2);border-radius:13px}.dv-phone-solo{width:auto;box-shadow:none;inset:7% auto 7% 50%;translate:-50%}.dv-phone-solo .dv-screen{aspect-ratio:9/19.5;height:100%}.dv-tag{font-family:var(--dv-font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--dv-muted);border:1px solid var(--dv-line);vertical-align:middle;border-radius:2px;align-items:center;padding:.2rem .5rem;font-size:.66rem;font-weight:500;line-height:1.2;display:inline-flex}.dv-show-meta{border-top:1px solid var(--dv-line);grid-template-columns:2rem minmax(0,1fr) auto auto;align-items:center;gap:1rem;padding-top:1rem;display:grid}.dv-show .dv-h3{transition:color var(--dv-dur-ui)}.dv-show:hover .dv-h3,.dv-show:focus-visible .dv-h3{color:var(--dv-accent)}.dv-show:hover .dv-browser{border-color:#a8b4cc66}@media (hover:hover){.dv-show:hover .dv-screen img[data-long]{transform:translateY(var(--shift,0));transition-duration:var(--dur,6s);transition-timing-function:linear}}.dv-show[data-play] .dv-screen img[data-long]{transform:translateY(var(--shift,0));transition-duration:var(--dur,6s);transition-timing-function:linear}@media (prefers-reduced-motion:reduce){.dv-screen img[data-long]{transform:none!important}}.dv-fallback{text-align:center;font-family:var(--dv-font-display);color:var(--dv-mist);background:linear-gradient(135deg, var(--dv-ink-2), var(--dv-ink));justify-content:center;align-items:center;padding:1rem;font-size:1.25rem;display:flex;position:absolute;inset:0}.dv-browser{position:relative}.dv-browser:after{content:"";pointer-events:none;opacity:0;transition:opacity var(--dv-dur-ui), inset .6s var(--dv-ease-out);--c:var(--dv-signal);--l:14px;background:linear-gradient(var(--c), var(--c)) top left / var(--l) 1px no-repeat, linear-gradient(var(--c), var(--c)) top left / 1px var(--l) no-repeat, linear-gradient(var(--c), var(--c)) top right / var(--l) 1px no-repeat, linear-gradient(var(--c), var(--c)) top right / 1px var(--l) no-repeat, linear-gradient(var(--c), var(--c)) bottom left / var(--l) 1px no-repeat, linear-gradient(var(--c), var(--c)) bottom left / 1px var(--l) no-repeat, linear-gradient(var(--c), var(--c)) bottom right / var(--l) 1px no-repeat, linear-gradient(var(--c), var(--c)) bottom right / 1px var(--l) no-repeat;position:absolute;inset:8px}.dv-notes{z-index:2;pointer-events:none;justify-items:start;gap:6px;max-width:min(70%,26rem);display:grid;position:absolute;inset-block-end:14px;inset-inline-start:14px}.dv-note{border:1px solid #0ae0d559;border-inline-start:2px solid var(--dv-signal);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--dv-paper);opacity:0;transition:opacity .35s var(--dv-ease-out), transform .5s var(--dv-ease-out);transition-delay:calc(var(--n) * 70ms);background:#080c18e0;gap:2px;padding:7px 11px 8px;display:grid;transform:translate(-10px)}[dir=rtl] .dv-note{transform:translate(10px)}.dv-note .dv-label{color:var(--dv-signal)}.dv-note-v{font-size:.85rem;line-height:1.35}@media (hover:hover){.dv-show:hover .dv-browser:after,.dv-show:focus-visible .dv-browser:after{opacity:1;inset:14px}.dv-show:hover .dv-note,.dv-show:focus-visible .dv-note{opacity:1;transform:none}}@media (max-width:1023px){.dv-notes{display:none}}@media (prefers-reduced-motion:reduce){.dv-note,.dv-browser:after{transition:opacity .2s;transform:none}}.dv-stage .dv-notes{display:none}