.detail{--stage-w:40vw}main{animation:content-in .9s var(--ease) both}@keyframes content-in{0%{opacity:0}}@keyframes content-in-up{0%{opacity:0;transform:translateY(14px)}}.detail__art{animation:art-rise 1.1s var(--ease) .1s both}@keyframes art-rise{0%{opacity:0;transform:translateY(clamp(80px,16vh,160px))}}.hero-marquee{animation:content-in 1.4s var(--ease) .5s both}.detail{padding:38.2vh clamp(28px,5vw,64px) 0}.detail__hero{text-align:center;padding:0 0 clamp(30px,5vh,60px);position:relative}.hero-marquee{white-space:nowrap;z-index:0;pointer-events:none;-webkit-user-select:none;user-select:none;width:100vw;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.hero-marquee__track{white-space:nowrap;line-height:1.3;font-family:var(--font-castoro), var(--serif);letter-spacing:.06em;color:var(--paper);opacity:.5;font-size:clamp(64px,9vw,150px);font-weight:400;animation:70s linear infinite marq;display:inline-block}@keyframes marq{0%{transform:translate(0)}to{transform:translate(-50%)}}.detail__art{z-index:1;position:relative}.detail .work__frame{background:var(--paper);max-width:100%;box-shadow:0 2px 4px var(--shadow), 0 18px 44px -14px var(--shadow);padding:clamp(10px,1.1vw,18px) clamp(10px,1.1vw,18px) clamp(14px,1.6vw,26px);display:inline-block}.detail__art .work__frame img{width:var(--stage-w);max-width:100%;height:auto;margin:0 auto;display:block}.detail__credits{margin-top:clamp(60px,10vh,110px)}.detail__year,.detail__category{box-sizing:border-box;vertical-align:middle;height:24px;font-family:var(--font-body);border:1px solid #0000;align-items:center;font-size:12px;font-weight:700;line-height:1;display:inline-flex}.detail__year{letter-spacing:.4em;color:#fff;background:#141613c7;padding:0 4px 0 9px}.detail__category{letter-spacing:.22em;text-transform:uppercase;color:var(--ink-faint);border-color:var(--ink-ghost);margin-left:8px;padding:0 3px 0 8px}.detail__artist{font-family:var(--font-body);color:var(--ink-faint);margin-top:18px;font-size:16px}.detail__title{font-family:var(--font-body);letter-spacing:.04em;margin-top:2px;font-size:clamp(21px,2.2vw,26px);font-weight:600;line-height:1.7}.detail__role{font-family:var(--font-body);letter-spacing:.18em;color:var(--ink-faint);margin-top:14px;font-size:14px}.detail__body{font-family:var(--font-body);letter-spacing:.05em;white-space:pre-line;overflow-wrap:break-word;font-size:18px;line-height:2.1}.detail__body strong{font-weight:700}.detail__body .sched__pref:before,.detail__body .sched__venue:before{content:"　"}@media (min-width:1000px){.detail__credits{grid-template-columns:calc((100vw - var(--stage-w)) / 2 - clamp(28px, 5vw, 64px)) minmax(0, 1fr);align-items:stretch;gap:0;display:grid}.detail__meta-col{grid-column:1}.detail__meta{z-index:15;pointer-events:none;opacity:0;max-width:min(330px,24vw);transition:opacity .9s var(--ease);position:fixed;top:34px;bottom:auto;left:clamp(28px,5vw,64px)}body.header-gone.in-body .detail__meta,body.header-gone.past-body .detail__meta{opacity:1}.detail__main{grid-column:2}.detail__body{max-width:min(60vw,900px)}.detail__yt,.detail__extra{width:var(--stage-w);max-width:100%}.detail-nav{pointer-events:none;opacity:1;margin:0;padding:0;display:block;position:fixed;inset:0}.detail-nav a{pointer-events:auto;opacity:0;max-width:none;transition:opacity 1s var(--ease), border-color .6s var(--ease);align-items:center;gap:.7em;display:inline-flex;position:fixed;bottom:40px}.detail-nav #prevLink{left:clamp(28px,5vw,64px)}.detail-nav #nextLink{right:clamp(28px,5vw,64px)}.detail-nav #prevLink:before{content:"←";font-size:1.05em;line-height:1}.detail-nav #nextLink:after{content:"→";font-size:1.05em;line-height:1}.detail{padding-bottom:clamp(200px,32vh,360px)}body.past-body .detail-nav a{opacity:1;transition-delay:.45s}}@media (max-width:999px){.detail__meta{border-bottom:1px solid var(--ink-ghost);margin-bottom:0;padding-bottom:28px}}.detail__extra{text-align:center;margin-top:40px}.detail__extra .work__frame{padding-bottom:clamp(10px,1.1vw,18px)}.detail__extra .work__frame img{max-width:100%;height:auto;display:block}.detail__yt{gap:22px;margin-top:40px;display:grid}.yt{aspect-ratio:16/9;cursor:pointer;background:#1c1e1b;border:none;width:100%;padding:0;display:block;position:relative;overflow:hidden}.yt img{object-fit:cover;opacity:.92;width:100%;height:100%;transition:opacity .6s var(--ease), transform .9s var(--ease);display:block}.yt:hover img{opacity:1;transform:scale(1.02)}.yt__play{width:62px;height:62px;transition:transform .5s var(--ease);pointer-events:none;background:#edefebe6;border-radius:50%;justify-content:center;align-items:center;margin:auto;display:flex;position:absolute;inset:0}.yt:hover .yt__play{transform:scale(1.08)}.yt__play:after{content:"";border-style:solid;border-width:9px 0 9px 15px;border-color:transparent transparent transparent var(--ink);margin-left:4px}.yt iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.detail-nav{width:100%;font-family:var(--font-castoro), var(--serif);letter-spacing:.12em;justify-content:space-between;align-items:center;gap:20px;margin:0 auto;padding:clamp(200px,38vh,420px) clamp(28px,5vw,64px) clamp(80px,14vh,160px);font-size:16px;display:flex}.detail-nav a{color:var(--ink);transition:border-color .6s var(--ease);white-space:nowrap;text-overflow:ellipsis;border-bottom:1px solid #0000;max-width:38%;text-decoration:none;overflow:hidden}.detail-nav a:hover{border-color:var(--ink)}.detail-nav a{letter-spacing:.3em;flex:none}.detail-nav a:empty{visibility:hidden}.detail-nav #nextLink{margin-left:auto}.detail-nav a:empty:after{content:"PREV"}@media (max-width:999px){.detail{--stage-w:78vw;padding-top:23.6vh}.detail__hero{padding:0 0 20px}.hero-marquee{width:100vw;margin-bottom:20px;margin-left:calc(50% - 50vw);position:static;transform:none}.hero-marquee__track{font-size:clamp(44px,13vw,64px);animation-duration:30s}.detail-nav{padding-top:clamp(100px,18vh,170px);padding-bottom:clamp(60px,9vh,100px)}.detail .work__frame{padding:8px 8px 12px}.detail__art .work__frame img{width:var(--stage-w);height:auto}.detail__credits{margin-top:52px}.detail__main{width:var(--stage-w);margin:36px auto 0}.detail__meta{width:var(--stage-w);margin-left:auto;margin-right:auto}.detail__title{font-size:22px}.detail__body{font-size:17px;line-height:1.85}.detail__body .sched{margin-bottom:.7em;display:block}.detail__body .sched__when{letter-spacing:.1em;color:var(--ink-faint);font-size:.84em;display:block}.detail__body .sched__venue{display:block}.detail__body .sched__venue:before{content:none}.detail__artist{font-size:17px}.detail__role{font-size:15px}.detail-nav{animation:content-in-up .9s var(--ease) both}}
