.works-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.work-card{min-width:0;background:var(--paper,#fffef8);border:1px solid #181a16;border-radius:5px;overflow:hidden;display:flex;flex-direction:column}.work-picture{position:relative;display:block;aspect-ratio:16/9;background:#11151c;overflow:hidden}.work-picture img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s}.work-picture:hover img{transform:scale(1.035)}.work-picture>span{position:absolute;right:12px;bottom:12px;background:#dfff78;color:#111;padding:7px 12px;border:1px solid #111;border-radius:3px;font-size:13px;font-weight:700}.work-body{padding:22px;display:flex;flex-direction:column;flex:1}.work-meta{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;font-size:12px!important;color:#62675c;margin:0 0 12px!important}.work-body h3{font-size:24px;margin:0 0 10px;line-height:1.35}.work-body h3 a{color:inherit;text-decoration:none}.work-body>p{font-size:15px;line-height:1.75;margin:0 0 16px}.work-body details{font-size:14px;line-height:1.8;margin-bottom:14px}.work-body summary{cursor:pointer;text-decoration:underline;text-underline-offset:4px}.work-body details p{margin:8px 0}.work-body small{font-size:12px;color:#6a7063}.work-credit{border-top:1px solid #d9ddcf;padding-top:13px;margin-top:auto!important;margin-bottom:0!important;font-size:12px!important;color:#707767}.works-note{font-size:13px;color:#666e5e;margin-top:22px;line-height:1.8}.work-hero{display:block;color:#161914;background:#fffef8;border:2px solid #111;border-radius:4px;box-shadow:8px 8px 0 #111;text-decoration:none;overflow:hidden;transform:rotate(1deg)}.work-hero img{width:100%;height:auto;aspect-ratio:1.65;object-fit:cover;display:block}.work-hero-body{padding:24px}.work-hero h2{font-size:28px;margin:10px 0}.work-hero p{font-size:15px;line-height:1.7;margin:0 0 16px}.work-hero-cta{display:inline-block;background:#dfff78;border:1px solid #111;padding:9px 14px;font-size:14px;font-weight:700}.work-section{scroll-margin-top:100px}.works-index{font-size:13px;color:#666;line-height:1.9}.works-index a{margin-right:18px;color:#111;text-decoration:underline;text-underline-offset:4px}.demo-intro{margin:46px 0 22px;padding-top:30px;border-top:1px solid #c5c9bd}.demo-intro h2{font-size:25px}.demo-intro p{font-size:14px;color:#60675b;line-height:1.8}@media(max-width:1000px){.works-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.works-grid{grid-template-columns:1fr;gap:22px}.work-body{padding:20px}.work-hero{transform:none;box-shadow:5px 5px 0 #111}.work-hero-body{padding:20px}.work-hero h2{font-size:25px}.work-picture{aspect-ratio:16/9}}@media(prefers-reduced-motion:reduce){.work-picture img{transition:none}}