:root{--black:#0b0b0a;--cream:#f0eadc;--yellow:#f5ec1c;--orange:#ff5a18;--line:rgba(240,234,220,.25)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--cream);font-family:"Arial Black","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.topbar{height:64px;position:fixed;z-index:20;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:0 18px;background:linear-gradient(#0b0b0ad9,transparent);mix-blend-mode:normal}.wordmark,.footer-logo{font:900 30px/1 "Arial Black",sans-serif;letter-spacing:-4px}.wordmark span{color:var(--orange)}.menu-button{display:grid;gap:7px;width:42px;height:42px;place-content:center;border:1px solid #ffffff55;border-radius:50%;background:#0b0b0a;color:white}.menu-button i{width:18px;height:2px;background:currentColor;display:block}.nav{position:fixed;inset:64px 0 auto;background:var(--yellow);color:#0b0b0a;display:grid;transform:translateY(-130%);transition:.35s;padding:18px}.nav.open{transform:none}.nav a{font:32px/1.4 "Arial Black",sans-serif;border-bottom:2px solid #0b0b0a;padding:5px}
.hero{height:100svh;min-height:620px;position:relative;background:#4b3934;overflow:hidden}.hero>img{position:absolute;top:15%;left:0;width:100%;height:auto;object-fit:contain}.hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.02) 35%,rgba(0,0,0,.96) 82%)}.hero-copy{position:absolute;left:20px;right:20px;bottom:74px}.hero-copy p{font:14px "Archivo Black";letter-spacing:2px;color:var(--yellow);margin:0 0 8px}.hero-copy h1{font-size:clamp(34px,10vw,58px);line-height:1.03;letter-spacing:-.06em;max-width:640px;margin:0 0 22px;font-weight:900}.hero-copy a{display:flex;justify-content:space-between;align-items:center;border-top:1px solid white;border-bottom:1px solid white;padding:12px 2px;font:13px "Archivo Black"}.hero-copy b{font-size:22px}.scroll{position:absolute;right:15px;bottom:105px;writing-mode:vertical-rl;font:9px "Archivo Black";letter-spacing:2px;display:flex;align-items:center;gap:8px}.scroll span{height:55px;width:1px;background:white}
.section{padding:88px 20px;position:relative}.kicker{font:11px "Archivo Black";letter-spacing:2px;margin-bottom:28px;display:flex;align-items:center;gap:9px}.kicker span{width:26px;height:26px;border-radius:50%;border:1px solid currentColor;display:grid;place-content:center;font-size:8px}.section h2{font-size:clamp(35px,11vw,76px);line-height:1.05;letter-spacing:-.07em;margin:0 0 32px;font-weight:900}.about{background:var(--yellow);color:var(--black);overflow:hidden}.about .lead{font-size:16px;line-height:2;font-weight:700;margin:0}.facts{display:grid;grid-template-columns:repeat(3,1fr);border-top:2px solid;margin-top:46px;padding-top:20px;gap:8px}.facts div{display:flex;flex-direction:column}.facts strong{font:clamp(28px,8vw,48px) "Archivo Black"}.facts span{font:7px "Archivo Black";letter-spacing:.5px}.marquee{background:var(--orange);color:var(--black);font:24px "Archivo Black";white-space:nowrap;position:absolute;bottom:0;left:0;right:0;transform:rotate(-2deg) scale(1.05);padding:7px}.marquee span{display:block;animation:marquee 12s linear infinite}@keyframes marquee{to{transform:translateX(-50%)}}
.members{background:var(--cream);color:var(--black)}.member-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.member-card{position:relative;aspect-ratio:.76;background:var(--member);padding:12px;overflow:hidden;display:flex;align-items:flex-end;border:2px solid #0b0b0a}.member-card:after{content:"";position:absolute;width:85%;aspect-ratio:1;border:18px solid #0b0b0a22;border-radius:50%;top:18%;right:-40%;}.member-no{position:absolute;top:10px;right:10px;font:10px "Archivo Black"}.instrument{position:absolute;top:20%;left:8px;font:clamp(26px,8vw,52px)/.8 "Archivo Black";letter-spacing:-3px;transform:rotate(-90deg);transform-origin:center;opacity:.2}.instrument span{display:block}.member-card h3{font:clamp(25px,8vw,48px)/1 "Archivo Black";margin:0;letter-spacing:-2px;position:relative}.member-card p{font:8px "Archivo Black";letter-spacing:1px;margin:7px 0}.member-card small{font-size:5px;letter-spacing:.5px}
.member-card.erna{--member:#66c56c}.member-card.miyu{--member:#ff78a6}.member-card.ami{--member:#559cff}.member-card.lotta{--member:#ff4b34}
.live{background:var(--black)}.live h2{color:var(--yellow)}.live-list{display:grid;gap:12px}.live-card{min-height:182px;border:1px solid var(--line);padding:17px;position:relative;display:grid;grid-template-columns:86px 1fr;align-content:end;overflow:hidden;background:linear-gradient(135deg,#171715,#090909)}.live-card:before{content:"";position:absolute;width:110px;height:110px;border-radius:50%;background:var(--orange);right:-65px;top:-60px}.date{align-self:start}.date small{display:block;font:8px "Archivo Black";letter-spacing:2px;color:#999}.date strong{font:24px "Archivo Black"}.event p{font:8px "Archivo Black";letter-spacing:1px;color:var(--yellow);margin:3px 0 8px}.event h3{font-size:16px;line-height:1.4;margin:0}.live-card>a{position:absolute;right:15px;bottom:14px;width:37px;height:37px;border-radius:50%;background:var(--yellow);color:#111;display:grid;place-content:center;font-size:18px;z-index:2}.event-no{position:absolute;right:12px;top:5px;font:70px "Archivo Black";color:#ffffff0b}
.links{background:var(--orange);color:var(--black)}.link-list{border-top:2px solid}.link-list>a{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid;padding:17px 3px;transition:.2s}.link-list>a:hover{padding-left:9px;background:#0000000c}.link-list span{display:flex;flex-direction:column}.link-list b{font:18px "Archivo Black"}.link-list small{font:7px "Archivo Black";letter-spacing:1px;margin-top:4px}.link-list i{font-style:normal;font-size:24px}
footer{text-align:center;padding:70px 20px 115px}.footer-logo{font-size:84px;letter-spacing:-12px;color:var(--yellow)}footer p{font:10px "Archivo Black";letter-spacing:3px}footer small{font-size:7px;color:#777}.language-switcher{position:fixed;right:18px;bottom:18px;z-index:30}.language-fab,.language-option{display:grid;width:52px;height:52px;padding:0;place-items:center;border:1px solid #00000024;border-radius:50%;background:var(--cream);box-shadow:0 6px 18px #0007;cursor:pointer}.language-fab{position:relative;z-index:2;font-size:27px}.language-option{position:absolute;right:0;bottom:0;font-size:27px;opacity:0;transform:translate(0,0) scale(.35) rotate(-20deg);transition:transform 220ms cubic-bezier(.2,.8,.2,1),opacity 150ms ease,box-shadow 160ms ease}.language-option:hover,.language-option:focus-visible{box-shadow:0 7px 20px #0009}.language-option span,.language-fab span{transition:transform 160ms ease}.language-option:hover span,.language-option:focus-visible span{transform:scale(1.12)}.language-option[aria-current="true"]{outline:3px solid var(--yellow);outline-offset:2px}.language-menu{position:absolute;right:0;bottom:0;width:52px;height:52px;visibility:hidden;pointer-events:none;transition:visibility 220ms}.language-switcher.is-open .language-menu{visibility:visible;pointer-events:auto}.language-switcher.is-open .language-option{opacity:1}.language-switcher.is-open .language-option:nth-child(1){transform:translate(-105px,0) scale(1) rotate(0)}.language-switcher.is-open .language-option:nth-child(2){transform:translate(-97px,-40px) scale(1) rotate(0);transition-delay:30ms}.language-switcher.is-open .language-option:nth-child(3){transform:translate(-74px,-74px) scale(1) rotate(0);transition-delay:60ms}.language-switcher.is-open .language-option:nth-child(4){transform:translate(-40px,-97px) scale(1) rotate(0);transition-delay:90ms}.language-switcher.is-open .language-option:nth-child(5){transform:translate(0,-105px) scale(1) rotate(0);transition-delay:120ms}.language-fab:focus-visible,.language-option:focus-visible,a:focus-visible{outline:3px solid white;outline-offset:3px}
@media(min-width:760px){.topbar{padding:0 34px}.menu-button{display:none}.nav{position:static;transform:none;background:none;color:white;display:flex;padding:0;gap:28px}.nav a{font-size:11px;border:0}.hero>img{top:0;height:100%;object-fit:cover;object-position:center}.hero-copy{left:7vw;right:7vw;bottom:9vh}.section{padding:120px max(7vw,50px)}.about .lead{max-width:850px;font-size:20px}.facts{max-width:850px}.member-grid{grid-template-columns:repeat(4,1fr)}.live-list{grid-template-columns:1fr 1fr}.link-list{max-width:1000px}.link-list b{font-size:26px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.marquee span{animation:none}*{transition:none!important}}