/* メニュー・ボタンのテーマ色を統一。 */
:root{--accent:#FF32CB}
#navigation>a,.footer-links>a{color:#FF32CB}
.button,.inquiry-button{background-color:#FF32CB;color:#fff}
.button:hover,.inquiry-button:hover:not(:disabled){background-color:#FF32CB}
.inquiry-button:disabled{background-color:#e4dfdd;color:#666}


/* 写真は維持し、文字画像に焼き込まれた赤だけを補正。 */
.artwork-row img{filter:url(#hero-accent-color)}



/* 氏名は黒一色、上段に肩書きを追加。 */
.hero-name-group{display:flex;flex-direction:column;gap:4px;white-space:normal}
.hero-office{display:block;margin-left:7%;font-family:var(--font);font-size:clamp(14px,2vw,32px);font-weight:900;line-height:1.4;letter-spacing:.08em;color:#000}
.hero-name-group .artwork-name{display:block;position:relative;width:100%;overflow:hidden}
.artwork-name img{filter:brightness(0)}
@media(max-width:640px){.hero-office{font-size:clamp(10px,3vw,18px);letter-spacing:.04em}.hero-name-group{gap:2px}}