@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:42px}.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}.section-tabs{display:flex;gap:5px;margin-top:34px}.section-tabs button{padding:9px 14px;border:1px solid transparent;border-radius:9px;background:transparent;color:#66666b;font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;transition:color .2s,border-color .2s,background .2s}.section-tabs button:hover{color:#b8b8ba}.section-tabs button[aria-selected=true]{border-color:#b6ff623d;background:#b6ff6214;color:#b6ff62}.section-tabs button:focus-visible{outline:3px solid #9fd6e8;outline-offset:3px}.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)}.bookmarks-panel{width:100%}.bookmarks-intro{margin-bottom:34px}.bookmarks-intro span{color:#66666b;font-size:9px;font-weight:700;letter-spacing:.2em}.bookmark-group{border-top:1px solid rgba(255,255,255,.11)}.bookmark-group:last-of-type{border-bottom:1px solid rgba(255,255,255,.11)}.bookmark-group summary{display:flex;min-height:62px;align-items:center;gap:14px;padding:0 2px;list-style:none;cursor:pointer;-webkit-user-select:none;user-select:none}.bookmark-group summary::-webkit-details-marker{display:none}.bookmark-group summary h2{flex:1;margin:0;color:#a1a1a4;font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;transition:color .2s}.bookmark-group summary span{color:#55555a;font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.bookmark-group summary i{position:relative;width:18px;height:18px;flex:0 0 18px;border:1px solid rgba(255,255,255,.12);border-radius:5px;transition:border-color .2s,transform .25s}.bookmark-group summary i:before,.bookmark-group summary i:after{position:absolute;top:8px;left:4px;width:8px;height:1px;background:#77777c;content:"";transition:background .2s,transform .25s}.bookmark-group summary i:after{transform:rotate(90deg)}.bookmark-group summary:hover h2,.bookmark-group[open] summary h2{color:#b6ff62}.bookmark-group summary:hover i{border-color:#b6ff6259}.bookmark-group[open] summary i{border-color:#b6ff6240;transform:rotate(180deg)}.bookmark-group[open] summary i:before,.bookmark-group[open] summary i:after{background:#b6ff62}.bookmark-group[open] summary i:after{transform:rotate(0)}.bookmark-group summary:focus-visible{outline:3px solid #9fd6e8;outline-offset:3px;border-radius:4px}.bookmark-list{display:grid;grid-template-columns:repeat(2,1fr);column-gap:34px;padding:0 2px 22px}.bookmark-link{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:18px;padding:15px 2px;border-bottom:1px solid rgba(255,255,255,.09);text-decoration:none;transition:border-color .2s}.bookmark-link>div{min-width:0}.bookmark-link h3{margin:0;color:#dededb;font:700 14px Manrope,sans-serif;letter-spacing:-.025em;transition:color .2s}.bookmark-link p{overflow:hidden;margin:4px 0 0;color:#6e6e73;font-size:10px;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}.bookmark-link svg{width:15px;flex:0 0 15px;fill:none;stroke:#57575c;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5;transition:stroke .2s,transform .2s}.bookmark-link:hover{border-color:#b6ff6252}.bookmark-link:hover h3{color:#b6ff62}.bookmark-link:hover svg{stroke:#b6ff62;transform:translate(2px,-2px)}.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:30px}.section-tabs{margin-top:28px}.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}.bookmark-list{grid-template-columns:1fr}.home-footer{padding-top:48px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}