@font-face{font-family:Zilla Slab;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/zilla-slab-latin-ext-400-normal.L6eiXaX2.woff2)format("woff2"),url(/_astro/zilla-slab-latin-ext-400-normal.DYKaTm8Q.woff)format("woff")}@font-face{font-family:Zilla Slab;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/zilla-slab-latin-400-normal.Dw3p-plB.woff2)format("woff2"),url(/_astro/zilla-slab-latin-400-normal.Dlq-Ffxl.woff)format("woff")}@font-face{font-family:Montserrat;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/montserrat-latin-ext-400-normal.B8bwfy6Y.woff2)format("woff2"),url(/_astro/montserrat-latin-ext-400-normal.BffdBkAA.woff)format("woff")}@font-face{font-family:Montserrat;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/montserrat-latin-400-normal.BLhwKU8k.woff2)format("woff2"),url(/_astro/montserrat-latin-400-normal.xItZbAXg.woff)format("woff")}@font-face{font-family:Montserrat;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/montserrat-latin-ext-700-normal.BOP2Nhf0.woff2)format("woff2"),url(/_astro/montserrat-latin-ext-700-normal.DdDFr05Z.woff)format("woff")}@font-face{font-family:Montserrat;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/montserrat-latin-700-normal.BdjcYUrC.woff2)format("woff2"),url(/_astro/montserrat-latin-700-normal.BWkrl476.woff)format("woff")}:root{--bg:#d2d6d6;--sidebar:#6a6db0;--caption:#3a805a;--text:#000;--on-color:#fff;--serif:"Zilla Slab", serif;--sans:Montserrat, sans-serif;--sidebar-w:272px;--card:240px;--gap-x:32px;--gap-y:24px;--content-top:128px;--content-left:48px}*,:before,:after{box-sizing:border-box;margin:0}body{grid-template-columns:var(--sidebar-w) 1fr;background:var(--bg);min-height:100vh;color:var(--text);font:16px var(--sans);display:grid}a{color:inherit;text-decoration:none}ul{padding:0;list-style:none}img,video,canvas{max-width:100%;display:block}:focus-visible{outline-offset:2px;outline:3px solid #1f2933}.visually-hidden:not(:focus){clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip-link{z-index:10;background:var(--on-color);padding:8px;position:absolute}.site-header{background:var(--sidebar);color:var(--on-color);font-family:var(--serif);padding:24px 8px 24px 24px}.site-title{height:48px;font-size:48px;display:block}.site-links{margin-top:16px;line-height:24px}.site-nav ul{margin-top:16px;font-size:24px}.site-nav li{margin-top:.5em}main{padding:var(--content-top) var(--content-left) 48px;min-width:0}main.full{padding:0}.intro{max-width:512px;margin-bottom:var(--gap-y);line-height:16px}.intro p+p{margin-top:1em}.grid{grid-template-columns:repeat(3, var(--card));gap:var(--gap-y) var(--gap-x);margin-bottom:var(--gap-y);display:grid}.grid.two{grid-template-columns:repeat(2, var(--card))}.card{aspect-ratio:1;display:block;position:relative;overflow:hidden;container-type:inline-size}.card :is(img,video){object-fit:cover;width:100%;height:100%}.card.muted :is(img,video){filter:invert(30%)grayscale()}.card.muted:is(:hover,:focus-visible) :is(img,video){filter:none}.caption{background:var(--caption);width:90cqi;height:70cqi;color:var(--on-color);font-family:var(--serif);pointer-events:none;padding:6.667cqi 0 0 13.333cqi;line-height:16px;position:absolute;top:13.333cqi;left:0}.caption li+li{margin-top:16px}.card:is(:hover,:focus-visible) .caption{opacity:0;transition:opacity .3s .1s}.credits{line-height:16px}.credits dt{margin-top:.5em;font-weight:700}.credits dt:first-child{margin-top:0}.credits a{line-height:24px;text-decoration:underline;display:inline-block}main>p a,.embed-credit a{text-decoration:underline}.embed-credit{margin-top:4px;font-size:10px}.embed{max-width:844px}.embed button{width:100%;height:166px;color:var(--on-color);font:inherit;cursor:pointer;background:#4a4646;border:0}.embed iframe{border:0;width:100%;height:166px}.sketch{height:100vh;position:relative}.sketch-hint{background:var(--sidebar);color:var(--on-color);font:36px var(--serif);white-space:nowrap;pointer-events:none;padding:0 12px 4px;position:absolute;top:24px;left:50%;translate:-50%}.sketch canvas{touch-action:none}.sketch-button{position:absolute;top:40px;right:24px}.model{gap:var(--gap-x);align-items:flex-start;display:flex;position:relative}.model canvas{touch-action:none;width:60%;height:70vh}@media (width<=900px){:root{--content-top:32px;--content-left:16px}body{grid-template-rows:auto 1fr;grid-template-columns:1fr}.site-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;padding:16px;display:flex}.site-title{font-size:32px;line-height:36px}.site-links{width:100%;margin:0}.site-nav{width:100%}.site-nav ul{flex-wrap:wrap;gap:4px 16px;margin:0;font-size:20px;display:flex}.site-nav li{margin:0}.site-nav li a{padding:6px 0;display:inline-block}.grid,.grid.two{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.intro{max-width:none}.sketch{height:80vh}.model{flex-direction:column}.model canvas{width:100%;height:60vh}}@media (width<=560px){.grid,.grid.two{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}
