/* Storefront additions for the home page. Tokens come from prism.css, so both themes follow. */
.store-cta{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:26px}
.store-note{margin-top:14px;font:500 13.5px/1.5 var(--sans);color:var(--dim);max-width:52ch}
.store-note strong{color:var(--text)}
.hero-shot{margin:0;border:1px solid var(--line2);border-radius:var(--radius);background:var(--bg2);overflow:hidden;box-shadow:0 30px 70px -30px rgba(var(--acc-rgb),.45)}
.hero-shot img{display:block;width:100%;height:auto}
.hero-shot figcaption,.shot figcaption{padding:10px 14px;font:500 11px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--dim);border-top:1px solid var(--line)}
.shots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:28px}
.shot{margin:0;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg2);overflow:hidden;transition:transform .25s,border-color .25s}
.shot:hover{transform:translateY(-3px);border-color:var(--line2)}
.shot img{display:block;width:100%;height:auto}
.shot h4{margin:0;padding:14px 14px 4px;font:600 15px var(--display);color:var(--bright)}
.shot p{margin:0;padding:0 14px 12px;color:var(--dim);font-size:14px}
.tour{margin-top:22px;border:1px solid var(--line2);border-radius:var(--radius);overflow:hidden;background:#05070c}
.tour video{display:block;width:100%;height:auto}
.price-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:26px}
.price-row .tile b{font-size:clamp(34px,5vw,52px)}
.price-row .tile.is-now{border-color:rgba(var(--acc-rgb),.55)}
.steps3{counter-reset:s;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:26px}
.steps3 .card{counter-increment:s}
.steps3 .card .k::before{content:counter(s,decimal-leading-zero) " · "}
@media (max-width:900px){.shots{grid-template-columns:1fr}.price-row,.steps3{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.shot{transition:none}.shot:hover{transform:none}}