:root{color-scheme:light;--bg: #ffffff;--bg-2: #f5f5f3;--text: #111111;--muted: rgba(17, 17, 17, .64);--faint: rgba(17, 17, 17, .42);--line: rgba(17, 17, 17, .1);--surface: #f7f7f5;--surface-2: #efefec;--accent: #c8417f;--grad: linear-gradient(90deg, #111111 0%, #c8417f 100%);--glow-a: 255, 255, 255;--glow-b: 255, 255, 255;--glow-c: 255, 255, 255;--on-accent: #ffffff;--shadow: 0 24px 60px rgba(17, 17, 17, .1);--grain: 0;--font: "Zen Kaku Gothic New", "Hiragino Sans", "Noto Sans JP", system-ui, sans-serif;--serif: "Cormorant Garamond", "Shippori Mincho", "Hiragino Mincho ProN", serif;--display: var(--serif);--label: "Outfit", var(--font);--gutter: 20px;--maxw: 1200px;--radius: 18px;--radius-lg: 28px;--header-h: 60px;--section-gap: 44px}[data-theme=illusia]{color-scheme:dark;--bg: #08090f;--bg-2: #10121c;--text: #eef0f6;--muted: rgba(226, 230, 242, .66);--faint: rgba(226, 230, 242, .42);--line: rgba(214, 220, 236, .14);--surface: rgba(255, 255, 255, .045);--surface-2: rgba(255, 255, 255, .085);--accent: #d5dbe8;--crimson: #e23a55;--grad: linear-gradient(90deg, #7ef0ff 0%, #a68bff 34%, #ff8ad8 68%, #ffd27f 100%);--glow-a: 90, 190, 255;--glow-b: 214, 222, 240;--glow-c: 170, 22, 44;--on-accent: #08090f;--shadow: 0 24px 60px rgba(0, 0, 0, .55);--grain: .07}[data-theme=code-harmony]{color-scheme:light;--bg: #eef4ff;--bg-2: #ffffff;--text: #14213f;--muted: rgba(26, 46, 96, .68);--faint: rgba(26, 46, 96, .44);--line: rgba(40, 80, 170, .14);--surface: rgba(255, 255, 255, .72);--surface-2: rgba(255, 255, 255, .92);--accent: #4f74dc;--grad: linear-gradient(90deg, #5c9dff 0%, #9b82f5 55%, #f08fbd 100%);--glow-a: 120, 170, 255;--glow-b: 200, 160, 255;--glow-c: 255, 190, 220;--on-accent: #ffffff;--shadow: 0 20px 50px rgba(60, 90, 170, .16);--grain: .05}@media(min-width:620px){:root{--gutter: 32px;--header-h: 68px;--section-gap: 56px}}@media(min-width:960px){:root{--gutter: 48px;--section-gap: 64px}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 16px)}html.menu-open{overflow:hidden}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:16px;line-height:1.8;-webkit-font-smoothing:antialiased;overflow-x:hidden}img{display:block;max-width:100%;height:auto}a{color:inherit}h1,h2,h3,p{margin:0}ul{margin:0;padding:0;list-style:none}button{font:inherit;color:inherit;cursor:pointer}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}.skip-link{position:fixed;top:8px;left:8px;z-index:200;padding:8px 14px;border-radius:10px;background:var(--text);color:var(--bg);font-weight:700;text-decoration:none;transform:translateY(-200%)}.skip-link:focus{transform:none}body:before{content:"";position:fixed;inset:0;z-index:300;pointer-events:none;opacity:var(--grain);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.backdrop{position:fixed;inset:0;z-index:-1;overflow:hidden;background:var(--bg)}.backdrop span{position:absolute;width:70vmax;height:70vmax;border-radius:50%;filter:blur(90px);opacity:.34}.backdrop span:nth-child(1){top:-30vmax;left:-22vmax;background:rgb(var(--glow-a));animation:drift 38s ease-in-out infinite alternate}.backdrop span:nth-child(2){top:6vmax;right:-34vmax;background:rgb(var(--glow-b));opacity:.26;animation:drift 46s ease-in-out infinite alternate-reverse}.backdrop span:nth-child(3){bottom:-40vmax;left:12vmax;background:rgb(var(--glow-c));opacity:.2;animation:drift 54s ease-in-out infinite alternate}body:not([data-theme=illusia]) .backdrop span{opacity:.55}body:not([data-theme=illusia]) .backdrop span:nth-child(1){top:-36vmax;left:auto;right:-26vmax}body[data-theme=wrw] .backdrop span{display:none}@keyframes drift{to{transform:translate3d(6vmax,4vmax,0) scale(1.12)}}.page{padding-top:var(--header-h);min-height:70vh}.wrap{width:min(var(--maxw),100%);margin-inline:auto;padding-inline:var(--gutter)}.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}.reveal.is-visible{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.backdrop span{animation:none}.reveal{opacity:1;transform:none;transition:none}*{transition-duration:.01ms!important}}.site-header{position:fixed;inset:0 0 auto;z-index:100;height:var(--header-h);display:flex;align-items:center;justify-content:space-between;gap:16px;padding-inline:var(--gutter);transition:background .3s ease,border-color .3s ease;border-bottom:1px solid transparent}.site-header.is-scrolled,html.menu-open .site-header{background:color-mix(in srgb,var(--bg) 82%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom-color:var(--line)}.site-logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none;min-height:44px}.site-logo img{width:46px;height:40px;object-fit:contain}.site-logo span{font-family:"Outfit",var(--font);font-weight:600;font-size:.82rem;letter-spacing:.2em;text-transform:uppercase}.site-nav{display:none;align-items:center;gap:6px}.nav-link{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 14px;border:0;border-radius:999px;background:none;font-family:"Outfit",var(--font);font-size:.78rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;color:var(--muted);transition:color .2s ease,background .2s ease}.nav-link:hover,.nav-link.is-current,.nav-link[aria-expanded=true]{color:var(--text);background:var(--surface-2)}.nav-caret{width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg)}.nav-group{position:relative}.nav-sub{position:absolute;top:calc(100% + 8px);left:0;min-width:220px;padding:8px;display:grid;gap:2px;background:color-mix(in srgb,var(--bg-2) 94%,transparent);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .2s ease,transform .2s ease,visibility .2s}.nav-group:hover .nav-sub,.nav-group:focus-within .nav-sub,.nav-group>[aria-expanded=true]+.nav-sub{opacity:1;visibility:visible;transform:none}.nav-sub a{display:block;padding:10px 14px;border-radius:10px;text-decoration:none;font-size:.9rem;font-weight:500;color:var(--muted)}.nav-sub a:hover,.nav-sub a.is-current{color:var(--text);background:var(--surface-2)}.nav-toggle{width:44px;height:44px;display:grid;place-content:center;gap:7px;border:1px solid var(--line);border-radius:50%;background:var(--surface)}.nav-toggle span{width:18px;height:1.5px;background:var(--text);transition:transform .25s ease}.nav-toggle[aria-expanded=true] span:first-child{transform:translateY(4.25px) rotate(45deg)}.nav-toggle[aria-expanded=true] span:last-child{transform:translateY(-4.25px) rotate(-45deg)}.site-menu{position:fixed;inset:var(--header-h) 0 0 0;z-index:99;overflow-y:auto;padding:28px var(--gutter) 48px;background:color-mix(in srgb,var(--bg) 96%,transparent);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.menu-group+.menu-group{margin-top:26px;padding-top:22px;border-top:1px solid var(--line)}.menu-label{font-family:"Outfit",var(--font);font-size:.7rem;font-weight:600;letter-spacing:.28em;color:var(--faint);margin-bottom:6px}.menu-link{display:flex;align-items:center;min-height:52px;font-family:var(--display);font-size:1.5rem;font-weight:600;text-decoration:none}.menu-link.is-current{color:var(--accent)}@media(min-width:960px){.site-nav{display:flex}.nav-toggle,.site-menu{display:none}}.eyebrow{font-family:"Outfit",var(--font);font-size:.72rem;font-weight:600;letter-spacing:.3em;text-transform:uppercase;color:var(--accent)}.display{font-family:var(--display);font-weight:500;line-height:1.12;letter-spacing:.01em;font-size:clamp(2.2rem,8.4vw,5rem);text-wrap:balance}.grad-text{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.lead{color:var(--muted);font-size:clamp(.95rem,2.4vw,1.08rem);line-height:2;max-width:38em}.section{margin-top:var(--section-gap)}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid var(--line)}.page{counter-reset:sec}.section-title{font-family:var(--display);font-size:clamp(1.8rem,5.4vw,2.9rem);font-weight:500;line-height:1.12;letter-spacing:.01em}.section-title small:before{counter-increment:sec;content:"(" counter(sec,decimal-leading-zero) ")  ";white-space:pre;color:var(--faint)}.section-title small{display:block;margin-bottom:8px;font-family:"Outfit",var(--font);font-size:.7rem;font-weight:600;letter-spacing:.3em;color:var(--accent)}.section-more{flex:none;display:inline-flex;align-items:center;gap:8px;min-height:44px;font-family:"Outfit",var(--font);font-size:.76rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;text-decoration:none;color:var(--muted)}.section-more:after,.arrow:after{content:"→";transition:transform .2s ease}.section-more:hover{color:var(--text)}.section-more:hover:after,a:hover>.arrow:after,.arrow:hover:after{transform:translate(4px)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 24px;border-radius:999px;border:1px solid transparent;font-family:"Outfit",var(--font);font-size:.82rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;transition:transform .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--text);color:var(--bg);box-shadow:0 10px 30px rgba(var(--glow-a),.28)}.btn-primary{box-shadow:0 10px 30px #14142829}[data-theme=code-harmony] .btn-primary{background:var(--accent);color:#fff}[data-theme=illusia] .btn-primary{box-shadow:0 10px 30px rgba(var(--glow-a),.28)}.btn-ghost{background:var(--surface);border-color:var(--line);color:var(--text)}.btn-ghost:hover{background:var(--surface-2);border-color:color-mix(in srgb,var(--accent) 60%,transparent)}.btn-sm{min-height:40px;padding:0 16px;font-size:.72rem}.btn svg{width:16px;height:16px;flex:none}.btn-row{display:flex;flex-wrap:wrap;gap:10px}.chip{display:inline-flex;align-items:center;min-height:26px;padding:0 12px;border-radius:999px;border:1px solid var(--line);background:var(--surface);font-family:"Outfit",var(--font);font-size:.68rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);white-space:nowrap}.chip.is-accent{border-color:color-mix(in srgb,var(--accent) 55%,transparent);color:var(--accent)}.chip.is-solid{background:var(--grad);border-color:transparent;color:var(--on-accent)}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.rail-wrap{position:relative}.rail{display:flex;align-items:flex-start;gap:16px;overflow-x:auto;scroll-snap-type:x proximity;padding:4px var(--gutter) 18px;margin-inline:calc(var(--gutter) * -1);scrollbar-width:thin;scrollbar-color:var(--line) transparent}.rail>*{flex:none;scroll-snap-align:start}@media(min-width:960px){.rail{margin-inline:0;padding-inline:0}}.rail-btn{display:none;position:absolute;top:38%;z-index:2;width:46px;height:46px;border-radius:50%;border:1px solid var(--line);background:color-mix(in srgb,var(--bg-2) 90%,transparent);box-shadow:var(--shadow);place-content:center}.rail-btn[data-rail-prev]{left:calc(-1 * var(--gutter) + 1px)}.rail-btn[data-rail-next]{right:calc(-1 * var(--gutter) + 1px)}@media(min-width:960px)and (hover:hover){.rail-btn{display:grid}}.filter-bar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}.filter-btn{min-height:40px;padding:0 18px;border-radius:999px;border:1px solid var(--line);background:var(--surface);font-family:"Outfit",var(--font);font-size:.74rem;font-weight:600;letter-spacing:.16em;color:var(--muted)}.filter-btn.is-active{background:var(--text);border-color:var(--text);color:var(--bg)}[data-theme=code-harmony] .filter-btn.is-active{background:var(--accent);border-color:var(--accent);color:#fff}.empty-note{padding:40px 0;color:var(--muted);text-align:center}.cover-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px}@media(min-width:620px){.cover-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 22px}}@media(min-width:960px){.cover-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:32px 22px}}.release-card{display:block;text-decoration:none;min-width:0}.rail>.release-card{width:min(44vw,196px)}.release-cover{position:relative;aspect-ratio:1;border-radius:var(--radius);overflow:hidden;background:var(--bg-2);border:1px solid var(--line);box-shadow:var(--shadow)}.release-cover img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.release-card:hover .release-cover img{transform:scale(1.05)}.release-cover .chip{position:absolute;top:10px;left:10px}.release-meta{display:flex;gap:10px;margin-top:12px;font-family:"Outfit",var(--font);font-size:.68rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--faint)}.release-title{margin-top:4px;font-size:.98rem;font-weight:700;line-height:1.5;overflow-wrap:anywhere;word-break:auto-phrase}.video-grid{display:grid;grid-template-columns:1fr;gap:26px}@media(min-width:620px){.video-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 22px}}@media(min-width:960px){.video-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 24px}}.video-grid.is-vertical{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px}@media(min-width:620px){.video-grid.is-vertical{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:960px){.video-grid.is-vertical{grid-template-columns:repeat(6,minmax(0,1fr));gap:28px 18px}}.video-card{display:block;width:100%;padding:0;border:0;background:none;text-align:left;text-decoration:none;min-width:0}.rail>.video-card{width:min(72vw,340px)}.rail>.video-card.is-vertical{width:min(40vw,176px)}.video-thumb{position:relative;display:block;aspect-ratio:16 / 9;border-radius:var(--radius);overflow:hidden;background:#000;border:1px solid var(--line);box-shadow:var(--shadow)}.video-card.is-vertical .video-thumb{aspect-ratio:9 / 16}.video-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease,opacity .3s ease}.video-card:hover .video-thumb img{transform:scale(1.05)}.video-thumb.is-pillar>img:first-child{transform:scale(calc(1.08 / var(--art)));filter:blur(16px) brightness(.72)}.video-thumb.is-pillar .thumb-art{position:absolute;inset:0;clip-path:inset(0 calc((1 - var(--art)) * 50%))}.video-card:hover .video-thumb.is-pillar>img:first-child{transform:scale(calc(1.08 / var(--art)))}.video-thumb:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.5),transparent 46%)}.play{position:absolute;left:14px;bottom:14px;z-index:1;width:46px;height:46px;border-radius:50%;display:grid;place-content:center;background:#fffffff0;color:#0a0c1a;box-shadow:0 6px 20px #00000059;transition:transform .25s ease}.play:before{content:"";margin-left:3px;border-style:solid;border-width:7px 0 7px 12px;border-color:transparent transparent transparent currentColor}.video-card:hover .play,.cover-play:hover .play{transform:scale(1.1)}.video-time{position:absolute;right:10px;bottom:10px;z-index:1;padding:2px 8px;border-radius:6px;background:#000000b3;color:#fff;font-family:"Outfit",var(--font);font-size:.7rem;font-weight:500}.video-label{display:block;margin-top:12px;font-family:"Outfit",var(--font);font-size:.68rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--faint)}.video-title{display:block;margin-top:4px;font-size:.98rem;font-weight:700;line-height:1.5;overflow-wrap:anywhere}.video-card.is-vertical .video-title{font-size:.86rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}.platforms{display:flex;flex-wrap:wrap;gap:10px}.platform-btn{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 20px 0 16px;border-radius:999px;border:1px solid color-mix(in srgb,var(--text) 18%,transparent);background:transparent;font-size:.9rem;font-weight:700;text-decoration:none;transition:transform .2s ease,border-color .2s ease,background .2s ease}.platform-btn:hover{transform:translateY(-2px);background:var(--surface);border-color:var(--brand, var(--accent))}.platform-btn i{width:20px;height:20px;flex:none;display:grid;place-content:center;border-radius:50%;background:var(--brand, var(--accent));color:#fff;font-style:normal}.platform-btn i svg{width:12px;height:12px}.platforms.is-compact .platform-btn{min-height:42px;padding:0 16px 0 12px;font-size:.82rem}[data-p=spotify]{--brand: #1db954}[data-p=apple_music]{--brand: #fa2d48}[data-p=youtube],[data-p=youtube_music]{--brand: #ff0033}[data-p=tiktok]{--brand: #111}[data-p=instagram]{--brand: #d6249f}[data-p=x]{--brand: #111}[data-p=note]{--brand: #2cb696}[data-p=discord]{--brand: #5865f2}[data-p=line]{--brand: #06c755}[data-p=facebook]{--brand: #1877f2}.share{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:28px}.share-label{font-family:"Outfit",var(--font);font-size:.7rem;font-weight:600;letter-spacing:.28em;color:var(--faint);margin-right:4px}.news-list{border-top:1px solid var(--line)}.news-row{display:grid;grid-template-columns:48px minmax(0,1fr) 20px;grid-template-areas:"thumb meta go" "thumb main go";gap:4px 14px;align-items:center;padding:14px 4px;border-bottom:1px solid var(--line);text-decoration:none;transition:background .2s ease}a.news-row:hover{background:var(--surface)}.news-thumb{grid-area:thumb;width:48px;height:48px;border-radius:10px;object-fit:cover;align-self:start;background:var(--bg-2)}.news-thumb.is-logo{object-fit:contain;padding:6px;border:1px solid var(--line)}.news-meta{grid-area:meta;display:flex;align-items:center;gap:10px;min-width:0}.news-date{flex:none;font-family:"Outfit",var(--font);font-size:.84rem;font-weight:500;letter-spacing:.06em;color:var(--muted)}.news-cat{flex:none;min-width:64px;display:inline-flex;justify-content:center;align-items:center;min-height:22px;padding:0 8px;border-radius:6px;font-family:"Outfit",var(--font);font-size:.64rem;font-weight:700;letter-spacing:.14em;background:color-mix(in srgb,var(--cat, var(--accent)) 18%,transparent);color:var(--cat, var(--accent))}[data-cat=release]{--cat: #c2477f}[data-cat=announcement]{--cat: #2f73b8}[data-cat=update]{--cat: #2c8a5a}[data-cat=event]{--cat: #a86b12}[data-cat=media]{--cat: #7a52c7}[data-theme=illusia] [data-cat=release]{--cat: #ff8ad8}[data-theme=illusia] [data-cat=announcement]{--cat: #7fd4ff}[data-theme=illusia] [data-cat=update]{--cat: #9ae6b4}.news-project{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.76rem;font-weight:500;color:var(--faint)}.news-main{grid-area:main;min-width:0}.news-new{display:inline-block;margin-right:8px;font-family:"Outfit",var(--font);font-size:.64rem;font-weight:700;letter-spacing:.14em;color:#ff7ad9;vertical-align:2px}.news-title{font-size:.98rem;font-weight:700;line-height:1.6;overflow-wrap:anywhere;word-break:auto-phrase}.news-summary{margin-top:2px;font-size:.84rem;color:var(--muted);line-height:1.7}.news-go{grid-area:go;color:var(--faint);font-size:1.05rem;text-align:right;transition:transform .2s ease,color .2s ease}a.news-row:hover .news-go{color:var(--text);transform:translate(4px)}@media(min-width:960px){.news-row{grid-template-columns:44px 340px minmax(0,1fr) 24px;grid-template-areas:"thumb meta main go";gap:20px;padding:14px 8px}.news-thumb{width:44px;height:44px;align-self:center}.news-project{flex:1}}.filter-bar+.filter-bar{margin-top:-16px}.filter-label{align-self:center;min-width:5em;font-family:"Outfit",var(--font);font-size:.68rem;font-weight:600;letter-spacing:.22em;color:var(--faint)}.prose{max-width:44em;color:var(--muted);line-height:2.1;white-space:pre-line;overflow-wrap:anywhere}.prose a{color:var(--accent)}.page-head{padding-top:clamp(20px,4vw,44px)}.crumb{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin-bottom:8px;font-family:"Outfit",var(--font);font-size:.74rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;text-decoration:none;color:var(--muted)}.crumb:before{content:"←";transition:transform .2s ease}.crumb:hover{color:var(--text)}.crumb:hover:before{transform:translate(-4px)}.page-head .display{font-size:clamp(2rem,7vw,4rem)}.page-head .lead{margin-top:16px}.count{margin-top:10px;font-family:"Outfit",var(--font);font-size:.74rem;font-weight:600;letter-spacing:.22em;color:var(--faint)}.page-head+.section{margin-top:28px}.top-hero{display:grid;gap:40px;align-items:center;padding-block:clamp(36px,7vw,96px) clamp(24px,5vw,64px)}.top-index{font-family:var(--label);font-size:.72rem;font-weight:500;letter-spacing:.3em;color:var(--faint);text-transform:uppercase}.top-title{margin-top:18px;font-family:var(--serif);font-weight:400;font-size:clamp(3rem,10.5vw,6.6rem);line-height:.95;letter-spacing:-.015em}.top-title em{font-style:italic;color:var(--accent)}.top-tagline{margin-top:22px;font-family:"Shippori Mincho",var(--serif);font-size:clamp(1.15rem,3.2vw,1.5rem);font-weight:500;letter-spacing:.08em}.top-hero .lead{margin-top:12px}.top-hero .btn-row{margin-top:28px}.top-stack{position:relative;height:clamp(340px,92vw,520px);max-width:520px;width:100%;margin-inline:auto}.stack-card{position:absolute;width:54%;padding:9px 9px 14px;border-radius:22px;background:#fff;border:1px solid rgba(17,17,17,.06);box-shadow:var(--shadow);text-decoration:none;color:#151412;transition:transform .5s cubic-bezier(.2,.7,.2,1),box-shadow .5s ease}.stack-card img{width:100%;aspect-ratio:1;object-fit:cover;object-position:top;border-radius:15px}.stack-card strong{display:block;margin-top:10px;padding-inline:4px;font-size:.98rem;font-weight:700}.stack-card small{display:block;padding-inline:4px;font-family:var(--label);font-size:.64rem;letter-spacing:.22em;color:#15141280}.stack-card:nth-child(1){left:3%;top:10%;transform:rotate(-6deg)}.stack-card:nth-child(2){right:3%;top:0;transform:rotate(5deg);z-index:2}.stack-card:nth-child(3){left:23%;top:30%;transform:rotate(-1.5deg);z-index:3}.stack-card:hover{transform:rotate(0) translateY(-10px) scale(1.03);z-index:4;box-shadow:0 40px 90px #281e5a3d}@media(min-width:960px){.top-hero{grid-template-columns:1.15fr 1fr;gap:56px;min-height:min(78svh,760px)}.top-stack{height:540px}}.work-list{display:grid;gap:16px}.work-card{position:relative;display:block;min-height:240px;border-radius:var(--radius-lg);overflow:hidden;text-decoration:none;color:#fff;border:1px solid var(--line);background:var(--bg-2);isolation:isolate}.work-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 18%;z-index:-2;transition:transform .9s ease}.work-card:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(to top,#04050ef0,#04050e80 46%,#04050e14)}.work-card:hover img{transform:scale(1.05)}.work-body{position:absolute;inset:auto 0 0;padding:22px;display:grid;gap:6px}.work-num{font-family:"Outfit",var(--font);font-size:.72rem;font-weight:600;letter-spacing:.26em;color:#ffffffb8}.work-name{font-family:var(--serif);font-weight:500;font-size:clamp(1.5rem,4.6vw,2.2rem);font-weight:600;line-height:1.15;letter-spacing:.01em}.work-desc{font-size:.9rem;color:#ffffffc2}.work-enter{margin-top:8px;font-family:"Outfit",var(--font);font-size:.74rem;font-weight:600;letter-spacing:.22em}.work-card .chip{position:absolute;top:18px;right:18px;background:#06070f99;color:#fff;border-color:#ffffff3d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.work-card .chip.is-solid{background:var(--grad);color:var(--on-accent);border-color:transparent}@media(min-width:620px){.work-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.work-card{min-height:300px}.work-body{padding:26px}}@media(min-width:960px){.work-list{gap:24px}.work-card{min-height:280px}.work-card:nth-child(-n+2){min-height:380px}.work-card:last-child:nth-child(odd){grid-column:1 / -1}.work-list.is-even .work-card{min-height:320px}}.latest-card{display:block;width:min(62vw,260px);text-decoration:none;padding:0;border:0;background:none;text-align:left}.latest-card .release-cover,.latest-card .video-thumb{aspect-ratio:1}.latest-card .video-thumb img{object-fit:cover}.project-hero{position:relative}.project-visual{position:relative;width:100%;aspect-ratio:4 / 5;overflow:hidden;background:var(--bg-2)}.project-visual picture,.project-visual picture img{display:block;width:100%;height:100%}.project-visual picture img{object-fit:cover;object-position:top}.project-visual:after{content:"";position:absolute;inset:auto 0 0;height:30%;background:linear-gradient(to top,var(--bg),transparent)}.project-logo{position:absolute;left:50%;bottom:7%;z-index:1;width:min(72%,560px);height:auto;transform:translate(-50%);filter:drop-shadow(0 8px 30px rgba(0,0,0,.5))}[data-theme=code-harmony] .project-logo{filter:drop-shadow(0 6px 24px rgba(255,255,255,.9));width:min(60%,440px)}.project-intro{display:grid;gap:16px;padding-top:20px;justify-items:start}.project-intro .lead{color:var(--text);opacity:.86}@media(min-width:620px){.project-visual{aspect-ratio:16 / 10}}@media(min-width:960px){.project-visual{aspect-ratio:auto;height:min(78svh,780px)}.project-intro{grid-template-columns:1.2fr 1fr;align-items:end;gap:48px;padding-top:28px}.project-intro .btn-row{justify-content:flex-end}}body[data-theme=wrw] .backdrop{background:radial-gradient(70% 55% at 88% -5%,#edf3fb 0%,transparent 62%),radial-gradient(55% 45% at -5% 105%,#f7f0f7 0%,transparent 60%),#fff}body[data-theme=wrw] .top-stack{isolation:isolate}body[data-theme=wrw] .top-stack:before{content:"";position:absolute;z-index:-1;inset:4% -14% -6% -10%;border-radius:50%;background:conic-gradient(from 210deg,transparent 0deg,rgba(140,200,255,.38) 60deg,rgba(200,170,255,.32) 120deg,rgba(255,175,215,.34) 180deg,rgba(255,230,170,.26) 230deg,transparent 300deg);filter:blur(46px)}body[data-theme=wrw] .stack-card{background:#ffffff94;border:1px solid rgba(255,255,255,.85);-webkit-backdrop-filter:blur(18px) saturate(1.5);backdrop-filter:blur(18px) saturate(1.5);box-shadow:0 30px 60px #1111111a,inset 0 1px #fffffff2;overflow:hidden}body[data-theme=wrw] .stack-card:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,#ffffff4d,#fff0 28%)}body[data-theme=wrw] .panel{background:#ffffff9e;border-color:#11111112;box-shadow:inset 0 1px #fff,0 12px 34px #1111110d}body[data-theme=wrw] .btn-ghost{background:#ffffff8c;border-color:#1111111a;box-shadow:inset 0 1px #fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}body[data-theme=wrw] .release-cover,body[data-theme=wrw] .work-card{border-color:#ffffffb3;box-shadow:0 18px 44px #1111111a,inset 0 0 0 1px #ffffff38}[data-theme=illusia] .backdrop span{opacity:.26}[data-theme=illusia] .backdrop span:nth-child(1){top:-34vmax;left:-24vmax;background:conic-gradient(from 200deg,#4fd8ff,#a68bff,#ff8ad8,#ffd27f,#4fd8ff);opacity:.3}[data-theme=illusia] .backdrop span:nth-child(2){top:-20vmax;right:-30vmax;opacity:.16}[data-theme=illusia] .backdrop span:nth-child(3){bottom:-46vmax;left:-10vmax;opacity:.34}[data-theme=illusia] .btn-primary{background:var(--accent);color:var(--bg);box-shadow:0 10px 34px #d6def038}[data-theme=illusia] .chip.is-solid{background:var(--grad);color:var(--bg)}[data-theme=illusia] .section-title small{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}[data-theme=illusia] .section-title small:before{-webkit-text-fill-color:var(--faint)}[data-theme=illusia] .eyebrow{color:var(--accent)}[data-theme=illusia] .play{color:var(--crimson)}[data-theme=illusia] .release-cover,[data-theme=illusia] .video-thumb{border-color:#d6dcec29}[data-theme=illusia] .char-card{border-color:color-mix(in srgb,var(--char, var(--accent)) 45%,transparent);box-shadow:0 20px 60px -20px color-mix(in srgb,var(--char, var(--accent)) 55%,transparent)}.char-card[data-color=rainbow]{--char: #b8a4ff;border-image:linear-gradient(160deg,#7ef0ff,#a68bff,#ff8ad8,#ffd27f) 1}.char-card[data-color=rainbow] .char-role{background:linear-gradient(90deg,#7ef0ff,#a68bff,#ff8ad8,#ffd27f);-webkit-background-clip:text;background-clip:text;color:transparent}.spotlight{display:grid;gap:28px;align-items:center}.spotlight-cover{position:relative;width:min(100%,440px);margin-inline:auto}.spotlight-cover .release-cover{border-radius:var(--radius-lg)}.cover-play{position:absolute;inset:0;border:0;background:none;border-radius:var(--radius-lg)}.cover-play .play{left:18px;bottom:18px;width:58px;height:58px}.spotlight-body{display:grid;gap:16px;justify-items:start;min-width:0}.spotlight-title{font-family:var(--display);font-size:clamp(2rem,6.6vw,3.8rem);font-weight:500;line-height:1.2;overflow-wrap:anywhere;word-break:auto-phrase;text-wrap:balance}.feature-body .spotlight-title{font-size:clamp(1.7rem,5vw,2.6rem)}.spotlight-meta{display:flex;flex-wrap:wrap;gap:8px}@media(min-width:960px){.spotlight{grid-template-columns:minmax(0,440px) minmax(0,1fr);gap:64px}.spotlight-cover{margin:0}}.feature-video{display:grid;gap:24px;align-items:center}.feature-video>.video-card{width:100%}.feature-video>.video-card .video-thumb{border-radius:var(--radius-lg)}.feature-video>.video-card .play{left:50%;top:50%;bottom:auto;width:76px;height:76px;margin:-38px 0 0 -38px}.feature-video>.video-card .play:before{border-width:11px 0 11px 18px;margin-left:5px}.feature-body{display:grid;gap:14px;justify-items:start;min-width:0}.feature-video.is-vertical>.video-card{width:min(72%,320px);margin-inline:auto}@media(min-width:960px){.feature-video{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:48px}.feature-video.is-vertical{grid-template-columns:minmax(0,320px) minmax(0,1fr)}.feature-video.is-vertical>.video-card{width:100%}}.mv-versions{display:grid;gap:10px;margin-top:8px;width:100%}.mv-versions-row{display:flex;flex-wrap:wrap;gap:14px}.mv-versions-row .video-card{width:200px}.mv-versions-row .video-card.is-vertical{width:112px}.mv-versions-row .video-title{font-size:.8rem}.mv-versions-row .play{width:36px;height:36px;left:10px;bottom:10px}.track-list{border-top:1px solid var(--line)}.track{display:grid;grid-template-columns:56px 1fr auto;gap:14px;align-items:center;padding:12px 4px;border-bottom:1px solid var(--line);text-decoration:none}.track:hover{background:var(--surface)}.track img{width:56px;height:56px;border-radius:10px;object-fit:cover}.track strong{display:block;font-size:.96rem;line-height:1.5;overflow-wrap:anywhere}.track small{font-family:"Outfit",var(--font);font-size:.72rem;letter-spacing:.12em;color:var(--faint)}.char-grid{display:grid;gap:18px}.char-card{position:relative;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--line);background:var(--bg-2);isolation:isolate;aspect-ratio:4 / 5}.char-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top;z-index:-2;transition:transform .9s ease}.char-card:hover img{transform:scale(1.04)}.char-card:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(to top,rgba(3,6,20,.96) 0%,rgba(3,6,20,.5) 34%,transparent 62%)}.char-body{position:absolute;inset:auto 0 0;padding:24px;display:grid;gap:6px;color:#fff}.char-role{font-family:"Outfit",var(--font);font-size:.7rem;font-weight:600;letter-spacing:.28em;text-transform:uppercase;color:var(--char, var(--accent))}.char-name{font-family:var(--display);font-size:2.4rem;font-weight:600;line-height:1.1}.char-desc{font-size:.9rem;color:#ffffffc7;line-height:1.8}.char-card[data-color=silver]{--char: #dfe4ee}.char-card[data-color=gold]{--char: #ffe2a0}.char-card[data-color=crimson]{--char: #ff4d64}@media(min-width:620px){.char-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.char-name{font-size:2rem}}@media(min-width:960px){.char-grid{gap:28px}.char-name{font-size:2.8rem}.char-body{padding:32px}}.next-list{display:grid;gap:14px}.next-card{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 24px;text-decoration:none;background:transparent;border-color:color-mix(in srgb,var(--text) 18%,transparent);-webkit-backdrop-filter:none;backdrop-filter:none;transition:border-color .2s ease,background .2s ease}.next-card:hover{background:color-mix(in srgb,var(--text) 5%,transparent);border-color:color-mix(in srgb,var(--accent) 60%,transparent)}.next-card small{display:block;font-family:"Outfit",var(--font);font-size:.68rem;font-weight:600;letter-spacing:.24em;color:var(--faint)}.next-card strong{font-family:var(--serif);font-size:1.6rem;font-weight:500}@media(min-width:620px){.next-list{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}}.about-hero{display:grid;gap:28px;align-items:center;padding-block:clamp(32px,7vw,88px) clamp(8px,3vw,32px)}.about-hero .display{font-size:clamp(2.8rem,9vw,5.8rem);font-weight:400}.about-hero .lead{margin-top:16px}.about-hero-logo{width:min(70vw,380px);margin-inline:auto}.about-hero-logo img{width:100%;height:auto;filter:drop-shadow(0 2px 1px rgba(20,20,40,.35)) drop-shadow(0 12px 30px rgba(60,50,110,.25))}@media(min-width:960px){.about-hero{grid-template-columns:1.3fr 1fr;gap:48px}}.about-activities{display:grid;gap:14px}.about-activities li{padding:22px;display:grid;gap:6px;align-content:start}.about-activities h3{font-size:1.2rem;font-weight:700}.about-activities p:last-child{color:var(--muted);font-size:.92rem;line-height:1.8}.about-icon{width:44px;height:44px;display:grid;place-content:center;border-radius:14px;background:var(--grad);color:var(--on-accent);font-size:1.2rem;font-weight:700;margin-bottom:6px}@media(min-width:620px){.about-activities{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:960px){.about-activities{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}}.about-philosophy{padding:clamp(24px,5vw,48px);display:grid;gap:24px}.about-quote{font-size:clamp(1.3rem,4vw,2rem);font-weight:700;line-height:1.7}.about-philosophy-body{display:grid;gap:14px;color:var(--muted);line-height:2}@media(min-width:960px){.about-philosophy{grid-template-columns:1fr 1.2fr;align-items:center;gap:48px}}.about-connect{display:grid;gap:14px;margin-bottom:20px}.about-connect-card{position:relative;display:grid;gap:6px;padding:24px 56px 24px 24px;text-decoration:none;transition:background .2s ease,border-color .2s ease,transform .2s ease}.about-connect-card:hover{background:var(--surface-2);border-color:color-mix(in srgb,var(--accent) 50%,transparent);transform:translateY(-2px)}.about-connect-card small{font-family:"Outfit",var(--font);font-size:.7rem;font-weight:600;letter-spacing:.24em;color:var(--accent)}.about-connect-card strong{font-size:1.2rem}.about-connect-card span:not(.arrow){color:var(--muted);font-size:.9rem}.about-connect-card .arrow{position:absolute;right:24px;top:50%;transform:translateY(-50%)}@media(min-width:620px){.about-connect{grid-template-columns:repeat(2,minmax(0,1fr))}}.center-page{min-height:52svh;display:grid;align-content:center;justify-items:center;gap:20px;text-align:center;padding-block:64px}.center-page .lead{margin-inline:auto}.big-code{font-family:"Outfit",var(--font);font-size:clamp(5rem,24vw,9rem);font-weight:700;line-height:1}.site-footer{margin-top:calc(var(--section-gap) + 8px);border-top:1px solid var(--line);background:color-mix(in srgb,var(--bg-2) 60%,transparent)}.footer-inner{display:grid;gap:28px;padding-block:40px 28px}.footer-brand{display:grid;gap:12px;justify-items:start}.footer-brand p{color:var(--muted);font-size:.9rem}.footer-logo img{width:92px;height:80px;object-fit:contain}.footer-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px}.footer-nav a{display:flex;align-items:center;min-height:40px;text-decoration:none;font-size:.94rem;font-weight:500;color:var(--muted)}.footer-nav a:hover{color:var(--text)}.footer-label{margin-bottom:6px;font-family:"Outfit",var(--font);font-size:.7rem;font-weight:600;letter-spacing:.28em;color:var(--faint)}.footer-copy{padding:20px var(--gutter) calc(24px + env(safe-area-inset-bottom));border-top:1px solid var(--line);text-align:center;font-family:"Outfit",var(--font);font-size:.74rem;letter-spacing:.16em;color:var(--muted)}@media(min-width:960px){.footer-inner{grid-template-columns:1fr auto;gap:64px;padding-block:52px 36px}.footer-nav{grid-template-columns:repeat(3,minmax(140px,auto));gap:56px}}.media-dialog{width:min(1040px,calc(100vw - 24px));max-height:calc(100svh - 24px);padding:0;border:1px solid rgba(255,255,255,.14);border-radius:22px;background:#0a0b14;color:#f5f6fc;overflow:visible}.media-dialog::backdrop{background:#02030ad1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.media-dialog[data-kind=vertical]{width:min(420px,calc(100vw - 24px))}.media-dialog[data-kind=audio]{width:min(560px,calc(100vw - 24px))}.media-frame{aspect-ratio:16 / 9;border-radius:22px 22px 0 0;overflow:hidden;background:#000}.media-dialog[data-kind=vertical] .media-frame{aspect-ratio:9 / 16;max-height:calc(100svh - 150px);margin-inline:auto}.media-dialog[data-kind=audio] .media-frame{aspect-ratio:auto;height:min(420px,62svh)}.media-frame iframe{width:100%;height:100%;border:0;display:block}.media-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:14px 18px}.media-foot:empty{display:none}.media-foot p{font-weight:700;font-size:.94rem;overflow-wrap:anywhere}.media-foot .btn-ghost{background:#ffffff14;border-color:#ffffff2e;color:#fff}.media-close{position:absolute;top:-14px;right:-6px;z-index:2;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:#14162a;color:#fff;font-size:1.3rem;line-height:1}.share .platform-btn{min-height:42px;padding:0 16px 0 12px;font-size:.82rem}
