.demo-media{width:100%;min-width:0}.demo-source-note{margin-top:16px}.inline-demo{position:relative;width:min(100%,calc((100svh - var(--header-h) - 72px) * 9 / 16));min-width:0;margin-inline:auto;aspect-ratio:9/16;overflow:hidden;border-radius:var(--r-xl);background:var(--ink);color:var(--text);scroll-margin-top:calc(var(--header-h) + 24px)}.inline-demo-video{display:block;width:100%;height:100%;object-fit:contain}.inline-demo-poster{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:var(--ink-3);color:inherit;text-align:left;cursor:pointer}.inline-demo-poster img{width:100%;height:100%;object-fit:contain;object-position:50% 50%;transition:transform 1.4s var(--ease)}.inline-demo-poster:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(var(--ink-rgb),.4),transparent 26%,transparent 62%,rgba(var(--ink-rgb),.72))}.inline-demo-poster:hover img{transform:scale(1.035)}.inline-demo-poster:hover .demo-play{transform:scale(1.08);background:var(--accent-hover)}.inline-demo-poster:focus-visible{outline:3px solid var(--accent);outline-offset:-4px}.film-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:32px clamp(32px,5vw,88px)}.film-grid .section-head{display:block;align-self:start;margin-bottom:0}.film-grid .section-head .h2{margin-top:24px}.film-grid .section-head .lead{margin-top:24px;max-width:36ch}.film-grid .film-foot{grid-column:1/-1;margin-top:0}.inline-demo-duration{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.06em}.inline-demo-feedback{position:absolute;z-index:2;inset:auto 16px 64px;padding:16px;border:1px solid var(--border-strong);border-radius:var(--r-md);background:rgba(var(--ink-rgb),.94);font-size:.875rem}.inline-demo-feedback .btn{margin-top:12px}@media (max-width:900px){.film-grid{grid-template-columns:minmax(0,1fr)}.demo-grid>.demo-media{max-width:520px}}@media (prefers-reduced-motion:reduce){.inline-demo-poster img{transition:none}}