:root{--white:#fbfdff;--ice:#dff4ff;--blue:#9fd9f1;--deep:#172d3a;--muted:#65808f;--line:rgba(23,45,58,.15)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--white);color:var(--deep);font-family:"Manrope","Noto Sans JP",sans-serif;font-weight:300;line-height:1.8}a{color:inherit;text-decoration:none}button{font:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.site-header{height:84px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;position:absolute;inset:0 0 auto;z-index:10}.wordmark{font-size:1.55rem;font-weight:600;letter-spacing:-.06em}.site-header nav{display:flex;gap:2rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.14em}.site-header nav a{transition:opacity .25s}.site-header nav a:hover{opacity:.45}.menu-button{display:none;background:none;border:0;padding:10px}.menu-button span:not(.sr-only){display:block;width:24px;height:1px;background:var(--deep);margin:5px}
.hero{min-height:100svh;position:relative;display:grid;grid-template-columns:1fr 1.06fr;align-items:center;padding:110px 7vw 64px;overflow:hidden;background:linear-gradient(135deg,#fff 12%,#f4fbff 55%,#dff4ff 100%)}.hero-copy{z-index:2;padding-left:5vw}.eyebrow,.section-number{font-size:.68rem;font-weight:500;letter-spacing:.25em}.hero h1{font-size:clamp(7rem,17vw,16rem);line-height:.72;letter-spacing:-.09em;margin:.25em 0 .35em;font-weight:300}.genre{font-size:.72rem;letter-spacing:.32em;margin-bottom:3rem}.text-link{font-size:.78rem;letter-spacing:.08em;border-bottom:1px solid var(--deep);padding-bottom:7px}.text-link span{margin-left:1.2rem}.hero-photo{height:min(68vh,760px);border-radius:50% 50% 5% 5%/42% 42% 5% 5%;z-index:1;box-shadow:0 40px 90px rgba(70,137,166,.18)}.placeholder{background:linear-gradient(145deg,rgba(255,255,255,.88),rgba(159,217,241,.38));display:flex;align-items:center;justify-content:center;color:rgba(23,45,58,.38);font-size:.65rem;letter-spacing:.24em}.hero-orbit{position:absolute;border:1px solid rgba(69,158,197,.18);border-radius:50%}.orbit-one{width:58vw;height:58vw;right:-16vw;top:-15vw}.orbit-two{width:34vw;height:34vw;left:31vw;bottom:-23vw}.scroll-mark{position:absolute;bottom:35px;left:4vw;font-size:.55rem;letter-spacing:.18em;line-height:1.4}.scroll-mark span{display:block;height:45px;width:1px;background:var(--deep);margin:10px auto 0}
.section{padding:130px 8vw}.section-number{margin:0 0 55px;color:var(--muted)}.section h2{font-size:clamp(2.7rem,6vw,6rem);font-weight:300;line-height:1.08;letter-spacing:-.055em;margin:0}.about-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:9vw;align-items:end}.about-grid>div{max-width:540px}.about-grid p{color:var(--muted);font-size:.95rem}.about-grid .lead{color:var(--deep);font-size:1.2rem;line-height:2}
.music{background:#f4fbff}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:55px}.section-heading .section-number{margin-bottom:24px}.section-heading>p{font-size:.85rem;color:var(--muted);margin:0 0 10px}.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.video-thumb{aspect-ratio:16/10;position:relative;overflow:hidden}.video-thumb:after{content:"";position:absolute;inset:12px;border:1px solid rgba(255,255,255,.68)}.video-thumb button{position:absolute;z-index:2;border:1px solid rgba(23,45,58,.38);background:rgba(255,255,255,.7);width:72px;height:72px;border-radius:50%;font-size:.62rem;letter-spacing:.15em;color:var(--deep);cursor:pointer}.video-card>div:last-child{display:flex;justify-content:space-between;margin-top:14px}.video-card p{margin:0;font-size:.85rem}.video-card>div span{font-size:.68rem;color:var(--muted)}
.youtube{padding-top:0;background:#f4fbff}.youtube-panel{background:var(--deep);color:white;padding:75px 7vw}.youtube-panel .section-number{color:var(--blue);margin-bottom:65px}.youtube-content{display:grid;grid-template-columns:1.2fr 1fr;gap:7vw;align-items:end}.youtube-content p{max-width:470px;color:#c6d5dc;margin:0 0 35px}.pill-link{display:inline-flex;align-items:center;justify-content:space-between;min-width:230px;border:1px solid rgba(255,255,255,.42);border-radius:50px;padding:12px 20px;font-size:.72rem;letter-spacing:.08em}
.members>h2{margin-bottom:55px}.member-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.member-photo{aspect-ratio:4/5}.member-info{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:18px;margin-top:18px}.member-info h3{font-size:1.4rem;margin:0;font-weight:400}.member-info p{font-size:.7rem;letter-spacing:.16em;color:var(--muted);margin:2px 0}.member-links{display:flex;flex-direction:column;align-items:flex-end;font-size:.7rem;line-height:2}
.social{background:linear-gradient(145deg,#dff4ff,#f8fcff)}.social h2{margin-bottom:60px}.social-links{border-top:1px solid var(--line)}.social-links a{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:20px 4px;font-size:clamp(1.4rem,3vw,2.4rem);font-weight:300;transition:padding .25s}.social-links a:hover{padding-left:15px}.social-links span{font-size:1rem}
footer{min-height:180px;padding:45px 4vw;display:flex;align-items:flex-end;justify-content:space-between;font-size:.65rem;letter-spacing:.1em}footer .wordmark{font-size:2rem}
@media(max-width:760px){.site-header{height:68px;padding:0 22px}.site-header nav{display:none;position:absolute;top:68px;left:0;right:0;background:rgba(251,253,255,.98);padding:28px 24px;flex-direction:column;gap:18px}.site-header nav.open{display:flex}.menu-button{display:block}.hero{min-height:94svh;grid-template-columns:1fr;padding:95px 24px 54px;align-items:start}.hero-copy{padding:0;z-index:3}.hero h1{font-size:7.5rem;margin:.33em 0 .28em}.genre{margin-bottom:1.5rem;font-size:.58rem}.hero-photo{height:47vh;margin:-16px 0 0 18vw}.scroll-mark{display:none}.section{padding:88px 24px}.section-number{margin-bottom:38px}.about-grid,.youtube-content{grid-template-columns:1fr;gap:45px}.about-grid h2 br{display:none}.about-grid .lead{font-size:1.05rem}.section-heading{display:block}.section-heading>p{margin-top:20px}.video-grid{grid-template-columns:1fr;gap:38px}.youtube{padding-top:0}.youtube-panel{padding:58px 28px}.youtube-panel .section-number{margin-bottom:45px}.member-grid{grid-template-columns:1fr;gap:65px}.member-info{display:block}.member-links{align-items:flex-start;margin-top:12px;flex-direction:row;gap:20px}.social h2{margin-bottom:40px}footer{min-height:150px;padding:30px 24px}footer p{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Artist photography */
.hero-photo{overflow:hidden;background:#eaf2f5}
.hero-photo img,.member-photo img{width:100%;height:100%;display:block;object-fit:cover}
.hero-photo img{object-position:50% 36%}
.member-photo{overflow:hidden;background:#eaf2f5}
.member-photo img{object-position:center 24%}

/* Discography and event archive */
.site-header nav{gap:clamp(.8rem,1.6vw,2rem);font-size:.7rem;letter-spacing:.12em}
.discography{background:#fff}
.release-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:48px 24px}
.release-card{min-width:0}
.release-link{display:block;color:inherit}.release-link .jacket{transition:transform .35s ease,box-shadow .35s ease}.release-link:hover .jacket{transform:translateY(-4px);box-shadow:0 18px 38px rgba(23,45,58,.12)}
.jacket{aspect-ratio:1;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid rgba(23,45,58,.08)}
.jacket:before,.jacket:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.58)}
.jacket:before{width:72%;height:72%}.jacket:after{width:42%;height:42%}
.jacket span{position:relative;z-index:1;font-size:.65rem;letter-spacing:.32em;color:rgba(23,45,58,.55)}
.jacket.has-cover:before,.jacket.has-cover:after{display:none}.jacket img{width:100%;height:100%;display:block;object-fit:cover}
.jacket-1{background:linear-gradient(145deg,#edfaff,#9ed9f1)}.jacket-2{background:linear-gradient(35deg,#b7dfec,#fbfdff)}.jacket-3{background:linear-gradient(135deg,#f7fcff,#c8e9f7)}.jacket-4{background:linear-gradient(40deg,#9bcfe4,#eaf8ff)}.jacket-5{background:linear-gradient(160deg,#fff,#b9dfef)}.jacket-6{background:linear-gradient(20deg,#dff4ff,#8fc9e0)}.jacket-7{background:linear-gradient(135deg,#b8deed,#fff)}
.release-meta{padding-top:15px}.release-meta>span{font-size:.62rem;letter-spacing:.18em;color:var(--muted)}.release-meta h3{font-size:.88rem;font-weight:400;margin:5px 0 0}.release-meta p{font-size:.65rem;color:var(--muted);margin:0}.featured-release{grid-column:span 2;grid-row:span 2}.featured-release .release-meta h3{font-size:1.05rem}
.release-archive-list>.release-card:nth-child(n+4){display:none}
.release-archive-list.expanded>.release-card{display:block}
.release-more-button{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:38px;padding:16px 2px;border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:transparent;color:var(--deep);font-size:.68rem;letter-spacing:.18em;text-align:left;cursor:pointer}
.release-more-button span{font-size:1rem;line-height:1;transition:transform .25s}.release-more-button[aria-expanded="true"] span{transform:rotate(45deg)}
.events{background:var(--deep);color:#f7fbfd}.events .section-number{color:var(--blue)}.events-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:65px}.events-heading>p{font-size:.78rem;color:#b8cad3}.upcoming-block,.past-block{border-top:1px solid rgba(255,255,255,.2);padding:28px 0;display:grid;grid-template-columns:220px 1fr}.event-label{font-size:.66rem;letter-spacing:.19em;color:var(--blue);display:flex;align-items:center;gap:10px}.pulse{width:7px;height:7px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 5px rgba(159,217,241,.12)}.event-empty p{font-size:1.05rem;margin:0 0 4px}.event-empty span,.past-row{font-size:.75rem;color:#9fb3bd}.past-block{margin-top:38px}.past-row{display:grid;grid-template-columns:130px 1fr auto;gap:25px;align-items:center}.past-row p{margin:0;color:#dce6eb}
@media(max-width:980px) and (min-width:761px){.site-header nav{gap:.7rem;font-size:.6rem}.release-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.release-grid{grid-template-columns:1fr 1fr;gap:34px 14px}.featured-release{grid-column:span 2}.events-heading{display:block}.events-heading>p{margin-top:12px}.upcoming-block,.past-block{grid-template-columns:1fr;gap:25px}.past-row{grid-template-columns:80px 1fr}.past-row>span:last-child{display:none}}

/* Music videos */
.video-thumb img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .45s ease}
.video-card:hover .video-thumb img{transform:scale(1.025)}
.play-button{position:absolute;z-index:2;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.82);background:rgba(23,45,58,.48);width:72px;height:72px;border-radius:50%;font-size:.62rem;letter-spacing:.15em;color:#fff;backdrop-filter:blur(5px)}
.video-title{display:flex;justify-content:space-between;margin-top:14px}.video-title p{margin:0;font-size:.95rem}.video-title span{font-size:.68rem;color:var(--muted)}
.live-performance-link{display:flex;align-items:center;justify-content:space-between;margin-top:54px;padding:22px 2px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:.72rem;letter-spacing:.14em;transition:padding .25s,background .25s}
.live-performance-link span:last-child{font-size:.66rem;letter-spacing:.08em;color:var(--muted)}
.live-performance-link:hover{padding-left:12px;padding-right:12px;background:rgba(91,169,194,.045)}
@media(max-width:760px){.live-performance-link{margin-top:42px;padding:19px 2px;font-size:.68rem}.live-performance-link span:last-child{font-size:.62rem}}

/* Lyric videos */
.lyric-showcase{margin-top:110px;padding-top:48px;border-top:1px solid var(--line)}
.lyric-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:34px}
.lyric-heading p{margin:0 0 12px;font-size:.62rem;letter-spacing:.2em;color:var(--muted)}
.lyric-heading h3{margin:0;font-size:clamp(2rem,4vw,3.8rem);font-weight:300;line-height:1;letter-spacing:-.045em}
.lyric-heading>a{display:flex;gap:34px;align-items:center;border-bottom:1px solid var(--deep);padding:10px 2px;font-size:.7rem;letter-spacing:.08em}
.lyric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,240px));justify-content:end;gap:24px}
.lyric-thumb{position:relative;aspect-ratio:9/16;overflow:hidden;background:#101314}
.lyric-thumb img{position:absolute;left:50%;top:0;width:auto;height:100%;max-width:none;transform:translateX(-50%);transition:transform .45s ease}
.lyric-card:hover .lyric-thumb img{transform:translateX(-50%) scale(1.018)}
.lyric-meta{display:flex;justify-content:space-between;gap:15px;padding-top:13px;font-size:.74rem}
.lyric-meta span:last-child{color:var(--muted);font-size:.65rem;letter-spacing:.08em}
@media(max-width:760px){.lyric-showcase{margin-top:78px;padding-top:36px}.lyric-heading{display:block}.lyric-heading>a{margin-top:30px;width:100%;justify-content:space-between}.lyric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 12px}.lyric-meta{font-size:.68rem}.lyric-thumb{aspect-ratio:9/16}}

.past-list{border-top:1px solid rgba(255,255,255,.13)}
.past-row{grid-template-columns:130px 1fr;padding:22px 0;border-bottom:1px solid rgba(255,255,255,.13)}
.news-row{grid-template-columns:130px 1fr auto;transition:padding .25s,background .25s}.news-row:hover{padding-left:12px;background:rgba(255,255,255,.025)}
.past-row time{font-size:.72rem;letter-spacing:.1em;color:#9fb3bd}
.past-row>div{display:grid;grid-template-columns:64px 1fr;align-items:center;gap:3px 16px}
.past-row p{font-size:.9rem;line-height:1.55}
.past-row small{grid-column:2;font-size:.68rem;color:#8299a4}
.event-type{display:inline-block;font-size:.56rem;letter-spacing:.15em;color:var(--blue);border:1px solid rgba(159,217,241,.42);padding:2px 7px;width:max-content}
.media-type{color:#fff;border-color:rgba(255,255,255,.36)}
@media(max-width:760px){.past-row{grid-template-columns:1fr;gap:10px}.past-row time{grid-column:1}.past-row>div{grid-column:1;grid-template-columns:55px 1fr}.past-row small{grid-column:2}.news-row{grid-template-columns:1fr auto}.news-row>span:last-child{grid-column:2;grid-row:1/3}}

/* iiyu signature logo */
.brand-logo{position:relative;display:block;width:68px;height:66px;overflow:visible;flex:0 0 auto}
.brand-logo img{position:absolute;width:150px;height:150px;max-width:none;left:50%;top:50%;transform:translate(-50%,-50%);object-fit:contain;filter:brightness(0) saturate(100%) invert(15%) sepia(18%) saturate(1272%) hue-rotate(155deg) brightness(91%) contrast(90%)}
.footer-logo{width:82px;height:78px}.footer-logo img{width:180px;height:180px}
@media(max-width:760px){.brand-logo{width:56px;height:56px}.brand-logo img{width:130px;height:130px}.footer-logo{width:68px;height:66px}.footer-logo img{width:150px;height:150px}}

/* Refined about, archive, YouTube, contact, and logo display */
.about-copy{grid-column:2;max-width:540px}
.event-archive-list>.past-row:nth-child(n+4){display:none}
.event-archive-list.expanded>.past-row{display:grid}
.past-more-button{grid-column:2;margin-top:22px;padding:12px 0;border:0;border-bottom:1px solid rgba(255,255,255,.35);background:transparent;color:#dce6eb;font-size:.68rem;letter-spacing:.18em;text-align:left;cursor:pointer}
.past-more-button span{float:right;font-size:1rem;line-height:1;transition:transform .25s}
.past-more-button[aria-expanded="true"] span{transform:rotate(45deg)}
.contact{background:#fff}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:end}
.contact-grid p{margin:0 0 18px;color:var(--muted)}
.contact-grid a{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 2px;font-size:clamp(.9rem,1.8vw,1.35rem);overflow-wrap:anywhere}
.contact-grid a span{margin-left:20px}
.brand-logo img{width:108px;height:108px}
.footer-logo img{width:126px;height:126px}
@media(max-width:760px){.about-copy{grid-column:1}.contact-grid{grid-template-columns:1fr;gap:45px}.past-more-button{grid-column:1}.brand-logo img{width:92px;height:92px}.footer-logo img{width:108px;height:108px}}

/* Goods */
.goods{background:linear-gradient(135deg,#fff 15%,#f3fbff 100%)}
.goods-panel{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:54px 0;display:grid;grid-template-columns:1fr minmax(250px,.7fr);gap:8vw;align-items:end}
.goods-kicker{margin:0 0 18px;font-size:.64rem;letter-spacing:.22em;color:var(--muted)}
.goods-copy{margin:22px 0 0;color:var(--muted);font-size:.86rem}
.goods-link{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--deep);padding:16px 2px;font-size:.78rem;letter-spacing:.1em}
.goods-link span{font-size:1rem}
@media(max-width:760px){.goods-panel{grid-template-columns:1fr;gap:50px;padding:40px 0}.goods-link{width:100%}}