/* SilverworX Media — silver, blue and the warmth of the original artwork. */
:root{--bg:#f4f7fa;--panel:#e9f0f6;--ink:#162c43;--muted:#566b7f;--accent:#157cac;--line:#d5e0e8}
body{background:var(--bg);font-family:"Yu Gothic",Meiryo,Arial,sans-serif;letter-spacing:.025em}
header{height:100px;padding:0 6%;background:#071a30;border:0;color:#f7fbff;gap:42px}
header nav{font-size:12px;gap:32px}header nav a:hover,.language a[aria-current]{color:#75d5f6}
.brand{width:218px;height:76px;position:relative;overflow:hidden}
header .brand img{position:absolute;width:640px;max-width:none;height:auto;left:-211px;top:-13px;border-radius:0}
.hero{min-height:700px;background:#f4f7fa;isolation:isolate;align-items:center}
.hero-image{inset:0 0 0 38%;background-position:57% center}
.hero-image:after{background:linear-gradient(90deg,#f4f7fa 0%,#f4f7faee 6%,#f4f7fa55 25%,transparent 49%),linear-gradient(0deg,#f4f7fa 0%,transparent 23%)}
.hero-copy{padding:55px 6% 90px;max-width:720px}
.hero-copy>.eyebrow{font-size:10px;letter-spacing:2.4px;color:#4d718b;margin:0 0 18px}
.dot{background:#1a97c4}.sonata-logo-box{width:430px;height:220px;max-width:100%;margin:0 0 4px;background:transparent;mix-blend-mode:multiply}
.sonata-logo-box img{transform:translateY(-18%)}
.sonata-project-label{font-size:9px;letter-spacing:5px;margin:0 0 26px;color:#467893}
.hero h1{font-family:"Yu Mincho","Hiragino Mincho ProN",Georgia,serif;font-size:clamp(31px,3vw,47px);font-weight:500;letter-spacing:.055em;line-height:1.65;margin-bottom:18px}
.hero-intro{font-size:13px;line-height:2.1;color:#405970;max-width:390px;margin-bottom:27px}
.button{border-radius:2px;border-color:#afc4d2;font-size:12px;padding:15px 24px;letter-spacing:.06em}
.button.primary{background:#0d6f9a;border-color:#0d6f9a;color:white;box-shadow:0 8px 24px #0d6f9a18}
.button:hover,.button.primary:hover{background:#164a6c;border-color:#164a6c;color:white}
.text-link{border-color:#9eb9cc;font-size:12px}.actions{gap:25px}
.hero-bottom{left:6%;right:6%;color:#4b6b83;letter-spacing:1.6px;font-size:8px;bottom:25px}
.ticker{background:#e7eff5;border-color:#d4e0e9;color:#4e6f89;font-size:9px;letter-spacing:2.2px;padding:17px 6%}
.ticker i{font-size:14px;color:#398daf}
.section{padding:100px 7%;max-width:1440px}
.eyebrow{font-size:10px;letter-spacing:2.5px;color:#56809b;margin-bottom:19px}
.section h2{font-family:"Yu Mincho","Hiragino Mincho ProN",Georgia,serif;font-size:clamp(28px,3.1vw,45px);line-height:1.65;font-weight:500;letter-spacing:.035em;margin-bottom:42px}
.release{grid-template-columns:1.4fr 1fr;gap:48px;align-items:start}
.art-link{box-shadow:0 20px 50px #163d5617;border-radius:3px}
.art-link img{aspect-ratio:16/9;object-fit:contain}
.art-index{display:none}.round-arrow{background:#f3f8fc;color:#153c5a;bottom:14px;right:14px;width:38px;height:38px}
.release-info .eyebrow{margin:1px 0 13px}.release-info h3{font-size:clamp(26px,2.4vw,35px);line-height:1.3;color:#173c57;letter-spacing:0;margin-bottom:21px}
.tags{gap:7px}.tags span{border:0;background:#e4edf4;color:#42637c;padding:4px 9px;font-size:9px}
.release-info p:not(.eyebrow){font-size:13px;line-height:2;color:#536a7d}
.season-list{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:44px}
.season-list a{padding:20px 18px;border-right:1px solid var(--line);display:grid;grid-template-columns:1fr auto;gap:3px 8px}.season-list a:first-child{padding-left:0}.season-list a:last-child{border-right:0}
.season-list small{grid-column:1/-1;color:#5d8099;font-size:9px;letter-spacing:2px}.season-list strong{font-family:Georgia,"Yu Mincho",serif;font-weight:400;font-size:17px}.season-list span{font-size:10px;align-self:center;color:#628098}
.project{background:#e8f0f6;border:0;gap:9%;position:relative}.project-title h2{margin-bottom:20px}
.logo-art{width:260px;max-width:90%;margin:0;mix-blend-mode:multiply}
.project-body{padding-top:38px}.large-star{display:none}.project-body .lead{font-size:17px;line-height:2.25;color:#294c66}.project-body>p:not(.lead){color:#597186;font-size:13px}.project-signature{color:#1c5d83;border-color:#c6d8e5;font-size:29px;margin-top:30px;padding-top:25px}.project-signature span{color:#5a8099}
.artist-grid{gap:28px}.portrait{aspect-ratio:4/4.8;background:#e7e1d9;border-radius:3px;box-shadow:0 14px 40px #1c385514}
.portrait img{height:145%;width:auto;max-width:none;top:-34%;left:0;filter:saturate(.85)}
.portrait-0 img{left:-36.5%}.portrait-1 img{left:-98%}.portrait-2 img{left:-194%}
.artist-heading{margin-top:22px}.artist-heading h3{font-size:36px;color:#214d6c}.artist-heading>span{font-family:Georgia,serif;color:#7f9bac}
.artist-grid .role{color:#237ca2;font-size:11px;margin:3px 0 13px}.artist-grid p{color:#5c7181;font-size:13px;line-height:1.95}
.producer{margin-top:35px;padding-top:23px;border-color:var(--line);gap:35px}.producer .eyebrow{font-size:9px}.producer p:last-child{font-size:17px}.producer span{font-size:11px;color:#657f92}
.films{background:#071a30;color:#f1f7fc;border:0}.films .eyebrow{color:#71adc9}.films h2{color:#e6f3fc}.films .text-link{color:#c7e8f6;border-color:#467289}
.video{border-radius:3px}.video-start img{filter:brightness(.86)}.play-circle{background:#082c4380;border:1px solid #e6f3fa;width:76px;height:76px}.play-label{background:#061929b8;padding:5px 12px;border-radius:2px}
.privacy-note{color:#829daf;font-size:10px}.films article h3{font-family:Georgia,serif;font-size:23px;font-weight:400;margin-bottom:0}
.about{background:#e4eef5;color:#1a3e59;gap:10%;border-bottom:1px solid #ccdce8}.about .eyebrow{color:#58829c}.about .lead{font-size:16px;line-height:2.1}.about blockquote{font-size:23px;line-height:1.65;color:#3d6784}.about .motto{color:#577b94}.about a:hover{color:white}
.media-brand-panel{max-width:350px;height:112px;overflow:hidden;position:relative;margin-top:28px;background:#06182e;border-radius:2px}.media-brand-panel img{width:760px;max-width:none;height:auto;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.media-brand-panel figcaption{display:none}
footer{background:#06172b;color:#c9dce9;padding:45px 7% 25px;gap:22px}footer .brand{width:90px;height:90px}footer .brand img{width:90px;height:90px;border-radius:0}footer>p{font-size:21px;color:#c1deee}footer>div{font-size:11px}footer>small{color:#8ca7bc;font-size:9px}.operator{border-color:#294054;margin-top:0;padding-top:24px;gap:24px}.operator .corporate-logo{width:170px;background:#edf4fa}.operator p span{color:#8ca7bc}.operator p strong{font-size:12px}.operator p{line-height:1.8}
.detail h1{color:#173d58;font-size:clamp(34px,5vw,64px);line-height:1.2;letter-spacing:0}.detail .lead{color:#5c7689;font-size:18px}.detail .privacy-note{color:#637d90}.detail-columns h2,.lyrics h2{font-size:27px}.detail-columns p{color:#546d80}.detail aside{border-color:var(--line)}dt{color:#5d7e95}dd{color:#294c67}.tracklist strong{color:#234b66}.tracklist small{color:#6c8292}.tracklist a:hover{background:#eaf2f7}.lyrics-body{color:#3d5d73}.lyrics>p{color:#5e7c90}.privacy-page h1{font-family:"Yu Mincho",Georgia,serif}
@media(min-width:1600px){.hero{min-height:760px}.hero-copy{padding-left:max(7%,calc((100vw - 1240px)/2));max-width:900px}}
@media(max-width:1000px){header{gap:20px;padding:0 4%}header nav{gap:17px}.hero-copy{padding-left:5%;max-width:580px}.hero-image{left:32%;background-position:55% center}.hero-image:after{background:linear-gradient(90deg,#f4f7fa 0%,#f4f7facc 12%,#f4f7fa25 55%),linear-gradient(0deg,#f4f7fa,transparent 28%)}.section{padding:75px 5%}.release{gap:30px;grid-template-columns:1.15fr 1fr}.artist-grid{gap:20px}.season-list strong{font-size:15px}}
@media(max-width:650px){header{min-height:112px;height:auto;padding:10px 6% 9px;gap:0 18px}.brand{width:182px;height:57px}header .brand img{width:540px;left:-179px;top:-15px}header nav{font-size:10px;gap:10px;padding-top:9px}.language{font-size:10px}.hero{display:flex;flex-direction:column;min-height:0;align-items:stretch;padding-bottom:45px}.hero-image{position:relative;inset:auto;height:auto;aspect-ratio:16/10;background-position:center;order:0}.hero-image:after{background:linear-gradient(0deg,#f4f7fa 0%,transparent 38%)}.hero-copy{padding:0 7% 20px;margin-top:-20px;order:1;max-width:100%}.hero-copy>.eyebrow{font-size:8px;letter-spacing:1.5px;margin-bottom:12px}.sonata-logo-box{width:300px;height:151px;margin:0 0 7px;max-width:100%}.sonata-project-label{font-size:8px;letter-spacing:3px;margin-bottom:19px}.hero h1{font-size:29px;line-height:1.65;margin-bottom:16px}.hero-intro{font-size:12px;line-height:2;max-width:none;margin-bottom:23px}.actions{gap:21px}.button{font-size:11px;padding:13px 17px}.text-link{font-size:11px}.hero-bottom{bottom:17px;font-size:6px;left:7%;right:7%}.ticker{font-size:7px;letter-spacing:1.3px;padding:13px 7%}.section{padding:56px 7%}.section h2{font-size:29px;line-height:1.65;margin-bottom:28px}.eyebrow{font-size:8px;letter-spacing:2px}.release{grid-template-columns:1fr;gap:25px}.release-info h3{font-size:29px;max-width:440px}.art-link img{aspect-ratio:16/9}.season-list{grid-template-columns:1fr 1fr;margin-top:25px}.season-list a{padding:15px 12px}.season-list a:first-child{padding-left:12px}.season-list a:nth-child(2){border-right:0}.season-list a:nth-child(-n+2){border-bottom:1px solid var(--line)}.season-list strong{font-size:16px}.season-list small{font-size:8px;letter-spacing:1.5px}.project{gap:15px}.project-body{padding:0}.project-title .logo-art{width:220px;display:block;margin:-10px 0 -10px}.project-body .lead{font-size:16px}.project-signature{font-size:25px;margin-top:23px;padding-top:23px}.artist-grid{gap:32px}.portrait{aspect-ratio:4/4.8;max-height:none}.artist-heading{margin-top:17px}.artist-heading h3{font-size:32px}.artist-grid p{font-size:13px}.producer{display:block;margin-top:28px}.producer .eyebrow{margin-bottom:8px}.producer span{display:inline}.films .section-top{margin-bottom:17px}.films .section-top .text-link{font-size:10px}.play-circle{width:52px;height:52px}.play-label{font-size:9px;bottom:10px;left:10px}.films article h3{font-size:20px}.about{gap:24px}.about .lead{font-size:15px}.about blockquote{font-size:21px}.media-brand-panel{height:100px;max-width:320px;margin-top:22px}.media-brand-panel img{width:680px}.about .button{font-size:11px}.detail h1{font-size:35px}.detail>.lead{font-size:16px}.detail-columns{gap:25px}.lyrics-body{font-size:12px}footer{padding:35px 7% 25px}.operator{gap:15px}.operator .corporate-logo{width:150px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.sonata-logo-box{mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent),linear-gradient(0deg,transparent,#000 10%,#000 90%,transparent);mask-composite:intersect}.logo-art{mask-image:radial-gradient(ellipse at center,#000 40%,transparent 72%)}
.portrait img{height:175%;top:-60%}.portrait-0 img{left:-54%}.portrait-1 img{left:-129%}.portrait-2 img{left:-245%}