:root{--c-blue-light:#00b9ff;--c-offwhite:#e5f2f7;--c-gray-lighter:#b9c5c9;--c-gray-light:#778183;--c-gray-med:#51575b;--c-gray-dark:#2f3435;--c-gray-darker:#24282a;--c-gray-darkest:#1a1e21;--c-bg:#13161a;--c-backfill:#0a0b0d;--c-bg-rgb:19,22,26;--c-tgk-accent:#fe7531;--c-tgk-base:#f2e7df;--c-tgk-bronze:#4e473e;--transition:.85s cubic-bezier(0,1,.5,1);--transition-slower:1.5s cubic-bezier(0,1,.5,1);--transition-faster:.425s cubic-bezier(0,1,.5,1);--space-from-left:0;--border-radius:.75rem;--button-radius:.66rem;--corner-shape:superellipse(1.5);--font:"ohno-casual-variable",Helvetica,sans-serif;--font-2:"polymath",Helvetica,sans-serif;--c-img-bg:#eee;--space-full:5rem;--space-half:3rem;--space-third:2rem;--space-quarter:1rem;--space-sixth:.5rem}*{font-display:swap}::selection{background-color:var(--c-blue-light);color:#fff}::selection{background-color:var(--c-blue-light);color:#fff}html{height:100%;margin:0;padding:0}body{font-family:var(--font-2);letter-spacing:.025em;color:var(--c-offwhite);background-color:var(--c-bg);text-wrap:pretty;font-weight:300}#container{width:90vw;max-width:1000px;margin:0 auto;padding:8rem 0 0;position:relative}.work-item{padding:5rem 0}.graphic-grid{grid-template-columns:repeat(auto-fit,minmax(6rem,1fr));width:calc(100% - .15rem);margin:0 0 0 .15rem;display:grid}.graphic-grid-item{border:.15rem solid var(--c-gray-dark);aspect-ratio:1;box-sizing:border-box;background-color:var(--c-bg);opacity:1;min-width:10%;margin:-.15rem 0 0 -.15rem;transition:all 2.5s cubic-bezier(.4,0,.2,1)}.graphic-grid-item:hover{background-color:var(--c-backfill);opacity:.1;transition:all 5ms cubic-bezier(.4,0,.2,1)}@media screen and (width<=768px){body{margin:0}}