@property --p{syntax: "<color>"; inherits: true; initial-value: #f72585;}@font-face{font-style:normal;font-weight:400;src:url(/fonts/Jersey10-Regular.ttf) format("truetype");font-family:"Jersey 10";font-display:swap}html,body{margin:0;background-color:#26054d;padding:0;width:100%;height:100%;overflow:hidden;color:#fff;font-family:"Jersey 10",sans-serif;-webkit-user-select:none;user-select:none}button{font-family:inherit}page-landing .project-copy{position:absolute;top:clamp(.75rem,2vw,2rem);left:clamp(.75rem,2vw,2rem);max-width:min(34rem,70%);text-shadow:0 0 .5rem #26054d}page-landing .project-copy h1{margin:0;font-size:clamp(2rem,5vw,4.5rem);line-height:.9}page-landing .project-copy p{margin:.35rem 0 0;max-width:30rem;font-size:clamp(1rem,2vw,1.5rem);line-height:1.05}page-landing .showcase-shell{--p: #f72585;transition:--p .4s ease-in-out}page-landing .showcase-shell.apps-view{--p: #3f37c9}page-landing .showcase-shell.apps-view .showcase{animation:color-switch-pulse .4s ease-out}page-landing .project-content{position:absolute;inset:0}page-landing .project-enter{animation:project-content-enter .4s ease-out}page-landing .project-leave{z-index:1;animation:project-content-leave .25s ease-in forwards;pointer-events:none}@media(prefers-reduced-motion:reduce){page-landing .showcase-shell{transition:none}page-landing .showcase-shell.apps-view .showcase,page-landing .showcase-shell .project-enter,page-landing .showcase-shell .project-leave{animation:none}}@keyframes color-switch-pulse{50%{transform:scale(1.008);filter:brightness(1.12)}}@keyframes project-content-enter{0%{transform:scale(1.015);opacity:0}}@keyframes project-content-leave{to{transform:scale(.985);opacity:0}}@media(max-width:600px){page-landing .project-copy{max-width:calc(100% - 5rem)}page-landing .project-copy p{display:none}}