/* A music desktop, suspended over a film. */
:root{--pink:#ff8aca;--blue:var(--pink);--line:#68445d;--muted:#c7b8c5}body{background:#170e20;isolation:isolate}.mv-backdrop{position:fixed;inset:0;z-index:-2;overflow:hidden;background:#190e24;pointer-events:none}.mv-poster{position:absolute;inset:-2%;background:url('/thumbs/54.webp') center/cover no-repeat;filter:saturate(.65);opacity:.65}.mv-player-wrap{position:absolute;inset:0;opacity:0;transition:opacity 1.2s}.mv-backdrop.is-playing .mv-player-wrap{opacity:1}.mv-player-wrap iframe{position:absolute;top:50%;left:50%;width:max(100vw,177.78vh);height:max(100vh,56.25vw);transform:translate(-50%,-50%);border:0}.mv-shade{position:absolute;inset:0;background:linear-gradient(90deg,#160919ad,#180c2020 65%,#110b1855),linear-gradient(0deg,#10091ad9,transparent 55%);box-shadow:inset 0 0 180px #16082180}.mv-shade:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(transparent 0 3px,#0e00131f 3px 4px);opacity:.38}.screen-corners{position:fixed;inset:16px;border:1px solid #ffc0e53b;z-index:12;pointer-events:none}.screen-corners:after{content:'SK / SOUND ARCHIVE';position:absolute;right:15px;top:10px;font:9px var(--pixel);color:#ffc9e5;writing-mode:vertical-rl;letter-spacing:2px}.header{background:#160b1a80;border-bottom:1px solid #ffd0eb40;backdrop-filter:blur(14px);height:94px;margin:0 3%;padding:0 2%}.wordmark{font-family:var(--pixel);font-size:18px;font-weight:400}.header nav a{font-family:var(--mono);text-transform:uppercase;font-size:12px}.nav-contact{background:#ff91cb;color:#250e20!important;border-color:#ffb5de;clip-path:none;padding:11px 15px}.hero{height:calc(100svh - 94px);min-height:780px;max-height:1100px;background:none;padding:30px 5% 0}.hero-content{max-width:70%;margin-top:110px;z-index:3;pointer-events:none}.hero-content a{pointer-events:auto}.hero h1{font-size:clamp(86px,10vw,158px);font-weight:800;line-height:.92;text-shadow:3px 4px 0 #39223b80}.hero .last-name{font-size:.92em;letter-spacing:.015em;margin-left:0;color:#ffa8d5}.hero-content .intro{font-size:16px;letter-spacing:5px;margin-bottom:30px}.hero-bottom{margin-top:30px;display:block}.hero-bottom .round-link{display:inline-flex;margin-top:26px}.roles{color:#e6d0df}.retired-art,.hero-pixels,.digital-stamp{display:none}.hero-meta{font-size:10px;color:#ffcee8}.hero-footer{bottom:30px;border-color:#ffa9d640;z-index:3}.hero-footer span{font-size:10px;color:#edd8e8}.desktop-windows{position:absolute;right:7%;top:16%;width:37%;height:560px;z-index:2}.mini-window{display:block;border:1px solid #ffc3e4;box-shadow:5px 5px 0 #240b2a8c;background:#291b2b;transition:transform .3s,box-shadow .3s}.mini-window:hover{transform:translateY(-7px) rotate(0deg);box-shadow:10px 13px 0 #1e08239c}.window-bar{display:flex;justify-content:space-between;gap:10px;background:#f68cc3;color:#2b1224;font:10px var(--pixel);padding:10px 11px;border-bottom:1px solid #ffc3e4}.window-bar>span{border:1px solid #723b5b;line-height:11px;min-width:15px;text-align:center}.feature-window{position:absolute;top:0;right:0;width:92%;transform:rotate(4deg)}.feature-window img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}.window-caption{display:block;padding:17px 20px;font-size:17px;letter-spacing:2px}.mini-window small{display:block;font:10px var(--mono);margin-top:10px;letter-spacing:.6px}.note-window{position:absolute;top:320px;left:-14%;width:68%;transform:rotate(-5deg);background:#ead9e8;color:#36213a}.note-content{display:block;padding:22px 23px;font-family:var(--font);font-size:23px;line-height:1.65;letter-spacing:3px}.note-content small{color:#75586f;letter-spacing:0}.cm-window{position:absolute;top:405px;right:-7%;width:68%;transform:rotate(3deg);background:#341d37}.cm-content{display:block;padding:24px 16px;font-size:18px}.cm-content small{color:#ffb0d9;font-size:9px}.hero-ticker{position:absolute;left:-2%;bottom:11%;width:104%;overflow:hidden;transform:rotate(-4deg);opacity:.13;pointer-events:none}.hero-ticker span{display:block;white-space:nowrap;font:76px var(--pixel);color:#ffe1f2;animation:film-ticker 38s linear infinite}@keyframes film-ticker{to{transform:translateX(-35%)}}.section,footer{position:relative;background:#180e20ed;backdrop-filter:blur(18px);margin:0 3%;padding:85px 4%;border-left:1px solid #92607e70;border-right:1px solid #92607e70}.works{border-top:1px solid #ffc3e4;padding-top:70px}.works:before{content:'✦ PORTFOLIO.EXE';position:absolute;left:0;right:0;top:0;height:30px;padding:8px 16px;font:11px var(--pixel);background:#ef8fc2;color:#2a1327}.section-head{margin-bottom:36px}.section-head h2{font-size:clamp(28px,3vw,44px)}.group-controls{gap:10px;border:0;margin-bottom:25px}.group-controls button{background:#311d35;border:1px solid #70506b;padding:12px 16px;font-size:14px;color:#d6bdcf}.group-controls button[aria-pressed=true]{background:#ee96c4;border-color:#ffc8e5;color:#291127;box-shadow:3px 3px 0 #6c3e63}.group-controls button span{color:inherit;opacity:.65}.artist-filter{display:grid;grid-template-columns:1fr minmax(240px,1.15fr) auto;gap:20px;align-items:center;padding:20px 0;border-top:1px solid #6c4b63;border-bottom:1px solid #6c4b63;margin-bottom:22px}.artist-filter label{font-size:12px;color:#d1becf}.artist-filter label span{display:block;font:10px var(--pixel);color:#ffadd6;margin-bottom:8px}.artist-filter select{margin:0;width:100%;padding:13px;color:#fff0f8;background:#2b1a30;border:1px solid #936080;border-radius:0}.artist-filter button{padding:12px;color:#ffc0e2;border:1px solid #79546d;background:none;font:11px var(--mono)}.filter-label{font:10px var(--pixel);color:#ffadd6;margin:0 0 14px}.filter-label span{font:12px var(--font);color:#c3aabd;margin-left:12px}.role-controls button{font-size:12px;padding:9px 15px}.catalog-card{background:#3120367d;border:1px solid #674860;padding:9px;position:relative}.catalog-card:before{content:'● ● ●';display:block;color:#b880a3;font-size:9px;letter-spacing:3px;margin:0 0 8px}.catalog-card-meta{color:#ffc5e4;align-items:flex-start;line-height:1.5}.catalog-card-meta>a{color:#bca4b8;font-size:10px}.catalog-card h3{font-size:14px;color:#f7eaf5}.card-roles{color:#c9b4c6;font-size:11px}.about,.contact,.bio-approach{background:#28162bef}.about-english{color:#a56c96}.services{background:#1a1121ed}.service{border-color:#705269}.bio-hero{background:#150a20a6}.bio-outro{background:#25112aed}.bio-symbol{color:#f49ac4}.mv-console{position:fixed;bottom:28px;left:28px;z-index:15;display:flex;align-items:center;gap:12px;max-width:calc(100% - 56px);padding:9px 12px;background:#170b20ed;border:1px solid #a16d90;box-shadow:3px 3px 0 #150817;backdrop-filter:blur(12px);font:10px var(--mono)}.mv-console a{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#f8d3eb;min-width:0}.mv-console button{flex-shrink:0;background:transparent;border:0;border-left:1px solid #69445d;padding:4px 0 4px 12px;color:#ffb2d9;font:10px var(--mono)}.mv-led{width:6px;height:6px;flex-shrink:0;background:#907b8b}.mv-console.is-playing .mv-led{background:#ff8dcc;box-shadow:0 0 9px #ff8dcc}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}footer{padding-bottom:110px}
@media(min-width:1500px){.desktop-windows{width:35%;top:15%}.note-window{top:370px}.cm-window{top:440px}}
@media(max-width:1000px){.hero{min-height:760px}.hero-content{margin-top:90px}.desktop-windows{width:40%;right:6%;top:24%}.window-bar{font-size:8px}.note-window{top:270px;width:85%;left:-10%}.cm-window{top:430px;width:85%}.note-content{font-size:20px}.hero-bottom .round-link{font-size:12px}.hero-ticker{bottom:16%}.artist-filter{grid-template-columns:1fr auto}.artist-filter label{grid-column:1/-1}.artist-filter select{min-width:0}.section{padding-left:4%;padding-right:4%}}
@media(max-width:600px){.screen-corners{inset:8px}.screen-corners:after{display:none}.header{height:auto;min-height:107px;margin:0 4%;padding:18px 0 14px;gap:17px;flex-direction:column;align-items:flex-start}.wordmark{font-size:17px}.wordmark span{font-size:8px}.header nav{gap:21px;width:100%;justify-content:space-between}.header nav a{font-size:10px}.nav-contact{padding:7px 10px}.nav-contact span{margin-left:8px}.hero{height:auto;min-height:1020px;padding:24px 6% 0}.hero-meta{font-size:8px}.hero-meta span:last-child{display:none}.hero-content{max-width:100%;margin-top:58px}.hero h1{font-size:19vw}.hero .last-name{font-size:1.05em;margin-left:0}.hero-content .intro{font-size:13px;letter-spacing:3px}.hero-bottom{margin-top:24px;display:flex;justify-content:space-between;align-items:center;gap:10px}.hero-bottom .round-link{margin-top:0;font-size:10px;gap:9px}.hero-bottom .circle{width:34px;height:34px;font-size:18px}.hero-bottom .roles{font-size:9px}.hero-bottom .japanese-name{font-size:16px}.desktop-windows{top:470px;left:12%;right:auto;width:75%;height:440px}.feature-window{width:100%;right:0}.window-bar{font-size:8px;padding:8px}.window-caption{font-size:14px;padding:13px}.note-window{top:235px;left:-5%;width:68%}.note-content{padding:15px;font-size:17px}.note-content small{font-size:8px}.cm-window{top:325px;right:-5%;width:79%}.cm-content{font-size:16px;padding:17px}.hero-ticker{bottom:10%;opacity:.1}.hero-ticker span{font-size:45px}.hero-footer{bottom:27px}.hero-footer span{font-size:8px}.section,footer{margin:0 4%;padding-left:5%;padding-right:5%;padding-top:65px;padding-bottom:65px}.works{padding-top:68px}.group-controls{gap:8px;justify-content:flex-start}.group-controls button{font-size:11px;padding:11px 9px;gap:8px}.group-controls button span{font-size:10px}.artist-filter{gap:12px}.artist-filter select{font-size:13px;padding:12px 8px}.artist-filter button{font-size:10px}.role-controls{gap:7px}.role-controls button{font-size:12px;padding:9px 12px}.catalog-grid{grid-auto-columns:92%;gap:20px 16px}.catalog-card h3{font-size:14px}.catalog-caption{gap:15px;line-height:1.7}.catalog-caption #catalog-count{white-space:nowrap}.mv-console{left:15px;bottom:15px;max-width:calc(100% - 30px);gap:8px;padding:8px;font-size:9px}.mv-console button{font-size:9px;padding-left:8px}.mv-shade{background:linear-gradient(0deg,#15091abc,#1d0d2240)}footer{padding-bottom:110px}}
@media(prefers-reduced-motion:reduce){.hero-ticker span{animation:none}.mv-player-wrap{transition:none}.mini-window{transition:none}}