@font-face{font-family:Lab;src:url(./DejaVuSans-CmhfEOKb.ttf)}@font-face{font-family:Lab;src:url(./DejaVuSans-Bold-BvvcW4uy.ttf);font-weight:700}:root{color:#20251f;font-synthesis:none;scroll-behavior:smooth;background:#eeede6;font-family:Lab,Arial,sans-serif}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,summary,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline-offset:5px;outline:3px solid #c1603e}.site-header,main,footer{max-width:1600px;margin:auto}.site-header{border-bottom:1px solid #cccec2;justify-content:space-between;align-items:center;padding:30px 5%;display:flex}.brand{letter-spacing:1.8px;align-items:center;gap:14px;font-size:12px;line-height:1.6;display:flex}.brand-mark{letter-spacing:-8px;align-items:center;font-size:40px;font-weight:700;display:flex}.brand-mark>span{color:#b25233;margin:10px 0 0 7px;font-size:25px}.brand b{font-weight:700}nav{gap:30px;font-size:12px;display:flex}.edition{letter-spacing:2px;align-items:center;gap:8px;font-size:10px;display:flex}.edition i,.status i{background:#8e9586;border-radius:50%;width:6px;height:6px;display:inline-block}.edition i{background:#a75c3f}.hero{padding:70px 5% 0;overflow:hidden}.eyebrow{letter-spacing:2px;align-items:center;gap:10px;font-size:10px;font-weight:700;display:flex}.square{background:#a75c3f;width:8px;height:8px}.hero h1{letter-spacing:-6px;margin:38px 0 28px;font-size:clamp(52px,6.8vw,108px);font-weight:400;line-height:1.1;position:relative}.hero em{color:#a55235;font-family:Georgia,serif;font-weight:400}.hero-star{color:#a55235;font-size:160px;line-height:1;position:absolute;top:5px;right:6%}.hero-bottom{justify-content:space-between;align-items:center;margin-bottom:42px;display:flex}.hero-bottom p{color:#646b5e;font-size:13px;line-height:1.9}.round-link{border:1px solid #b0b5a7;border-radius:50%;place-items:center;width:52px;height:52px;font-size:25px;display:grid}.round-link:hover{background:#dfe2d3}.spec-strip{border-top:1px solid #c7cbbd;border-bottom:1px solid #c7cbbd;gap:0;padding:23px 0;display:flex}.spec-strip>span{letter-spacing:1.4px;color:#737c6b;align-items:center;gap:18px;width:25%;font-size:9px;display:flex}.spec-strip b{color:#252d22;letter-spacing:1px;font-size:11px;font-weight:400}.library{padding:72px 5% 80px;scroll-margin-top:24px}.section-title{justify-content:space-between;align-items:end;display:flex}.section-title h2{letter-spacing:-1px;margin:20px 0 0;font-size:30px;font-weight:400}.section-title h2>span{color:#7b836e;font-size:16px}.section-title>p{color:#747b6a;margin:0 0 4px;font-size:11px;line-height:1.8}.filters{align-items:center;gap:8px;margin:32px 0 26px;display:flex}.filters button{cursor:pointer;color:#515a47;font:inherit;background:0 0;border:1px solid #c8cdbc;border-radius:24px;gap:12px;padding:10px 17px;font-size:11px;display:flex}.filters button[aria-pressed=true]{color:#f4f2e9;background:#252d24;border-color:#252d24}.filters button:hover{border-color:#525c46}.filters button>span{opacity:.6}.filter-note{color:#79816e;letter-spacing:1.4px;margin-left:auto;font-size:8px}.cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:23px;display:grid}.card{background:#f5f4ee;border:1px solid #c8cdbc;min-width:0}.preview{aspect-ratio:9/16;background:#101413;position:relative;overflow:hidden}.preview video{object-fit:contain;width:100%;height:100%;display:block}.preview-tag{color:#fff;letter-spacing:1px;pointer-events:none;opacity:.6;justify-content:space-between;font-size:8px;display:flex;position:absolute;top:12px;left:12px;right:12px}.preview-tag span{border:1px solid #fff6;padding:3px 5px}.card-content{padding:22px}.card-meta{text-transform:uppercase;letter-spacing:1px;color:#727b64;justify-content:space-between;align-items:center;gap:5px;font-size:8px;display:flex}.status{letter-spacing:.2px;text-transform:none;align-items:center;gap:5px;font-size:8px;display:flex}.status.passed{color:#476735}.status.passed i{background:#638d43}.card h3{letter-spacing:-1px;margin:16px 0 10px;font-size:24px;font-weight:400}.description{color:#727768;min-height:63px;font-size:11px;line-height:1.9}.attribution{justify-content:space-between;gap:10px;margin:22px 0 8px;font-size:9px;display:flex}.attribution a{text-underline-offset:3px;text-decoration:underline}.attribution span{color:#737c67}.author{color:#858c7b;min-height:14px;font-size:8px;line-height:1.6}details{border-top:1px solid #d6d9cc;font-size:10px;line-height:1.8}summary{cursor:pointer;justify-content:space-between;padding:14px 0;list-style:none;display:flex}summary::-webkit-details-marker{display:none}summary span{color:#89917e}details p{overflow-wrap:anywhere;font-size:10px}dl{margin:0 0 16px}dl>div{color:#5c6850;border-bottom:1px dotted #d1d7c5;justify-content:space-between;padding:5px 0;display:flex}dd{margin:0;font-family:monospace}.commit{color:#8c9382;overflow-wrap:anywhere;font:8px/1.7 monospace}.keyframes{gap:4px;display:flex}.keyframes a{text-align:center;width:20%}.keyframes img{width:100%;display:block}.keyframes small{color:#777}.failure{color:#a55235}.download{background:#e6e9dd;justify-content:space-between;margin-top:4px;padding:13px 15px;font-size:10px;display:flex}.download:hover{background:#d5dfc5}.download span{font-size:16px}.empty-preview{color:#c4cfb5;text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:20px;display:flex}.empty-preview>span{color:#3c4834;font:100px Georgia}.empty-preview p{font-size:12px}.empty-preview small{color:#7a876b;font-size:9px}.experiment{background:#e2e5d8;border-top:1px solid #c7cdbc;border-bottom:1px solid #c7cdbc;grid-template-columns:1fr 1fr;align-items:center;gap:9%;padding:75px 10%;scroll-margin-top:24px;display:grid}.experiment-intro h2{letter-spacing:-2px;margin:32px 0;font-size:clamp(30px,3.6vw,54px);font-weight:400;line-height:1.2}.experiment-intro>p{color:#6e7960;font-size:12px;line-height:2}.recipe{color:#616f54;align-items:center;gap:10px;margin:36px 0;font-size:8px;display:flex}.recipe b{color:#a35d3c;font-weight:400}.experiment-note{letter-spacing:1px;font-size:8px!important}.experiment-card{background:#f3f3eb;grid-template-columns:1.1fr 1fr;min-width:440px;display:grid}.experiment-card .preview{align-self:start}.experiment-card .card-content{padding:18px}.experiment-card h3{font-size:19px}.experiment-card .card-meta{flex-direction:column;align-items:start;gap:8px}.experiment-card .description{font-size:10px}.experiment-card .attribution{flex-direction:column;line-height:1.8}.lab-note{align-items:center;gap:40px;padding:75px 8%;display:flex}.lab-note>span{color:#a45837;align-self:start;font-size:50px}.lab-note>div:nth-child(2){max-width:570px}.lab-note h2{letter-spacing:-1px;margin:0 0 18px;font-size:29px;font-weight:400}.lab-note p{color:#778169;font-size:12px;line-height:2}.lab-note a{border-bottom:1px solid #a4ac97;margin-top:8px;padding-bottom:5px;font-size:10px;display:inline-block}.lab-stamp{letter-spacing:-2px;color:#c1c8b5;margin-left:auto;font-size:30px;line-height:1.05;transform:rotate(-7deg)}footer{letter-spacing:.6px;color:#7d856f;border-top:1px solid #c9cebf;justify-content:space-between;padding:30px 5%;font-size:8px;display:flex}@media (width>=1500px){.hero-star{right:10%}}@media (width<=1000px){.hero-star{font-size:110px;right:0}.hero h1{letter-spacing:-4px}.experiment{gap:4%;padding:60px 5%}.experiment-card{min-width:0;display:block}.experiment-card .card-meta{flex-direction:row}.experiment-card .preview{aspect-ratio:9/16;width:100%;max-height:420px}.card-content{padding:16px}.card h3{font-size:22px}.spec-strip>span{flex-direction:column;align-items:start;gap:8px}.cards{gap:14px}.filter-note{display:none}}@media (width<=680px){.site-header{padding:22px 5%}nav{gap:15px;font-size:10px}nav a:nth-child(2),.edition{display:none}.hero{padding-top:44px}.eyebrow{font-size:8px}.hero h1{letter-spacing:-3px;font-size:53px}.hero-star{display:none}.hero-bottom p{max-width:80%;font-size:10px}.round-link{flex-shrink:0;width:38px;height:38px}.spec-strip{gap:8px}.spec-strip>span{font-size:7px}.spec-strip b{font-size:8px}.library{padding-top:48px}.section-title h2{font-size:25px}.section-title>p{display:none}.filters{flex-wrap:wrap;gap:6px}.filters button{padding:9px 14px;font-size:10px}.cards{grid-template-columns:1fr;gap:30px}.preview{max-height:620px}.card h3{font-size:27px}.description{min-height:0;font-size:12px}.card-meta,.status{font-size:10px}.attribution,summary,.download{font-size:11px}.author{font-size:10px}.experiment{grid-template-columns:1fr;gap:30px;padding:48px 5%}.experiment-intro h2{font-size:40px}.experiment-card{grid-template-columns:1fr 1fr;display:grid}.experiment-card .preview{object-fit:cover;height:100%;max-height:none}.experiment-card .card-content{padding:14px}.lab-note{gap:18px;padding:50px 5%}.lab-note>span{font-size:30px}.lab-note h2{font-size:25px}.lab-stamp{display:none}footer{flex-wrap:wrap;gap:20px;font-size:7px}footer>span:nth-child(2){display:none}}@media (prefers-reduced-motion:reduce){:root{scroll-behavior:auto}}
