.hero-caption {display:none}
.site-sections > * {min-width:0}
.site-shell {scroll-behavior:smooth}
@media(min-width:600px) and (max-width:767px){
 .site-stage{padding:24px}.site-shell{width:100%;max-width:520px;border-radius:12px;height:calc(100dvh - 48px)}
}
@media(min-width:768px){
 .site-stage{padding:24px}
 .site-shell{width:100%;max-width:1100px;height:calc(100dvh - 48px);border-radius:16px}
 .site-shell .max-w-3xl{max-width:none}
 .site-shell header{height:420px;background-size:auto 100%!important;background-position:right center!important;padding:28px 32px}
 .site-shell header .website-header-gradient{inset:0;height:100%;background:linear-gradient(90deg,#242424 10%,#242424f5 35%,#24242400 75%),linear-gradient(0deg,#242424 0%,#24242400 22%)}
 .hero-logo-wrap{align-items:center;justify-content:flex-start;padding-bottom:30px}
 .hero-logo-wrap img{max-width:320px!important;max-height:110px!important;width:45%}
 .hero-caption{display:block;position:absolute;z-index:10;left:32px;top:265px;color:#bdbdbd;font-size:14px;letter-spacing:.03em}
 .menu-scroll{gap:8px;padding:16px 24px;justify-content:space-between;border-bottom:1px solid #3a3a3a;margin-bottom:24px}
 .menu-scroll li{padding:10px 14px!important}
 .menu-scroll a{font-size:15px}
 .site-sections{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 0;padding:0 8px}
 .site-sections>[data-section-type="LINKS"],.site-sections>[data-section-type="GALLERY"]{grid-column:1/-1}
 .site-sections>[data-section-type="LINKS"]>ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
 .site-sections h1{font-size:20px!important;margin-bottom:4px}
 .mix-title{font-size:15px;min-height:44px;display:flex;align-items:flex-end}
 .mix-player{padding:14px;gap:14px}
 .mix-art-link{width:96px;height:96px;flex-basis:96px}
 .mix-artist{font-size:13px}.mix-times{font-size:11px}
 .site-sections>[data-section-type="YOUTUBE"] li button{width:100%;min-width:280px}
 .site-sections>[data-section-type="YOUTUBE"] section>ul>li{flex:0 0 95%}
 .site-sections>[data-section-type="GALLERY"] li button{width:190px}
 .site-sections>[data-section-type="TEXT"] .website-text{color:#b9d6c7;font-size:16px;line-height:1.75}
 .site-shell>.h-full{height:auto;min-height:100%}
 #detail{width:min(90vw,820px);padding:32px}
 #detail img{max-width:100%}
}
@media(min-width:1180px){
 .site-stage{padding:32px}
 .site-shell{max-width:1180px;height:calc(100dvh - 64px)}
 .site-shell header{height:440px;padding:32px 48px}
 .hero-logo-wrap img{max-width:420px!important;max-height:140px!important;width:42%}
 .hero-caption{left:48px;top:285px;font-size:16px}
 .site-shell header .website-header-gradient{background:linear-gradient(90deg,#242424 10%,#242424f5 48%,#24242400 80%),linear-gradient(0deg,#242424 0%,#24242400 22%)}
 .menu-scroll{padding:18px 40px;justify-content:flex-start;gap:20px;margin-bottom:32px}
 .menu-scroll a{font-size:16px}
 .site-sections{padding:0 24px;gap:48px 8px}
 .site-sections>[data-section-type="LINKS"]>ul{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
 .mix-title{font-size:14px;min-height:42px}
 .mix-player{padding:12px;gap:12px}.mix-art-link{width:88px;height:88px;flex-basis:88px}
 .site-sections>[data-section-type="YOUTUBE"] section>ul>li{flex-basis:100%}
 .site-sections>[data-section-type="GALLERY"] li button{width:210px}
}
@media(prefers-reduced-motion:reduce){.site-shell{scroll-behavior:auto}}