:root{--color-bg:#0d1117;--color-bg-alt:#161b22;--color-text:#e6edf3;--color-text-muted:#8b949e;--color-accent:#2dd4bf;--color-todo:#d29922;--color-border:#30363d;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI Variable", "Segoe UI", system-ui, Roboto, Helvetica, Arial, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--space-xs:.5rem;--space-sm:1rem;--space-md:1.5rem;--space-lg:2.5rem;--space-xl:4rem;--max-width:72rem;--radius:8px}*,:before,:after{box-sizing:border-box}*{margin:0}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;scroll-padding-top:calc(var(--space-lg) * 2);font-size:137.5%}body{min-height:100vh;font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;line-height:1.6}img,iframe{max-width:100%;display:block}a{color:var(--color-accent);text-decoration:none}a:hover,a:focus-visible{text-decoration:underline}a[target=_blank]:after{content:" ↗";font-size:.85em}ul{padding:0;list-style:none}h1,h2,h3{text-wrap:balance;line-height:1.2}p+p{margin-bottom:.8em}.container{width:100%;max-width:var(--max-width);padding-inline:clamp(var(--space-sm), 4vw, var(--space-lg));margin-inline:auto}main{gap:var(--space-xl);padding-block:var(--space-lg) var(--space-xl);display:grid}.card-grid,.embed-grid{gap:var(--space-md);flex-wrap:wrap;margin-block-start:var(--space-md);display:flex}.site-header{z-index:10;background:color-mix(in srgb, var(--color-bg) 85%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--color-border);position:sticky;top:0}.site-header__inner{justify-content:space-between;align-items:center;gap:var(--space-md);padding-block:var(--space-xs);display:flex}.site-header__name{color:var(--color-text);font-weight:600}.nav-toggle{padding:var(--space-xs);cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;gap:4px;margin-inline-start:auto;display:none}.nav-toggle__bar{background:var(--color-text);border-radius:1px;width:20px;height:2px}.site-nav{gap:var(--space-sm);flex-wrap:wrap;display:flex}.site-nav a{color:var(--color-text-muted);font-size:.9rem}.site-nav a:hover,.site-nav a:focus-visible{color:var(--color-accent)}.section h2{margin-block-end:var(--space-xs);font-size:clamp(1.5rem,1.2rem + 1.2vw,2rem)}.section-intro{color:var(--color-text-muted);max-width:65ch}.section-outro,.section-links{margin-block-start:var(--space-md)}.section-links{gap:var(--space-md);flex-wrap:wrap;display:flex}.section-links__secondary{color:var(--color-text-muted)}.section.hero .container{max-width:80ch;margin-inline-start:0}.hero h1{font-size:clamp(2.25rem,1.7rem + 2.5vw,3.5rem)}.hero .tagline{margin-block-start:var(--space-xs);margin-block-end:var(--space-md)}.card{background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-sm);gap:var(--space-xs);flex-direction:column;flex:280px;display:flex}.card--skeleton{justify-content:center;min-height:8rem}.card__thumb{aspect-ratio:16/9;object-fit:cover;border-radius:calc(var(--radius) - 2px);width:100%;height:auto}.card__thumb-split{aspect-ratio:16/9;border-radius:calc(var(--radius) - 2px);width:100%;display:flex;overflow:hidden}.card__thumb-pane{flex:50%;overflow:hidden}.card__thumb-pane img{object-fit:cover;object-position:left center;width:100%;height:100%}.card__title{font-size:1.1rem}.card__body{color:var(--color-text-muted);font-size:.95rem}.card__link{font-size:.9rem}.embed{aspect-ratio:4/3;border:1px solid var(--color-border);border-radius:var(--radius);flex:320px;overflow:hidden}.embed iframe{border:0;width:100%;height:100%}.link-list{gap:var(--space-md);row-gap:var(--space-xs);flex-wrap:wrap;display:flex}.link-list a{font-size:1.05rem}.interest-list{gap:var(--space-lg);flex-direction:column;margin-block-start:var(--space-md);display:flex}.interest-item{gap:var(--space-md);align-items:flex-start;display:flex}.interest-item__thumb{aspect-ratio:16/9;border-radius:calc(var(--radius) - 2px);object-fit:cover;width:256px;flex:0 0 256px;margin-block-start:var(--space-xs);overflow:hidden}.interest-item__thumb img{object-fit:cover;width:100%;height:100%}.interest-item__thumb.todo{text-align:center;padding:var(--space-sm);justify-content:center;align-items:center;display:flex}.interest-item__content h3{margin-block-end:var(--space-xs);font-size:1.1rem}.interest-item__content p{color:var(--color-text-muted);font-size:.95rem}.todo{font-family:var(--font-mono);color:var(--color-todo);background:color-mix(in srgb, var(--color-todo) 10%, transparent);border:1px dashed var(--color-todo);border-radius:4px;padding:.25rem .6rem;font-size:.8rem;display:inline-block}.card.todo{background:color-mix(in srgb, var(--color-todo) 6%, var(--color-bg-alt));display:flex}@media (width<=45rem){.interest-item{display:block}.interest-item__thumb{margin-bottom:var(--space-xs);width:100%;aspect-ratio:inherit}.interest-item__thumb,.interest-item__thumb.todo{display:block}.site-header__inner{flex-direction:column;align-items:flex-start;gap:0}.nav-toggle{z-index:100;align-self:flex-end;margin-inline-start:0;display:flex;position:relative}.site-nav{z-index:10;width:100%;margin-top:calc(var(--space-md) * -1);flex-direction:column;gap:0;display:none;position:relative}.site-nav.is-open{display:flex}.site-nav a{padding-block:var(--space-xs)}}