.next-case[data-astro-cid-lyfnp6fy] .eyebrow[data-astro-cid-lyfnp6fy]{margin-bottom:1.25rem;display:block}.next-case-row[data-astro-cid-lyfnp6fy]{border:1px solid var(--line);border-radius:var(--radius);grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:clamp(1.5rem,4vw,3.5rem);padding:clamp(1.25rem,3vw,2.25rem);text-decoration:none;transition:border-color .2s;display:grid}.next-case-row[data-astro-cid-lyfnp6fy]:hover{border-color:var(--line-2)}.next-case-row[data-astro-cid-lyfnp6fy] h2[data-astro-cid-lyfnp6fy]{margin:0 0 .75rem;font-size:clamp(1.6rem,2.8vw,2.3rem)}.next-case-fact[data-astro-cid-lyfnp6fy]{color:var(--ivory);margin:.9rem 0 1.4rem;font-style:italic}.next-case-media[data-astro-cid-lyfnp6fy]{border-radius:calc(var(--radius) - 4px);border:1px solid var(--line);background:#0b0b0d;overflow:hidden}.next-case-media[data-astro-cid-lyfnp6fy] img[data-astro-cid-lyfnp6fy]{width:100%;height:auto;transition:transform .4s;display:block}.next-case-row[data-astro-cid-lyfnp6fy]:hover .next-case-media[data-astro-cid-lyfnp6fy] img[data-astro-cid-lyfnp6fy]{transform:scale(1.015)}@media (width<=860px){.next-case-row[data-astro-cid-lyfnp6fy]{grid-template-columns:1fr}.next-case-media[data-astro-cid-lyfnp6fy]{order:-1}}@media (prefers-reduced-motion:reduce){.next-case-media[data-astro-cid-lyfnp6fy] img[data-astro-cid-lyfnp6fy]{transition:none}}.demo{border:1px solid var(--line);background:linear-gradient(#f0eee609,#f0eee604);border-radius:14px;outline:none;margin:0;overflow:hidden;box-shadow:0 30px 80px #00000073}.demo:focus-visible{box-shadow:0 0 0 2px var(--clay), 0 30px 80px #00000073}.demo-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:16px;padding:14px 18px 12px;display:flex}.demo-tag{font:400 10px/1 var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--clay);white-space:nowrap}.demo-title{font:400 15px/1.3 var(--serif);color:var(--ivory-2);text-align:right}.demo-screen{aspect-ratio:16/10;background:#0b0b0d;position:relative;overflow:hidden}.demo[data-demo-shape=tall] .demo-screen{aspect-ratio:16/11}.demo-screen>*{position:absolute;inset:0}.demo-bar{border-top:1px solid var(--line);grid-template-columns:auto auto 1fr auto;align-items:center;gap:14px;padding:12px 14px;display:grid}.demo-play,.demo-next{font:400 13px/1 var(--mono);letter-spacing:.04em;color:var(--ivory);border:1px solid var(--line-2);cursor:pointer;background:0 0;border-radius:999px;padding:9px 14px 10px;transition:border-color .2s,color .2s,background .2s}.demo-next:hover{border-color:var(--clay);color:var(--clay)}.demo-play{width:30px;height:30px;color:var(--muted);border:0;border-radius:50%;place-items:center;padding:0;display:grid}.demo-play:hover{color:var(--ivory);background:#f0eee614}.demo-play svg{fill:currentColor;width:14px;height:14px}.demo-play .i-play,.demo-play[aria-pressed=false] .i-pause{display:none}.demo-play[aria-pressed=false] .i-play{display:block}.demo-next{background:var(--ivory);color:var(--ink);border-color:var(--ivory)}.demo-next:hover{background:var(--clay);border-color:var(--clay);color:var(--ink)}.demo-steps{align-items:center;gap:6px;display:flex}.demo-dot{cursor:pointer;background:#f0eee62e;border:0;border-radius:3px;width:22px;height:6px;padding:0;transition:background .25s,width .25s}.demo-dot.is-done{background:#f0eee680}.demo-dot.is-current{width:34px}.demo-dot{position:relative;overflow:hidden}.demo-dot.is-current:after{content:"";background:var(--clay);transform-origin:0;position:absolute;inset:0}.demo-dot.is-current.is-timing:after{animation:demo-fill var(--fill,6s) linear both}@keyframes demo-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.demo[data-demo-state=paused] .demo-dot.is-timing:after{animation-play-state:paused}.demo-label{font:400 11px/1.3 var(--mono);letter-spacing:.06em;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;max-width:34ch;overflow:hidden}.demo-choice{animation:1.8s ease-in-out infinite demo-pulse}@keyframes demo-pulse{50%{box-shadow:0 0 0 6px #d977572e}}.demo-pane{opacity:0;pointer-events:none;transition:opacity .35s}.demo-pane.is-active{opacity:1;pointer-events:auto}@media (width<=720px){.demo-head{flex-direction:column;align-items:flex-start;gap:6px}.demo-title{text-align:left}.demo-screen,.demo[data-demo-shape=tall] .demo-screen{aspect-ratio:4/5}.demo-bar{grid-template-columns:minmax(0,1fr) auto auto}.demo-label{display:none}}@media (prefers-reduced-motion:reduce){.demo-choice,.demo-dot.is-current.is-timing:after{animation:none}.demo-pane{transition:none}}.demo-steps{min-width:0}@media (width<=720px){.demo-tag{white-space:normal;letter-spacing:.14em;line-height:1.5}.demo-steps{gap:4px}.demo-dot,.demo-dot.is-current{flex:1 1 0;width:auto;min-width:0}.demo-next{white-space:nowrap;padding:8px 11px 9px;font-size:12px}.demo-bar{gap:10px;padding:10px}}.demo:has(.demo-screen[data-pan]) .demo-title:after,.demo:not(:has(.demo-title)):has(.demo-screen[data-pan]) .demo-tag:after{content:" · oldalra húzható";color:var(--muted)}
