@charset "UTF-8";.portfolio{display:none}html.portfolio-mode{background:#1e1c1a;touch-action:manipulation;-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}body.portfolio-mode{display:block;overflow:auto;height:auto;min-height:100vh;text-align:left;color:#d8d3cc;background:#1e1c1a}body.portfolio-mode .gameboy{display:none}body.portfolio-mode .portfolio{display:block;animation:portfolio-in .6s ease both}@keyframes alex-idles{0%{background-position-x:0}12.5%{background-position-x:calc(-64px * var(--scale))}25%{background-position-x:0}37.5%{background-position-x:calc(-64px * var(--scale))}50%{background-position-x:0}62.5%{background-position-x:calc(-64px * var(--scale))}75%{background-position-x:0}81%{background-position-x:calc(-128px * var(--scale))}82.5%{background-position-x:0}87.5%{background-position-x:calc(-64px * var(--scale))}93%{background-position-x:calc(-192px * var(--scale))}94.5%{background-position-x:calc(-64px * var(--scale))}}@media (prefers-reduced-motion:reduce){.portfolio .alex{animation:none}}@keyframes lever-pull{0%{transform:none}35%{transform:scaleY(-1)}to{transform:none}}@keyframes portfolio-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.portfolio{max-width:680px;margin:0 auto;padding:96px 32px 72px;font-family:"IBM Plex Serif",Georgia,serif;font-size:16px;line-height:1.6}.portfolio .alex{--scale:2;width:calc(64px * var(--scale));height:calc(64px * var(--scale));margin:0 0 14px calc(-14px * var(--scale));background:url(/alex-idle.c8791472.png) 0 0/calc(256px * var(--scale)) auto no-repeat;image-rendering:pixelated;animation:alex-idles 9.6s step-end infinite}.portfolio h1{font-size:40px;font-weight:400;line-height:1;margin:0 0 26px}.portfolio h2{font-size:.85rem;font-weight:400;color:#918a7e;letter-spacing:.04em;margin:0 0 12px}.portfolio p{margin:0 0 20px}.portfolio a{color:#d8d3cc;text-decoration:underline;text-decoration-color:#3a3632;text-underline-offset:3px;transition:text-decoration-color .2s}.portfolio a:hover{text-decoration-color:#d8d3cc}.portfolio .quote{display:flex;align-items:center;gap:20px;margin:0 0 28px;color:#918a7e;font-size:.85rem;text-transform:lowercase;opacity:.75}.portfolio .quote>div{flex:1;transition:filter .18s}.portfolio .quote>div.changing{filter:blur(5px)}.portfolio .quote blockquote{margin:0}.portfolio .quote blockquote:before{content:"“"}.portfolio .quote blockquote:after{content:"”"}.portfolio .quote figcaption{margin-top:2px}.portfolio .quote figcaption:before{content:"— "}.portfolio .lever{flex:none;padding:4px;border:0;background:none;color:#918a7e;cursor:pointer;transition:color .2s}.portfolio .lever:focus-visible,.portfolio .lever:hover{color:#d8d3cc}.portfolio .lever svg{display:block;width:16px;height:28px;overflow:visible}.portfolio .lever .base,.portfolio .lever circle{fill:currentColor}.portfolio .lever line{stroke:currentColor;stroke-width:2;stroke-linecap:round}.portfolio .lever .arm{transform-box:view-box;transform-origin:8px 22px}.portfolio .lever.pulled .arm{animation:lever-pull .5s ease}.portfolio .links{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:.85rem}.portfolio .links a{display:inline-flex;align-items:center;gap:7px;color:#918a7e;text-decoration:none}.portfolio .links a svg{width:14px;height:14px;fill:currentColor}.portfolio .links a .emoji{font-size:15px;line-height:1;filter:saturate(.7)}.portfolio .links a:hover{color:#d8d3cc}.portfolio section{margin-top:56px}.portfolio ul{list-style:none;margin:0;padding:0}.portfolio li{display:flex;gap:18px;padding:4px 0}.portfolio .date{flex:0 0 9.5em;color:#918a7e;font-size:.85rem;padding-top:.15em}.portfolio .note{color:#918a7e}.portfolio .favicon{width:15px;height:15px;margin-right:7px;vertical-align:-2px;border-radius:3px}.portfolio .paintings h2{display:flex;align-items:center;gap:8px}.portfolio .paintings .lock svg{display:block;width:13px;height:13px;fill:#918a7e}.portfolio .paintings .lock svg .shackle{fill:none;stroke:#918a7e;stroke-width:1.6;transition:transform .4s ease}.portfolio .paintings .hint{font-style:italic;letter-spacing:0;opacity:.8}.portfolio .paintings.unlocked .shackle{transform:translate(3px,-2px) rotate(18deg);transform-origin:11.5px 7px}.portfolio .paintings.unlocked .hint{display:none}.portfolio .paintings li{transition:filter .6s ease,opacity .6s ease}.portfolio .paintings .locked{filter:blur(5px);opacity:.55;user-select:none;pointer-events:none}.portfolio .todo{color:#918a7e;font-style:italic}.portfolio footer{margin-top:72px;padding-top:20px;border-top:1px solid #3a3632;font-size:.85rem}.portfolio .back{font:inherit;color:#918a7e;background:none;border:0;padding:0;cursor:pointer}.portfolio .back:hover{color:#d8d3cc}@media (max-width:600px){.portfolio{padding:56px 20px 48px}.portfolio h1{font-size:32px}.portfolio li{flex-direction:column;gap:0}.portfolio .date{flex:none}}.sparkles{position:fixed;inset:0;pointer-events:none;z-index:50}.sparkles span{position:absolute;width:var(--size);height:var(--size);margin:calc(var(--size) / -2) 0 0 calc(var(--size) / -2);background:radial-gradient(circle,#fff 0,#fff6c8 40%,#ffd86a 70%);clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);filter:drop-shadow(0 0 6px rgba(255,230,150,.9));opacity:0;animation:sparkle .9s ease-in-out var(--delay) both}@keyframes sparkle{0%{opacity:0;transform:scale(0) rotate(0deg)}45%{opacity:1;transform:scale(1) rotate(45deg)}to{opacity:0;transform:scale(.2) rotate(90deg) translateY(-12px)}}.flash{position:fixed;inset:0;background:#fffaf0;pointer-events:none;z-index:60;opacity:0;transition:opacity .25s ease}.flash.on{opacity:1}
/*# sourceMappingURL=/portfolio.a3bcb7c4.css.map */