.dv-page-head{padding-top:clamp(8rem,14vw,11rem);padding-bottom:clamp(2.5rem,5vw,4rem)}.dv-filter{border-block:1px solid var(--dv-line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem 2rem;margin-bottom:clamp(2.5rem,5vw,4rem);padding-block:1.25rem;display:flex}.dv-chip-count{font-family:var(--dv-font-mono);opacity:.7;margin-inline-start:.35rem;font-size:.7rem}.dv-filter-tools{align-items:center;gap:1.25rem;display:flex}.dv-views{border:1px solid var(--dv-line);border-radius:999px;padding:3px;display:inline-flex}.dv-views button{width:34px;height:30px;color:var(--dv-muted);cursor:pointer;transition:color var(--dv-dur-ui), background-color var(--dv-dur-ui);background:0 0;border:0;border-radius:999px;place-items:center;display:grid}.dv-views button:hover{color:var(--dv-fg)}.dv-views button[aria-pressed=true]{background:var(--dv-fg);color:var(--dv-bg)}@media (pointer:coarse){.dv-views button{width:44px;height:40px}}.dv-pgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem .75rem;list-style:none;display:grid}@media (min-width:640px){.dv-pgrid{gap:2.5rem var(--dv-gutter)}}@media (min-width:1024px){.dv-pgrid{gap:3.5rem var(--dv-gutter);grid-template-columns:repeat(3,minmax(0,1fr))}}.dv-pgrid .dv-device:not(:has(>.dv-phone)){padding:0}.dv-pgrid .dv-show-meta{grid-template-columns:2rem minmax(0,1fr) auto}.dv-pgrid .dv-show-meta>:nth-child(3){display:none}@media (max-width:639.98px){.dv-pgrid .dv-show{gap:.6rem}.dv-pgrid .dv-browser-bar{height:18px;padding-inline:7px}.dv-pgrid .dv-dots{gap:4px}.dv-pgrid .dv-dots i{width:5px;height:5px}.dv-pgrid .dv-url{display:none}.dv-pgrid .dv-browser .dv-screen{aspect-ratio:4/3}.dv-pgrid .dv-show-meta{grid-template-columns:minmax(0,1fr);gap:0;padding-top:.6rem}.dv-pgrid .dv-show-meta>.dv-label:first-child,.dv-pgrid .dv-show-meta .dv-arrow{display:none}.dv-pgrid .dv-show-meta .dv-h3{font-size:1rem}.dv-pgrid .dv-show-meta .dv-small{font-size:.75rem}.dv-pgrid .dv-tag{padding:.1rem .35rem;font-size:.58rem}}.dv-plist{border-top:1px solid var(--dv-line);list-style:none}.dv-prow{border-bottom:1px solid var(--dv-line);color:var(--dv-fg);transition:padding var(--dv-dur-ui) var(--dv-ease-out), background-color var(--dv-dur-ui);grid-template-columns:3rem minmax(0,1.1fr) minmax(0,1fr) 11rem 1.5rem;grid-template-areas:"no title sub cat arrow";align-items:center;gap:1.5rem;padding-block:1.4rem;text-decoration:none;display:grid}.dv-prow-thumb{grid-area:thumb;display:none}.dv-prow-no{grid-area:no}.dv-prow-title{flex-wrap:wrap;grid-area:title;align-items:center;gap:.25rem .75rem;min-width:0;display:flex}.dv-prow-title .dv-h3{transition:color var(--dv-dur-ui);font-size:clamp(1.25rem,1.9vw,1.75rem)}.dv-prow-sub{color:var(--dv-muted);white-space:nowrap;text-overflow:ellipsis;grid-area:sub;overflow:hidden}.dv-prow-cat{grid-area:cat}.dv-prow .dv-arrow{color:var(--dv-muted);transition:color var(--dv-dur-ui), translate var(--dv-dur-ui) var(--dv-ease-out);grid-area:arrow}.dv-prow:hover,.dv-prow:focus-visible{background:#f1f0eb06;padding-inline-start:.75rem}.dv-prow:hover .dv-h3,.dv-prow:focus-visible .dv-h3,.dv-prow:hover .dv-arrow{color:var(--dv-accent)}.dv-prow:hover .dv-arrow{translate:4px}[dir=rtl] .dv-prow:hover .dv-arrow{translate:-4px}.dv-plist-peek{z-index:40;pointer-events:none;opacity:0;width:min(360px,28vw);transition:opacity .2s, scale .3s var(--dv-ease-out), transform .35s var(--dv-ease-out);position:fixed;top:0;left:0;scale:.94;box-shadow:0 30px 70px #0000008c}.dv-plist-peek[data-on]{opacity:1;scale:1}.dv-plist-peek .dv-screen>*{opacity:0;transition:opacity .25s;position:absolute;inset:0}.dv-plist-peek .dv-screen>[data-on]{opacity:1}.dv-plist-peek .dv-screen img{object-fit:cover;object-position:top;width:100%;height:100%}@media (hover:none),(max-width:1023.98px){.dv-plist-peek{display:none}.dv-prow{grid-template-columns:84px minmax(0,1fr) 1.25rem;grid-template-areas:"thumb title arrow""thumb cat arrow";gap:.3rem 1rem;padding-block:.85rem}.dv-prow:hover,.dv-prow:focus-visible{padding-inline-start:0}.dv-prow-no,.dv-prow-sub{display:none}.dv-prow-thumb{aspect-ratio:4/3;border:1px solid var(--dv-line);background:var(--dv-ink-2);display:block;overflow:hidden}.dv-prow-thumb img{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.dv-prow-title{align-self:end}.dv-prow-title .dv-h3{font-size:1.05rem}.dv-prow-cat{align-self:start}}@media (prefers-reduced-motion:reduce){.dv-plist-peek,.dv-prow{transition:opacity .2s}}.dv-crumbs{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:2.5rem;display:flex}.dv-crumbs a{color:var(--dv-muted);text-decoration:none}.dv-crumbs a:hover{color:var(--dv-fg)}.dv-proj-head{gap:2.5rem;margin-bottom:clamp(3rem,6vw,5rem);display:grid}@media (min-width:1024px){.dv-proj-head{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:end}}.dv-specs{border-top:1px solid var(--dv-line);display:grid}.dv-specs>div{border-bottom:1px solid var(--dv-line);grid-template-columns:8rem minmax(0,1fr);gap:1rem;padding-block:.9rem;display:grid}.dv-specs dd{margin:0}.dv-stage .dv-device{padding-inline-end:clamp(1.5rem,5%,4rem);padding-bottom:clamp(1.5rem,6%,4rem)}.dv-stage .dv-phone{width:clamp(96px,20%,220px)}.dv-stage-hint{margin-top:1rem}.dv-two{gap:clamp(2.5rem,5vw,4rem);display:grid}@media (min-width:900px){.dv-two{grid-template-columns:repeat(2,minmax(0,1fr))}}.dv-two p{max-width:60ch}.dv-feats{border-top:1px solid var(--dv-line);gap:0;list-style:none;display:grid}@media (min-width:900px){.dv-feats{column-gap:var(--dv-gutter);grid-template-columns:repeat(2,minmax(0,1fr))}}.dv-feats li{border-bottom:1px solid var(--dv-line);align-items:flex-start;gap:.75rem;padding-block:1rem;display:flex}.dv-feats svg{color:var(--dv-accent);flex-shrink:0;margin-top:.3rem}.dv-gallery{gap:var(--dv-gutter);display:grid}@media (min-width:900px){.dv-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}.dv-gallery figure{border:1px solid var(--dv-line);background:var(--dv-ink-2);margin:0;overflow:hidden}.dv-gallery img{width:100%;height:auto;display:block}.dv-next{color:var(--dv-fg);gap:1rem;padding-block:clamp(4rem,9vw,7rem);text-decoration:none;display:grid}.dv-next .dv-h1{transition:color var(--dv-dur-ui)}.dv-next:hover .dv-h1{color:var(--dv-accent)}.dv-results{gap:2rem var(--dv-gutter);border-top:1px solid var(--dv-line);padding-top:2rem;display:grid}@media (min-width:768px){.dv-results{grid-template-columns:repeat(auto-fit,minmax(14rem,1fr))}}.dv-results dt{letter-spacing:-.03em;font-size:clamp(2.5rem,5vw,4rem);line-height:1}.dv-results dd{max-width:28ch;color:var(--dv-mist);margin:.75rem 0 0}.dv-quote{max-width:46rem;margin:0}.dv-results+.dv-quote{margin-top:clamp(4rem,8vw,6rem)}.dv-quote blockquote{margin:0;font-weight:400;line-height:1.25}