:root{--ink:#111412;--paper:#f4f5f0;--lime:#b5f23a;--muted:#aab0a9;--line:#343a32;--font:Arial,"Helvetica Neue","Hiragino Kaku Gothic ProN","Noto Sans JP",sans-serif}*{box-sizing:border-box}html{scroll-behavior:auto;scroll-padding-top:90px}body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--font);font-size:16px;line-height:1.8}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{display:block;width:100%;height:auto}a,button,summary{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #6cb800;outline-offset:5px}p,h1,h2,h3,figure{margin:0}header{display:flex;align-items:center;justify-content:space-between;padding:20px 4%;border-bottom:1px solid var(--line);gap:20px}.wordmark{font-size:25px;font-weight:900;letter-spacing:-1px}.wordmark span{font-size:12px;font-weight:500;letter-spacing:2px;margin-left:16px}nav{display:flex;gap:30px;font-size:13px;font-weight:700;letter-spacing:.04em}.nav-press{color:var(--lime)}.hero{padding:26px 4% 0}.hero-meta{display:flex;justify-content:space-between;gap:20px;font-size:12px;letter-spacing:.09em;color:var(--muted)}.hero-title{display:grid;grid-template-columns:1fr auto;align-items:center;gap:32px;padding:20px 0 32px}h1{font-size:clamp(72px,13.4vw,210px);font-weight:900;line-height:1;letter-spacing:-.065em;color:var(--lime)}.hero-intro p{font-size:clamp(17px,1.6vw,25px);font-weight:700;line-height:1.7;margin-bottom:18px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:10px 26px;font-size:14px;font-weight:700;border:1px solid transparent;transition:background .18s,color .18s}.lime{background:var(--lime);color:var(--ink)}.lime:hover{background:#c9ff66}.band-photo{position:relative}.band-photo>img{width:100%;height:clamp(320px,37vw,630px);object-fit:cover;object-position:center 59%}.band-photo figcaption{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;gap:12px;padding:50px 22px 16px;background:linear-gradient(transparent,rgba(0,0,0,.75));font-size:12px;letter-spacing:.07em}.ticker{background:var(--lime);color:var(--ink);display:flex;justify-content:space-around;gap:25px;padding:14px 20px;font-weight:800;font-size:14px;letter-spacing:.06em;margin-top:40px;overflow:hidden;white-space:nowrap}.section{padding:100px 6%;scroll-margin-top:20px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:48px}.eyebrow{display:block;font-size:13px;font-weight:700;letter-spacing:.1em;margin-bottom:20px}h2{font-size:clamp(30px,3.3vw,48px);line-height:1.45;font-weight:800;letter-spacing:-.04em}.section-heading>p{font-size:15px;line-height:2}.music{background:var(--paper);color:var(--ink)}.tracks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.track-image{position:relative;overflow:hidden;background:#dde0d7}.track-image img{height:430px;object-fit:cover;object-position:center;transition:transform .3s}.track:hover img{transform:scale(1.025)}.play{position:absolute;bottom:18px;right:18px;background:var(--ink);color:white;font-size:13px;padding:9px 17px}.track-info{display:flex;gap:12px;align-items:baseline;border-bottom:1px solid #c5c9bf;padding:18px 0 13px}.track-info>span{font-size:12px}.track-info>span:last-child{margin-left:auto}.track-info h3{font-size:23px;line-height:1.4}.track>p{font-size:14px;margin-top:12px;color:#52594f}.music-footer{display:flex;align-items:center;gap:26px;margin-top:45px;font-size:14px}.music-footer>span{margin-right:auto}.music-footer a{border-bottom:1px solid #777}.band .eyebrow{color:var(--lime)}.band .section-heading>p{color:#bcc2b7}.members{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}.members article{position:relative;min-width:0}.members img{height:260px;object-fit:cover;object-position:center 24%;filter:saturate(.72)}.member-number{display:block;color:var(--lime);font-size:13px;margin-top:20px}.members h3{font-size:24px;letter-spacing:-.02em;line-height:1.5;margin-bottom:5px}.members h3 small{font-size:12px;font-weight:400;color:#bfc6b8;margin-left:4px}.role{font-size:12px;letter-spacing:.04em;color:#bfc6b8}.members p{font-size:13px;line-height:1.9;margin-top:16px;color:#d4d9ce}.text-link{display:inline-block;margin-top:38px;border-bottom:1px solid var(--lime);font-size:14px}.story{display:grid;grid-template-columns:1fr 1fr;gap:10%;border-top:1px solid var(--line)}.story h2{font-size:clamp(32px,4vw,57px)}.story em{font-style:normal;color:var(--lime)}.story-copy p{font-size:15px;color:#bcc2b7;margin-bottom:22px;line-height:2.1}.story-copy .lead{font-size:21px;color:var(--paper);font-weight:700;line-height:1.8}.outline{border-color:#7c8872}.outline:hover{background:var(--lime);color:var(--ink)}.article-label{display:block;margin-top:12px;font-size:12px;color:var(--muted)}.press{background:var(--paper);color:var(--ink)}.press-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px;border-top:1px solid #b9bfb1;padding-top:35px}.press h3{font-size:22px;margin-bottom:22px}.bio-panel>p{font-size:16px;line-height:2.1}.dark{background:var(--ink);color:white;margin-top:22px}.dark:hover{background:#314c20}.copy-status{font-size:13px!important;min-height:28px;color:#426721}dl{margin:18px 0 0}dl>div{display:grid;grid-template-columns:140px 1fr;font-size:14px;padding:12px 0;border-bottom:1px solid #d2d6cb}dt{color:#62695b}dd{margin:0}.press-preview{height:210px;object-fit:cover}.asset-links a{display:flex;justify-content:space-between;gap:18px;padding:13px 0;border-bottom:1px solid #c9cfc2;font-size:14px}.asset-links span{color:#62695b;font-size:12px;white-space:nowrap}.asset-links a:hover{color:#3b6b00}.asset-note{font-size:13px;color:#61695b;margin-top:16px}.faq{margin-top:65px;display:grid;grid-template-columns:1fr 2fr;column-gap:55px}.faq h3{grid-row:1/5}.faq details{grid-column:2;border-bottom:1px solid #c9cfc2}.faq summary{padding:20px 30px 20px 0;cursor:pointer;font-size:16px;font-weight:600}.faq details p{padding:0 12px 24px 0;font-size:15px;color:#545e4d;line-height:2}.faq a{text-decoration:underline}.contact{border-top:2px solid var(--ink);margin-top:65px;padding-top:40px;display:flex;justify-content:space-between;gap:32px;align-items:center}.contact .eyebrow{margin-bottom:12px}.contact h3{font-size:27px;line-height:1.7;margin:0}.contact p{font-size:12px;margin-top:12px;color:#535e4c}.contact .dark{margin:0}footer{padding:45px 6% 35px}.footer-title{font-size:clamp(55px,12vw,170px);font-weight:900;line-height:1.2;letter-spacing:-.06em;color:var(--lime)}footer>div{display:flex;justify-content:space-between;align-items:center;gap:25px;border-top:1px solid var(--line);padding-top:25px;margin-top:25px}footer span{font-size:12px;color:#acb5a6}footer nav{font-size:12px;gap:22px}.skip{position:absolute;top:-100px;left:20px;background:var(--lime);color:var(--ink);padding:10px;z-index:10}.skip:focus{top:10px}@media(min-width:1600px){body{max-width:1920px;margin:auto}.track-image img{height:530px}.members img{height:320px}}@media(max-width:1000px){nav{gap:20px}.hero-title{grid-template-columns:1fr}.hero-intro{display:flex;justify-content:space-between;align-items:center}.hero-intro p{margin:0}h1{font-size:19vw}.hero-intro p br{display:none}.hero-title{gap:20px}.section{padding:75px 5%}.track-image img{height:350px}.members{grid-template-columns:repeat(3,1fr);gap:35px 20px}.members img{height:310px}.press-grid{gap:30px}.faq{grid-template-columns:1fr;gap:0}.faq h3{grid-row:auto}.faq details{grid-column:1}footer>div{flex-wrap:wrap}}@media(max-width:620px){header{padding:18px 5%;align-items:flex-start;flex-wrap:wrap;gap:15px}.wordmark{font-size:24px}nav{width:100%;justify-content:space-between;gap:10px;font-size:12px}.hero{padding:20px 5% 0}.hero-meta{font-size:12px}.hero-meta span:last-child{display:none}.hero-title{padding-top:18px;padding-bottom:24px;gap:24px}h1{font-size:19vw}.hero-intro p{font-size:17px}.hero-intro p br{display:block}.button{padding:10px 18px;font-size:13px}.band-photo>img{height:auto;aspect-ratio:1.35;object-fit:cover;object-position:center}.band-photo figcaption{font-size:12px;padding:35px 12px 12px}.band-photo figcaption span:last-child{display:none}.ticker{margin-top:25px;padding:12px 20px;justify-content:flex-start;font-size:12px}.ticker span:last-child{display:none}.section{padding:58px 6%}.section-heading{display:block;margin-bottom:30px}.section-heading>p{margin-top:20px;font-size:14px}.eyebrow{font-size:12px;margin-bottom:15px}h2{font-size:30px}.tracks{grid-template-columns:1fr;gap:35px}.track-image img{height:auto;max-height:530px;object-fit:contain;background:#171b16}.track-info{padding:15px 0 10px}.track-info h3{font-size:23px}.music-footer{flex-wrap:wrap;gap:20px;margin-top:35px}.music-footer>span{flex-basis:100%}.members{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 15px}.members img{height:235px}.members h3{font-size:24px}.members p{font-size:13px}.story{grid-template-columns:1fr;gap:30px}.story h2{font-size:36px}.story-copy .lead{font-size:20px}.press-grid{grid-template-columns:1fr;gap:35px}.faq{margin-top:45px}.faq summary{font-size:15px}.contact{display:block;margin-top:45px;padding-top:30px}.contact h3{font-size:23px;margin-bottom:25px}.press-preview{height:auto}.asset-links a{font-size:13px}.asset-links span{font-size:12px}dl>div{grid-template-columns:120px 1fr;font-size:13px}footer{padding:30px 6%}.footer-title{font-size:18vw}footer>div{gap:20px}footer nav{justify-content:flex-start;flex-wrap:wrap;font-size:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Reading sizes */
.section-heading>p,.story-copy p,.faq details p{font-size:16px}.members p{font-size:14px}.role,.article-label,.asset-note,.contact p{font-size:12px}.track>p,.asset-links a,nav{font-size:14px}@media(max-width:620px){nav{font-size:12px}.section-heading>p{font-size:16px}.asset-links a{font-size:14px}}

/* v2: canonical logo and unified promotional images */
header{background:#fff;color:var(--ink);border-color:#dce0d7}.nav-press{color:#4c6509}.official-logo{display:block;position:relative;overflow:hidden;background:#fff;aspect-ratio:2.65}.official-logo img{position:absolute;width:132%;max-width:none;height:auto;left:-16%;top:-100%}.wordmark .official-logo{width:175px;margin:0}.hero-title{background:#fff;color:var(--ink);padding:12px 28px;margin:24px 0 30px;grid-template-columns:minmax(0,1fr) auto;gap:30px}.hero-logo{width:100%;max-width:760px;margin:0}.hero-intro{padding-right:14px}.band-photo>img{height:auto;aspect-ratio:auto;object-fit:contain}.members img{height:auto;aspect-ratio:2/3;object-fit:cover;filter:none}.press-preview{height:auto;aspect-ratio:16/9;object-fit:contain}.track-info h3 small{display:block;font-size:14px;font-weight:500;line-height:1.7;margin-top:4px}.footer-title.official-logo{width:330px;max-width:100%;font-size:inherit}.track-info{align-items:flex-start}.track-info h3{flex:1}.track-info>span{padding-top:5px}
@media(max-width:1000px){.hero-title{grid-template-columns:1fr;padding:16px 24px;gap:5px}.hero-logo{max-width:100%}.hero-intro{padding:0 0 15px}.hero-intro p br{display:block}}
@media(max-width:620px){header{gap:14px}.wordmark .official-logo{width:145px}.hero-title{margin-top:18px;padding:8px 14px 16px}.hero-intro{padding:0;gap:10px}.hero-intro p{font-size:16px}.hero-intro .button{padding:10px 14px}.band-photo>img{height:auto;aspect-ratio:auto;object-fit:contain}.band-photo figcaption{font-size:10px;padding:30px 10px 8px}.members img{height:auto}.footer-title.official-logo{width:230px}}

/* Preserve the complete canonical mark, including its tagline. */
.official-logo{aspect-ratio:2.4}.official-logo img{width:123.08%;left:-11.54%;top:-97%}

/* v5: compact introduction; group portrait leads the page. */
.hero-title{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;background:transparent;color:var(--paper);padding:0;margin:26px 0 32px}
.hero-band-name{display:block;color:var(--muted);font-size:13px;font-weight:700;letter-spacing:.18em;margin-bottom:10px}
.hero-title h1{color:var(--paper);font-size:clamp(28px,3.4vw,48px);font-weight:800;line-height:1.45;letter-spacing:-.035em}
.hero-title>.button{flex-shrink:0;margin-bottom:5px}
.footer-title.official-logo{width:150px}
@media(max-width:620px){.hero-title{gap:14px;margin:22px 0 26px}.hero-title h1{font-size:26px}.hero-title>.button{padding:10px 12px;font-size:12px}.footer-title.official-logo{width:120px}}

/* Introduce the music format and the band's fictional everyday world. */
.band-intro{display:grid;grid-template-columns:190px minmax(0,1fr);gap:32px;align-items:start;padding:34px 0 4px}
.band-intro h2{font-size:23px;line-height:1.8;letter-spacing:-.025em;color:var(--lime)}
.band-intro p{font-size:16px;line-height:2;color:#d4d9ce}
.band-intro p span{display:block}
@media(max-width:1000px){.band-intro{grid-template-columns:1fr;gap:12px;padding-top:28px}.band-intro p span+span{margin-top:6px}}
@media(max-width:620px){.band-intro{padding-top:25px}.band-intro h2{font-size:22px}.band-intro p{font-size:15px;line-height:1.95}.band-intro p span+span{margin-top:10px}}

/* Character names from the canonical member profiles. */
.member-fullname{display:block;font-size:12px;font-weight:400;line-height:1.6;letter-spacing:.06em;color:#bfc6b8;margin:0 0 8px}

.member-reading{display:inline-block;font-size:10px;font-weight:400;letter-spacing:0;color:#bfc6b8}

.asset-note a{text-decoration:underline;text-underline-offset:3px}.faq h3{grid-row:1/6}@media(max-width:1000px){.faq h3{grid-row:auto}}