/* BCS MIO Special Page v0.1.0 — scoped to the MIO landing page */
html { scroll-behavior: smooth; }
body.bcs-mio-body { margin: 0; background: #07142b; color: #f4f7ff; font-family: -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif; -webkit-font-smoothing: antialiased; }
body.bcs-mio-body *, body.bcs-mio-body *::before, body.bcs-mio-body *::after { box-sizing: border-box; }
body.bcs-mio-body .bcs-mio { overflow: clip; color: #f4f7ff; background: #07142b; line-height: 1.75; font-size: 16px; }
body.bcs-mio-body .bcs-mio a { color: inherit; text-decoration: none; }
body.bcs-mio-body .bcs-mio a:focus-visible { outline: 3px solid #ebcd83; outline-offset: 5px; }
body.bcs-mio-body .bcs-mio button:focus-visible { outline: 3px solid #ebcd83; outline-offset: 4px; }
body.bcs-mio-body .bcs-mio img { max-width: 100%; height: auto; display: block; }
body.bcs-mio-body .bcs-mio p, body.bcs-mio-body .bcs-mio h1, body.bcs-mio-body .bcs-mio h2 { margin-top: 0; }
body.bcs-mio-body .bcs-mio section { scroll-margin-top: 90px; }
body.bcs-mio-body .bcs-mio .mio-container { max-width: 1160px; width: calc(100% - 64px); margin-inline: auto; }
.bcs-mio-skip { position: fixed; top: -70px; left: 16px; padding: 12px 16px; background: white; color: #06142a !important; z-index: 100000; }
.bcs-mio-skip:focus { top: 10px; }
.bcs-mio .mio-header { position: absolute; top: 0; left: 0; right: 0; z-index: 20; height: 90px; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 0 max(34px, calc((100vw - 1160px)/2)); border-bottom: 1px solid rgba(255,255,255,.15); background: linear-gradient(180deg,rgba(3,10,27,.62),rgba(3,10,27,.07)); }
.bcs-mio .mio-brand { display: flex; align-items: center; gap: 12px; color: #fff; font-family: Georgia,serif; font-size: 23px; font-weight: 600; letter-spacing: .2em; line-height: 1.1; white-space: nowrap; }
.bcs-mio .mio-brand-mark { border: 1px solid rgba(235,207,142,.9); display: grid; place-items: center; width: 40px; height: 40px; color: #e7c886; border-radius: 50%; font-size: 23px; letter-spacing: 0; }
.bcs-mio .mio-brand small { display: block; margin-top: 5px; font-family: Arial,sans-serif; font-size: 7px; font-weight: 400; letter-spacing: .24em; color: #d6c9ab; }
.bcs-mio .mio-nav { display: flex; align-items: center; gap: clamp(15px,2.2vw,30px); font: 600 10px/1.3 Arial,sans-serif; letter-spacing: .17em; }
.bcs-mio .mio-nav a { opacity: .85; transition: opacity .2s; white-space: nowrap; }
.bcs-mio .mio-nav a:hover { opacity: 1; color: #ebd29a; }
.bcs-mio .mio-nav-bcs { border: 1px solid rgba(238,211,149,.65); color: #f3dfb4 !important; border-radius: 2px; padding: 12px 15px; }
.bcs-mio .mio-hero { position: relative; min-height: 760px; display: flex; align-items: center; background: #07132b; isolation: isolate; }
.bcs-mio .mio-hero-image,.bcs-mio .mio-hero-shade,.bcs-mio .mio-hero-flare { position: absolute; inset: 0; pointer-events: none; }
.bcs-mio .mio-hero-image { background-size: cover; background-position: center 45%; z-index:-3; }
.bcs-mio .mio-hero-shade { background: linear-gradient(90deg,#07152d 0%,rgba(5,16,38,.92) 22%,rgba(5,16,38,.74) 42%,rgba(5,16,38,.14) 77%),linear-gradient(0deg,#07142b 0%,transparent 35%); z-index:-2; }
.bcs-mio .mio-hero-flare { z-index: -1; background: radial-gradient(ellipse at 17% 38%,rgba(22,79,140,.22),transparent 42%); }
.bcs-mio .mio-hero-inner { max-width: 1160px; width: calc(100% - 64px); margin: 100px auto 78px; position: relative; }
.bcs-mio .mio-eyebrow,.bcs-mio .mio-kicker { color: #e1c587; letter-spacing: .27em; font-size: 11px; font-weight: 700; font-family: Arial,sans-serif; }
.bcs-mio .mio-eyebrow { display: flex; align-items: center; gap: 12px; margin-bottom: 34px; }
.bcs-mio .mio-eyebrow span { width: 28px; height: 1px; background: #edcf90; }
.bcs-mio .mio-hero-ruby { display: block; margin-bottom: 13px; color: #f0d7a4; font-size: 12px; letter-spacing: .3em; }
.bcs-mio .mio-hero h1 { font-family: "Hiragino Mincho ProN", "Yu Mincho", "Noto Serif JP", serif; letter-spacing: .11em; font-size: clamp(54px,6.7vw,91px); line-height: 1.34; font-weight: 600; text-shadow: 0 2px 26px rgba(0,0,0,.18); }
.bcs-mio .mio-hero h1 em { font-style: normal; color: #f0d79b; }
.bcs-mio .mio-en-title { font: 11px/1.5 Georgia,serif; color: #dfc995; letter-spacing: .32em; margin: -4px 0 34px; }
.bcs-mio .mio-hero-lead { color: #ebeffa; letter-spacing: .15em; font-size: clamp(13px,1.3vw,16px); line-height: 2.4; margin-bottom: 34px; text-shadow: 0 2px 8px rgba(0,0,0,.5); }
.bcs-mio .mio-hero-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 24px; }
.bcs-mio .mio-button { display: inline-flex; align-items: center; justify-content: space-between; gap: 30px; min-height: 56px; padding: 13px 23px; font-size: 13px; letter-spacing: .06em; font-weight: 700; border: 1px solid transparent; transition: transform .2s,background .2s,color .2s; }
.bcs-mio .mio-button:hover { transform: translateY(-2px); }
.bcs-mio .mio-button-gold { color: #09172d !important; background: linear-gradient(110deg,#f0dea9,#d6b475); box-shadow: 0 9px 24px rgba(3,6,16,.22); }
.bcs-mio .mio-button-gold:hover { background: #f6e5b9; }
.bcs-mio .mio-text-link { display: inline-flex; align-items: center; gap: 16px; min-height: 44px; font-size: 13px; border-bottom: 1px solid rgba(235,212,159,.72); }
.bcs-mio .mio-text-link span { color: #e7c98a; }
.bcs-mio .mio-hero-side { position: absolute; right: 29px; bottom: 98px; writing-mode: vertical-rl; font: 10px Arial,sans-serif; letter-spacing: .3em; color: rgba(242,236,221,.7); }
.bcs-mio .mio-scroll { position:absolute; bottom:32px; left:max(34px,calc((100vw - 1160px)/2)); font:10px Arial,sans-serif; letter-spacing:.25em; display:flex; gap:14px; align-items:center; color:#e7d3a4 !important; }
.bcs-mio .mio-scroll span {font-size:20px;}
.bcs-mio .mio-section { padding: 112px 0; }
.bcs-mio .mio-section-head { max-width: 790px; margin-bottom: 40px; }
.bcs-mio .mio-section-head h2,.bcs-mio .mio-music-copy h2,.bcs-mio .mio-profile-copy h2,.bcs-mio .mio-creative-section h2,.bcs-mio .mio-meguri-content h2 { font-family: "Hiragino Mincho ProN", "Yu Mincho", "Noto Serif JP",serif; font-weight:600; letter-spacing:.08em; line-height:1.55; }
.bcs-mio .mio-section-head h2 { font-size:clamp(27px,3vw,40px); margin-bottom:12px; }
.bcs-mio .mio-section-head h2 span { display:inline-block; font:12px Arial,sans-serif; color:#dac796; letter-spacing:.17em; }
.bcs-mio .mio-section-head>p:last-child { color:#abbcd8; font-size:14px; letter-spacing:.05em; }
.bcs-mio .mio-mv-section { background: linear-gradient(180deg,#07142b,#091d3a); }
.bcs-mio .mio-video-frame { overflow:hidden; border:1px solid rgba(213,186,130,.55); background:#040a17; box-shadow:0 24px 80px rgba(0,0,0,.3); aspect-ratio:16/9; }
.bcs-mio .mio-video-frame video {width:100%;height:100%;object-fit:contain;display:block;background:#000;}
.bcs-mio .mio-video-pending { width:100%;height:100%;display:flex; flex-direction:column; align-items:center;justify-content:center; background-size:cover;background-position:center; text-align:center;padding:20px; }
.bcs-mio .mio-play-symbol { width:70px;height:70px;display:grid;place-items:center;border:1px solid rgba(249,221,166,.8);border-radius:50%;color:#f1d7a0;font-size:21px;padding-left:4px;margin-bottom:10px; }
.bcs-mio .mio-video-pending p { letter-spacing:.22em;font:11px Arial,sans-serif;color:#f3d7a2;margin:4px 0 10px; }
.bcs-mio .mio-video-pending strong {font-family:"Yu Mincho",serif;font-size:clamp(16px,2vw,25px);letter-spacing:.12em;}
.bcs-mio .mio-video-pending>span {font-size:12px;color:#e8eaf1;margin-top:10px;}
.bcs-mio .mio-video-credit { display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;color:#b6c5dc;font-size:11px;letter-spacing:.1em;margin:18px 0 0; }
.bcs-mio .mio-video-credit span {font:10px Arial,sans-serif;letter-spacing:.16em;color:#d6c296;}
.bcs-mio .mio-music-section {background:linear-gradient(140deg,#102d54 0%,#091b37 45%,#08142e 100%); position:relative;}
.bcs-mio .mio-music-section::before {content:"";position:absolute;inset:0;background:radial-gradient(circle at 16% 48%,rgba(63,124,186,.17),transparent 37%);pointer-events:none;}
.bcs-mio .mio-music-grid {display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);gap:clamp(36px,7vw,106px);align-items:center;position:relative;}
.bcs-mio .mio-record-art {min-height:380px;display:grid;place-items:center;position:relative;}
.bcs-mio .mio-record-circle {width:min(92%,390px);aspect-ratio:1;border-radius:50%;padding:14px;display:grid;place-items:center;border:2px solid #c7ac75;box-shadow:0 0 0 13px rgba(222,193,135,.045),0 0 0 29px rgba(222,193,135,.038),0 0 0 47px rgba(222,193,135,.025),0 25px 55px rgba(0,0,0,.32);background:repeating-radial-gradient(circle at center,#0f2344 0px,#122b4f 1px,#091a33 2px,#091a33 7px);}
.bcs-mio .mio-record-center {width:41%;aspect-ratio:1;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 40% 35%,#315990,#09172c 77%);border:1px solid #ba9e67;box-shadow:0 0 30px rgba(196,167,104,.2);font:37px Georgia,serif;letter-spacing:.17em;color:#edd7a6;text-indent:.17em;}
.bcs-mio .mio-record-center small {font:9px Arial,sans-serif;letter-spacing:.16em;text-indent:0;margin-top:8px;}
.bcs-mio .mio-record-spark {color:#ebd19a;font:29px Georgia,serif;position:absolute;}
.bcs-mio .mio-spark-one {top:12%;right:11%;}.bcs-mio .mio-spark-two {bottom:12%;left:5%;font-size:18px;}
.bcs-mio .mio-release {color:#e7d09d;letter-spacing:.23em;font:11px Arial,sans-serif;margin-bottom:14px;}
.bcs-mio .mio-music-copy h2 {font-size:clamp(27px,3vw,42px);margin:0 0 22px;}
.bcs-mio .mio-music-desc {font-size:14px;color:#c5d2e5;line-height:2.1;margin:0 0 22px;}
.bcs-mio .mio-music-copy audio {display:block;width:100%;max-width:480px;margin:0 0 22px;min-height:54px;}
.bcs-mio .mio-download {min-width:min(100%,350px);}
.bcs-mio .mio-download-note {font-size:11px;color:#afc0d5;line-height:2;margin:14px 0 0;}
.bcs-mio .mio-download-note span {display:block;}
.bcs-mio .mio-profile-section {background:#f7f7f3;color:#102242;}
.bcs-mio .mio-profile-grid {display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);gap:clamp(38px,6vw,90px);align-items:center;}
.bcs-mio .mio-profile-image {position:relative;isolation:isolate;padding:14px 14px 42px;background:#102443;box-shadow:0 26px 55px rgba(8,24,51,.15);}
.bcs-mio .mio-profile-image img {width:100%;aspect-ratio:4/4.3;object-fit:cover;object-position:50% 38%;}
.bcs-mio .mio-profile-image-caption {font:10px Arial,sans-serif;letter-spacing:.2em;color:#e0c792;margin:16px 8px -14px;}
.bcs-mio .mio-profile-copy .mio-kicker {color:#96753e;}
.bcs-mio .mio-profile-copy h2 {font-size:clamp(35px,3.5vw,47px);margin-bottom:7px;}
.bcs-mio .mio-profile-copy h2 span {display:block;font:12px Arial,sans-serif;letter-spacing:.2em;color:#657c9b;margin-top:5px;}
.bcs-mio .mio-profile-role {font:12px Arial,sans-serif;letter-spacing:.18em;color:#a17f47;margin:0 0 30px;}
.bcs-mio .mio-profile-copy>p:not(.mio-kicker):not(.mio-profile-role):not(.mio-ai-note) {font-size:14px;line-height:2.3;color:#334968;margin-bottom:19px;}
.bcs-mio .mio-profile-note {border-top:1px solid #cad3db;border-bottom:1px solid #cad3db;padding:16px 0;margin:22px 0;display:flex;gap:22px;align-items:baseline;font-size:13px;}
.bcs-mio .mio-profile-note span {white-space:nowrap;color:#6b7d93;}
.bcs-mio .mio-profile-note strong {font-weight:600;}
.bcs-mio .mio-ai-note {font-size:11px;color:#63748b;line-height:1.8;}
.bcs-mio .mio-meguri-section {background:radial-gradient(ellipse at 74% 55%,rgba(36,95,160,.38),transparent 42%),linear-gradient(120deg,#07152d,#112f55 53%,#07142b);border-top:1px solid rgba(218,187,116,.16);border-bottom:1px solid rgba(218,187,116,.16);}
.bcs-mio .mio-meguri-inner {min-height:470px;display:flex;align-items:center;justify-content:space-between;gap:30px;position:relative;isolation:isolate;}
.bcs-mio .mio-meguri-kanji {position:absolute;right:4%;top:50%;transform:translateY(-50%);font-family:"Hiragino Mincho ProN","Yu Mincho",serif;font-size:clamp(240px,30vw,450px);line-height:1;color:rgba(224,190,120,.1);z-index:-1;}
.bcs-mio .mio-meguri-content {padding:65px 0;}
.bcs-mio .mio-meguri-content h2 {font-size:clamp(38px,5vw,64px);color:#f3dfac;margin:0 0 19px;}
.bcs-mio .mio-meguri-content>p:last-child {line-height:2.3;color:#c5d4eb;font-size:14px;letter-spacing:.09em;margin:0;}
.bcs-mio .mio-creative-section {background:#faf9f5;color:#112645;}
.bcs-mio .mio-creative-grid {display:grid;grid-template-columns:minmax(0,1.3fr) minmax(240px,.7fr);gap:60px;align-items:center;}
.bcs-mio .mio-creative-section .mio-kicker {color:#9c7a41;}
.bcs-mio .mio-creative-section h2 {font-size:clamp(28px,3vw,42px);margin:0 0 22px;}
.bcs-mio .mio-creative-section h2 span {color:#8f743e;}
.bcs-mio .mio-creative-section p:not(.mio-kicker) {font-size:14px;line-height:2.2;color:#34465f;max-width:650px;}
.bcs-mio .mio-button-outline {display:inline-flex;border:1px solid #223e62;color:#162b4a !important;margin-top:19px;min-width:240px;}
.bcs-mio .mio-button-outline:hover {background:#102642;color:white !important;}
.bcs-mio .mio-creative-mark {aspect-ratio:1;display:flex;justify-content:center;align-items:center;flex-direction:column;position:relative;background:radial-gradient(circle,#14365d,#071629 75%);border:1px solid #c3a976;box-shadow:0 0 0 12px rgba(19,40,70,.04);color:#e7c98b;}
.bcs-mio .mio-creative-mark::after {content:"";position:absolute;inset:18px;border:1px solid rgba(221,185,111,.3);pointer-events:none;}
.bcs-mio .mio-creative-mark span {font:italic 20px Georgia,serif;line-height:1.5;text-align:center;color:#ead9b1;}
.bcs-mio .mio-creative-mark strong {font:50px Georgia,serif;letter-spacing:.18em;text-indent:.18em;margin:10px 0 0;}
.bcs-mio .mio-creative-mark small {font:9px Arial,sans-serif;letter-spacing:.2em;}
.bcs-mio .mio-footer {background:#050e20;border-top:1px solid rgba(225,190,122,.3);padding:32px 0 42px;}
.bcs-mio .mio-footer-inner {display:flex;justify-content:space-between;align-items:center;gap:30px;}
.bcs-mio .mio-footer-mio {display:block;font:22px Georgia,serif;letter-spacing:.17em;color:#e6ce99 !important;}
.bcs-mio .mio-footer-mio span {font:11px "Yu Mincho",serif;letter-spacing:.07em;color:#fff;margin-left:8px;}
.bcs-mio .mio-footer-inner small {font:9px Arial,sans-serif;letter-spacing:.12em;color:#91a3bf;display:block;margin-top:9px;}
.bcs-mio .mio-footer-links {display:flex;gap:25px;font-size:11px;letter-spacing:.08em;color:#cbd8ec;}
@media (max-width:920px) {
  .bcs-mio .mio-header {padding:0 24px;}
  .bcs-mio .mio-nav {gap:14px;}
  .bcs-mio .mio-nav a:not(.mio-nav-bcs) {display:none;}
  .bcs-mio .mio-hero-shade {background:linear-gradient(90deg,rgba(4,14,34,.92),rgba(4,14,34,.67) 45%,rgba(4,14,34,.23)),linear-gradient(0deg,#07142b,transparent 27%);}
  .bcs-mio .mio-hero-image {background-position:60% 40%;}
  .bcs-mio .mio-music-grid {gap:28px;}
  .bcs-mio .mio-record-art {min-height:300px;}
  .bcs-mio .mio-profile-grid {gap:36px;}
}
@media (max-width:700px) {
  body.bcs-mio-body .bcs-mio .mio-container, .bcs-mio .mio-hero-inner {width:calc(100% - 38px);}
  .bcs-mio .mio-header {height:72px;padding:0 19px;}
  .bcs-mio .mio-brand {font-size:18px;gap:9px;}
  .bcs-mio .mio-brand-mark {width:34px;height:34px;font-size:20px;}
  .bcs-mio .mio-brand small {font-size:6px;letter-spacing:.14em;}
  .bcs-mio .mio-nav-bcs {font-size:9px;letter-spacing:.06em;padding:10px 8px;}
  .bcs-mio .mio-hero {min-height:760px;align-items:flex-end;}
  .bcs-mio .mio-hero-image {background-position:56% top; background-size:auto 76%; background-repeat:no-repeat; background-color:#07152d;}
  .bcs-mio .mio-hero-shade {background:linear-gradient(180deg,rgba(4,15,35,.07) 9%,rgba(4,15,35,.32) 28%,rgba(4,15,35,.85) 56%,#07142b 93%);}
  .bcs-mio .mio-hero-inner {margin:320px auto 74px;}
  .bcs-mio .mio-eyebrow {font-size:9px;margin-bottom:16px;letter-spacing:.19em;}
  .bcs-mio .mio-hero-ruby {font-size:10px;letter-spacing:.22em;}
  .bcs-mio .mio-hero h1 {font-size:clamp(43px,10vw,64px);letter-spacing:.06em;line-height:1.36;margin-bottom:16px;}
  .bcs-mio .mio-en-title {font-size:9px;letter-spacing:.16em;margin-bottom:20px;}
  .bcs-mio .mio-hero-lead {font-size:12px;line-height:2.05;letter-spacing:.045em;margin-bottom:20px;}
  .bcs-mio .mio-hero-actions {gap:14px;}
  .bcs-mio .mio-button {min-height:51px;font-size:12px;padding:12px 16px;}
  .bcs-mio .mio-text-link {font-size:11px;}
  .bcs-mio .mio-hero-side {display:none;}
  .bcs-mio .mio-scroll {left:19px;bottom:24px;font-size:9px;}
  .bcs-mio .mio-section {padding:76px 0;}
  .bcs-mio .mio-section-head {margin-bottom:26px;}
  .bcs-mio .mio-section-head h2 {font-size:27px;}
  .bcs-mio .mio-section-head h2 span {display:block;margin-top:6px;font-size:10px;}
  .bcs-mio .mio-section-head>p:last-child {font-size:12px;line-height:2;}
  .bcs-mio .mio-video-frame {margin:0 -4px;}
  .bcs-mio .mio-video-pending .mio-play-symbol {height:42px;width:42px;font-size:15px;margin:0 0 4px;}
  .bcs-mio .mio-video-pending strong {font-size:16px;}
  .bcs-mio .mio-video-pending>span {font-size:9px;margin-top:4px;}
  .bcs-mio .mio-video-credit {font-size:9px;}
  .bcs-mio .mio-video-credit span {font-size:9px;}
  .bcs-mio .mio-music-grid, .bcs-mio .mio-profile-grid, .bcs-mio .mio-creative-grid {grid-template-columns:1fr;gap:30px;}
  .bcs-mio .mio-record-art {min-height:235px;order:2;}
  .bcs-mio .mio-record-circle {width:min(63%,240px);}
  .bcs-mio .mio-record-center {font-size:23px;}
  .bcs-mio .mio-record-center small {font-size:6px;}
  .bcs-mio .mio-music-copy {order:1;}
  .bcs-mio .mio-music-copy h2 {font-size:29px;}
  .bcs-mio .mio-music-desc {font-size:13px;}
  .bcs-mio .mio-download {width:100%;justify-content:center;gap:25px;}
  .bcs-mio .mio-profile-grid {gap:42px;}
  .bcs-mio .mio-profile-image {max-width:460px;width:100%;margin-inline:auto;}
  .bcs-mio .mio-profile-image img {aspect-ratio:1/1;}
  .bcs-mio .mio-profile-copy h2 {font-size:37px;}
  .bcs-mio .mio-profile-note {display:block;}
  .bcs-mio .mio-profile-note strong {display:block;margin-top:6px;}
  .bcs-mio .mio-meguri-inner {min-height:380px;}
  .bcs-mio .mio-meguri-content {padding:62px 0;}
  .bcs-mio .mio-meguri-content h2 {font-size:42px;}
  .bcs-mio .mio-meguri-content>p:last-child {font-size:12px;}
  .bcs-mio .mio-meguri-kanji {font-size:280px;right:-40px;opacity:.75;}
  .bcs-mio .mio-creative-grid {gap:40px;}
  .bcs-mio .mio-creative-section h2 {font-size:30px;}
  .bcs-mio .mio-creative-section p:not(.mio-kicker) {font-size:13px;}
  .bcs-mio .mio-creative-mark {width:min(100%,270px);margin-inline:auto;}
  .bcs-mio .mio-footer-inner {align-items:flex-start;flex-direction:column;gap:20px;}
  .bcs-mio .mio-footer-links {flex-wrap:wrap;gap:20px;}
}
@media (max-width:370px) {
  .bcs-mio .mio-hero h1 {font-size:41px;}
  .bcs-mio .mio-brand small {letter-spacing:0;}
  .bcs-mio .mio-nav-bcs {max-width:114px;white-space:normal;text-align:center;}
  .bcs-mio .mio-hero-inner {margin-top:314px;}
}
@media (prefers-reduced-motion:reduce) {
  html {scroll-behavior:auto;}
  .bcs-mio .mio-button {transition:none;}
}