@import "https://fonts.googleapis.com/css2?family=Special+Elite&family=Caveat:wght@400;500;600;700&display=swap";
.sketch-page{background-color:#f4f0e6;min-height:100vh;position:relative;overflow-x:hidden}.sketch-page:before{content:"";pointer-events:none;z-index:0;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='grain'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23grain)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:180px 180px;position:fixed;inset:0}.sketch-page:after{content:"";pointer-events:none;z-index:0;background-image:repeating-linear-gradient(#0000,#0000 27px,#00000009 27px 28px);position:fixed;inset:0}.sketch-content{z-index:1;position:relative}.font-typewriter{font-family:Special Elite,Courier New,cursive}.font-handwritten{font-family:Caveat,cursive}.sketch-card{cursor:pointer;background:#faf7f0;border:2.5px solid #1a1a1a;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s;position:relative;box-shadow:5px 5px #1a1a1a}.sketch-card:before{content:"";pointer-events:none;z-index:0;border:1px solid #00000014;position:absolute;inset:5px}.sketch-card:hover{transform:translateY(-6px)rotate(.4deg);box-shadow:8px 8px #1a1a1a}.sketch-main-img{filter:grayscale()contrast(1.05);object-fit:cover;width:100%;height:100%;transition:filter .4s;display:block}.sketch-card:hover .sketch-main-img{filter:grayscale(20%)contrast(1.02)}.sketch-thumb{object-fit:cover;cursor:pointer;filter:grayscale();border:2px solid #1a1a1a;transition:transform .2s,box-shadow .2s;box-shadow:2px 2px #1a1a1a}.sketch-thumb:hover{filter:grayscale(0%);z-index:10;box-shadow:3px 3px #1a1a1a;transform:scale(1.08)rotate(0)!important}.sketch-thumb:first-child{transform:rotate(-2deg)}.sketch-thumb:nth-child(2){transform:rotate(1.5deg)}.sketch-thumb:nth-child(3){transform:rotate(-1deg)}.sketch-thumb:nth-child(4){transform:rotate(2deg)}.sketch-filter-pill{color:#1a1a1a;cursor:pointer;background:0 0;border:2px solid #1a1a1a;padding:.35rem 1rem;font-family:Caveat,cursive;font-size:1rem;font-weight:600;transition:background .15s,transform .15s,box-shadow .15s;position:relative;box-shadow:3px 3px #1a1a1a}.sketch-filter-pill:hover{color:#f4f0e6;background:#1a1a1a;transform:translateY(-2px);box-shadow:4px 4px #555}.sketch-filter-pill.active{color:#f4f0e6;background:#1a1a1a;transform:translateY(1px);box-shadow:2px 2px #555}.sketch-divider{border:none;border-top:2px solid #1a1a1a;position:relative}.sketch-divider:after{content:"";border-top:1px solid #0003;margin-top:3px;display:block}.sketch-tag{color:#444;background:0 0;border:1.5px solid #1a1a1a80;padding:.1rem .55rem;font-family:Caveat,cursive;font-size:.85rem}.sketch-lightbox-overlay{z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a0a0aeb;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.sketch-lightbox-img{object-fit:contain;border:3px solid #fff;max-width:90vw;max-height:72vh;box-shadow:6px 6px #ffffff26}.sketch-lightbox-thumb{cursor:pointer;opacity:.6;object-fit:cover;filter:grayscale(60%);border:2px solid #ffffff59;transition:opacity .2s,border-color .2s,transform .2s}.sketch-lightbox-thumb:hover,.sketch-lightbox-thumb.active{opacity:1;filter:grayscale(0%);border-color:#fff;transform:scale(1.05)}@keyframes sketch-fade-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.sketch-fade-up{animation:.5s both sketch-fade-up}@keyframes sketch-draw-line{0%{width:0}to{width:100%}}.sketch-draw-underline:after{content:"";background:#1a1a1a;height:3px;animation:.8s cubic-bezier(.22,1,.36,1) .3s both sketch-draw-line;display:block}@media (max-width:640px){.sketch-card:hover{transform:translateY(-3px)rotate(.2deg);box-shadow:5px 5px #1a1a1a}}