/* Revision 8: loaded only by TOP. Existing lower-page styles are frozen. */
.arm-top{
 --content-width:1760px;--gutter:clamp(24px,3.333333vw,88px);
 --rail:208px;--layout-gap:48px;--card-gap:28px;
 --header-height:84px;--admin-bar-height:0px;--footer-blue:#061426;--heading-size:42px;
}
.arm-top .site-header{height:var(--header-height);background:#fff;padding-inline:max(var(--gutter),calc((100% - var(--content-width))/2))}
.arm-top .hero{height:calc(100vh - var(--header-height) - var(--admin-bar-height));height:calc(100svh - var(--header-height) - var(--admin-bar-height));height:calc(100dvh - var(--header-height) - var(--admin-bar-height));min-height:0;max-height:none;background:#f8fbfd}
.arm-top .hero-inner{padding:0;display:grid;grid-template-columns:minmax(0,1fr);place-items:center;height:100%}
.arm-top .hero h1.hero-brand{width:min(627px,68.4vw);max-width:none;padding:0;margin:0;line-height:0}
.arm-top .official-hero{display:block;width:100%;max-width:none;height:auto;transform:translate(var(--optical-x),var(--optical-y));filter:none;mix-blend-mode:normal}
.arm-top .hero-art{background:#fafbfc url('hero-white-pc-v19.png') no-repeat 50% 50%/cover}
.arm-top .hero-video{object-position:50% 50%;opacity:0;transition:opacity .8s ease;pointer-events:none}
.arm-top .hero-video.is-playing{opacity:1}
@media(max-width:600px){.arm-top .hero-art{background-image:url('hero-white-sp-v19.png')}}
.arm-top .hero-bottom{bottom:22px}
.arm-top .hero-video-toggle{position:absolute;left:clamp(22px,3vw,48px);bottom:16px;z-index:3;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 12px;border:1px solid #d2dce5;border-radius:6px;background:#ffffffe6;color:#526571;font:inherit;font-size:12px;line-height:1.6;cursor:pointer}
.arm-top .hero-video-toggle[hidden]{display:none}
.arm-top .hero-video-toggle:hover{background:#fff;color:#182731}
.arm-top .hero-video-toggle:focus-visible{outline:2px solid #126b9f;outline-offset:3px}
.arm-top .hero-video-toggle svg{width:12px;height:12px;fill:currentColor}
.arm-top .scroll-link{color:#526370;font-size:11px;letter-spacing:.12em}
.arm-top .section{padding-block:64px}
.arm-top .section-layout{grid-template-columns:var(--rail) minmax(0,1fr);gap:var(--layout-gap)}
/* Supplied transparent PNGs. No filters, pixel edits, added glyphs or decoration. */
.arm-top .section-heading{display:block;min-width:0}
.arm-top .section-title{display:block;line-height:1;font-size:inherit;letter-spacing:normal;font-weight:400}
.arm-top .section-entry{display:inline-flex;align-items:flex-start;min-height:44px;max-width:100%;padding:4px 0}
.arm-top .heading-image-frame{position:relative;display:block;width:calc(var(--heading-size) * var(--heading-width));max-width:100%;overflow:hidden}
.arm-top .heading-image{position:absolute;display:block;max-width:none;height:auto;filter:none;mix-blend-mode:normal}
.arm-top .news-section{background:#fff}
.arm-top .top-jasrac-logo{display:inline-block;width:72px;height:auto;margin-left:10px;vertical-align:middle;object-fit:contain}
@media(max-width:600px){.arm-top .top-jasrac-logo{width:64px;margin-left:8px}}
.arm-top .news{padding-block:42px;border-bottom:0}
.arm-top .news-list{max-height:252px;overflow-y:auto;overflow-x:hidden;padding:0 10px 0 0;background:transparent;border:0;border-radius:0;min-width:0;scrollbar-width:thin;scrollbar-color:#b5c3ce transparent;overscroll-behavior-y:contain;scrollbar-gutter:stable}
.arm-top .news-row,.arm-top .news-row:first-child,.arm-top .news-row:last-child{min-height:84px;padding-block:20px;grid-template-columns:102px minmax(0,1fr);gap:22px}
.arm-top .news-row h3{font-size:19px;line-height:1.65;overflow-wrap:anywhere}
.arm-top .news-row time{font-size:16px}
.arm-top .news-row--linked:hover h3,.arm-top .news-row--linked:focus-visible h3{color:var(--accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
.arm-top div.news-row:hover h3{color:var(--text);text-decoration:none}
.arm-top .news-list .news-row--linked{grid-template-columns:102px minmax(0,1fr) 20px}
.arm-top .news-list::-webkit-scrollbar{width:5px}
.arm-top .news-list::-webkit-scrollbar-thumb{background:#b5c3ce;border-radius:3px}
.arm-top .news-list::-webkit-scrollbar-track{background:transparent}
.arm-top .top-news-empty{font-size:17px;color:var(--muted);padding-block:20px}
.arm-top .artists-section{background:#f7f9fb}
.arm-top .artist-image{border-radius:10px;aspect-ratio:5/6}
.arm-top .artist-card h3{font-size:21px;line-height:1.5}
.arm-top .artist-caption{margin-top:13px}
.arm-top .top-artist-entry{display:contents}
.arm-top .top-artist-social{display:none}
.arm-top .top-artist-romanized{display:none}
.arm-top .artist-card:hover h3,.arm-top .artist-card:focus-visible h3,.arm-top .work-link:hover h3,.arm-top .work-link:focus-visible h3{color:var(--accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px}
.arm-top .works-section{background:#f0f7fb}
.arm-top .work-cover{border-radius:10px}
.arm-top .work-card h3{font-size:23px}
.arm-top .work-card p{font-size:16px}
.arm-top .store-section{background:#fff}
.arm-top .store-coming-soon{align-self:center;padding-block:24px;color:var(--muted);font-size:20px;font-weight:400;letter-spacing:.16em;line-height:1.6}
.arm-top .about{background:#f3f7fa}
.arm-top .about-brand{font-size:30px;font-weight:300}
.arm-top .about-content p{font-size:18px}
.arm-top .about-content p+p{font-size:17px}
/* Deep blue selected from the requested candidates; the supplied footer PNG is unmodified. */
.arm-top .site-footer{background:#fff}
.arm-top .footer-brand-area{background:var(--footer-blue);color:#fff}
.arm-top .footer-base{padding-block:38px 18px}
.arm-top .footer-grid{grid-template-columns:330px minmax(0,1fr);gap:72px;align-items:center}
.arm-top .brand--footer{width:264px}
.arm-top .footer-company{font-size:16px;color:#fff;margin-top:15px}
.arm-top .footer-links{gap:0 28px}
.arm-top .footer-links a,.arm-top .footer-social a{font-size:16px;min-height:44px;color:#fff}
.arm-top .footer-social{display:flex;flex-wrap:nowrap;align-items:center;gap:16px;margin-top:14px}
.arm-top .social-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex:0 0 44px;cursor:pointer;color:#fff}
.arm-top .social-icon img{display:block;width:auto;height:24px;max-width:34px;object-fit:contain}
.arm-top [data-social="x"] img{height:26.5px}
.arm-top [data-social="youtube"] img{height:32px}
.arm-top .footer-bottom{color:#fff;border-color:#ffffff4d;font-size:14px;margin-top:24px}
.arm-top .footer-brand-area a:hover,.arm-top .footer-brand-area a:focus-visible{color:#fff;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px}
.arm-top .footer-brand-area :focus-visible{outline-color:#fff}
.arm-top .footer-brand-area .contact-nav{border:0}
.admin-bar.arm-top{--admin-bar-height:32px}
@media(max-width:1100px){
 .arm-top{--header-height:76px;--layout-gap:32px;--rail:188px;--card-gap:22px}
 .arm-top{--heading-size:38px}
 .arm-top .footer-grid{grid-template-columns:290px minmax(0,1fr);gap:36px}
}
@media(max-width:900px){
 .arm-top .section{padding-block:46px}
 .arm-top .section-layout{grid-template-columns:minmax(0,1fr);gap:24px}
 .arm-top .section-entry{padding:0}
 .arm-top .news{padding-block:34px}
 .arm-top .news-row,.arm-top .news-row:first-child,.arm-top .news-row:last-child{min-height:84px;padding-block:17px;gap:18px}
 .arm-top .artist-card h3{font-size:20px}
 .arm-top .work-card h3{font-size:22px}
 .arm-top .footer-grid{grid-template-columns:minmax(0,1fr);gap:26px}
 .arm-top .footer-identity{display:flex;align-items:center;gap:28px}
 .arm-top .footer-company{margin-top:0}
}
@media(max-width:782px){.admin-bar.arm-top{--admin-bar-height:46px}}
@media(max-width:600px){
 .arm-top{--gutter:22px;--header-height:68px;--card-gap:16px;--heading-size:34px}
 .arm-top .hero h1.hero-brand{width:87.4vw}
 .arm-top .hero-bottom{bottom:16px}
 .arm-top .section{padding-block:36px}
 .arm-top .section-layout{gap:22px}
 .arm-top .news{padding-block:30px}
 .arm-top .news-row,.arm-top .news-row:first-child,.arm-top .news-row:last-child{grid-template-columns:90px minmax(0,1fr);gap:10px;padding-block:16px;min-height:0}
 .arm-top .news-row time{grid-column:1;grid-row:1;font-size:15px}
 .arm-top .news-row h3{grid-column:2;grid-row:1;font-size:18px}
 .arm-top .news-list{max-height:272px}
 .arm-top .news-list .news-row--linked{grid-template-columns:90px minmax(0,1fr) 16px}
 .arm-top .news-row .arrow{grid-column:3;grid-row:1;font-size:20px}
 .arm-top .artists-section .artist-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 16px;align-items:start}
 .arm-top .top-artist-entry{display:block;min-width:0}
 .arm-top .artists-section .artist-card{display:block;border:0;padding:0}
 .arm-top .artists-section .artist-image{aspect-ratio:1}
 .arm-top .artists-section .artist-image img{position:absolute;width:var(--mobile-photo-width);max-width:none;height:auto;left:var(--mobile-photo-left);top:var(--mobile-photo-top);object-fit:fill;transform:none}
 .arm-top .artists-section .artist-grid .artist-caption{margin:12px 0 0;padding:0;text-align:center}
 .arm-top .artists-section .artist-card h3{font-size:14px;line-height:1.6;letter-spacing:.015em}
 .arm-top .top-artist-romanized{display:block;margin:2px 0 0;font-size:11px;line-height:1.5;letter-spacing:.04em;font-style:normal;color:#65758b}
 .arm-top .top-artist-social{display:flex;justify-content:center;gap:6px;margin-top:2px}
 .arm-top .top-artist-social a{display:flex;align-items:center;justify-content:center;width:44px;min-height:44px;color:#526571;border-radius:6px}
 .arm-top .top-artist-social svg{width:14px;height:14px;fill:currentColor}
 .arm-top .top-artist-social a:hover{color:var(--accent);background:#eaf1f6}
 .arm-top .top-artist-social a:focus-visible{outline:2px solid #005cff;outline-offset:2px}
 .arm-top .artist-image,.arm-top .work-cover{border-radius:8px}
 .arm-top .work-link,.arm-top .work-pending{grid-template-columns:112px minmax(0,1fr);gap:18px}
 .arm-top .work-card h3{font-size:21px}
 .arm-top .work-card p{font-size:16px}
 .arm-top .store-coming-soon{font-size:18px;padding-block:20px}
 .arm-top .about-brand{font-size:27px}
 .arm-top .about-content p{font-size:17px}.arm-top .about-content p+p{font-size:16px}
 .arm-top .footer-base{padding-block:28px 18px}
 .arm-top .footer-identity{display:block}
 .arm-top .brand--footer{width:224px}
 .arm-top .footer-company{font-size:15px;margin-top:14px;line-height:1.8}
 .arm-top .footer-links{gap:0 16px}
 .arm-top .footer-links a,.arm-top .footer-social a{font-size:15px}
 .arm-top .footer-bottom{font-size:13px;gap:0 20px}
}

/* Each frame is stationary. Only its inner visual responds to real mouse entry/exit. */
.arm-top .artist-card:hover img{transform:none}
.arm-top .work-link:hover .work-cover{box-shadow:none}
.arm-top .artist-image,.arm-top .work-cover{overflow:hidden}
.arm-top .media-zoom-target{transform:scale(1);transform-origin:center;transition:transform .65s cubic-bezier(.2,.65,.3,1)}
.arm-top .artist-image.is-hovered>.media-zoom-target,.arm-top .work-cover.is-hovered>.media-zoom-target{transform:scale(1.025)}
.arm-top .release-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:inherit}
.arm-top .release-placeholder>span{font-size:27px;font-weight:300;letter-spacing:.12em}
.arm-top .hero-brand.hero-intro-preparing{opacity:.12;filter:blur(3px)}
.arm-top .hero-brand.hero-intro-running{animation:arm-hero-reveal 1.8s cubic-bezier(.16,.65,.3,1) both}
@keyframes arm-hero-reveal{from{opacity:.12;filter:blur(3px)}to{opacity:1;filter:blur(0)}}
@media(max-width:600px){.arm-top .release-placeholder>span{font-size:21px;letter-spacing:.08em}}
@media(prefers-reduced-motion:reduce){
 .arm-top .hero-video{display:none;transition:none}
 .arm-top .media-zoom-target{transition:none}
 .arm-top .hero-brand.hero-intro-preparing,.arm-top .hero-brand.hero-intro-running{animation:none;opacity:1;filter:none}
}