.sketches{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}@media(max-width:600px){.sketches{grid-template-columns:repeat(1,1fr)}}.sketch{margin-bottom:1rem}.sketch label{background-color:var(--yellow);color:var(--bg-hard);font-weight:700;display:inline-block;padding:0 .5rem}.sketch .description{display:block}.sketch img{width:100%;transition:.3s ease;cursor:pointer}.sketch img:hover{transform:scale(1.01)}dialog{border:none;padding:0;max-width:90vw;max-height:90vh;background:transparent;cursor:pointer;transition:transform .4s ease,opacity .4s ease,display .4s allow-discrete;opacity:0;transform:scale(.8)}dialog[open]{opacity:1;transform:scale(1)}@starting-style{dialog[open]{opacity:0;transform:scale(.8)}}dialog::backdrop{background:#0000;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);transition:background-color .4s ease,backdrop-filter .4s ease,display .4s allow-discrete}dialog[open]::backdrop{background:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}@starting-style{dialog[open]::backdrop{background:#0000;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}}dialog img{display:block;max-width:100%;max-height:80vh}
