@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:100;src:url(/fonts/ibm-plex-sans-latin-100-normal.woff2) format("woff2")}@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:200;src:url(/fonts/ibm-plex-sans-latin-200-normal.woff2) format("woff2")}@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:300;src:url(/fonts/ibm-plex-sans-latin-300-normal.woff2) format("woff2")}@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:400;src:url(/fonts/ibm-plex-sans-latin-400-normal.woff2) format("woff2")}@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:500;src:url(/fonts/ibm-plex-sans-latin-500-normal.woff2) format("woff2")}@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:600;src:url(/fonts/ibm-plex-sans-latin-600-normal.woff2) format("woff2")}@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:700;src:url(/fonts/ibm-plex-sans-latin-700-normal.woff2) format("woff2")}:root{color-scheme:light dark;--primary-fg-color: light-dark(#000, #fff);--primary-bg-color: light-dark(#f2f2f2, #222);--dim-text-color: light-dark(#333, #ccc);--nav-fg-color: light-dark(#333, #ccc);--nav-hl-color: light-dark(#000, #fff);--accent-color: #e70b73}*{margin:0}html,body{margin:0;padding:0}a{color:#df468e;color:var(--primary-fg-color);font-weight:300;text-underline-offset:max(.1em,2.5px);transition:color .25s ease-in-out}a:focus,a:hover{color:var(--accent-color)}p{line-height:1.5;margin-bottom:2rem}body{font-family:"IBM Plex Sans",Arial,sans-serif;font-weight:200;font-size:1.3rem;color:var(--primary-fg-color);background-color:var(--primary-bg-color);height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-weight:500;line-height:1.1}h1{margin-bottom:2rem}h1{font-size:3rem;margin-bottom:2rem}h1:has(+.post-metadata){margin-bottom:0}h1+.post-metadata{display:block;margin-bottom:2rem}h1+.post-metadata .post-date+.post-date:before{display:inline-block;content:"•";margin-right:.25rem}h2{font-size:1.5rem;margin-bottom:1rem}pre+h2,ol+h2,ul+h2,p+h2{margin-top:3rem}h3{margin-bottom:1rem}.content{width:100%;max-width:1080px;margin:auto;padding:0 2rem;box-sizing:border-box}body>header{display:flex;color:var(--primary-fg-color);padding:2rem 0;margin:0 0 4rem 0}body>header>.content{display:flex;justify-content:space-between}body>header a{text-decoration:none}body>header #home{font-weight:700}body>header nav{display:flex;flex-wrap:wrap;flex-direction:row;gap:1.25rem;justify-content:center;align-items:center}body>header nav a{display:block;font-weight:400}body>header nav #theme-toggle{display:inline-block;width:1.3rem;height:1.3rem;display:block;border:none;background-color:light-dark(#000, #fff);mask-repeat:no-repeat;mask-position:center center;mask-size:contain;cursor:pointer}body>header nav #theme-toggle:focus,body>header nav #theme-toggle:hover{background-color:var(--accent-color)}body>header nav #theme-toggle[data-theme=dark]{mask-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-sun-fill" viewBox="0 0 16 16"><path d="M8 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8M8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0m0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13m8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5M3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8m10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0m-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0m9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707M4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708"/></svg>')}body>header nav #theme-toggle[data-theme=light]{mask-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-moon-stars-fill" viewBox="0 0 16 16"><path d="M6 .278a.77.77 0 0 1 .08.858 7.2 7.2 0 0 0-.878 3.46c0 4.021 3.278 7.277 7.318 7.277q.792-.001 1.533-.16a.79.79 0 0 1 .81.316.73.73 0 0 1-.031.893A8.35 8.35 0 0 1 8.344 16C3.734 16 0 12.286 0 7.71 0 4.266 2.114 1.312 5.124.06A.75.75 0 0 1 6 .278"/><path d="M10.794 3.148a.217.217 0 0 1 .412 0l.387 1.162c.173.518.579.924 1.097 1.097l1.162.387a.217.217 0 0 1 0 .412l-1.162.387a1.73 1.73 0 0 0-1.097 1.097l-.387 1.162a.217.217 0 0 1-.412 0l-.387-1.162A1.73 1.73 0 0 0 9.31 6.593l-1.162-.387a.217.217 0 0 1 0-.412l1.162-.387a1.73 1.73 0 0 0 1.097-1.097zM13.863.099a.145.145 0 0 1 .274 0l.258.774c.115.346.386.617.732.732l.774.258a.145.145 0 0 1 0 .274l-.774.258a1.16 1.16 0 0 0-.732.732l-.258.774a.145.145 0 0 1-.274 0l-.258-.774a1.16 1.16 0 0 0-.732-.732l-.774-.258a.145.145 0 0 1 0-.274l.774-.258c.346-.115.617-.386.732-.732z"/></svg>')}body>main{flex:1}body>footer{margin-block-start:5rem;padding:2.5rem 0;border-block-start:1px solid var(--primary-fg-color)}body>footer nav{display:flex;flex-direction:row;gap:1rem;list-style:none;margin:0;padding:0}.post-date{color:var(--dim-text-color)}#container{display:grid;max-width:1080px;gap:2rem;grid-template-columns:auto 270px;margin:0 auto}#sidebar{position:sticky;top:0;padding-top:10rem;height:200px}#sidebar .avatar{display:block;max-width:50%;margin:0 auto 2rem auto}#sidebar nav{text-align:center}article{max-width:720px;margin:0 auto}article a.content-type{display:block;margin-block-end:1rem;color:var(--accent-color);text-transform:uppercase;text-decoration:none;font-weight:500;font-size:16px}article a.content-type:hover{text-decoration:underline}article img{display:block;max-width:100%;margin:0 auto}article ul{margin-bottom:2rem}article .footnote-definition{font-size:.8rem;padding-top:.5rem;margin-top:4rem;border-top:1px solid var(--primary-fg-color)}ul.posts{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));grid-column-gap:2rem;grid-row-gap:2rem;flex-wrap:wrap;list-style:none;padding:0}ul.posts li{position:relative;display:flex;flex-direction:column;background-color:light-dark(#fff, #2e2e2e);border:1px solid light-dark(#ddd, #151515);border-radius:.25rem;transition:all .2s ease-in-out;overflow:hidden}ul.posts li>*{padding:0 1rem;margin-bottom:1rem}ul.posts li>.cover{padding:0;aspect-ratio:16/9;background-color:light-dark(#ddd, #161616);background-size:cover}ul.posts li>.cover img{display:block;width:100%}a:focus ul.posts li,ul.posts li:hover{transform:scale3d(1.02, 1.02, 1)}ul.posts li a{text-decoration:none}ul.posts li a:after{content:"";display:block;inset:0;position:absolute}ul.posts li .title{display:block;font-size:1.5rem;line-height:1.3}ul.posts li .description{flex-grow:1}ul.posts li .post-date{display:block}.post-date{font-weight:200;font-size:.8rem}.intro{display:flex;max-width:720px;margin:0 auto;margin-bottom:4rem}@media (max-width: 580px){.intro{flex-direction:column;align-items:center;gap:2rem}}.intro .avatar{flex-shrink:0;position:relative;overflow:hidden;width:150px;height:150px;border-radius:50%}.intro .avatar img{display:inline;margin:0 auto;height:100%;width:auto}.intro>div{margin-left:1rem}pre{overflow-x:scroll;padding:1rem;margin-bottom:2rem}.transcript-note{display:flex;flex-direction:column;gap:.5em;padding:.75rem 1rem;margin-bottom:2rem;background-color:light-dark(#fff, #000);border:1px solid light-dark(#999, #252525);border-radius:.5rem}.transcript-note .heading{font-weight:500}.transcript-note figcaption{font-size:1.1rem}.transcript-note img{width:100%}.youtube-player{position:relative}.youtube-player img{width:100%}.youtube-player a{transition:none}.youtube-player a:after{position:absolute;left:38.5%;top:38.5%;content:"";width:25%;height:25%;position:absolute;background:top left url("/play.svg") no-repeat;background-size:contain;opacity:.85}.youtube-player a:hover:after{opacity:1}