.product-player{display:block;width:min(100%,320px);height:auto;aspect-ratio:384/832;object-fit:contain;background:var(--ground);border:1px solid var(--edge);border-radius:13px;margin:24px 0;scroll-margin-top:calc(var(--header) + 120px)}.product-player:focus-visible{outline:3px solid var(--focus);outline-offset:5px}.product-demo p{max-width:70ch}.demo-error{color:var(--ink)}
/* Local reading-layer repairs; incumbent logo, Geist and inset glass retained. */
header,header nav{flex-wrap:wrap}header nav{min-width:0}header nav a{overflow-wrap:anywhere}.case{padding-top:max(130px,calc(var(--header) + 24px));overflow-wrap:anywhere}.product-demo{scroll-margin-top:var(--header)}.product-demo h2{scroll-margin-top:var(--header)}.demo-transport{display:flex;flex-wrap:wrap;align-items:center;gap:12px;max-width:320px;margin:20px 0}.demo-transport label{flex-basis:100%}.demo-seek{width:100%;min-height:44px;accent-color:var(--focus);scroll-margin-top:var(--header)}.demo-toggle{scroll-margin-top:var(--header)}.demo-transport output{font-variant-numeric:tabular-nums}.demo-transcript{max-width:70ch;margin:24px 0}.demo-transcript summary{cursor:pointer;padding:12px 0;min-height:44px}.demo-transcript li{margin-bottom:18px}.demo-transcript p,.demo-transcript li{overflow-wrap:anywhere}
@media(max-width:600px){:root{--header:180px}header nav{flex-basis:100%;justify-content:space-between}header nav a{padding:10px 8px}.product-player{width:min(100%,280px)}}

/* RestoFlo is native landscape desktop media, never a portrait/phone mask. */
.product-player.product-player-landscape{width:100%;max-width:100%;height:auto;aspect-ratio:1806/956;object-fit:contain;border-radius:0}
