.dvx{--dvx-ground:#0b1a2e;--dvx-ground-2:#0e2136;--dvx-line:#2c4a6e;--dvx-line-soft:#1d3552;--dvx-ink:#eaf1f8;--dvx-ink-2:#8fa9c6;--dvx-ink-3:#5f7c9e;--dvx-display:"Bebas Neue", Impact, sans-serif;--dvx-data:"DM Mono", ui-monospace, Menlo, monospace;--dvx-prose:"IBM Plex Sans", system-ui, sans-serif;background:var(--dvx-ground);color:var(--dvx-ink-2);font-family:var(--dvx-prose);min-height:70vh;padding:72px 0}.dvx .sheet{width:min(1240px,100% - 64px);margin:auto}.dvx .sheet-no{font-family:var(--dvx-data);letter-spacing:.18em;color:var(--dvx-ink-3);align-items:center;gap:14px;margin-bottom:18px;font-size:12px;display:flex}.dvx .sheet-no:after{content:"";background:var(--dvx-line-soft);flex:1;height:1px}.dvx h2{font-family:var(--dvx-display);color:var(--dvx-ink);letter-spacing:.025em;max-width:18ch;margin-bottom:16px;font-size:clamp(32px,4.6vw,54px);font-weight:400;line-height:1}.dvx p.lead{max-width:62ch;margin-bottom:8px}.dvx .viewports{grid-template-columns:repeat(3,1fr);gap:22px;margin-top:34px;display:grid}.dvx .vp{border:1px solid var(--dvx-line);padding:14px}.dvx .media{border:1px dashed var(--dvx-line);background:var(--dvx-ground-2);aspect-ratio:16/10;place-items:center;display:grid;position:relative}.dvx .media i{border:1px solid var(--dvx-ink-3);width:10px;height:10px;font-style:normal;position:absolute}.dvx .media i:first-of-type{border-bottom:0;border-right:0;top:8px;left:8px}.dvx .media i:nth-of-type(2){border-bottom:0;border-left:0;top:8px;right:8px}.dvx .media i:nth-of-type(3){border-top:0;border-right:0;bottom:8px;left:8px}.dvx .media i:nth-of-type(4){border-top:0;border-left:0;bottom:8px;right:8px}.dvx .see{border:1px solid var(--dvx-ink);color:var(--dvx-ink);font-family:var(--dvx-data);letter-spacing:.14em;cursor:pointer;text-transform:uppercase;background:0;padding:12px 22px;font-size:11px}.dvx .see:hover{background:var(--dvx-ink);color:var(--dvx-ground)}.dvx .vp h3{font-family:var(--dvx-display);color:var(--dvx-ink);letter-spacing:.025em;margin:16px 0 6px;font-size:20px;font-weight:400}.dvx .vp p{color:var(--dvx-ink-3);margin:0;font-size:13px}.dvx .tag{font-family:var(--dvx-data);letter-spacing:.12em;color:var(--dvx-ink-3);border:1px solid var(--dvx-line);text-transform:uppercase;margin-top:10px;padding:3px 8px;font-size:10px;display:inline-block}@media (max-width:820px){.dvx .viewports{grid-template-columns:1fr}}