.cs,.cs *{box-sizing:border-box}.cs{min-height:100vh;margin-top:-5rem;font-family:var(--font-mono),monospace;-webkit-font-smoothing:antialiased}.cs h1.crumb{margin:0;padding:14px 16px 10px;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:lowercase;display:flex;flex-wrap:wrap;align-items:baseline;gap:0 10px}.cs h1.crumb a{text-decoration:none;color:inherit}.cs h1.crumb a:hover{text-decoration:underline;text-underline-offset:3px}.cs h1.crumb .sep{opacity:.5}.cs.dark{background:#111}.cs.dark,.cs.dark h1.crumb{color:#0f0}.cs.dark h1.crumb .here{color:#fff}.cs .stills{display:grid;grid-template-columns:repeat(6,1fr);gap:4px;margin:0;padding:0}.cs .stills figure{position:relative;margin:0}.cs .stills img{width:100%;display:block}.cs .stills .n{position:absolute;top:2px;left:2px;background:#000;color:#0f0;font:700 12px monospace;padding:1px 4px}.cs.cream{background:#fdf6e3}.cs.cream,.cs.cream h1.crumb{color:#564a42}.cs.cream h1.crumb .here{color:#2c1810}.cs .icons{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));margin:0;padding:10px 20px 20px}.cs .icons figure{margin:0;height:120px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:20px;gap:22px}.cs .icons .ic{width:48px;height:48px;fill:none;stroke:#2c1810;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round;flex:none}.cs .icons figcaption{font-size:10px;color:#564a42;text-align:center;overflow-wrap:anywhere;line-height:1.2;padding:0 4px}.cs svg.defs{position:absolute;width:0;height:0;overflow:hidden}.cs .list{list-style:none;margin:0;padding:6px 16px 24px;font-size:12px;letter-spacing:.1em;line-height:2}.cs .list a{text-decoration:none;color:inherit}.cs .list a:hover{text-decoration:underline;text-underline-offset:3px}.cs .list .id{opacity:.5;margin-right:10px}html.cs-dark body{background-color:#111}html.cs-cream body{background-color:#fdf6e3}