body{--grid-offset-left: 1rem;--grid-offset-right: 1rem}@media (min-width: 672px){body{--grid-offset-left: 3rem;--grid-offset-right: 3rem}}@media (min-width: 1056px){body{--grid-offset-left: 2rem;--grid-offset-right: 2rem;--menu-columns: 4;--content-columns: 8}}@media (min-width: 1312px){body{--grid-offset-left: 2rem;--grid-offset-right: 3rem;--menu-columns: 5;--content-columns: 8}}html,body{overflow-y:scroll}body{margin:0;--grid-gutter: 3rem;--column-width: calc((100% + var(--grid-gutter)) / 16);--menu-width: calc(var(--column-width) * var(--menu-columns));--content-width: calc( var(--column-width) * var(--content-columns) - var(--grid-gutter) )}.content-width{margin-left:var(--grid-offset-left);margin-right:var(--grid-offset-right)}.paragraph-width{margin-left:var(--menu-width);width:var(--content-width)}.container{max-width:56.25rem;margin:auto;position:relative}.container video{width:100%;height:100%}.controls{display:flex;gap:8px;position:absolute;bottom:12px;right:16px}.control-button{all:unset;cursor:pointer;display:flex;justify-content:center;align-items:center;width:44px;height:44px}