@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap";:root{font-family:DM Sans,system-ui,sans-serif;color:#f5f6fb;background:#0a0a0b;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:#0a0a0b}button,a{font:inherit}button,a{color:inherit}body:before{position:fixed;inset:0;z-index:-1;content:"";opacity:.5;background-image:radial-gradient(circle at 20% 0%,rgba(100,110,125,.1),transparent 34rem),linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:auto,48px 48px,48px 48px;-webkit-mask-image:linear-gradient(to bottom,black,transparent 82%);mask-image:linear-gradient(to bottom,black,transparent 82%)}.home-page{display:flex;width:min(1180px,calc(100% - 48px));min-height:100vh;flex-direction:column;margin:0 auto;padding:82px 0 24px}.home-header{margin-bottom:62px}.title-lockup{position:relative}.ambient-title{margin:0;color:#f2f2ef;font:700 clamp(44px,7.8vw,96px) "Manrope",sans-serif;letter-spacing:-.075em;line-height:.92}.ambient-title span{display:block;min-width:10.5ch}.ascii-title{display:flex!important;overflow:visible}.ascii-title i{display:inline-block;font:inherit;font-style:normal;animation:ascii-wave 2.8s ease-in-out infinite;animation-delay:calc(var(--char) * -75ms);text-shadow:0 0 22px rgba(255,255,255,.04)}@keyframes ascii-wave{0%,to{color:#f2f2ef;transform:translateY(0)}45%{color:#f2f2ef;transform:translateY(0)}55%{color:#b6ff62;text-shadow:0 0 16px rgba(182,255,98,.35);transform:translateY(-3px)}68%{color:#f2f2ef;transform:translateY(0)}}.title-rule{display:block;width:42px;height:2px;margin-top:24px;background:#b6ff62;box-shadow:0 0 14px #b6ff6273}.project-list{display:grid;width:100%;grid-template-columns:repeat(3,1fr);gap:14px}.project-card{position:relative;display:flex;height:278px;flex-direction:column;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:#ffffff0b;box-shadow:inset 0 1px #ffffff14,0 18px 45px #00000038;text-decoration:none;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .35s,box-shadow .35s}.project-card:after{position:absolute;inset:0;border-radius:inherit;background:linear-gradient(115deg,rgba(255,255,255,.09),transparent 30%,transparent 70%,rgba(255,255,255,.025));content:"";pointer-events:none}.project-card:hover{z-index:1;border-color:#ffffff47;box-shadow:inset 0 1px #ffffff1f,0 32px 80px #0006;transform:translateY(-6px)}.phonodex-preview{position:relative;flex:1;min-height:166px;overflow:hidden;background:#101014}.phonodex-preview:after{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 48%,rgba(8,8,9,.65));content:""}.phonodex-preview img{width:100%;height:100%;object-fit:cover;filter:saturate(.88) contrast(1.02);transition:transform .6s cubic-bezier(.2,.8,.2,1),filter .4s}.phonodex-card:hover img{filter:saturate(1) contrast(1.05);transform:scale(1.025)}.chainplay-preview{display:flex;flex:1;min-height:166px;align-items:center;justify-content:center;gap:13px;background:radial-gradient(circle at 50% 45%,#20243b,#10121c 55%,#0c0e16)}.chainplay-preview strong{font:800 clamp(25px,3vw,34px) "Manrope",sans-serif;letter-spacing:-.055em}.chainplay-logo{display:flex;gap:4px;align-items:center}.chainplay-logo i{display:block;width:9px;height:29px;border-radius:2px;transform:skew(-16deg);background:#77e6a1;box-shadow:0 0 22px #77e6a129}.chainplay-logo i:nth-child(2){height:21px;background:#ff9b62}.chainplay-logo i:nth-child(3){height:14px;background:#d69aff}.genre-mappr-preview{position:relative;flex:1;min-height:166px;overflow:hidden;background:#020500}.genre-mappr-preview:after{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 48%,rgba(2,5,0,.65));content:""}.genre-mappr-preview img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.8,.2,1),filter .4s}.genre-mappr-card:hover img{filter:brightness(1.08);transform:scale(1.025)}.project-info{position:relative;z-index:2;display:flex;min-height:112px;align-items:flex-end;justify-content:space-between;gap:16px;padding:18px 19px;border-top:1px solid rgba(255,255,255,.1);background:#0d0d0fb3}.project-index{display:block;margin-bottom:10px;color:#6f6f74;font-size:9px;font-weight:700;letter-spacing:.2em}.project-info h2{margin:0;color:#f1f1ef;font:700 22px Manrope,sans-serif;letter-spacing:-.045em}.project-info p{margin:5px 0 0;color:#808085;font-size:12px}.launch-icon{display:grid;width:36px;height:36px;flex:0 0 36px;place-items:center;border:1px solid rgba(255,255,255,.15);border-radius:10px;background:#ffffff0e;transition:color .25s,background .25s,transform .25s}.launch-icon svg{width:18px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5}.project-card:hover .launch-icon{background:#f0f0ed;color:#101010;transform:rotate(3deg)}.home-footer{display:flex;justify-content:space-between;margin-top:auto;padding:70px 2px 0;color:#4f4f52;font-size:9px;font-weight:700;letter-spacing:.18em}a:focus-visible{outline:3px solid #9fd6e8;outline-offset:3px}@media(max-width:760px){.home-page{width:min(100% - 28px,1180px);padding-top:48px}.home-header{display:block;margin-bottom:42px}.project-list{grid-template-columns:1fr}.project-card{height:278px}.phonodex-preview,.chainplay-preview,.genre-mappr-preview{min-height:166px}.project-info{min-height:112px;padding:18px 19px}.project-info p{max-width:230px}.home-footer{padding-top:48px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}