/* YUUKI NANA profile. Loaded only by artists--yuki-nana.html. */
.arm-profile{--content-width:1760px;--gutter:clamp(24px,3.333333vw,88px);--footer-blue:#061426;background:#fff}
.arm-profile .desktop-nav a[aria-current=true],.arm-profile .mobile-dialog a[aria-current=true]{color:var(--accent)}
.artist-wrap{width:calc(100% - var(--gutter)*2);max-width:1160px;margin-inline:auto}
.artist-main{padding:28px 0 64px}
.artist-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:14px;color:var(--muted);font-size:12px;letter-spacing:.065em;min-height:32px;margin-bottom:38px}
.artist-breadcrumb a{display:inline-flex;align-items:center;min-height:44px}
.artist-breadcrumb a:hover{color:var(--accent)}
.artist-breadcrumb>span[aria-hidden]{color:#7d919e}
.artist-profile{display:grid;grid-template-columns:minmax(0,.93fr) minmax(0,1fr);grid-template-areas:"photo heading" "photo details" "photo message" "photo social";column-gap:clamp(40px,5.55vw,80px);row-gap:0;align-items:start;align-content:start}
.artist-heading{grid-area:heading;padding:2px 0 24px}
.artist-kicker{font-size:12px;letter-spacing:.2em;color:var(--accent);margin-bottom:14px}
.artist-heading h1{font-size:clamp(34px,3.4vw,48px);font-weight:400;letter-spacing:.12em;line-height:1.5;margin-right:-.12em}
.artist-name-en{font-size:14px;letter-spacing:.2em;color:var(--muted);margin-top:6px}
.artist-affiliation{display:flex;flex-wrap:wrap;gap:4px 24px;margin-top:22px;font-size:14px;line-height:1.7}
.artist-division{color:var(--muted)}
.artist-portrait{grid-area:photo;position:relative;margin:0;aspect-ratio:440/645;background:#f5eef0;overflow:hidden;border-radius:2px}
.artist-portrait img,.artist-portrait video{width:100%;height:100%;object-fit:cover}
.artist-details{--label-col:84px;--label-gap:16px;grid-area:details;border-top:1px solid var(--line);padding:24px 0 0}
.artist-section-label{display:block;font-size:11px;font-weight:500;letter-spacing:.19em;line-height:1.6;color:var(--artist-accent-strong,var(--accent))}
.artist-facts{display:grid;grid-template-columns:1fr 1fr;gap:10px 30px;margin:18px 0 20px}
.artist-facts>div{display:grid;grid-template-columns:var(--label-col) minmax(0,1fr);gap:var(--label-gap);font-size:15px;line-height:1.85}
.artist-facts dt,.artist-interests dt{color:var(--muted);font-size:13px}
.artist-interests{margin:0}
.artist-interests>div{display:grid;grid-template-columns:var(--label-col) minmax(0,1fr);gap:var(--label-gap);padding:12px 0;border-top:1px solid #e7edf1;font-size:15px;line-height:1.9}
.artist-interests dd span{display:block}
.artist-message{grid-area:message;margin-top:20px;padding:23px 26px;background:var(--artist-accent-light,#f3f7fa);border-left:2px solid var(--artist-accent-strong,#b0c9d8)}
.artist-message p{font-size:15px;line-height:2;margin-top:12px;overflow-wrap:anywhere}
.artist-message .message-line{display:block;word-break:auto-phrase}
.artist-message .phrase{display:inline-block;white-space:nowrap}
.artist-social{grid-area:social;display:flex;flex-wrap:wrap;gap:12px;align-items:center;padding-top:24px}
.artist-social>.artist-section-label{margin-right:12px}
.artist-social a{display:inline-flex;justify-content:flex-start;align-items:center;gap:8px;min-height:44px;padding:8px 14px;border:1px solid #aabecb;font-size:14px;line-height:1.5}
.artist-social a:hover{background:var(--artist-accent-light,#edf4f8);border-color:var(--artist-accent-strong,var(--accent));color:var(--artist-accent-strong,var(--accent))}
.artist-social a>span[aria-hidden]{font-size:17px}
.artist-social-icon{width:16px;height:16px;flex:0 0 16px;fill:currentColor}
.artist-social a.artist-social-button{width:48px;height:48px;min-width:48px;min-height:48px;padding:0;justify-content:center;border-radius:8px}
.artist-social-button .artist-social-icon{width:23px;height:23px;flex-basis:23px}
.artist-back{margin-top:60px;padding-top:26px;border-top:1px solid var(--line);display:flex;justify-content:center}
.artist-back a{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-size:14px;letter-spacing:.035em}
.artist-back a:hover{color:var(--accent)}
/* The approved TOP's header and footer appearance is reused without editing its files. */
.arm-profile .footer-brand-area{background:var(--footer-blue);color:#fff}
.arm-profile .footer-base{padding-block:38px 18px}
.arm-profile .footer-grid{grid-template-columns:330px minmax(0,1fr);gap:72px;align-items:center}
.arm-profile .brand--footer{width:264px}
.arm-profile .footer-company{font-size:16px;color:#fff;margin-top:15px}
.arm-profile .footer-links{gap:0 28px}
.arm-profile .footer-links a{font-size:16px;min-height:44px;color:#fff}
.arm-profile .footer-social{display:flex;flex-wrap:nowrap;align-items:center;gap:16px;margin-top:14px}
.arm-profile .social-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex:0 0 44px;color:#fff}
.arm-profile .social-icon img{display:block;width:auto;height:24px;max-width:34px;object-fit:contain}
.arm-profile [data-social=x] img{height:26.5px}
.arm-profile [data-social=youtube] img{height:32px}
.arm-profile .footer-bottom{color:#fff;border-color:#ffffff4d;font-size:14px;margin-top:24px}
.arm-profile .footer-brand-area a:hover,.arm-profile .footer-brand-area a:focus-visible{color:#fff;text-decoration:underline;text-underline-offset:6px}
.arm-profile .footer-brand-area :focus-visible{outline-color:#fff}
.arm-profile .footer-brand-area .contact-nav{border:0}
@media(min-width:1600px){.artist-wrap{max-width:1240px}}
@media(max-width:1100px){
 .artist-profile{column-gap:36px;grid-template-columns:minmax(0,.9fr) minmax(0,1fr)}
 .artist-facts{gap:10px 14px}
 .artist-details{--label-col:68px;--label-gap:12px}
 .artist-affiliation{display:block}.artist-division{margin-top:5px}
 .artist-message{padding:20px}
 .arm-profile .footer-grid{grid-template-columns:290px minmax(0,1fr);gap:36px}
}
@media(max-width:900px){
 .artist-wrap{max-width:640px}
 .artist-breadcrumb{margin-bottom:26px}
 .artist-profile{grid-template-columns:minmax(0,1fr);grid-template-rows:none;grid-template-areas:"heading" "photo" "details" "message" "social"}
 .artist-heading{padding:0 0 28px}
 .artist-heading h1{font-size:40px}
 .artist-affiliation{display:flex;margin-top:18px}.artist-division{margin-top:0}
 .artist-portrait{width:100%;aspect-ratio:5/6;max-width:none}
 .artist-details{--label-col:84px;--label-gap:16px;margin-top:32px}
 .artist-facts{gap:12px 24px}
 .artist-facts>div,.artist-interests>div{font-size:16px}
 .artist-message p{font-size:16px}
 .arm-profile .footer-grid{grid-template-columns:minmax(0,1fr);gap:26px}
 .arm-profile .footer-identity{display:flex;align-items:center;gap:28px}
 .arm-profile .footer-company{margin-top:0}
}
@media(max-width:600px){
 .arm-profile{--gutter:22px}
 .artist-main{padding-block:14px 42px}
 .artist-breadcrumb{font-size:11px;gap:10px;margin-bottom:22px}
 .artist-kicker{font-size:11px;margin-bottom:10px}
 .artist-heading h1{font-size:36px;letter-spacing:.1em}
 .artist-name-en{font-size:12px;margin-top:4px}
 .artist-affiliation{font-size:13px;gap:5px 16px;margin-top:16px}
 .artist-heading{padding-bottom:24px}
 .artist-details{--label-col:76px;--label-gap:12px;margin-top:28px;padding-top:22px}
 .artist-facts{grid-template-columns:minmax(0,1fr);gap:12px;margin-top:18px}
 .artist-facts>div{font-size:15px}
 .artist-facts dt{font-size:13px}
 .artist-interests>div{padding:16px 0;font-size:15px}
 .artist-message{padding:22px 18px;margin-top:14px}
 .artist-message p{font-size:15px;line-height:2}
 .artist-social{gap:10px;padding-top:22px}
 .artist-social>.artist-section-label{margin-right:6px}
 .artist-social a{padding-inline:12px}
 .artist-back{margin-top:36px;padding-top:20px}
 .arm-profile .footer-base{padding-block:28px 18px}
 .arm-profile .footer-identity{display:block}
 .arm-profile .brand--footer{width:224px}
 .arm-profile .footer-company{font-size:15px;margin-top:14px;line-height:1.8}
 .arm-profile .footer-links{gap:0 16px}
 .arm-profile .footer-links a{font-size:15px}
 .arm-profile .footer-bottom{font-size:13px;gap:0 20px}
}
/* At the 264px logo width, visible-ink centroid is about 26.46px below the uncorrected company line center. */
@media(min-width:601px) and (max-width:900px){
 .arm-profile .footer-company{transform:translateY(26.4px)}
}
@media print{
 .arm-profile .site-header,.arm-profile .mobile-dialog,.artist-breadcrumb,.artist-back,.arm-profile .site-footer{display:none}
 .artist-main{padding:0}.artist-wrap{width:100%;max-width:none}
 .artist-profile{grid-template-columns:38% minmax(0,1fr);grid-template-areas:"photo heading" "photo details" "photo message" "photo social";column-gap:28px;break-inside:avoid}
 .artist-heading{padding-bottom:18px}.artist-heading h1{font-size:32px}
 .artist-portrait{aspect-ratio:440/645}.artist-details{margin-top:0;padding-top:18px}
 .artist-facts>div,.artist-interests>div,.artist-message p{font-size:12px}
 .artist-interests>div{grid-template-columns:66px minmax(0,1fr);gap:10px}
 .artist-facts{gap:8px 10px}.artist-facts>div{grid-template-columns:40px minmax(0,1fr);gap:8px}
 .artist-message{padding:16px;margin-top:12px}.artist-social{padding-top:16px}
}