.dist{display:grid;grid-template-columns:minmax(0, 1fr) minmax(0, .36fr);align-items:start;row-gap:18px}
.dist-b{grid-column:1 / 3;grid-row:1;margin-right:14%}
.dist-p{grid-column:2;grid-row:1;z-index:1;display:grid;margin-top:12%}
.dist-p .dist-f{grid-area:1 / 1}
.dist-p .dv-link{box-shadow:var(--dv-shadow), 0 0 0 1.5px var(--device-edge) inset, 0 30px 60px -30px var(--ink-a55)}
.dist-p .dv-cap{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.dist-win{grid-column:1 / 3;grid-row:2}
.dist-codes{list-style:none;margin:0;padding:14px 20px 18px;display:flex;flex-wrap:wrap;gap:6px}
.dc{padding:2px 8px;border-radius:99px;background:var(--panel);color:var(--ink-2);font-size:.75rem;font-weight:650;line-height:1.5;font-variant-numeric:tabular-nums}
.dc.is-lit{background:var(--k1-bg);color:var(--k1-t)}
.dc.is-here{background:var(--teal);color:var(--on-teal)}
html:not(.js) .dist-f:not(.is-on){display:none}
.lcp-hero.is-live .dist-f{opacity:var(--v, 0);transform:translateY(calc((1 - var(--v, 0)) * 10px))}
.lcp-hero .dist-f:not(.is-on):not(.is-out),.lcp-hero:not(.is-live) .dist-f:not(.is-on){visibility:hidden}
.lcp-svc{margin-top:28px}
.lcp-svc-l{list-style:none;margin:0;padding:10px 20px 16px;display:grid;gap:2px}
.lcp-svc-l a{display:flex;align-items:center;min-height:36px;font-weight:600}
@media (min-width:700px){
  .lcp-svc-l{grid-template-columns:repeat(2, minmax(0, 1fr));column-gap:24px}
}
@media (max-width:699px){
  .dist{grid-template-columns:minmax(0, 1.12fr) minmax(0, 1fr);column-gap:10px;row-gap:22px}
  .dist-p{grid-column:1;grid-row:1;margin-top:0}
  .dist-win{grid-column:2;grid-row:1;height:0;min-height:100%;display:flex;flex-direction:column;overflow:hidden}
  .dist-win .win-top{padding:10px 10px 8px;gap:2px}
  .dist-win .win-top b{font-size:.875rem;line-height:1.25}
  .dist-win .win-top span{font-size:.75rem}
  .dist-codes{flex:1;min-height:0;padding:8px 8px 10px;gap:4px;align-content:flex-start;overflow:hidden;
    -webkit-mask-image:linear-gradient(180deg, #000 82%, transparent);mask-image:linear-gradient(180deg, #000 82%, transparent)}
  .dc{padding:1px 6px;font-size:10.5px}
  .dist-b{grid-column:1 / 3;grid-row:2;margin-right:0}
}