:root{--ink:#171217;--red:#b51f3a;--pink:#d93770}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:"Sawarabi Gothic",sans-serif}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}.hero{position:relative;min-height:max(680px,100svh);overflow:hidden;background:#f3dfe8 url("assets/fv-background.png") center/cover no-repeat;border-bottom:14px solid var(--ink)}.header{position:relative;z-index:20;display:flex;align-items:flex-start;justify-content:space-between;padding:16px clamp(22px,4.5vw,70px)}.logo{width:clamp(210px,22vw,330px)}.logo img,.hero-copy img,.hashtag,.news-title{mix-blend-mode:multiply}.desktop-nav{display:flex;gap:clamp(19px,2.8vw,45px);padding-top:18px;font-family:"M PLUS Rounded 1c",sans-serif;text-align:center}.desktop-nav a,.desktop-nav span{display:flex;flex-direction:column;align-items:center;min-width:58px}.desktop-nav b{font-size:13.75px;font-weight:900;letter-spacing:.11em}.desktop-nav small{margin-top:7px;font:8.75px "Sawarabi Gothic",sans-serif;white-space:nowrap}.desktop-nav .active small{color:var(--red)}.mobile-menu{display:none}.hero-copy{position:absolute;z-index:5;left:clamp(45px,6.5vw,105px);top:clamp(105px,14svh,145px);bottom:18px;display:flex;width:min(47vw,680px);flex-direction:column;align-items:flex-start}.catchcopy{width:76%;min-height:0;flex:1 1 auto;object-fit:contain;object-position:left bottom;filter:drop-shadow(0 5px 0 rgba(255,255,255,.65));transform:rotate(-1deg)}.character-title{display:flex;flex:0 0 auto;align-items:center;gap:10px;width:66%;margin:1% 0 0 7%}.character-title img{width:34px;height:34px;object-fit:contain}.character-title h1{margin:0;font:900 clamp(19px,2vw,31px) "M PLUS Rounded 1c",sans-serif;white-space:nowrap}.character-title em{color:var(--pink);font-style:normal}.intro{flex:0 0 auto;margin:1% 0 0 10%;font-size:clamp(10px,.95vw,14px);line-height:1.8;letter-spacing:.08em}.oshi{width:47%;max-height:105px;flex:0 0 auto;margin:2% 0 0 1%;object-fit:contain;object-position:left center;transform:rotate(-4deg)}.character-stage{position:absolute;z-index:4;right:clamp(-90px,-4vw,-20px);bottom:-2%;width:min(68vw,980px);height:calc(100% - 88px)}.character{width:100%;height:100%;object-fit:contain;object-position:right bottom;filter:drop-shadow(0 8px 0 rgba(255,255,255,.88)) drop-shadow(0 3px 3px rgba(0,0,0,.2))}.character-message{position:absolute;right:3%;bottom:18%;display:flex;gap:7px;margin:0;align-items:flex-start;font-size:clamp(10px,.9vw,14px);line-height:1.65;letter-spacing:.08em;writing-mode:vertical-rl}.character-message span{padding:8px 5px;color:#fff;background:rgba(23,18,23,.92)}.hashtag{position:absolute;right:3%;bottom:1%;width:32%;transform:rotate(-2deg)}.news{position:relative;padding:clamp(80px,8vw,120px) clamp(24px,8vw,124px) clamp(75px,7vw,105px);background:#fffaf7 url("assets/news-background.png") center/cover no-repeat}.news-title{width:clamp(275px,32vw,470px);margin:0 auto 28px}.news-list{max-width:1160px;margin:auto;border-top:2px solid var(--ink);box-shadow:0 0 45px 28px rgba(255,250,247,.38)}.news-list article{display:grid;grid-template-columns:170px 1fr 95px;align-items:stretch;min-height:108px;border:1px solid var(--ink);border-top:0;background:rgba(255,255,255,.76)}.date{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#fff;background:var(--ink);font:bold 12px Arial}.date span{padding:5px 18px;background:#e9519d;font-size:8px}.news-list article>div:nth-child(2){padding:23px 28px}.news-list h2{margin:0 0 7px;font-size:clamp(13px,1.3vw,18px)}.news-list p{margin:0;font-size:11px}.news-list article>b{align-self:center;font:900 10px Arial}.news-link{display:block;width:clamp(250px,33vw,480px);margin:38px auto 0;transition:.2s}.news-link:hover{transform:translateY(-4px) rotate(-1deg)}.footer{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:50px;min-height:230px;padding:72px clamp(24px,6vw,90px) 34px;color:#fff;background:#111 url("assets/footer-background.png") center top/cover no-repeat;font:700 8px Arial;letter-spacing:.14em}.footer img{width:220px;mix-blend-mode:screen}
@media(max-width:760px){.hero{min-height:1050px;background-position:56% center}.header{align-items:center;padding:9px 14px}.logo{width:190px}.desktop-nav{display:none}.mobile-menu{display:block;position:relative}.mobile-menu summary{display:grid;width:48px;height:48px;padding:12px 9px;align-content:space-between;border:2px solid var(--ink);background:rgba(255,255,255,.85);list-style:none}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu summary i{height:3px;background:var(--ink)}.mobile-menu nav{position:absolute;right:0;top:56px;display:grid;width:min(82vw,320px);padding:18px;background:rgba(23,18,23,.97);box-shadow:8px 9px 0 rgba(181,31,58,.42)}.mobile-menu nav a,.mobile-menu nav span{display:grid;grid-template-columns:105px 1fr;padding:12px 8px;color:#fff;border-bottom:1px solid rgba(255,255,255,.25)}.mobile-menu nav span{opacity:.55}.hero-copy{top:11%;left:14px;width:94vw}.catchcopy{width:84%}.character-title{width:78%;margin-left:1%}.character-title img{width:29px;height:29px}.character-title h1{font-size:21px}.intro{margin-left:3%;font-size:10px}.oshi{width:53%}.character-stage{width:82vw;height:48%;right:50%;bottom:1%;transform:translateX(50%)}.hashtag{right:-12%;width:42%}.news-list article{grid-template-columns:90px 1fr}.news-list article>div:nth-child(2){padding:18px}.news-list article>b{display:none}.news-list p{line-height:1.6}.date time{font-size:9px}.footer{grid-template-columns:1fr;gap:14px}.footer img{width:190px}}
@media(max-width:760px){.hero-copy{bottom:auto;display:block}.catchcopy{object-fit:initial}.oshi{max-height:none}.character-message{display:none}}