:root{--bg:#080913;--panel:#0d1020;--line:rgba(207,218,255,.18);--text:#f6f7fb;--muted:#a2a9c0;--blue:#50c4ff;--pink:#d679ff;--max:1320px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:"Noto Sans JP",system-ui,sans-serif;line-height:1.8;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%}::selection{background:#7a55cf;color:white}:focus-visible{outline:2px solid var(--blue);outline-offset:5px}section[id]{scroll-margin-top:72px}.container{width:min(var(--max),calc(100% - 112px));margin-inline:auto}.skip-link{position:absolute;left:12px;top:-60px;z-index:1000;background:#fff;color:#111;padding:8px 14px}.skip-link:focus{top:12px}
.site-header{position:absolute;z-index:20;top:0;left:0;width:100%;border-bottom:1px solid rgba(255,255,255,.16)}.header-inner{width:min(1540px,calc(100% - 112px));height:88px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.wordmark{font-family:Michroma,Arial,sans-serif;font-size:17px;letter-spacing:-.05em;font-weight:400;line-height:1.3;white-space:nowrap}.wordmark span{color:#75c8ff}.primary-nav{display:flex;gap:38px;align-items:center}.primary-nav a,.back-top{font-family:Michroma,Arial,sans-serif;font-size:10px;letter-spacing:.04em;transition:color .25s}.primary-nav a:hover,.back-top:hover{color:var(--blue)}.menu-button{display:none}
.hero{position:relative;min-height:760px;height:min(900px,100svh);overflow:hidden;background:#090d27}.hero-image,.hero-shade{position:absolute;inset:0}.hero-image{background-image:url('/assets/hero.webp');background-size:cover;background-position:62% 49%;filter:saturate(.96)}.hero-shade{background:linear-gradient(90deg,rgba(5,7,18,.92) 0%,rgba(5,7,18,.64) 34%,rgba(5,7,18,.13) 72%),linear-gradient(0deg,rgba(5,6,17,.72),transparent 22%,transparent 70%,rgba(4,5,15,.25))}.hero-inner{position:relative;z-index:2;padding-top:clamp(200px,27vh,285px)}.eyebrow,.section-kicker{font-family:Michroma,Arial,sans-serif;font-size:10px;letter-spacing:.2em;line-height:1.5}.hero-eyebrow{color:#bddff7;display:flex;gap:15px;align-items:center}.eyebrow-line{width:42px;height:1px;background:var(--blue);display:inline-block}.hero h1{font-size:clamp(58px,7.5vw,116px);line-height:1.2;letter-spacing:.05em;margin:33px 0 24px;font-weight:600;text-shadow:0 10px 60px #05060d}.hero-copy{font-size:clamp(15px,1.2vw,18px);line-height:2.1;color:#ecedfa;letter-spacing:.07em}.hero-actions{display:flex;align-items:center;gap:34px;margin-top:37px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:34px;min-width:184px;padding:15px 21px;font-size:12px;font-weight:700;letter-spacing:.08em;transition:background .25s,transform .25s,border-color .25s}.button:hover{transform:translateY(-3px)}.button-primary{background:#f5f7ff;color:#101326}.button-primary:hover{background:#bce7ff}.text-link{display:inline-flex;align-items:center;gap:30px;white-space:nowrap;font-size:12px;letter-spacing:.05em;font-weight:700;border-bottom:1px solid rgba(138,200,245,.7);padding:6px 0;transition:color .25s,gap .25s}.text-link:hover{color:var(--blue);gap:40px}.text-link.light{color:#f3f6ff}.hero-bottom{position:absolute;bottom:26px;left:50%;transform:translateX(-50%);display:flex;gap:18px;align-items:center;z-index:2;color:#d1d8ec;font:9px Michroma,Arial,sans-serif;letter-spacing:.12em}.scroll-line{width:70px;height:1px;background:linear-gradient(90deg,var(--blue),transparent)}.hero-bottom span:last-child{margin-left:auto}
.section-pad{padding:126px 0}.section-kicker{display:flex;gap:13px;align-items:center;color:#8dc9ed;margin:0 0 23px}.small-dash{height:1px;width:20px;background:#65c9ff}.intro{background:radial-gradient(ellipse 58% 95% at 70% 44%,rgba(39,105,218,.35),transparent 72%),radial-gradient(ellipse 48% 82% at 5% 88%,rgba(13,122,210,.2),transparent 70%),linear-gradient(112deg,#081329 0%,#0a1c40 52%,#080f2b 100%);border-bottom:1px solid var(--line)}.intro-grid{display:grid;grid-template-columns:1fr 2fr;gap:6vw}.intro h2{font-size:clamp(30px,3vw,49px);font-weight:500;line-height:1.65;letter-spacing:.05em;margin:-15px 0 26px}.intro em{font-style:normal;color:#9ed8ff}.intro p:not(.section-kicker){color:#b8bdd0;font-size:14px;line-height:2.3;margin:0}.intro .section-kicker{padding-top:13px}
.music-section{background:radial-gradient(ellipse at 82% 7%,rgba(47,41,121,.18),transparent 42%),var(--bg)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:48px}.section-heading h2,.news-layout h2,.journal-inner h2{font-family:Michroma,Arial,sans-serif;font-size:clamp(34px,4vw,58px);font-weight:400;letter-spacing:-.045em;line-height:1.1;margin:0}.section-heading h2 small,.news-layout h2 small{font-family:"Noto Sans JP",sans-serif;letter-spacing:.02em;font-size:14px;font-weight:500;vertical-align:middle}.title-slash{color:#56739b;font-family:"Noto Sans JP",sans-serif;font-weight:300;font-size:.75em;margin:0 3px}.music-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.music-card{min-width:0}.music-image{position:relative;aspect-ratio:1 / 1;overflow:hidden;background:#171b2d}.music-image img{width:100%;height:100%;object-fit:cover;transition:transform .55s ease,filter .55s}.music-card:nth-child(1) .music-image img,.music-card:nth-child(2) .music-image img{object-position:65% center}.music-card:hover img,.movie-card:hover img{transform:scale(1.04);filter:brightness(1.12)}.card-open{position:absolute;right:14px;bottom:14px;width:39px;height:39px;background:rgba(8,10,24,.85);display:grid;place-items:center;font-size:18px;backdrop-filter:blur(8px)}.card-meta{display:flex;justify-content:space-between;color:#8b9dc2;font:9px Michroma,Arial,sans-serif;letter-spacing:.11em;margin:19px 0 8px}.music-card h3{font-size:clamp(18px,1.7vw,25px);font-weight:500;letter-spacing:.04em;margin:0}.music-card p{color:var(--muted);font-size:12px;letter-spacing:.04em;margin:8px 0 0}.section-footnote{font-size:12px;color:#79849f;letter-spacing:.1em;margin:48px 0 0;text-align:center}
.movie-section{background:#0c0e1c;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.movie-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.movie-image{position:relative;aspect-ratio:16/9;background:#1b1c33;overflow:hidden}.movie-image img{width:100%;height:100%;object-fit:cover;transition:transform .55s,filter .55s}.play-icon{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:66px;height:66px;display:grid;place-items:center;padding-left:4px;border:1px solid rgba(255,255,255,.82);border-radius:50%;background:rgba(6,7,18,.45);backdrop-filter:blur(6px);font-size:16px;transition:background .25s}.movie-card:hover .play-icon{background:#64c4ee;color:#07101c}.movie-caption{display:flex;justify-content:space-between;align-items:center;padding-top:17px}.movie-caption span:first-child{font:10px Michroma,Arial,sans-serif;color:#87b9db;letter-spacing:.08em}.movie-caption h3{font-size:20px;font-weight:500;margin:4px 0}.movie-arrow{font-size:23px}
.about-section{min-height:620px;display:grid;grid-template-columns:1fr 1fr}.about-photo{background:url('/assets/brand-story.webp') center/cover no-repeat;min-height:500px}.about-content{display:grid;place-items:center;padding:90px max(7vw,46px);background:radial-gradient(ellipse at 95% 10%,rgba(70,48,160,.2),transparent 55%),#101426}.about-content-inner{max-width:520px}.about-content h2{font:clamp(29px,3vw,45px) Michroma,Arial,sans-serif;letter-spacing:-.07em;margin:0 0 34px}.about-content h2 span{color:#8dd4ff}.about-lead{font-size:clamp(19px,2vw,28px);line-height:1.8;font-weight:500;margin-bottom:25px}.about-content p:not(.section-kicker):not(.about-lead){color:#b8bed0;font-size:13px;line-height:2.25;margin-bottom:30px}
.news-section{background:#090b16}.news-layout{display:grid;grid-template-columns:1fr 2fr;gap:8vw}.news-intro{font-size:13px;color:var(--muted);line-height:2;margin:30px 0}.news-list{border-top:1px solid var(--line)}.news-item{display:grid;grid-template-columns:95px 1fr 24px;align-items:center;gap:20px;padding:24px 0;border-bottom:1px solid var(--line);transition:color .25s}.news-item:hover{color:#9edbff}.news-date{font:10px Michroma,Arial,sans-serif;color:#8a95ad}.news-text{display:flex;flex-direction:column;gap:5px}.news-text small{font:9px Michroma,Arial,sans-serif;letter-spacing:.05em;color:#77bee9}.news-text strong{font-size:14px;font-weight:500;letter-spacing:.02em}.news-arrow{font-size:19px;justify-self:end}
.journal-section{background:linear-gradient(115deg,rgba(27,36,94,.89),rgba(31,21,70,.8)),url('/assets/brand-story.webp') center/cover no-repeat;border-top:1px solid var(--line)}.journal-inner{display:flex;align-items:end;justify-content:space-between;gap:30px}.journal-inner h2{font-size:clamp(42px,5vw,76px)}.journal-inner p:not(.section-kicker){color:#d1d4e5;font-size:14px;line-height:2;margin:22px 0 0}.button-outline{border:1px solid rgba(255,255,255,.65);min-width:200px}.button-outline:hover{background:rgba(255,255,255,.14)}
.site-footer{padding:55px 0 36px;background:#05060d}.footer-top,.footer-bottom{display:flex;justify-content:space-between;align-items:center}.footer-top{padding-bottom:47px;border-bottom:1px solid var(--line)}.footer-bottom{padding-top:28px;color:#83889d;font:10px Michroma,Arial,sans-serif}.footer-bottom div{display:flex;gap:25px}.footer-bottom a:hover{color:#9ddaff}
@media(max-width:980px){.container,.header-inner{width:min(100% - 56px,var(--max))}.primary-nav{gap:20px}.primary-nav a{font-size:9px}.intro-grid,.news-layout{grid-template-columns:1fr;gap:25px}.intro h2{margin:0}.section-pad{padding:95px 0}.about-content{padding:70px 44px}}
@media(max-width:680px){.container,.header-inner{width:calc(100% - 40px)}.header-inner{height:68px}.wordmark{font-size:13px}.menu-button{display:flex;flex-direction:column;justify-content:center;gap:6px;width:42px;height:42px;border:0;background:transparent;color:inherit;cursor:pointer}.menu-button span{display:block;height:1px;width:24px;background:#fff;transition:transform .25s}.menu-button[aria-expanded="true"] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-button[aria-expanded="true"] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.primary-nav{display:none;position:absolute;top:68px;left:0;right:0;background:#090b18;padding:22px 20px 30px;border-bottom:1px solid var(--line);box-shadow:0 25px 45px #05060fc9;flex-direction:column;align-items:stretch;gap:0}.primary-nav.open{display:flex}.primary-nav a{font-size:12px;padding:14px 4px;border-bottom:1px solid var(--line)}.hero{height:760px;min-height:min(760px,100svh)}.hero-image{background-position:53% 40%}.hero-shade{background:linear-gradient(0deg,rgba(5,7,18,.9) 0%,rgba(5,7,18,.52) 55%,rgba(5,7,18,.1) 100%)}.hero-inner{padding-top:clamp(300px,48vh,410px)}.hero h1{font-size:clamp(50px,12vw,76px);margin:21px 0 12px}.hero-copy{font-size:13px}.hero-actions{gap:19px;margin-top:25px}.button{min-width:147px;padding:12px 14px;font-size:11px;gap:16px}.text-link{font-size:11px;gap:10px}.hero-bottom{bottom:17px}.hero-bottom span:last-child{display:none}.section-pad{padding:76px 0}.intro-grid{gap:10px}.intro h2{font-size:30px}.intro p:not(.section-kicker){font-size:13px}.desktop-only{display:none}.section-heading{align-items:start;flex-direction:column;gap:20px;margin-bottom:30px}.section-heading h2,.news-layout h2{font-size:38px}.section-heading h2 small,.news-layout h2 small{font-size:12px}.music-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 14px}.music-card:first-child{grid-column:1/-1}.music-image{aspect-ratio:1}.music-card:first-child .music-image{aspect-ratio:1.18}.music-card h3{font-size:17px}.music-card p{font-size:11px;line-height:1.6}.card-meta{font-size:8px;margin-top:12px}.section-footnote{margin-top:32px}.movie-grid{grid-template-columns:1fr;gap:38px}.movie-caption h3{font-size:18px}.about-section{grid-template-columns:1fr}.about-photo{min-height:315px;background-position:center 44%}.about-content{padding:68px 20px}.about-content h2{font-size:29px}.news-layout{gap:17px}.news-intro{margin:20px 0}.news-item{grid-template-columns:70px 1fr 18px;gap:11px;padding:22px 0}.news-date{font-size:9px}.news-text strong{font-size:12px;line-height:1.6}.journal-inner{align-items:start;flex-direction:column;gap:28px}.journal-inner h2{font-size:43px}.journal-inner p:not(.section-kicker){font-size:12px}.footer-top{padding-bottom:30px}.footer-bottom{display:block;line-height:2}.footer-bottom div{gap:18px;flex-wrap:wrap}.back-top{font-size:9px}}
@media(max-width:380px){.hero-inner{padding-top:310px}.hero-actions{flex-wrap:wrap}.hero h1{font-size:50px}.music-grid{grid-template-columns:1fr}.music-card:first-child{grid-column:auto}.music-card:first-child .music-image{aspect-ratio:1}.news-item{grid-template-columns:1fr 18px}.news-date{grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}}

/* The supplied banner spans the hero; copy rests on its open left side. */
.music-image img[src$="-cover.jpg"]{object-position:center}
.wordmark{display:inline-flex;align-items:center;gap:0}
.header-mark{width:36px;height:36px;margin-right:11px;object-fit:cover;border-radius:4px;box-shadow:0 0 18px rgba(101,126,251,.23)}
.hero{height:auto;min-height:810px;background:#030817;isolation:isolate}
.hero-image{z-index:-2;background-image:url('/assets/neon-brand-hero-silver.png');background-size:100% auto;background-position:center center;background-repeat:no-repeat;filter:none}
.hero-shade{z-index:-1;background:linear-gradient(90deg,rgba(3,6,18,.55),rgba(3,6,18,.26) 34%,transparent 67%),linear-gradient(0deg,rgba(2,4,16,.53),transparent 24%,transparent 79%,rgba(2,4,16,.26))}
.hero-inner{position:relative;display:flex;align-items:center;min-height:810px;padding-top:128px;padding-bottom:105px}
.hero-copy-block{max-width:620px}
.hero h1{font-size:clamp(58px,6.5vw,104px);margin:30px 0 24px;white-space:nowrap}
.hero h1 span{background:linear-gradient(100deg,#fff 28%,#b2ddff 72%,#d7b7ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-copy{color:#e4e9f7;text-shadow:0 2px 16px #020614}
.hero-actions .text-link:hover,.hero-actions .text-link:focus-visible{color:#9edbff}
.hero-actions{flex-wrap:wrap;column-gap:24px;row-gap:15px}
.hero-bottom{bottom:26px}
@media(max-width:980px){.hero h1{font-size:clamp(52px,6vw,76px)}.hero-copy-block{max-width:48%}.hero-image{background-size:auto 100%;background-position:54% center}}
@media(max-width:680px){
 .header-mark{width:30px;height:30px;margin-right:8px}
 .hero{height:auto;min-height:0}
 .hero-image{background-size:135% auto;background-position:82% 74px;background-repeat:no-repeat}
 .hero-shade{background:linear-gradient(0deg,#030817 0%,rgba(3,8,23,.85) 34%,transparent 65%,rgba(3,8,23,.15) 100%)}
 .hero-inner{display:block;min-height:0;padding-top:380px;padding-bottom:115px}
 .hero-copy-block{max-width:none}
 .hero h1{font-size:clamp(52px,12vw,76px);margin:19px 0 13px}
 .hero-eyebrow{font-size:8px}.hero-copy{font-size:13px;color:#dce4f6}
 .hero-bottom{bottom:21px}
}
@media(max-width:380px){.hero-inner{padding-top:340px;padding-bottom:105px}.hero h1{font-size:50px}}

/* Music index: the home page highlights three, the archive renders the full array. */
.catalog-link-row{display:flex;justify-content:center;margin-top:52px}
.catalog-link-row .button{min-width:230px}
.catalog-page .site-header{position:relative;background:#060b1c}
.catalog-hero{padding:74px 0 84px;background:radial-gradient(ellipse 58% 95% at 75% 25%,rgba(35,95,192,.29),transparent 76%),linear-gradient(115deg,#071126,#11123b 70%,#0a0d22);border-bottom:1px solid var(--line)}
.catalog-back{display:inline-block;margin-bottom:65px;font-size:12px;color:#a9cbeb;transition:color .25s}
.catalog-back:hover{color:#fff}
.catalog-hero .section-kicker{margin-bottom:18px}
.catalog-hero h1{font:clamp(38px,5.2vw,72px)/1.3 Michroma,Arial,sans-serif;letter-spacing:-.065em;margin:0}
.catalog-hero h1 small{font:500 clamp(16px,1.6vw,24px)/1.4 "Noto Sans JP",sans-serif;letter-spacing:.02em;vertical-align:middle}
.catalog-hero p:not(.section-kicker){font-size:14px;color:#c5cee3;margin:20px 0 0;line-height:2}
.catalog-section{min-height:480px}
.catalog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:33px;border-bottom:1px solid var(--line);padding-bottom:23px}
.catalog-toolbar p{font:11px Michroma,Arial,sans-serif;letter-spacing:.08em;color:#9ec5e8;margin:0}
.catalog-page .music-card .music-date{color:#9ec5e8;font-size:11px;letter-spacing:.06em;margin-top:12px}
.movie-catalog-grid .movie-card{min-width:0}
.movie-catalog-grid .movie-caption{align-items:flex-start;gap:12px}
.movie-catalog-grid .movie-caption>div{min-width:0}
.movie-catalog-grid .movie-caption h3{overflow-wrap:anywhere;line-height:1.6}
.movie-catalog-grid .movie-caption .movie-arrow{flex:none}
.catalog-load-row{display:flex;justify-content:center;margin-top:54px}
.catalog-load-row button[hidden]{display:none}
@media(max-width:680px){.catalog-link-row{margin-top:35px}.catalog-hero{padding:49px 0 63px}.catalog-back{margin-bottom:46px}.catalog-hero h1{font-size:clamp(32px,8vw,48px)}.catalog-hero h1 small{display:block;margin-top:12px}.catalog-hero p:not(.section-kicker){font-size:12px}.catalog-toolbar{align-items:flex-start;flex-direction:column;gap:8px}}
@media(min-width:681px){.movie-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.movie-caption h3{font-size:clamp(16px,1.5vw,20px)}}

/* Streaming destinations immediately after the featured videos. */
.streaming-section{background:radial-gradient(ellipse at 84% 18%,rgba(64,98,193,.18),transparent 48%),linear-gradient(125deg,#0d1428,#111023 75%);border-bottom:1px solid var(--line)}
.streaming-heading{align-items:end}
.streaming-heading>p{color:#acb9d2;font-size:14px;margin:0;letter-spacing:.03em}
.streaming-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.streaming-card{--accent:#a4b7e2;display:flex;min-height:220px;flex-direction:column;justify-content:space-between;padding:25px 24px 20px;border:1px solid rgba(185,205,255,.2);background:linear-gradient(150deg,rgba(35,44,77,.75),rgba(18,22,45,.72));transition:transform .25s,border-color .25s,background .25s}
.streaming-card:hover{transform:translateY(-5px);border-color:var(--accent);background:linear-gradient(150deg,rgba(49,59,95,.88),rgba(18,22,45,.82))}
.streaming-card.spotify{--accent:#74e5a8}.streaming-card.apple{--accent:#f2a6ca}.streaming-card.amazon{--accent:#82d9f3}.streaming-card.youtube-music{--accent:#ff9ba5}
.streaming-card-top,.streaming-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#a9b5ce;font:9px Michroma,Arial,sans-serif;letter-spacing:.08em}
.streaming-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 15px var(--accent)}
.streaming-card strong{font:clamp(16px,1.5vw,22px)/1.4 Michroma,Arial,sans-serif;letter-spacing:-.06em;font-weight:400;overflow-wrap:anywhere}
.streaming-brand{display:flex;align-items:center;gap:10px;min-width:0}.streaming-brand img{width:38px;height:38px;flex:none;object-fit:contain;border-radius:8px}.streaming-brand strong{min-width:0}
.streaming-card-bottom{font:12px "Noto Sans JP",sans-serif;letter-spacing:.03em}.streaming-card-bottom span{color:var(--accent);font-size:19px}
@media(max-width:1080px){.streaming-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.streaming-card{min-height:180px}}
@media(max-width:680px){.streaming-heading>p{font-size:12px;line-height:1.8}.streaming-grid{gap:12px}.streaming-card{min-height:155px;padding:18px 15px 14px}.streaming-card-top{font-size:7px}.streaming-card strong{font-size:clamp(13px,3.2vw,19px)}.streaming-card-bottom{font-size:10px}}
@media(max-width:680px){.streaming-brand{gap:7px}.streaming-brand img{width:28px;height:28px;border-radius:6px}}
@media(max-width:380px){.streaming-grid{grid-template-columns:1fr}.streaming-card{min-height:145px}}

/* Persistent way back to the home page from either page. */
.floating-to-top{position:fixed;right:calc(24px + env(safe-area-inset-right));bottom:calc(24px + env(safe-area-inset-bottom));z-index:30;display:inline-flex;align-items:center;gap:13px;padding:10px 15px;border:1px solid rgba(171,209,245,.52);border-radius:999px;background:rgba(9,17,38,.86);box-shadow:0 8px 28px rgba(0,0,0,.32);backdrop-filter:blur(12px);color:#f3f6ff;font:11px Michroma,Arial,sans-serif;letter-spacing:.02em;white-space:nowrap;transition:color .25s,border-color .25s,background .25s,transform .25s}
.floating-to-top:hover{color:#9edbff;border-color:#9edbff;background:rgba(16,34,63,.95);transform:translateY(-3px)}
@media(max-width:680px){.floating-to-top{right:calc(16px + env(safe-area-inset-right));bottom:calc(16px + env(safe-area-inset-bottom));padding:9px 12px;font-size:10px}}

/* ABOUT artwork: separate the silver mark from the scenery so cover crops never cut the lettering. */
.about-photo{display:grid;place-items:center;padding:32px;background:url('/assets/about-night-background.png') center/cover no-repeat}
.about-image-brand{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;filter:drop-shadow(0 8px 28px rgba(0,0,0,.5))}
.about-logo-window{display:block;width:min(70%,430px);aspect-ratio:5/4;overflow:hidden}
.about-logo-window img{display:block;width:100%;height:auto;max-width:none}
.about-image-subtitle{display:block;margin-top:8px;font:clamp(13px,1.55vw,20px)/1.5 Michroma,Arial,sans-serif;letter-spacing:.13em;background:linear-gradient(120deg,#f8fbff,#becbdb 45%,#fff 72%,#9caec6);background-clip:text;-webkit-background-clip:text;color:transparent;text-shadow:0 0 20px rgba(214,231,255,.2)}
.about-image-tagline{display:block;width:min(95%,540px);height:auto;margin-top:-38px;margin-bottom:-38px}
@media(max-width:680px){.about-photo{padding:20px}.about-logo-window{width:min(70%,275px)}.about-image-subtitle{margin-top:4px;font-size:13px}.about-image-tagline{width:min(95%,370px);margin-top:-24px;margin-bottom:-24px}}

/* Compact social links following the news section. */
.news-section{padding-bottom:62px}
.social-section{background:#090b16}
.social-inner{display:flex;align-items:center;gap:32px;padding:25px 0 38px;border-top:1px solid var(--line)}
.social-inner h2{flex:none;margin:0;color:#f2f5ff;font:400 16px/1.5 Michroma,Arial,sans-serif;letter-spacing:.02em}
.social-inner h2 span{font:500 11px/1.5 "Noto Sans JP",sans-serif;color:#9baeca;letter-spacing:.03em}
.social-links{display:flex;align-items:center;flex-wrap:wrap;gap:9px}
.social-links a{display:inline-flex;align-items:center;gap:9px;min-height:38px;padding:7px 13px;border:1px solid rgba(171,209,245,.24);border-radius:999px;background:rgba(21,29,54,.52);color:#e5edfa;font-size:11px;font-weight:500;line-height:1.4;white-space:nowrap;transition:color .25s,border-color .25s,background .25s}
.social-links a:hover{color:#a9ddff;border-color:#8acdf5;background:rgba(34,53,82,.7)}
.social-links img{width:18px;height:18px;object-fit:contain;flex:none}
.social-links a:last-child img{border-radius:4px}
@media(max-width:680px){.news-section{padding-bottom:34px}.social-inner{align-items:flex-start;flex-direction:column;gap:17px;padding:24px 0 34px}.social-links{gap:8px}.social-links a{min-height:36px;padding:7px 11px;font-size:10px}}

/* Full character lineup beneath the artist introduction. */
.characters-section{background:radial-gradient(ellipse 75% 65% at 50% 8%,rgba(41,69,149,.22),transparent 75%),#090d1d;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.characters-heading{align-items:end}
.characters-heading>p{color:#aebbd2;font-size:13px;line-height:1.8;margin:0}
.characters-image-scroll{overflow-x:auto;border:1px solid rgba(164,194,255,.28);background:#080f26;box-shadow:0 24px 70px rgba(0,0,0,.28);scrollbar-color:#608bb9 #11182c}
.characters-image-scroll img{display:block;width:100%;height:auto;max-width:none}
.characters-scroll-hint{display:none}
.character-concept{max-width:940px;margin:44px auto 0;padding:30px 38px;border-left:2px solid #8dcbef;background:linear-gradient(110deg,rgba(43,64,113,.35),rgba(19,25,51,.25));color:#dce6f7}
.character-concept h3{margin:0 0 18px;color:#f4f8ff;font-size:clamp(17px,2vw,23px);font-weight:600;letter-spacing:.02em}
.character-concept p{margin:0;font-size:14px;line-height:2.1}
.character-concept p+p{margin-top:10px}
.performer-concept{margin-top:16px;border-left-color:#bba0e9}
/* Keep the hero section links on one horizontal line. */
.hero-actions{width:max-content;max-width:calc(100vw - 112px);flex-wrap:nowrap;gap:18px}
.hero-actions .text-link{flex:none;gap:12px}
.hero-actions .text-link:hover{gap:12px}
@media(max-width:980px){.hero-actions{max-width:calc(100vw - 56px)}}
@media(max-width:680px){
 .characters-heading>p{font-size:12px}
 .characters-image-scroll{margin-right:-20px;scroll-snap-type:x proximity}
 .characters-image-scroll img{width:850px}
 .characters-scroll-hint{display:block;margin:12px 0 0;color:#9ebbd8;font-size:11px;letter-spacing:.04em}
 .character-concept{margin-top:32px;padding:24px 20px}
 .character-concept p{font-size:13px}
 .performer-concept{margin-top:12px}
 .hero-actions{max-width:calc(100vw - 40px);overflow-x:auto;padding-bottom:8px;scrollbar-width:thin;scrollbar-color:#8dc9ed transparent}
}

/* The world introduction uses the supplied nighttime character artwork. */
.intro{min-height:560px;display:flex;align-items:center;background:linear-gradient(90deg,rgba(3,8,26,.77),rgba(3,8,26,.49) 52%,rgba(3,8,26,.67)),linear-gradient(0deg,rgba(3,7,22,.65),transparent 38%,rgba(3,7,22,.18)),url('/assets/night-ink-music-girl.png') center 24%/cover no-repeat}
.intro h2{text-shadow:0 3px 28px rgba(0,0,0,.85)}
.intro p:not(.section-kicker){color:#e3e9f8;text-shadow:0 2px 18px rgba(0,0,0,.9)}
@media(max-width:680px){.intro{min-height:510px;background:linear-gradient(0deg,rgba(3,8,26,.91),rgba(3,8,26,.68) 60%,rgba(3,8,26,.22)),url('/assets/night-ink-music-girl.png') 66% top/cover no-repeat}}

/* Featured performer artwork follows the introduction. */
.character-feature-image{width:min(100%,520px);margin:34px auto 0;overflow:hidden;border:1px solid rgba(157,190,255,.3);border-radius:20px;box-shadow:0 22px 60px rgba(0,0,0,.35)}
.character-feature-image img{display:block;width:100%;height:auto}
@media(max-width:680px){.character-feature-image{margin-top:24px;border-radius:16px}}

/* Allow the JOURNAL update cadence to sit in the date column. */
.news-item{grid-template-columns:135px minmax(0,1fr) 24px}
.news-date{line-height:1.6}
@media(max-width:680px){.news-item{grid-template-columns:105px minmax(0,1fr) 18px}}
@media(max-width:380px){.news-item{grid-template-columns:minmax(0,1fr) 18px}.news-date{grid-column:1/-1}}

/* NEWS entries may offer several destinations without nesting links. */
.news-item-with-links{grid-template-columns:135px minmax(0,1fr)}
.news-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:12px}
.news-actions a{display:inline-flex;align-items:center;gap:14px;padding:5px 12px;border:1px solid rgba(141,201,237,.45);border-radius:999px;color:#dceeff;font-size:11px;font-weight:600;line-height:1.6;transition:color .25s,border-color .25s,background .25s}
.news-actions a:hover{color:#fff;border-color:#8dc9ed;background:rgba(79,147,198,.25)}
@media(max-width:680px){.news-item-with-links{grid-template-columns:105px minmax(0,1fr)}}
@media(max-width:380px){.news-item-with-links{grid-template-columns:minmax(0,1fr)}.news-actions a{font-size:10px}}

.news-item-with-dated-rows{display:block}
.movie-group + .movie-group,.music-group + .music-group{margin-top:76px}
.movie-group-title,.music-group-title{display:flex;align-items:center;gap:24px;margin:0 0 26px;color:#dceeff;font:400 clamp(15px,1.5vw,19px) Michroma,Arial,sans-serif;letter-spacing:.01em}
.movie-group-title::after,.music-group-title::after{content:"";height:1px;flex:1;background:var(--line)}
@media(max-width:680px){.movie-group + .movie-group,.music-group + .music-group{margin-top:58px}.movie-group-title,.music-group-title{margin-bottom:22px}}
.news-dated-heading{display:flex;flex-direction:column;gap:5px;margin-left:135px}
.news-dated-heading small{font:9px Michroma,Arial,sans-serif;letter-spacing:.05em;color:#77bee9}
.news-dated-heading strong{font-size:14px;font-weight:500;letter-spacing:.02em}
.news-dated-lines{display:flex;flex-direction:column;margin-top:12px;border-top:1px solid rgba(141,201,237,.2)}
.news-dated-line{display:grid;grid-template-columns:135px minmax(0,1fr) 24px;align-items:baseline;gap:20px;padding:11px 2px;border-bottom:1px solid rgba(141,201,237,.2);color:#dceeff;text-decoration:none;transition:color .25s,background .25s}
.news-dated-line:hover{color:#9edbff;background:rgba(79,147,198,.08)}
.news-line-copy{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 14px;min-width:0}
.news-line-title{font-size:13px;font-weight:600}
.news-line-catch{font-size:12px;font-weight:400;color:#aebbd0}
.news-line-arrow{flex:none;font-size:14px}
@media(max-width:680px){.news-dated-heading{margin-left:105px}.news-dated-line{grid-template-columns:105px minmax(0,1fr) 18px;gap:11px}.news-dated-heading strong{font-size:12px;line-height:1.6}}
@media(max-width:380px){.news-dated-heading{margin-left:0}.news-dated-line{grid-template-columns:90px minmax(0,1fr) 16px;gap:8px}.news-dated-line .news-date{font-size:8px}}
