@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap";#root{background-color:#000;width:100%;box-sizing:border-box}.hero{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100vh}span,h1,h2,h3,p{margin:0;font-family:Inter,sans-serif;font-weight:800}h1{font-size:64px;text-transform:uppercase}h1.swipe-title{text-align:center}h1.swipe-title>span{background-color:#fff;color:#000;padding:0 16px;border-radius:8px}h1.swipe-title select,h1.swipe-title option{background-color:#fff!important;color:#000!important;padding:0 16px!important;border-radius:8px!important;all:unset}.project-page{min-height:100vh;box-sizing:border-box;padding:48px;display:flex;flex-direction:column;gap:48px;position:relative}.project-page .project-media-image{object-fit:cover;width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:0;filter:blur(8px) saturate(0) brightness(.25)}.project-page>h1{z-index:10}.project-page>p{font-size:24px;line-height:1.5;font-weight:500;z-index:10}@media (min-width: 800px){.project-page{padding:64px}.project-page>p{max-width:50%}}.project-page>.links{z-index:10;display:flex;gap:16px;flex-wrap:wrap;margin-top:24px}.project-page>.links a.platform-badge-link{position:relative}.project-page>.links a.platform-badge-link span.platform-badge-special-title{color:#fff;text-transform:none;text-decoration:none;font-size:24px;position:absolute;top:0;left:50%;transform:translate(-50%,-100%);cursor:default}.project-page>.links a.platform-badge-link.wip>img{filter:saturate(0) brightness(.5)}.project-page>.links a.platform-badge-link span.work-in-progress-label{color:#fff;text-transform:none;text-decoration:none;font-size:24px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.project-page>.links a.platform-badge-link img.platform-badge{height:64px;vertical-align:middle;margin-bottom:15px;border-radius:8px}body,:root{padding:0;margin:0;width:100%;box-sizing:border-box;color:#fff}body::-webkit-scrollbar{width:0;background:#000}body::-webkit-scrollbar-thumb{margin:2px;background:#fff;border-radius:8px}.footer{background-color:#f55;color:#000;padding:64px;text-align:center;height:50vh;box-sizing:border-box;display:flex}