.top-page :is(#character,#news,#sponsor,#project-entry,#download-entry,#about-entry) .top-character-preview__heading h2{position:relative!important;isolation:isolate!important;margin:0!important;padding:2px 24px 2px 0!important;display:flex!important;gap:20px!important;align-items:center!important;color:white!important;font:300 italic 32px/1.4 "Avenir Next","Century Gothic","Segoe UI Light",sans-serif!important;letter-spacing:.075em!important}
.top-page :is(#character,#news,#sponsor,#project-entry,#download-entry,#about-entry) .top-character-preview__heading h2 small{font:400 17px/1.2 "Yu Gothic UI","Noto Sans JP",sans-serif!important;letter-spacing:.12em!important}
.top-page :is(#character,#news,#sponsor,#project-entry,#download-entry,#about-entry) .top-character-preview__heading h2::before{content:""!important;position:absolute!important;inset:0 0 0 -24px!important;z-index:-1!important;background:#79c9d6!important;clip-path:polygon(20px 0,100% 0,calc(100% - 20px) 100%,0 100%)!important;mask-image:linear-gradient(#000,#000)!important;mask-repeat:no-repeat!important;mask-size:100% 100%;mask-position:left center!important}
.top-page :is(#character,#news,#sponsor,#project-entry,#download-entry,#about-entry) .top-character-preview__heading h2::before{width:auto!important;height:auto!important}
.top-page :is(#character,#news,#sponsor,#project-entry,#download-entry,#about-entry) .top-character-preview__heading{column-gap:24px}
.top-page :is(#character,#news,#sponsor,#project-entry,#download-entry,#about-entry) .top-character-preview__heading p{color:#55565c!important;font:350 14px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP","Yu Gothic UI",Meiryo,sans-serif!important;letter-spacing:.035em!important;margin:12px 0 0!important}
@media(max-width:767px){.top-page :is(#character,#news,#sponsor,#project-entry,#download-entry,#about-entry) .top-character-preview__heading{column-gap:16px}.top-page :is(#character,#news,#sponsor,#project-entry,#download-entry,#about-entry) .top-character-preview__heading h2{font-size:26px!important;flex-direction:column!important;align-items:flex-start!important;gap:2px!important;padding:8px 16px 9px 0!important;line-height:1.05!important}.top-page :is(#character,#news,#sponsor,#project-entry,#download-entry,#about-entry) .top-character-preview__heading h2::before{left:-20px!important}.top-page :is(#character,#news,#sponsor,#project-entry,#download-entry,#about-entry) .top-character-preview__heading h2 small{font-size:14px!important}}
.top-page :is(#character,#news,#sponsor,#project-entry,#download-entry,#about-entry) .top-character-preview__heading{display:grid!important;grid-template-columns:minmax(0,max-content) minmax(24px,1fr)!important;align-items:center!important;row-gap:0!important;margin:0 0 28px!important;padding:0!important;width:100%!important;max-width:none!important}.top-page :is(#character,#news,#sponsor,#project-entry,#download-entry,#about-entry) .top-character-preview__heading h2{grid-column:1!important;grid-row:1!important;flex-direction:row!important;flex-wrap:nowrap!important}.top-page :is(#character,#news,#sponsor,#project-entry,#download-entry,#about-entry) .top-character-preview__heading p{grid-column:1 / -1!important;grid-row:2!important}.top-page :is(#character,#news,#sponsor,#project-entry,#download-entry,#about-entry) .top-character-preview__heading p span{font:inherit!important;letter-spacing:inherit!important}.top-page :is(#character,#news,#sponsor,#project-entry,#download-entry,#about-entry) .top-character-preview__heading::after{grid-column:2!important;grid-row:1!important;height:1px!important;align-self:center!important;transform-origin:left!important}
@media(max-width:767px){.top-page :is(#character,#news,#sponsor,#project-entry,#download-entry,#about-entry) .top-character-preview__heading h2{flex-direction:column!important}}
.top-page :is(#character,#news,#sponsor,#project-entry,#download-entry,#about-entry) .top-character-preview__heading h2::before,.top-page :is(#character,#news,#sponsor,#project-entry,#download-entry,#about-entry) .top-character-preview__heading::after{animation:none!important}.top-page :is(#character,#news,#sponsor,#project-entry,#download-entry,#about-entry) .top-character-preview__heading.top-heading-pending h2::before{mask-size:0% 100%}.top-page :is(#character,#news,#sponsor,#project-entry,#download-entry,#about-entry) .top-character-preview__heading.top-heading-pending::after{transform:scaleX(0)}.top-page :is(#character,#news,#sponsor,#project-entry,#download-entry,#about-entry) .top-character-preview__heading.top-heading-visible h2::before{animation:top-heading-band 650ms ease-out both!important}.top-page :is(#character,#news,#sponsor,#project-entry,#download-entry,#about-entry) .top-character-preview__heading.top-heading-visible::after{animation:top-heading-line 650ms ease-out both!important}@keyframes top-heading-band{from{mask-size:0% 100%}to{mask-size:100% 100%}}@keyframes top-heading-line{from{transform:scaleX(0)}to{transform:scaleX(1)}}@media(prefers-reduced-motion:reduce){.top-page :is(#character,#news,#sponsor,#project-entry,#download-entry,#about-entry) .top-character-preview__heading h2::before,.top-page :is(#character,#news,#sponsor,#project-entry,#download-entry,#about-entry) .top-character-preview__heading::after{animation:none!important;mask-size:100% 100%!important;transform:none!important}}