.dl-hero { display: grid; gap: 40px; padding-top: 24px; }
.dl-kicker { margin: 0 0 18px; color: var(--muted); font-size: 16px; font-weight: 500; }
.dl-hero .hl-title { margin-bottom: 24px; }
.dl-hero .hl-lede { margin-bottom: 32px; }
@media (min-width: 960px) {
  .dl-hero { grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); align-items: center; gap: 64px; padding-top: 40px; }
}

.dl-stores { display: flex; flex-wrap: wrap; gap: 12px; margin: 0 0 20px; }
.dl-store {
  display: flex; flex-direction: column; justify-content: center; gap: 2px; min-width: 220px; min-height: 66px; padding: 10px 22px;
  border-radius: 12px; border: 1px solid var(--ink); color: var(--ink); text-decoration: none; line-height: 1.25;
}
.dl-store-where { font: 400 22px/1.15 var(--serif); }
.dl-store-when { font-size: 14px; color: var(--muted); }
a.dl-store { background: var(--solid); color: var(--on-solid); }
a.dl-store .dl-store-when { color: var(--on-solid-soft); }
.dl-store-soon, .dl-store-beta { border-style: dashed; border-color: var(--muted); background: var(--card); }
@media (max-width: 599px) { .dl-store { flex: 1 1 100%; } }

.dl-beta { margin: 0 0 24px; max-width: 46ch; color: var(--muted); }

.dl-qr { display: none; }
@media (min-width: 960px) {
  .dl-qr { display: flex; align-items: center; gap: 20px; max-width: 460px; margin-top: 32px; padding-top: 24px; border-top: 1px solid var(--line); }
}
.dl-qr-code { flex: none; width: 116px; height: 116px; padding: 6px; border-radius: 8px; background: var(--card); fill: var(--ink); border: 1px solid var(--line); }
.dl-qr-text { margin: 0; max-width: 28ch; color: var(--muted); font-size: 15px; }

.dl-art { position: relative; margin: 0; width: 100%; max-width: 560px; justify-self: center; }
.dl-art > img { display: block; width: 100%; height: auto; aspect-ratio: 1 / 1; object-fit: cover; background: var(--plate); }
.dl-tile {
  position: absolute; left: -16px; bottom: -24px; display: flex; flex-direction: column; align-items: center; gap: 8px;
  padding: 14px 14px 10px; border-radius: 28px; background: var(--card); border: 1px solid var(--line);
}
.dl-tile img { display: block; width: 112px; height: 112px; border-radius: 26px; }
.dl-tile span { font-size: 14px; font-weight: 600; color: var(--ink); }
@media (max-width: 599px) { .dl-tile { left: 8px; bottom: 8px; } .dl-tile img { width: 80px; height: 80px; border-radius: 18px; } }

.dl-trust { padding-top: 112px; }
.dl-trust-list { display: grid; gap: 0 40px; margin: 24px 0 0; padding: 32px 24px 16px; border-radius: 12px; background: var(--vellum); }
.dl-trust-item { padding: 16px 0; border-top: 1px solid var(--line); }
.dl-trust-item dt { margin: 0 0 6px; font: 400 22px/1.25 var(--serif); }
.dl-trust-item dd { margin: 0; max-width: 40ch; color: var(--muted); }
@media (min-width: 760px) { .dl-trust-list { grid-template-columns: repeat(3, minmax(0, 1fr)); padding: 40px 40px 24px; } }

.dl-end { padding-top: 112px; display: flex; flex-direction: column; gap: 16px; }
.dl-end p { margin: 0; max-width: 60ch; color: var(--muted); }