/* Revision 8 additions only: approved YUUKI NANA styles remain unchanged. */
.arm-roster .artist-profile{grid-template-areas:"photo heading" "photo details" "photo message" "photo social"}
.arm-roster .artist-portrait{aspect-ratio:var(--portrait-ratio);background:var(--artist-accent-light)}
.arm-roster .artist-portrait img{height:auto;display:block;object-fit:contain}
.arm-roster .artist-story{grid-area:message;min-width:0}
.arm-roster .artist-social-block{grid-area:social;min-width:0}
.arm-roster .artist-facts{grid-template-columns:1fr 1fr;gap:12px 20px}
.arm-roster .artist-facts>div{grid-template-columns:58px minmax(0,1fr);gap:8px;line-height:1.85}
.arm-roster .artist-facts .fact-wide{grid-column:1/-1;grid-template-columns:98px minmax(0,1fr)}
.arm-roster .artist-interests>div{grid-template-columns:76px minmax(0,1fr);gap:10px}
.arm-roster .artist-interests dt{font-size:12px;white-space:nowrap}
.arm-roster .artist-facts dd,.arm-roster .artist-interests dd{white-space:pre-wrap;overflow-wrap:anywhere}
.arm-roster .artist-message{box-shadow:7px 7px 4px #0614261f}
.arm-roster .artist-message .artist-section-label{letter-spacing:.05em;line-height:1.9}
.arm-roster .original-prose{white-space:pre-line;font-size:15px;line-height:2.05;overflow-wrap:anywhere;text-wrap:pretty}
.arm-roster .artist-activities{padding-bottom:20px;border-bottom:1px solid #dbe5eb;margin:16px 0 0}
.arm-roster .profile-unlabelled{margin:0 0 20px;font-size:14px;letter-spacing:.05em}
.arm-roster .artist-name-en{line-height:1.8}
.arm-roster .artist-release-links{display:block}
.arm-roster .artist-release-links>.artist-section-label{display:block;margin-bottom:12px}
.arm-roster .artist-release-links>a{display:flex;max-width:100%;width:fit-content;margin-top:10px;overflow-wrap:anywhere}
.arm-roster .artist-group-link,.arm-roster .member-more{display:inline-flex;align-items:center;gap:12px;min-height:44px;font-size:14px;border-bottom:1px solid #b5c8d6;margin-top:20px}
.arm-roster .artist-social-icon path{fill:currentColor}
.arm-roster .member-shortcuts{display:flex;gap:16px;flex-wrap:wrap;margin-top:16px}
.arm-roster .member-shortcuts a{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:44px;flex:1;font-size:16px;border-bottom:1px solid #b8c8d4}
.arm-roster .artist-history{margin-top:60px;padding:36px 40px;background:#f3f7fa;border-radius:10px;box-shadow:7px 7px 4px #0614261f}
.arm-roster .artist-history h2{font-size:18px;font-weight:500;margin-bottom:18px}
.arm-roster .artist-history p{max-width:940px}
.arm-roster .member-profiles{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:64px}
.arm-roster .member-heading{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #cad7e1;padding-bottom:18px;margin-bottom:24px}
.arm-roster .member-heading h2{font-size:23px;font-weight:400;letter-spacing:.1em}
.arm-roster .member-profile .artist-details{margin:0;padding-top:12px}
.arm-roster a:focus-visible,.roster-index a:focus-visible{outline:2px solid #005cff;outline-offset:5px}
.roster-index .roster{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 32px}
.roster-index .artist-card{display:block;min-width:0;background:#f3f7fa;border-radius:10px;overflow:hidden;box-shadow:7px 7px 4px #06142614;color:#182731;transition:transform .2s ease,box-shadow .2s ease}
.roster-index .artist-image{aspect-ratio:3/4;overflow:hidden;background:#e7edf2}
.roster-index .artist-image img{width:100%;height:100%;object-fit:cover;display:block;transform:none;transition:transform .25s ease}
.roster-index .artist-caption{position:relative;padding:21px 42px 21px 20px;min-height:108px}
.roster-index .artist-caption h2{font-size:20px;font-weight:400;line-height:1.7;letter-spacing:.03em}
.roster-index .artist-en{font-size:11px;letter-spacing:.09em;line-height:1.7;margin-top:6px;color:#526571}
.roster-index .card-arrow{position:absolute;right:18px;top:24px;color:#526571}
.roster-index .name-part{display:inline-block}
@media(hover:hover){.roster-index .artist-card:hover{transform:translateY(-3px);box-shadow:7px 10px 8px #0614261f}.roster-index .artist-card:hover img{transform:scale(1.02)}}
/* Keep both people and the photograph's corner logo intact even on hover. */
.roster-index .artist-card[href="artists--gaga-walkers.html"]:hover img{transform:none}
@media(max-width:1100px){.arm-roster .artist-facts{grid-template-columns:1fr}.arm-roster .artist-facts>div,.arm-roster .artist-facts .fact-wide{grid-template-columns:98px minmax(0,1fr)}}
@media(max-width:900px){
 .arm-roster .artist-profile{grid-template-areas:"heading" "photo" "details" "message" "social"}
 .arm-roster .artist-portrait{width:100%;aspect-ratio:var(--portrait-ratio)}
 .arm-roster .artist-facts{grid-template-columns:1fr 1fr}.arm-roster .artist-facts>div{grid-template-columns:58px minmax(0,1fr)}
 .arm-roster .member-profiles{grid-template-columns:1fr;gap:48px}.arm-roster .member-profile .artist-details{padding:20px}
 .roster-index .roster{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px}
}
@media(max-width:600px){
 .arm-roster .artist-title-name{font-size:30px;letter-spacing:.05em;max-width:100%;overflow-wrap:anywhere}
 .arm-roster .artist-title-division{font-size:11px;letter-spacing:.04em}
 .arm-roster.profile-long-name .artist-title-name{font-size:26px;letter-spacing:.02em}
 .arm-roster .artist-affiliation{line-height:1.9}
 .arm-roster .artist-facts{grid-template-columns:1fr}
 .arm-roster .artist-facts>div,.arm-roster .artist-facts .fact-wide{grid-template-columns:90px minmax(0,1fr)}
 .arm-roster .artist-interests>div{grid-template-columns:68px minmax(0,1fr);gap:8px}
 .arm-roster .artist-history{margin-top:38px;padding:25px 22px}
 .arm-roster .member-profiles{margin-top:42px}
 .arm-roster .original-prose{line-height:2}
 .roster-index .roster{gap:26px 16px}
 .roster-index .artist-caption{padding:13px 12px 17px;min-height:100px}
 .roster-index .artist-caption h2{font-size:15px;line-height:1.65}
 .roster-index .artist-en{font-size:9px;letter-spacing:.02em;margin-top:7px;overflow-wrap:anywhere}
 .roster-index .card-arrow{display:none}
}
@media(prefers-reduced-motion:reduce){.roster-index .artist-card,.roster-index .artist-image img{transition:none}.roster-index .artist-card:hover,.roster-index .artist-card:hover img{transform:none}}
/* K-2: one shared value start for every row in a profile card, at every width. */
.arm-roster .artist-details{--field-label:98px;--field-gap:12px}
.arm-roster .artist-facts{grid-template-columns:1fr;gap:12px}
.arm-roster .artist-facts>div,.arm-roster .artist-facts .fact-wide,.arm-roster .artist-interests>div{grid-template-columns:var(--field-label) minmax(0,1fr);gap:var(--field-gap)}
.arm-roster .artist-facts dt,.arm-roster .artist-interests dt{font-size:12px;white-space:normal;line-height:1.9}
.arm-roster .profile-unlabelled{margin-left:calc(var(--field-label) + var(--field-gap))}
@media(max-width:600px){.arm-roster .artist-details{--field-label:82px;--field-gap:10px}}
/* Q-6/Q-8: 5.5 seconds held, 1.2 seconds fading, for each picture. */
.arm-roster .artist-slideshow{position:relative;overflow:visible;aspect-ratio:auto;background:transparent}
.slideshow-images{position:relative;aspect-ratio:var(--portrait-ratio);overflow:hidden;border-radius:2px}
.arm-roster .artist-slideshow img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.arm-roster .group-slideshow img{object-fit:contain;background:transparent}
.photo-fill{position:relative;isolation:isolate;overflow:hidden}
.photo-fill::before{content:"";position:absolute;inset:-32px;z-index:-1;background:var(--photo-fill-image) center / cover no-repeat;filter:blur(24px) brightness(.8);transform:scale(1.12)}
.group-slideshow .photo-fill{position:absolute;inset:0}
.roster-index .photo-fill img{position:relative;object-fit:contain;background:transparent}
.arm-roster .artist-slideshow .slideshow-second{opacity:0}
.slideshow-ready .slideshow-second{animation:artist-crossfade 13.4s linear infinite}
@keyframes artist-crossfade{0%,41.0448%,100%{opacity:0}50%,91.0448%{opacity:1}}
.slideshow-toggle{display:block;margin:12px 0 0 auto;border:1px solid #b5c8d6;border-radius:6px;background:#fff;color:#526571;font:inherit;font-size:11px;padding:9px 12px;min-height:36px;cursor:pointer}
.slideshow-toggle[hidden]{display:none}
.slideshow-toggle:focus-visible{outline:2px solid #fff;outline-offset:3px}
.slideshow-paused .slideshow-second{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.slideshow-ready .slideshow-second{animation:none;opacity:0}.slideshow-toggle{display:none}}