/* VELO news: home "What's new", /news/ archive and post pages. Uses the site's own tokens. */
[hidden]{display:none!important}
.tag{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;background:color-mix(in srgb,var(--ink) 9%,transparent);color:var(--ink);font-size:12px;font-weight:700;letter-spacing:.02em}
.tag-product{background:var(--accent);color:var(--on-accent)}
.news-stretch{color:inherit;text-decoration:none}
.news-stretch::after{content:"";position:absolute;inset:0;z-index:1}
.news-stretch:focus-visible{outline:none}
.pill-secondary,.news-all,.post-secondary,.post-back,.chip{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 20px;border-radius:999px;background:color-mix(in srgb,var(--ink) 9%,transparent);border:1px solid color-mix(in srgb,var(--ink) 16%,transparent);color:var(--ink);font:inherit;font-size:14px;font-weight:600;line-height:1;text-decoration:none;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease}
.news-all:hover,.post-secondary:hover,.post-back:hover,.chip:hover{background:color-mix(in srgb,var(--ink) 16%,transparent)}
.news-all:focus-visible,.post-secondary:focus-visible,.post-back:focus-visible,.chip:focus-visible,.news-cta:focus-visible,.post-cta:focus-visible{outline:2px solid var(--ink);outline-offset:3px}

/* ---- home section ---- */
.news{position:relative;z-index:2;background:var(--surface);padding:88px 56px 0}
.news::before{content:"";position:absolute;inset:auto 0 100%;height:200px;pointer-events:none;background:linear-gradient(to bottom,transparent 0%,color-mix(in srgb,var(--surface) 15%,transparent) 22%,color-mix(in srgb,var(--surface) 55%,transparent) 55%,color-mix(in srgb,var(--surface) 90%,transparent) 82%,var(--surface) 100%)}
.setup-guide::before{display:none}
.news+.setup-guide{padding-top:120px}
.news-inner{max-width:1160px;margin-inline:auto}
.news-head{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:32px}
.news h2{margin:0;font-size:clamp(28px,3.4vw,40px);font-weight:600;letter-spacing:-.035em;line-height:1.1}
.news-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.news-card{position:relative;display:flex;flex-direction:column;min-height:240px;padding:28px;border-radius:20px;border:1px solid color-mix(in srgb,var(--ink) 12%,transparent);background:color-mix(in srgb,var(--ink) 4%,transparent);color:var(--ink);overflow:hidden;transition:transform .2s ease,border-color .2s ease}
.news-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--ink) 28%,transparent)}
.news-card:has(.news-stretch:focus-visible){outline:2px solid var(--ink);outline-offset:3px}
.news-kicker{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:600;color:var(--muted)}
.news-card h3{margin:auto 0 8px;font-size:22px;font-weight:600;letter-spacing:-.02em;line-height:1.2}
.news-card p{margin:0 0 22px;color:var(--muted);font-size:15px;line-height:1.5;max-width:46ch}
.news-cta{position:relative;z-index:2;display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;padding:14px 26px;border-radius:999px;background:var(--accent);color:var(--on-accent);font-size:15px;font-weight:600;line-height:1;text-decoration:none;transition:opacity .2s ease}
.news-cta:hover{opacity:.88}
.news-feature{grid-column:1/-1;display:grid;grid-template-columns:1.05fr 1fr;gap:0;padding:0;min-height:0}
.news-feature .news-copy{padding:44px;display:flex;flex-direction:column;justify-content:center}
.news-feature h3{margin:18px 0 12px;font-size:clamp(28px,3.4vw,44px);letter-spacing:-.04em;line-height:1.05}
.news-feature p{font-size:17px;max-width:40ch;margin-bottom:26px}
.news-art{position:relative;min-height:340px;background:#3b3fe0}
.news-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}

/* ---- /news/ archive ---- */
.news-page{width:100%;max-width:1160px;margin-inline:auto;padding:66px 56px 96px}
.news-intro{text-align:center;max-width:760px;margin:0 auto 36px}
.news-intro h1{font-size:clamp(48px,5vw,72px);font-weight:600;line-height:1.12;letter-spacing:-.06em;margin:0;padding:0}
.news-intro p{margin:16px 0 0;color:var(--muted);font-size:18px}
.news-chips{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-bottom:40px}
.chip.is-on{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}
.news-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}
.post-card{position:relative;display:flex;flex-direction:column;border-radius:20px;border:1px solid color-mix(in srgb,var(--ink) 12%,transparent);background:color-mix(in srgb,var(--ink) 4%,transparent);overflow:hidden;transition:transform .2s ease,border-color .2s ease}
.post-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--ink) 28%,transparent)}
.post-card:has(.news-stretch:focus-visible){outline:2px solid var(--ink);outline-offset:3px}
.post-art{display:block;aspect-ratio:784/600;overflow:hidden;background:#3b3fe0}
.post-art img{width:100%;height:100%;object-fit:cover;display:block}
.post-meta{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--muted)}
.post-card .post-meta{margin:20px 24px 0}
.post-card h2{margin:12px 24px 8px;font-size:22px;font-weight:600;letter-spacing:-.02em;line-height:1.2}
.post-card p{margin:0 24px 26px;color:var(--muted);font-size:15px;line-height:1.5}
.post-card.is-feature{grid-column:1/-1;display:grid;grid-template-columns:1.1fr 1fr;grid-template-rows:auto auto 1fr}
.post-card.is-feature .post-art{grid-row:1/4;aspect-ratio:auto;min-height:340px}
.post-card.is-feature .post-meta{margin:44px 40px 0;align-self:end}
.post-card.is-feature h2{margin:14px 40px 10px;font-size:clamp(26px,3vw,38px);letter-spacing:-.035em;line-height:1.1}
.post-card.is-feature p{margin:0 40px 44px;font-size:17px;max-width:42ch}
.news-empty{text-align:center;color:var(--muted);margin:40px 0 0}

/* ---- post page ---- */
.post-page{width:100%;max-width:820px;margin-inline:auto;padding:56px 24px 96px}
.post-back{padding:9px 18px 9px 12px;margin-bottom:28px}
.post .post-meta{margin:0 0 16px}
.post h1{margin:0 0 16px;font-size:clamp(34px,4.4vw,52px);font-weight:600;line-height:1.08;letter-spacing:-.045em}
.post-lead{margin:0 0 32px;font-size:20px;line-height:1.5;color:var(--muted)}
.post-hero{border-radius:20px;overflow:hidden;margin-bottom:40px;background:#3b3fe0}
.post-hero img{display:block;width:100%;height:auto}
.post-body{font-size:17px;line-height:1.7}
.post-body h2{margin:40px 0 12px;font-size:26px;font-weight:600;letter-spacing:-.03em;line-height:1.2}
.post-body p{margin:0 0 16px}
.post-body ul,.post-body ol{margin:0 0 16px;padding-left:22px}
.post-body li{margin:8px 0}
.post-body a{text-underline-offset:4px}
.post-body code{padding:2px 6px;border-radius:6px;background:color-mix(in srgb,var(--ink) 9%,transparent);font-size:.92em}
.post-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:40px}
.post-cta{display:inline-flex;align-items:center;justify-content:center;padding:14px 26px;border-radius:999px;background:var(--accent);color:var(--on-accent);font-size:15px;font-weight:600;line-height:1;text-decoration:none;transition:opacity .2s ease}
.post-cta:hover{opacity:.88}
.post-actions .post-secondary{padding:14px 26px;font-size:15px}
.post-more{margin-top:64px;padding-top:32px;border-top:1px solid color-mix(in srgb,var(--ink) 12%,transparent)}
.post-more h2{margin:0 0 16px;font-size:22px;font-weight:600;letter-spacing:-.02em}
.post-more>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}
.post-mini{display:flex;flex-direction:column;gap:10px;padding:18px;border-radius:16px;border:1px solid color-mix(in srgb,var(--ink) 12%,transparent);color:var(--ink);text-decoration:none}
.post-mini:hover{border-color:color-mix(in srgb,var(--ink) 28%,transparent)}

@media(prefers-color-scheme:dark){.tag-product{background:var(--accent);color:var(--on-accent)}}
@media(max-width:900px){
  .news{padding:64px 24px 0}.news-grid{grid-template-columns:1fr}
  .news-feature{grid-template-columns:1fr}.news-feature .news-copy{padding:28px}.news-art{min-height:260px;order:-1}
  .news-page{padding:48px 24px 72px}.news-list{grid-template-columns:1fr}
  .post-card.is-feature{display:flex}.post-card.is-feature .post-art{aspect-ratio:784/600;min-height:0}
  .post-card.is-feature .post-meta{margin:20px 24px 0;align-self:auto}.post-card.is-feature h2{margin:12px 24px 8px;font-size:22px}.post-card.is-feature p{margin:0 24px 26px;font-size:15px}
}
@media(prefers-reduced-motion:reduce){.news-card,.post-card{transition:none}.news-card:hover,.post-card:hover{transform:none}}
.post-shell .ice-glass{display:none}