.design-compare{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;padding:15px 5%;background:#ece9e2;color:#252622;font:14px/1.6 Arial,"Hiragino Sans",sans-serif;border-bottom:1px solid #25262233}.design-compare>span{font-size:12px;color:#64655e}.design-compare a{padding:4px 0;border-bottom:1px solid currentColor}.design-compare a[aria-current="page"]{font-weight:700}.design-compare a:focus-visible{outline:2px solid #806447;outline-offset:4px}

:root{--ink:#101a25;--white:#f4e9d7;--muted:#c4b7a1;--accent:#d6ac6f;--line:#d6ac6f40;background:#101a25;color:#f4e9d7}
header,footer{background:#101a25;color:#f4e9d7}header{border-bottom:1px solid #d6ac6f40}.wordmark{letter-spacing:.09em;font-weight:400}header nav a{letter-spacing:.12em}
.hero{display:flex;min-height:760px;padding:45px 6% 60px;background:#101a25;justify-content:space-between;gap:32px;isolation:isolate}
.hero .hero-portrait{position:absolute;inset:0 0 0 auto;width:75%;height:100%;aspect-ratio:auto;z-index:-2}.hero .hero-portrait img{width:100%;height:100%;object-fit:cover;object-position:55% 15%;filter:sepia(.13) brightness(.8)}
.hero:after{content:"";display:block;position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#101a25 0%,#101a25c7 30%,#101a2520 65%),linear-gradient(0deg,#101a25,transparent 55%)}
.hero-meta{position:relative;color:#d7cab5;font-size:12px}.hero h1{align-self:flex-start;margin:100px 0 0;font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:clamp(65px,8.5vw,130px);line-height:1.08;letter-spacing:-.04em;color:#f4e9d7}.hero h1>span{color:#d6ac6f}.hero .hero-bottom{border:0;padding:0;margin:0;position:relative}.hero-name{color:#f4e9d7}.hero-line{color:#d7cab5}
.editorial-section,.music,.about{--white:#f4e9d7;--muted:#c4b7a1;--accent:#d6ac6f;--line:#d6ac6f40;background:#142330;color:#f4e9d7}.section-top{border-color:#d6ac6f40}.editorial-section h2,.music h2,.live h2,.contact-layout h2{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:.01em}.news-row{border-color:#d6ac6f40}.news-row h3,.profile-intro h3,.music h2{color:#f4e9d7}.news-row p,.profile-intro h2,.profile-intro small,.roles,.biography>p{color:#d4c9b7}.category-label,.biography>.bio-lead,.biography>.bio-intro,.music h2 em{color:#d6ac6f}.biography>.bio-intro{border-color:#d6ac6f40;scrollbar-color:#b28a55 #24313c}
.live{background:#20303b;color:#f4e9d7;--line:#d6ac6f40}.live h2{color:#f4e9d7}.live h2 span,.live .live-date,.live .label{color:#d6ac6f}.live-details dt{color:#d4c9b7}.live-official{border-color:#d6ac6f}.music{background:#101a25}.track-choice{color:#f4e9d7;border-color:#d6ac6f40}.track-choice[aria-pressed=true]{background:#d6ac6f;color:#101a25;border-color:#d6ac6f}.video-info p,.video-info span,.video-help{color:#c4b7a1}.contact-section{background:#20303b}.contact-layout p{color:#d4c9b7}.contact-link{border-color:#d6ac6f}footer .footer-name{color:#d6ac6f}.sns-title span,footer p{color:#c4b7a1}
.cinema-intro{background:#101a25}.opening-photo img{filter:sepia(.13) brightness(.85)}.opening-title{color:#f4e9d7}.opening-title span{color:#d6ac6f}.opening-title>div{font-family:Georgia,"Times New Roman",serif;font-weight:400}.cinema-skip{background:#101a25e8;color:#f4e9d7;border-color:#d6ac6f80}.cinema-progress{background:#d6ac6f}
@media(max-width:650px){.hero{display:flex;min-height:760px;min-height:90svh;padding:35px 6% 45px;gap:25px}.hero .hero-portrait{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto}.hero .hero-portrait img{object-position:55% 0%;filter:sepia(.13) brightness(.7)}.hero:after{background:linear-gradient(0deg,#101a25 0%,#101a2580 38%,transparent 72%),linear-gradient(90deg,#101a2570,transparent 70%)}.hero-meta{font-size:11px}.hero h1{margin:auto 0 0;line-height:1.03;font-size:16vw;max-width:100%}.hero h1>span{display:block}.hero .hero-bottom{padding:0;margin:0}.hero-line{margin-top:10px}.opening-title{background:linear-gradient(0deg,#101a25,transparent)}.design-compare{gap:8px 16px}}

.top-social{--social-bg:#101a25;color:#f4e9d7;border-color:#f4e9d733}

/* Refined top navigation and hero-to-music spacing */
header{justify-content:center}
header nav{width:max-content;margin:0 auto;flex-wrap:nowrap;justify-content:center;gap:clamp(18px,4vw,48px)}
.hero{min-height:680px;padding-bottom:36px}
#music.section{padding-top:40px}
@media(max-width:650px){
 header{flex-wrap:nowrap}
 header nav{order:0;flex:0 1 auto;flex-basis:auto;width:auto;justify-content:center;gap:clamp(18px,6vw,30px);white-space:nowrap}
 .hero{min-height:76svh;padding-bottom:24px}
 #music.section{padding-top:32px}
}

/* Keep the English and Japanese artist names together. */
.hero{flex-direction:column;justify-content:flex-start;align-items:flex-start}
.artist-name-block{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:4px;margin-top:auto;max-width:100%}
.hero h1{align-self:flex-start;margin:0;max-width:100%}
.hero-name{margin:0;line-height:1.35}
@media(max-width:650px){.hero{gap:0}}