@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&family=DM+Sans:wght@300;400;500;600&family=Noto+Sans+JP:wght@300;400;500;700&display=swap');
:root{--bg:#070707;--panel:#0d0d10;--text:#f5f5f2;--muted:#9b9ba3;--line:rgba(255,255,255,.12);--pink:#ff3b9d;--cyan:#46e5ff;--lime:#c8ff46}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:'DM Sans','Noto Sans JP',sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}.noise{position:fixed;inset:0;pointer-events:none;opacity:.08;z-index:99;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 140 140' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E")}
.site-header{position:fixed;top:0;left:0;right:0;height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;border-bottom:1px solid var(--line);background:rgba(7,7,7,.78);backdrop-filter:blur(14px);z-index:80}.logo-img-wrap{display:flex;align-items:center}.logo-img{display:block;width:128px;height:50px;object-fit:contain;object-position:left center}.site-header nav{display:flex;gap:28px}.site-header nav a,.petal-link{font-size:.72rem;letter-spacing:.16em;color:var(--muted);transition:.25s}.site-header nav a:hover,.petal-link:hover{color:var(--text)}
.hero{min-height:100vh;position:relative;display:flex;align-items:center;padding:140px 8vw 80px;overflow:hidden;border-bottom:1px solid var(--line)}.hero::before{content:'';position:absolute;inset:auto -15% -35% auto;width:70vw;height:70vw;border:1px solid rgba(70,229,255,.16);border-radius:50%}.hero-lines{position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(12.5% - 1px),rgba(255,255,255,.035) 12.5%);mask-image:linear-gradient(to bottom,transparent,black 20%,black 80%,transparent)}.hero-mark{position:absolute;right:-2vw;top:50%;transform:translateY(-52%);font-family:'Archivo Black';font-size:42vw;line-height:.7;color:transparent;-webkit-text-stroke:1px rgba(255,59,157,.18);user-select:none}.hero-copy{position:relative;z-index:2;max-width:860px}.overline,.section-label,.kicker,.role,.member-tag,.coming{font-size:.72rem;letter-spacing:.22em;font-weight:600}.overline{color:var(--cyan);margin-bottom:18px}.hero-logo{display:block;width:min(740px,78vw);max-height:320px;object-fit:contain;object-position:left center;filter:drop-shadow(0 0 32px rgba(255,59,157,.16))}.tagline{font-family:'Archivo Black';font-size:clamp(1.4rem,3vw,3rem);letter-spacing:.08em;margin-top:20px}.lead{margin-top:28px;color:#c8c8cc;line-height:2;font-family:'Noto Sans JP';font-size:.95rem}.scroll{display:inline-flex;align-items:center;gap:16px;margin-top:48px;font-size:.75rem;letter-spacing:.18em}.scroll i{width:58px;height:1px;background:var(--text);display:block;position:relative}.scroll i::after{content:'';position:absolute;right:0;top:-3px;width:7px;height:7px;border-right:1px solid white;border-top:1px solid white;transform:rotate(45deg)}.hero-code{position:absolute;bottom:24px;right:4vw;color:#6f6f76;font-family:monospace;font-size:.7rem;letter-spacing:.12em}
.section{padding:130px 8vw;border-bottom:1px solid var(--line)}.section-label{color:var(--pink);margin-bottom:36px}.world-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:8vw;align-items:end}.world-copy h2,.section-heading h2,.music-box h2{font-family:'Archivo Black';font-size:clamp(2.5rem,6vw,6rem);line-height:1.02;letter-spacing:-.045em}.world-copy>p:last-child{margin-top:36px;max-width:720px;color:var(--muted);line-height:2;font-family:'Noto Sans JP'}.kicker{color:var(--cyan);line-height:1.8;margin-bottom:22px}.world-card{border:1px solid var(--line);padding:34px;background:linear-gradient(145deg,#0d0d10,#09090b);min-height:260px;display:flex;flex-direction:column;justify-content:flex-end}.world-card span{font-size:.65rem;color:var(--muted);letter-spacing:.2em}.world-card strong{font-family:'Archivo Black';font-size:1.25rem;margin:14px 0;color:var(--lime)}.world-card p{color:var(--muted);line-height:1.8;font-size:.9rem}
.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:50px}.section-heading>p{color:var(--muted);font-size:.85rem}.member-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line)}.member-card{background:var(--bg)}.member-visual{height:430px;position:relative;overflow:hidden;background:#0a0a0d}.member-visual img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.95) contrast(1.04);transition:transform .65s ease,filter .65s ease}.member-card:hover .member-visual img{transform:scale(1.035);filter:saturate(1.08) contrast(1.08)}.member-visual::after{content:'';position:absolute;inset:0;background:linear-gradient(to bottom,transparent 45%,rgba(7,7,7,.35) 75%,rgba(7,7,7,.82));pointer-events:none}.member-visual span{position:absolute;top:20px;left:20px;z-index:2;font-family:monospace;font-size:.7rem;color:#fff;background:rgba(7,7,7,.58);border:1px solid rgba(255,255,255,.2);padding:6px 8px;backdrop-filter:blur(5px)}.member-luarie .member-visual{box-shadow:inset 0 -100px 130px rgba(70,229,255,.10)}.member-sena .member-visual{box-shadow:inset 0 -100px 130px rgba(255,209,72,.10)}.member-rei .member-visual{box-shadow:inset 0 -100px 130px rgba(255,59,157,.12)}.member-info{padding:28px;min-height:300px}.role{color:var(--muted)}.member-info h3{font-family:'Archivo Black';font-size:2.4rem;margin:8px 0 18px}.member-info>p:not(.role){font-family:'Noto Sans JP';font-size:.86rem;line-height:1.9;color:var(--muted)}.member-tag{display:inline-block;margin-top:28px;padding:8px 12px;border:1px solid var(--line)}
.story-track{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.story-step{border-top:1px solid var(--line);padding-top:26px}.story-step span{font-family:monospace;color:var(--cyan);font-size:.72rem;letter-spacing:.18em}.story-step h3{font-size:1.45rem;margin:20px 0 14px;font-family:'Noto Sans JP'}.story-step p{color:var(--muted);line-height:1.9;font-size:.88rem;font-family:'Noto Sans JP'}
.gear-section{padding-top:70px;padding-bottom:70px}.gear-panel{position:relative;border:1px solid var(--line);padding:60px;background:linear-gradient(100deg,rgba(255,59,157,.06),rgba(70,229,255,.035))}.gear-panel h2{font-family:'Archivo Black';font-size:clamp(2.8rem,7vw,7rem);letter-spacing:-.05em}.gear-panel>p:not(.section-label){max-width:680px;color:var(--muted);line-height:1.9;margin-top:22px}.gear-meter{height:3px;background:#1d1d20;margin:44px 0 16px;overflow:hidden}.gear-meter span{display:block;height:100%;width:68%;background:linear-gradient(90deg,var(--pink),var(--cyan))}.gear-panel small{font-family:monospace;color:#6e6e75;letter-spacing:.12em}.music-section{min-height:70vh;display:flex;align-items:center}.music-box{width:100%;text-align:center}.music-box .section-label{margin-bottom:20px}.music-box>p:not(.section-label){margin-top:28px;color:var(--muted)}.coming{display:inline-block;border:1px solid var(--pink);color:var(--pink);padding:12px 18px;margin-top:36px}
footer{padding:55px 8vw;display:flex;justify-content:space-between;gap:28px;align-items:center;color:var(--muted);font-size:.75rem}footer>div{display:flex;gap:22px}.footer-logo-img-wrap img{display:block;width:150px;height:64px;object-fit:contain;object-position:left center}.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){.site-header nav{display:none}.world-grid{grid-template-columns:1fr}.member-grid{grid-template-columns:1fr}.story-track{grid-template-columns:1fr;gap:50px}.member-visual{height:min(66vw,520px)}.section-heading{display:block}.section-heading>p{margin-top:16px}.hero-mark{font-size:70vw;right:-18vw}.gear-panel{padding:34px}.section{padding:100px 6vw}footer{flex-direction:column;align-items:flex-start}.petal-link{font-size:.65rem}.hero-logo{width:min(760px,88vw)}}
@media(max-width:560px){.site-header{height:70px;padding:0 20px}.logo-img{width:104px;height:44px}.hero{padding:120px 24px 60px}.tagline{font-size:1.1rem}.lead br{display:none}.section{padding:80px 24px}.world-copy h2,.section-heading h2,.music-box h2{font-size:2.45rem}.member-info{min-height:auto}.hero-code{display:none}.member-visual{height:68vw;min-height:260px}.footer-logo-img-wrap img{width:128px}}