.project-tags,.project-num{font-weight:400;font-family:var(--font-hand)}.project-name{font-family:var(--font-serif);font-weight:400;font-size:1.6em;line-height:1.2}.navlinks{font-size:1.4em}.name-role-text{font-family:IBM Plex Sans,sans-serif;font-weight:600;font-size:4em;color:var(--text);letter-spacing:2px}.adjective{font-family:Georgia,Times New Roman,Times,serif;font-style:italic;color:var(--tertiary);font-size:4em}.text-transition-wrapper{display:inline-flex;font-family:inherit;font-style:inherit}.project-page-name{font-family:Georgia,Times New Roman,Times,serif;font-size:2.3em}.transition-character{display:inline-block;min-width:.5em;transition:opacity .2s}.transition-character.visible{opacity:1}.transition-character.hidden{opacity:0}.blog-title{font-family:var(--font-serif);font-weight:400;font-size:1.35em;line-height:1.2}@media only screen and (max-width:768px){.name-role-text{font-weight:700;font-size:2.1em;color:var(--text);letter-spacing:2px}.adjective{font-style:italic;color:var(--tertiary);font-size:2.1em}.project-tags,.project-num{font-size:.8em}.project-name{font-size:1.8em}.navlinks{font-size:1.6em}.blog-title{font-size:1.3em}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes float-slow{0%,to{transform:translateY(0)}50%{transform:translateY(3px)}}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(5deg)}75%{transform:rotate(-4deg)}}@keyframes draw-border{0%{stroke-dashoffset:240}to{stroke-dashoffset:0}}@media(prefers-reduced-motion:no-preference){.doodle-float{animation:float 4s ease-in-out infinite}.doodle-float-slow{animation:float-slow 6s ease-in-out infinite}.doodle-wiggle{animation:wiggle .3s ease-in-out}}@media(prefers-reduced-motion:reduce){.doodle-float,.doodle-float-slow{animation:none}}.nav-underline{position:relative;display:inline-block}.nav-underline:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:2px;background:var(--tertiary);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.group:hover .nav-underline:after{transform:scaleX(1)}.paper-card{background:#fff;border-radius:12px;box-shadow:2px 4px 12px #00000014;transition:transform .2s ease,box-shadow .2s ease;cursor:pointer;position:relative;overflow:visible}.paper-card:active{transform:scale(1.02)}@media(hover:hover){.paper-card:hover{transform:translateY(-6px);box-shadow:4px 16px 32px #00000024}}.sticky-note{background:#fff9f0;border-radius:8px;box-shadow:2px 3px 10px #00000012;transition:transform .2s ease,box-shadow .2s ease;cursor:pointer;position:relative}.sticky-note:active{transform:scale(1.02)}@media(hover:hover){.sticky-note:hover{box-shadow:4px 12px 24px #0000001f}}@media(prefers-reduced-motion:no-preference){.pin-wiggle{animation:pin-wiggle .3s ease-in-out}}@keyframes pin-wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-6deg)}75%{transform:rotate(6deg)}}.card-summary{font-family:var(--font-sans);font-size:.8125rem;color:var(--text);opacity:.55;line-height:1.4}.card-tape{position:absolute;top:-6px;right:12px;opacity:.3;pointer-events:none}.card-image-wrapper{--pop-x: 0px;--pop-rotate: -1deg;--pop-y: 0px;background:#fff;padding:4px;border-radius:3px;box-shadow:2px 3px 12px #0000001a;margin-top:var(--pop-y);transform:translate(var(--pop-x)) rotate(var(--pop-rotate));transition:transform .25s ease-out,box-shadow .25s ease-out;line-height:0;width:100%}.card-image{width:100%;display:block}@media(hover:hover){.paper-card:hover .card-image-wrapper,.sticky-note:hover .card-image-wrapper{transform:translate(var(--pop-x)) rotate(calc(var(--pop-rotate) + 2deg)) translateY(-8px) scale(1.05);box-shadow:4px 12px 32px #0000002e}}.paper-card:active .card-image-wrapper,.sticky-note:active .card-image-wrapper{transform:translate(var(--pop-x)) rotate(calc(var(--pop-rotate) + 1deg)) translateY(-4px) scale(1.02);box-shadow:3px 8px 24px #00000024;transition-duration:.1s}@media(prefers-reduced-motion:reduce){.card-image-wrapper{transition:none!important}}.doodle-btn-border{stroke-dasharray:240;stroke-dashoffset:240;transition:stroke-dashoffset .7s ease}.group:hover .doodle-btn-border{stroke-dashoffset:0}@media only screen and (max-width:370px){.name-role-text{font-weight:700;font-size:1.9em;color:var(--text);letter-spacing:2px}.adjective{font-style:italic;color:var(--tertiary);font-size:1.9em}.project-tags,.project-num{font-size:.6em}.project-name,.project-page-name{font-size:1.5em}.navlinks{font-size:1.6em}.blog-title{font-size:1.2em}}