@font-face{font-family:Libre Franklin Variable;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/libre-franklin/libre-franklin-variable-latin.woff2)format("woff2-variations"),url(/fonts/libre-franklin/libre-franklin-variable-latin.woff2)format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ibm-plex-mono/ibm-plex-mono-latin-400-normal.woff2)format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/ibm-plex-mono/ibm-plex-mono-latin-500-normal.woff2)format("woff2")}:root{--color-ink:#121310;--color-paper:#f4f1e8;--color-white:#fff;--color-muted:#6c6e68;--color-line:#c9c6bd;--color-brand:#2f47d7;--color-applications:#2f47d7;--color-games:#526800;--color-music:#6a3eb5;--color-shop:#a33d2e;--font-sans:"Libre Franklin Variable", "Libre Franklin", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"IBM Plex Mono", SFMono-Regular, Consolas, monospace;--max-width:1440px;--gutter:64px}@media (width<=1024px){:root{--gutter:32px}}@media (width<=767px){:root{--gutter:20px}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-sans);background-color:var(--color-paper);color:var(--color-ink);-webkit-text-size-adjust:100%;font-size:16px;line-height:1.5}body{flex-direction:column;min-height:100vh;display:flex}:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px}.skip-link{background:var(--color-ink);color:var(--color-paper);z-index:9999;border-radius:0 0 4px 4px;padding:12px 20px;font-weight:600;text-decoration:none;transition:top .15s ease-in-out;position:absolute;top:-100px;left:16px}.skip-link:focus{outline:3px solid var(--color-ink);top:0}.container{width:100%;max-width:var(--max-width);padding-left:var(--gutter);padding-right:var(--gutter);margin-left:auto;margin-right:auto}.site-header{border-bottom:1px solid var(--color-line);background-color:var(--color-paper)}.site-header .container{justify-content:space-between;align-items:center;min-height:80px;padding-top:16px;padding-bottom:16px;display:flex}.wordmark{font-family:var(--font-sans);letter-spacing:-.02em;text-transform:uppercase;color:var(--color-ink);align-items:center;min-height:44px;font-size:1.5rem;font-weight:650;text-decoration:none;display:inline-flex}.wordmark:hover,.wordmark:focus-visible{color:var(--color-brand)}.desktop-nav-list{align-items:center;gap:32px;list-style:none;display:flex}header nav a{color:var(--color-ink);align-items:center;min-height:44px;padding:8px 0;font-size:1rem;font-weight:500;text-decoration:none;transition:color .18s;display:inline-flex;position:relative}header nav a:hover{color:var(--color-brand)}header nav a[aria-current=page]{color:var(--color-brand);border-bottom:2px solid var(--color-brand);font-weight:650}.mobile-nav-toggle{display:none}details.mobile-nav-toggle:not([open])>:not(summary){display:none!important}@media (width<=767px){.site-header .container{flex-wrap:wrap;min-height:64px}.mobile-nav-toggle{width:100%;margin-top:8px;display:block}.desktop-nav-list{display:none!important}.mobile-nav-toggle summary{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;background-color:var(--color-paper);border:1px solid var(--color-line);cursor:pointer;border-radius:4px;justify-content:space-between;align-items:center;min-height:44px;padding:10px 16px;font-size:.85rem;list-style:none;display:flex}.mobile-nav-toggle summary::-webkit-details-marker{display:none}.mobile-nav-toggle summary:after{content:"↓"}.mobile-nav-toggle[open] summary:after{content:"↑"}.mobile-nav-toggle[open]>.nav-list{border-top:1px solid var(--color-line);flex-direction:column;align-items:flex-start;gap:0;width:100%;margin-top:12px;padding-top:8px;padding-left:0;list-style:none;display:flex!important}.mobile-nav-toggle .nav-list li{width:100%}.mobile-nav-toggle .nav-list a{border-bottom:1px solid var(--color-line);width:100%;padding:12px 8px}}main#main-content{flex:1;padding-top:48px;padding-bottom:80px}.page-intro{margin-bottom:48px}.eyebrow{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--color-muted);margin-bottom:12px;font-size:.8rem;display:block}h1{letter-spacing:-.02em;color:var(--color-ink);margin-bottom:16px;font-size:clamp(2.375rem,1.75rem + 3.125vw,4.5rem);font-weight:650;line-height:1}.home-title{letter-spacing:-.02em;color:var(--color-ink);margin-bottom:16px;font-size:clamp(2.75rem,2rem + 3.75vw,5.5rem);font-weight:650;line-height:.95}.page-title{letter-spacing:-.02em;color:var(--color-ink);margin-bottom:16px;font-size:clamp(2.375rem,1.75rem + 3.125vw,4.5rem);font-weight:650;line-height:1}.project-title{letter-spacing:-.01em;color:var(--color-ink);margin-bottom:16px;font-size:clamp(1.75rem,1.35rem + 2vw,3rem);font-weight:650;line-height:1.05}h2{letter-spacing:-.01em;color:var(--color-ink);margin-bottom:16px;font-size:1.75rem;font-weight:650;line-height:1.15}h3{color:var(--color-ink);font-size:1.25rem;font-weight:600;line-height:1.25}p{color:var(--color-ink);margin-bottom:1rem}.lead-text{color:var(--color-ink);max-width:800px;font-size:clamp(1.1875rem,1.05rem + .7vw,1.625rem);line-height:1.35}.editorial-grid{border-top:1px solid var(--color-line);list-style:none}.editorial-item{border-bottom:1px solid var(--color-line);grid-template-columns:80px 180px 1fr auto;align-items:baseline;gap:24px;padding:32px 0;transition:transform .2s,background-color .2s;display:grid}.editorial-item:hover{transform:translate(4px)}.editorial-index{font-family:var(--font-mono);color:var(--color-muted);font-size:.85rem}.editorial-meta{flex-direction:column;gap:6px;display:flex}.badge{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;font-weight:500}.badge-application{color:var(--color-applications)}.badge-game{color:var(--color-games)}.badge-music{color:var(--color-music)}.badge-shop{color:var(--color-shop)}.badge-status{font-family:var(--font-mono);text-transform:uppercase;color:var(--color-muted);font-size:.75rem}.editorial-content h2,.editorial-content h3{margin-bottom:8px}.editorial-content h2 a,.editorial-content h3 a{color:var(--color-ink);text-decoration:none}.editorial-content h2 a:hover,.editorial-content h3 a:hover{color:var(--color-brand)}.editorial-summary{color:var(--color-muted);max-width:680px;font-size:.95rem}.editorial-action a,.action-link{color:var(--color-brand);align-items:center;gap:6px;min-height:44px;padding:4px 0;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex}.editorial-action a:hover,.action-link:hover,.action-link:focus-visible{text-decoration:underline}@media (width<=1024px){.editorial-item{grid-template-columns:60px 140px 1fr}.editorial-action{grid-column:3;margin-top:8px}}@media (width<=767px){.editorial-item{grid-template-columns:1fr;gap:12px;padding:24px 0}.editorial-meta{flex-direction:row;align-items:center;gap:12px}.editorial-action{grid-column:1;margin-top:4px}}.filter-nav{margin-bottom:36px}.filter-nav ul{flex-wrap:wrap;gap:16px;list-style:none;display:flex}.filter-link{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--color-ink);border:1px solid var(--color-line);border-radius:4px;align-items:center;min-height:44px;padding:8px 16px;font-size:.85rem;text-decoration:none;transition:all .18s;display:inline-flex}.filter-link:hover{border-color:var(--color-brand);color:var(--color-brand)}.filter-link[aria-current=page]{background-color:var(--color-ink);color:var(--color-paper);border-color:var(--color-ink)}.breadcrumb{margin-bottom:24px}.breadcrumb ol{flex-wrap:wrap;align-items:center;gap:8px;list-style:none;display:flex}.breadcrumb li{font-family:var(--font-mono);color:var(--color-muted);font-size:.8rem}.breadcrumb li:not(:last-child):after{content:"/";color:var(--color-line);margin-left:8px}.breadcrumb a{color:var(--color-muted);text-decoration:none}.breadcrumb a:hover{color:var(--color-brand);text-decoration:underline}.breadcrumb [aria-current=page]{color:var(--color-ink);font-weight:500}.notice-box{background-color:var(--color-white);border:1px solid var(--color-line);border-left:4px solid var(--color-brand);border-radius:0 4px 4px 0;margin:32px 0;padding:20px 24px}.notice-box p{margin:0;font-size:.95rem}.fields-grid{border-top:1px solid var(--color-line);grid-template-columns:repeat(4,1fr);gap:24px;margin-top:32px;padding-top:32px;display:grid}.field-card{border:1px solid var(--color-line);background-color:var(--color-paper);border-radius:4px;padding:24px}.field-card h3{margin-bottom:8px;font-size:1.1rem}.field-card p{color:var(--color-muted);margin:0;font-size:.9rem}@media (width<=1024px){.fields-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=767px){.fields-grid{grid-template-columns:1fr}}.music-editorial{width:100%;min-width:0;max-width:100%;margin-top:8px}.music-hero{grid-template-columns:1fr 340px;align-items:start;gap:48px;min-width:0;margin-bottom:44px;display:grid}.music-hero-text{min-width:0}.music-brand-title{margin:12px 0 16px;line-height:1}.joanto-logo{width:100%;max-width:220px;height:auto;display:block}.music-hero-visual{justify-content:flex-end;min-width:0;display:flex}.music-portrait-frame{border:1px solid var(--color-line);background-color:var(--color-paper);border-radius:4px;width:100%;max-width:320px;margin:0;overflow:hidden}.music-portrait-img{aspect-ratio:2/3;object-fit:cover;width:100%;height:auto;display:block}.music-content-wrapper{flex-direction:column;gap:40px;width:100%;min-width:0;max-width:100%;display:flex}.music-section{width:100%;min-width:0;max-width:100%}.music-section .section-title{font-family:var(--font-sans);color:var(--color-ink);border-bottom:1px solid var(--color-line);margin-bottom:16px;padding-bottom:8px;font-size:1.25rem;font-weight:600}.music-section p{color:var(--color-ink);margin-bottom:16px;font-size:1rem;line-height:1.65}.music-section p:last-child{margin-bottom:0}.music-releases{flex-direction:column;width:100%;min-width:0;max-width:100%;display:flex}.releases-header{border-bottom:1px solid var(--color-line);margin-bottom:16px;padding-bottom:8px}.releases-header .section-title{border-bottom:none;margin-bottom:0;padding-bottom:0}.joanto-releases-carousel{touch-action:pan-y pinch-zoom;width:100%;max-width:1000px;margin-inline:auto;padding:8px 0 16px;position:relative}.joanto-releases-carousel:focus-visible{outline:2px solid var(--color-brand);outline-offset:4px;border-radius:8px}.joanto-releases-stage{justify-content:center;align-items:center;gap:16px;width:100%;display:flex;position:relative}.joanto-releases-swiper{pointer-events:none;border-radius:8px;flex:1;min-width:0;padding-block:28px 20px;overflow:hidden}.joanto-releases-swiper .swiper-slide{text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;box-sizing:border-box;pointer-events:auto;flex-direction:column;align-items:center;gap:12px;width:280px;height:auto;display:flex}.joanto-releases-swiper .swiper-slide:focus-visible{outline:2px solid var(--color-brand);outline-offset:4px;border-radius:6px}.release-cover-frame{aspect-ratio:1;border:1px solid var(--color-line);background-color:var(--color-white);border-radius:6px;width:100%;transition:border-color .25s,box-shadow .25s;position:relative;overflow:hidden;box-shadow:0 4px 12px #00000014}.joanto-releases-swiper .swiper-slide-active .release-cover-frame{border-color:var(--color-ink);box-shadow:0 10px 28px #00000029}.release-cover{object-fit:cover;pointer-events:none;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.release-info{text-align:center;opacity:0;visibility:hidden;pointer-events:none;flex-direction:column;gap:3px;width:100%;transition:opacity .25s,visibility .25s;display:flex}.joanto-releases-swiper .swiper-slide-active .release-info{opacity:1;visibility:visible;pointer-events:auto}.release-title{font-family:var(--font-sans);color:var(--color-ink);font-size:1.05rem;font-weight:650;line-height:1.25}.release-meta{color:var(--color-muted);font-size:.85rem;line-height:1.3}.joanto-releases-prev,.joanto-releases-next{z-index:15;border:1px solid var(--color-line);background-color:var(--color-paper);width:44px;min-width:44px;height:44px;min-height:44px;color:var(--color-ink);cursor:pointer;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:border-color .15s,background-color .15s,color .15s,box-shadow .15s;display:inline-flex;box-shadow:0 2px 8px #0000000f}.joanto-releases-prev:hover,.joanto-releases-next:hover{border-color:var(--color-brand);background-color:var(--color-white);color:var(--color-brand);box-shadow:0 4px 12px #2f47d726}.joanto-releases-prev:focus-visible,.joanto-releases-next:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px}.carousel-btn-icon{width:20px;height:20px;display:block}.joanto-releases-footer{justify-content:center;align-items:center;margin-top:8px;display:flex}.joanto-releases-pagination{width:auto;font-family:var(--font-mono);color:var(--color-muted);-webkit-user-select:none;user-select:none;text-align:center;font-size:.85rem;position:static}.platforms-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;display:grid}.platform-card{border:1px solid var(--color-line);background-color:var(--color-paper);min-height:48px;color:var(--color-ink);box-sizing:border-box;border-radius:6px;align-items:center;gap:12px;padding:12px 18px;font-size:.95rem;font-weight:500;text-decoration:none;transition:border-color .15s,background-color .15s,color .15s;display:inline-flex}.platform-card:hover{border-color:var(--color-brand);background-color:var(--color-white);color:var(--color-brand)}.platform-card:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px}.platform-icon{border-radius:4px;flex-shrink:0;width:24px;height:24px;display:block}.platform-logo-linktree{flex-shrink:0;width:auto;max-width:84px;height:20px;display:block}.platform-card-secondary{border-style:dashed}.social-links{flex-wrap:wrap;gap:12px;display:flex}@media (width<=1024px){.music-hero{grid-template-columns:1fr 280px;gap:32px}.music-portrait-frame{max-width:280px}}@media (width<=767px){.music-hero{grid-template-columns:1fr;gap:24px;margin-bottom:32px}.music-hero-visual{justify-content:flex-start}.music-portrait-frame{max-width:260px}.joanto-releases-carousel{width:calc(100% + var(--gutter) + var(--gutter));max-width:none;margin-inline:calc(var(--gutter) * -1);padding:4px 0 12px}.joanto-releases-stage{gap:0}.joanto-releases-swiper .swiper-slide{width:72vw}.joanto-releases-prev,.joanto-releases-next{position:absolute;top:auto;bottom:12px}.joanto-releases-prev{left:8px}.joanto-releases-next{right:8px}.joanto-releases-footer{min-height:44px;margin-top:12px}.platforms-grid{grid-template-columns:1fr}}.shop-editorial{max-width:800px}.shop-header{margin-bottom:32px}.shop-brand-title{margin:12px 0 16px;line-height:1}.shop-logo{border-radius:4px;width:100%;max-width:200px;height:auto;display:block}.shop-content-wrapper{flex-direction:column;gap:28px;display:flex}.shop-section p{color:var(--color-ink);margin-bottom:16px;font-size:1.05rem;line-height:1.65}.shop-section p:last-child{margin-bottom:0}.shop-action{padding-top:8px}.btn-cta{background-color:var(--color-brand);min-height:44px;color:var(--color-white);border-radius:4px;justify-content:center;align-items:center;padding:10px 24px;font-size:1rem;font-weight:600;text-decoration:none;transition:background-color .15s ease-in-out;display:inline-flex}.btn-cta:hover{color:var(--color-white);background-color:#1f33a8}.btn-cta:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px}.site-footer{border-top:1px solid var(--color-line);background-color:var(--color-paper);margin-top:auto;padding-top:40px;padding-bottom:40px}.site-footer .container{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;display:flex}.footer-copy{color:var(--color-muted);font-size:.9rem}.secondary-nav ul{gap:24px;list-style:none;display:flex}.secondary-nav a{color:var(--color-muted);align-items:center;min-height:44px;font-size:.9rem;text-decoration:none;display:inline-flex}.secondary-nav a:hover{color:var(--color-brand)}@media (width<=767px){.site-footer .container{flex-direction:column;align-items:flex-start}}.legal-article{max-width:800px;margin-top:32px}.legal-section{margin-bottom:40px}.legal-section h2{border-bottom:1px solid var(--color-line);margin-bottom:12px;padding-bottom:8px;font-size:1.35rem}.legal-section p{margin-bottom:12px;font-size:1rem;line-height:1.65}.legal-section p:last-child{margin-bottom:0}.legal-section ul{margin-bottom:16px;margin-left:24px;list-style:outside}.legal-section li{margin-bottom:8px;line-height:1.6}.legal-section a{color:var(--color-brand);text-decoration:underline}.legal-section a:hover,.legal-section a:focus-visible{color:var(--color-ink)}.legal-address{background-color:var(--color-white);border:1px solid var(--color-line);border-radius:4px;margin:16px 0;padding:16px 20px;font-size:.95rem;font-style:normal;line-height:1.6}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.editorial-item:hover{transform:none}}