/* Typography and finishing details. Image assets / crop settings remain in content.json. */
@font-face{font-family:Barlow Condensed;src:url('assets/fonts/BarlowCondensed-SemiBold.ttf') format('truetype');font-style:normal;font-weight:600;font-display:swap}
:root{--display:"Barlow Condensed","Arial Narrow",Arial,sans-serif;--jp:"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif}
.header{border-bottom:0}
.brand{font-family:var(--jp);font-weight:800;letter-spacing:-.09em;font-size:30px;gap:20px}
.brand span{font-family:var(--display);font-size:12px;font-weight:600;letter-spacing:.16em;border:0;padding-left:0}
.header nav a{font-family:var(--display);font-size:14px;letter-spacing:.14em}
.header-listen{border-radius:0;border-width:0 0 1px;padding:13px 0;font-weight:600}
.hero-note{font-family:var(--display);font-size:13px;font-weight:600;letter-spacing:.22em;max-width:40%;white-space:pre-line}
.hero-copy{top:22%;left:8%;max-width:50%}
.hero-copy .eyebrow{font-family:var(--display);font-size:11px;letter-spacing:.23em;margin-bottom:22px}
.hero-copy h1{font-family:var(--jp);font-size:clamp(26px,3.1vw,48px);font-weight:800;line-height:1.3;letter-spacing:-.075em;white-space:normal;margin-bottom:22px;font-feature-settings:"palt"}
.title-line{display:block;overflow-wrap:anywhere}
.hero-copy h1 .title-line+.title-line{font-size:1.9em;letter-spacing:-.1em;margin-top:4px;margin-left:.34em}
.hero-copy>p:not(.eyebrow){font-family:var(--jp);font-size:12px;letter-spacing:.07em;line-height:1.8}
.hero-copy .text-link{font-size:11px;font-weight:600;margin-top:18px;min-height:44px;padding-bottom:10px;min-width:184px}
.hero-word{font-family:var(--display);font-weight:600;font-size:26.9vw;letter-spacing:-.035em;line-height:.72;left:4.6%;bottom:9%;transform:scaleX(1.32);transform-origin:left bottom}
.hero-bottom{font-size:9px;letter-spacing:.1em}
.eyebrow{font-family:var(--display);font-weight:600;font-size:12px;letter-spacing:.18em}
.small-jp{font-size:11px;letter-spacing:.06em}
.music-heading h2,.works-title h2{font-family:var(--display);font-weight:600;font-size:clamp(72px,8.8vw,140px);line-height:.85;letter-spacing:-.035em;text-transform:uppercase}
.music-heading h2 .title-line:last-child,.works-title h2 .title-line:last-child{color:#aebdd6;margin-left:.45em}
.music-heading h2 .title-line:last-child{font-style:italic}
.music-heading{gap:36px;margin-top:55px;margin-bottom:60px}
.music-intro{max-width:310px;padding-top:15px}
.music-intro p{font-family:var(--jp);font-weight:600;font-size:17px;line-height:1.9;letter-spacing:.04em;white-space:pre-line;margin:0 0 22px}
.music-intro>span{font-size:11px;line-height:1.8;color:#aeb5c2}
.services{border-color:#b3c4df65;gap:0}
.service,.service+.service{display:grid;grid-template-columns:38px 1fr;gap:20px 16px;padding:32px 26px;min-height:165px;align-content:center;transition:background .3s}
.service:first-child{padding-left:12px}.service:last-child{padding-right:12px}
.service-icon{width:36px;height:36px;align-self:center}
.service-copy{min-width:0}
.service strong{font-size:clamp(20px,2vw,28px);font-weight:600;letter-spacing:-.055em;white-space:nowrap}
.service small{font-size:11px;line-height:1.6;color:#aeb7c7;margin-top:7px}
.service-action{grid-column:2;display:flex;justify-content:space-between;align-items:center;gap:14px}
.service-status{font-size:10px;letter-spacing:.12em;color:#b5c1d5}
.service .arrow,.service[aria-disabled=true] .arrow{display:grid;place-items:center;width:34px;height:34px;border:1px solid #a5b5ce55;border-radius:50%;font-size:20px;color:#d4ddeb;letter-spacing:0;margin-left:auto}
.service[aria-disabled=true] .arrow{border-color:#a5b5ce25;color:#8998ad}
a.service:hover,a.service:focus-visible{background:#a9c3ef0d}
a.service:hover .arrow{background:#d9e4f4;color:#0d111a;transform:translate(2px,-2px)}
.service .arrow{transition:transform .25s,background .25s,color .25s}
.works-title h2{font-size:clamp(64px,7.8vw,120px)}
.works-count{font-size:12px}.works-count span{font-family:var(--display);font-size:25px}
.work-art-title{font-family:var(--jp);font-weight:800;letter-spacing:-.07em;line-height:1.12;font-feature-settings:"palt"}
.work h3{font-family:var(--jp);font-weight:700;letter-spacing:-.035em;font-size:27px}
.work-meta .eyebrow{font-size:11px;letter-spacing:.12em}
.work-meta p{font-size:12px;line-height:1.9;color:#aeb6c4}
.work-link{font-size:11px;min-height:44px}
.work[data-theme=silver] .work-art-title{font-family:var(--display);font-weight:600;font-size:clamp(70px,8vw,120px);letter-spacing:-.045em}
.work[data-theme=red] .work-art-title{font-weight:800;letter-spacing:.12em;text-indent:.12em}
.interlude .eyebrow{font-family:var(--display);font-size:13px;letter-spacing:.18em}
.interlude p{font-family:var(--jp);font-weight:700;font-size:clamp(25px,3vw,42px);line-height:1.8;letter-spacing:-.045em}
.interlude p .title-line:last-child{margin-left:2em;color:#bac8dd}
.about{gap:9%;align-items:center}
.about-copy h2{margin:28px 0 32px;font-family:var(--display);position:relative}
.about-copy h2 .artist-name-en{font-family:var(--display);font-weight:600;font-size:clamp(84px,10.8vw,166px);letter-spacing:-.04em;line-height:.8;margin:0;color:#e8edf4}
.about-copy h2 .artist-name-ja{font-family:var(--jp);font-size:30px;font-weight:800;letter-spacing:-.08em;line-height:1.2;margin:16px 0 0 3px}
.about-english{font-family:var(--display);font-weight:600;font-size:15px;letter-spacing:.16em;color:#a6b9d7;margin:35px 0 12px;white-space:pre-line}
.about-lead{font-family:var(--jp);font-size:clamp(23px,2.5vw,34px);font-weight:700;line-height:1.6;letter-spacing:-.045em;white-space:pre-line;margin:0 0 28px}
.biography{border-left:1px solid #a3b7d14d;padding-left:22px;font-family:var(--jp);font-size:13px;line-height:2.15;letter-spacing:.02em;max-width:420px;color:#b6bfcd}
.biography p{margin:0 0 16px}.biography p:last-child{margin-bottom:0}
.socials{gap:24px;margin-top:26px}.socials>a,.socials>span{display:inline-flex;align-items:center;min-height:44px;font-size:12px;border-bottom:1px solid #ffffff2b}
.socials .pending{display:none}.back-top{display:inline-flex;align-items:center;min-height:44px}.mobile-menu a{font-family:var(--display);font-weight:600;letter-spacing:-.025em}
@media(min-width:601px) and (max-height:850px){.hero-copy{top:21%}.hero-copy h1{font-size:clamp(26px,3vw,43px);line-height:1.2}.hero-copy .eyebrow{margin-bottom:16px}.hero-copy .text-link{margin-top:10px}.hero-copy h1{margin-bottom:15px}}
@media(min-width:601px) and (max-width:1000px){.music-heading h2{font-size:80px}.music-intro{max-width:235px}.music-intro p{font-size:14px}.service,.service+.service{padding:26px 14px;gap:15px 10px;grid-template-columns:28px 1fr}.service-icon{width:28px;height:28px}.service strong{font-size:19px}.service small{font-size:10px}.about-copy h2 .artist-name-en{font-size:100px}.about-lead{font-size:24px}.biography{font-size:12px}}
@media(max-width:600px){
 .brand{font-size:26px;gap:15px}.brand span{font-size:11px;padding:0;letter-spacing:.15em}
 .header{border:0}.hero-note{top:105px;left:7%;font-size:10px;line-height:1.3;letter-spacing:.2em;max-width:45%}
 .hero-copy{top:auto;bottom:25%;left:7%;max-width:87%}
 .hero-copy .eyebrow{font-size:10px;letter-spacing:.2em;margin-bottom:14px}
 .hero-copy h1{font-size:clamp(25px,7.3vw,33px);line-height:1.2;margin-bottom:16px;letter-spacing:-.07em}
 .hero-copy h1 .title-line+.title-line{font-size:2.15em;margin-top:9px;margin-left:.26em}
 .hero-copy>p:not(.eyebrow){font-size:11px;letter-spacing:.035em}
 .hero-copy .text-link{font-size:11px;margin-top:8px;min-width:173px}
 .hero-word{font-size:27vw;left:5%;bottom:10%;line-height:.72;letter-spacing:-.035em}
 .hero-bottom{font-size:7px;letter-spacing:.03em}
 .eyebrow{font-size:11px}.small-jp{font-size:9px}
 .music-heading{margin-top:40px;margin-bottom:32px}
 .music-heading h2{font-size:clamp(64px,19vw,88px);line-height:.86}
 .music-intro{max-width:none;margin-top:30px;padding:0 0 0 22%;}
 .music-intro p{font-size:14px;line-height:1.8;margin-bottom:12px}.music-intro>span{font-size:10px}
 .service,.service+.service{grid-template-columns:35px minmax(0,1fr) auto;gap:15px;padding:23px 3px;min-height:112px;border-left:0;border-color:#b3c4df40}
 .service-icon{width:33px;height:33px}.service strong{font-size:23px;letter-spacing:-.045em}.service small{font-size:10px;margin-top:7px}
 .service-action{grid-column:auto;flex-direction:column-reverse;gap:8px}.service-status{font-size:8px;letter-spacing:.04em}.service .arrow,.service[aria-disabled=true] .arrow{width:31px;height:31px;font-size:18px}
 .works-title h2{font-size:clamp(52px,15vw,70px);line-height:.9}.works-count{font-size:9px}.works-count span{font-size:21px}
 .work-art-title{font-size:57px;line-height:1.13}.work h3{font-size:25px}.work-meta p{font-size:12px}.work-meta .eyebrow{font-size:10px}.work-link{font-size:11px}
 .work[data-theme=silver] .work-art-title{font-size:84px}.work[data-theme=red] .work-art-title{font-size:64px}
 .interlude .eyebrow{font-size:10px;letter-spacing:.13em}.interlude p{font-size:24px;letter-spacing:-.055em;line-height:1.85}.interlude p .title-line:last-child{margin-left:1em}
 .about-copy{padding-top:35px}.about-copy h2{margin:28px 0 27px}.about-copy h2 .artist-name-en{font-size:clamp(98px,30vw,138px);line-height:.8;letter-spacing:-.035em}.about-copy h2 .artist-name-ja{font-size:28px;margin-top:15px}
 .about-english{font-size:13px;margin-top:31px;margin-bottom:12px}.about-lead{font-size:27px;line-height:1.6;margin-bottom:25px}.biography{font-size:13px;padding-left:18px;line-height:2.1}.socials{gap:22px}.socials>a,.socials>span{font-size:12px}.footer-top .brand{font-size:26px}
}
@media(max-width:360px){.service strong{font-size:20px}.service,.service+.service{gap:10px}.service-icon{width:29px;height:29px}.small-jp{font-size:8px}.hero-bottom{font-size:6px}}