.video-figure{margin:2rem 0}.video-figure video{display:block;max-width:100%;border-radius:4px;background:var(--code-bg)}.video-figure--landscape video{width:100%;height:auto}.video-figure--tall{text-align:center}.video-figure--tall video{max-height:80vh;width:auto;margin:0 auto}.video-figure--framed video{border:1px solid var(--border);box-shadow:0 1px 4px var(--tertiary)}.video-figure figcaption{margin-top:.5rem;color:var(--secondary);font-size:.85em;line-height:1.5}.video-figure .video-downloads{margin-top:.3rem;font-size:.75em}.video-figure .video-downloads a{box-shadow:none;color:var(--tertiary)}.video-figure .video-downloads a:hover{color:var(--primary)}.video-grid{display:flex;gap:1rem;margin:1.5rem 0}.video-grid .video-figure{flex:1;min-width:0;margin:0}.video-grid--4col{display:grid;grid-template-columns:repeat(4,1fr)}@media(max-width:900px){.video-grid--4col{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.video-grid{flex-direction:column}.video-grid--4col{grid-template-columns:1fr}}:root{--cover-text-color:#1b2a41;--highlight:#f4a640;--highlight-contrast:#1b2a41;--highlight-inverse:#1b2a41;--highlight-inverse-contrast:#ffffff;--cover-title-and-description-guard-bg-color:rgba(255, 255, 255, 0.75);--cover-title-text-shadow:none;--sticky-menu-text-color:#d9822b;--section-light-text-color:#2b3138;--section-light-bg-color:#f6f4ef;--section-dark-text-color:#f6f4ef;--section-dark-bg-color:#1b2a41;--section-uni-quote:grey;--section-uni-code-bg-color:#e4e1d9;--single-page-text-color:var(--section-light-text-color);--single-page-bg-color:var(--section-light-bg-color);--footer-color-background:#111b2b;--footer-color:#bbc7cc;--code-bg:#e4e1d9;--border:#d0ccc2;--primary:#2b3138;--secondary:#5c636b;--tertiary:#8a9096}img#blog-logo{width:150px;height:150px;max-height:none;object-fit:cover;object-position:center 20%;border-radius:50%;border:3px solid rgba(255,255,255,.85);margin-bottom:1.5rem}.post{max-width:900px}.post-content h2{font-size:3rem;margin-top:1.5em}.page-list-date{opacity:.6;font-size:.85em;white-space:nowrap}.post-meta{opacity:.7;font-size:.85em;margin-top:.5em}.post-holder.dark a:hover{color:var(--highlight)}a.section-button{display:inline-block;padding:.4em 1.2em;border-radius:4px;background:var(--highlight);color:var(--highlight-contrast);font-family:oswald,sans-serif;text-transform:uppercase;text-decoration:none;font-size:.85em}a.section-button:hover,.post-holder.dark a.section-button:hover{background:var(--highlight-inverse-contrast);color:var(--highlight-inverse)}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:2.4rem;margin:2em 0}a.card{display:flex;flex-direction:column;background:#fff;color:var(--section-light-text-color);border-radius:6px;overflow:hidden;text-decoration:none;box-shadow:0 1px 4px rgba(0,0,0,.12);hyphens:manual;transition:transform .2s ease,box-shadow .2s ease}a.card:hover{color:var(--section-light-text-color);transform:translateY(-3px);box-shadow:0 4px 12px rgba(0,0,0,.18)}.card img{width:100%;height:auto;aspect-ratio:8/5;object-fit:cover}.card-title{font-family:open sans,sans-serif;font-weight:700;font-size:.9em;line-height:1.3;padding:.8em 1em .3em}.card-text{font-size:.75em;line-height:1.5;padding:0 1.25em 1em;opacity:.85}