:root{--content-max-width: 60rem}.title.svelte-2guhbw{font-family:var(--font-family-header-heavy-italic);font-size:min(13vw,7.8rem);text-transform:uppercase;line-height:1;text-shadow:0 2px 3px var(--brand-color-primary-5);margin-block-end:var(--spacing)}@media screen and (min-width: 768px){.title.svelte-2guhbw{margin-block-end:var(--spacing-small)}}.subtitle.svelte-2guhbw{max-width:48ch;margin:0 auto var(--spacing);font-family:var(--font-family-header);font-style:italic;font-size:var(--font-size-headline-lg);text-transform:uppercase;text-shadow:0 2px 3px var(--brand-color-primary-5)}.prose.svelte-2guhbw{line-height:1.75}.banner-img-wrapper.svelte-2guhbw{width:100%}.banner-img-wrapper.svelte-2guhbw .banner-img:where(.svelte-2guhbw){object-fit:cover;width:100%;height:100%}.video-container.svelte-2guhbw{z-index:1;width:100%;max-width:var(--content-max-width);position:relative}.hero.svelte-2guhbw{display:grid;grid-template:"logo" auto "video" min-content "text" min-content / 100%;justify-items:center;gap:var(--spacing-large)}@media screen and (min-width: 768px){.hero.svelte-2guhbw{gap:4rem}}.hero.svelte-2guhbw .gradient-overlay:where(.svelte-2guhbw){grid-row:1 / -1;grid-column:1 / -1;position:relative;display:block;width:100%;height:100%;background:linear-gradient(to top,rgba(0,0,0,.5),transparent 50%)}.hero.svelte-2guhbw .logo:where(.svelte-2guhbw){grid-area:logo;align-self:end;width:auto;z-index:1;filter:drop-shadow(1px 2px 3px var(--brand-color-primary-2));padding-top:min(50vw,16rem)}.hero.svelte-2guhbw .logo:where(.svelte-2guhbw) svg{height:min(19rem,40vw);width:auto}.hero.svelte-2guhbw .video-container:where(.svelte-2guhbw){grid-area:video;padding:0 var(--spacing)}.hero.svelte-2guhbw .text-container:where(.svelte-2guhbw){grid-area:text;z-index:1;width:100%;max-width:var(--content-max-width);padding:0 var(--spacing) min(4rem,10vw);text-align:center}.hero.svelte-2guhbw .arrow{margin-top:var(--spacing-medium)}.hero.svelte-2guhbw .fg:where(.svelte-2guhbw),.hero.svelte-2guhbw .bg:where(.svelte-2guhbw){grid-row:1 / -1;grid-column:1 / -1;height:101%;width:100%;object-fit:cover;z-index:0;position:relative}.hero.svelte-2guhbw .fg:where(.svelte-2guhbw) picture:first-child{display:contents}@media screen and (min-width: 1024px){.hero.svelte-2guhbw .fg:where(.svelte-2guhbw) picture:first-child{display:none}}.hero.svelte-2guhbw .fg:where(.svelte-2guhbw) picture:last-child{display:none}@media screen and (min-width: 1024px){.hero.svelte-2guhbw .fg:where(.svelte-2guhbw) picture:last-child{display:contents}}@keyframes svelte-2guhbw-float{0%{transform:translateY(0)}to{transform:translateY(-1rem)}}.roster.svelte-2guhbw{margin:0;background-color:var(--brand-color-primary-5);padding-bottom:5rem;overflow:hidden}.roster.svelte-2guhbw .roster-intro:where(.svelte-2guhbw){--banner-height: max(70vh, 22rem);--bg-height: calc(var(--banner-height) + 10%);--char-height: calc(var(--banner-height) + 10%);--char-width: 100%;--slant-start: 106%;--slant-height: 18vw;--char-margins: 0 0 0 0;position:relative;display:grid;grid-template:var(--banner-height) .5fr / 100%;justify-items:center;height:fit-content;overflow:hidden}@media screen and (min-width: 768px){.roster.svelte-2guhbw .roster-intro:where(.svelte-2guhbw){--slant-start: 115%;--bg-height: calc(var(--banner-height) + 30%);--char-height: calc(var(--banner-height) + 8vw)}}@media screen and (min-width: 1248px){.roster.svelte-2guhbw .roster-intro:where(.svelte-2guhbw){--char-height: calc(var(--banner-height) + 14vw);--slant-start: 106%}}@media screen and (min-width: 1920px){.roster.svelte-2guhbw .roster-intro:where(.svelte-2guhbw){--char-height: min(calc(var(--banner-height) + 20%), 60rem);--char-margins: 0 0 0 16%}}@media screen and (min-width: 2400px){.roster.svelte-2guhbw .roster-intro:where(.svelte-2guhbw){--char-margins: 0 0 0 30%}}.roster.svelte-2guhbw .roster-intro:where(.svelte-2guhbw) .bg:where(.svelte-2guhbw){grid-row:1 / span 2;grid-column:1 / -1;width:100%;height:100%}.roster.svelte-2guhbw .roster-intro:where(.svelte-2guhbw) .char:where(.svelte-2guhbw){grid-row:1 / span 2;grid-column:1 / -1;position:relative;z-index:10;pointer-events:none;width:100%;margin:var(--char-margins);max-height:var(--char-height);width:var(--char-width)}.roster.svelte-2guhbw .roster-intro:where(.svelte-2guhbw) .char:where(.svelte-2guhbw) .banner-img:where(.svelte-2guhbw){width:100%;height:100%;object-fit:cover;object-position:bottom}@media screen and (min-width: 1560px){.roster.svelte-2guhbw .roster-intro:where(.svelte-2guhbw) .char:where(.svelte-2guhbw) .banner-img:where(.svelte-2guhbw){width:auto}}.roster.svelte-2guhbw .roster-intro:where(.svelte-2guhbw) .artifacts:where(.svelte-2guhbw){grid-row:1 / span 2;grid-column:1 / -1;align-self:start;margin-top:calc(var(--banner-height) * .35);position:relative;z-index:10;pointer-events:none;animation:svelte-2guhbw-float 2s ease-in-out infinite alternate both}.roster.svelte-2guhbw .roster-intro:where(.svelte-2guhbw) .artifacts:where(.svelte-2guhbw) .banner-img:where(.svelte-2guhbw){margin-left:-20%;width:220%}@media screen and (min-width: 768px){.roster.svelte-2guhbw .roster-intro:where(.svelte-2guhbw) .artifacts:where(.svelte-2guhbw) .banner-img:where(.svelte-2guhbw){margin-left:-10%;width:120%}}@media screen and (min-width: 1248px){.roster.svelte-2guhbw .roster-intro:where(.svelte-2guhbw) .artifacts:where(.svelte-2guhbw) .banner-img:where(.svelte-2guhbw){margin-left:0;width:100%}}.roster.svelte-2guhbw .roster-intro:where(.svelte-2guhbw):before{content:"";position:absolute;z-index:0;bottom:0;left:0;width:100%;height:calc(var(--slant-start) - var(--banner-height));background-color:var(--brand-color-primary-5);clip-path:polygon(0 100%,0% 0%,100% var(--slant-height),100% 100%);margin-bottom:-2px}.roster.svelte-2guhbw .roster-intro-content:where(.svelte-2guhbw){grid-row:2 / span 1;grid-column:1 / -1;display:flex;flex-direction:column;row-gap:var(--spacing-medium);align-items:center;z-index:1;height:fit-content;padding-top:10vw;text-align:center}@media screen and (min-width: 768px){.roster.svelte-2guhbw .roster-intro-content:where(.svelte-2guhbw){flex-direction:row;padding-top:0;text-align:left}}.roster.svelte-2guhbw .roster-intro-text:where(.svelte-2guhbw){max-width:calc(48ch + var(--spacing-large));padding:0}@media screen and (min-width: 768px){.roster.svelte-2guhbw .roster-intro-text:where(.svelte-2guhbw){padding:0 var(--spacing-medium) 0 0}}.roster.svelte-2guhbw .roster-outro:where(.svelte-2guhbw){position:relative;padding:var(--spacing-medium) var(--spacing-medium) 0;text-align:center;margin:0 auto;max-width:78ch}.roster.svelte-2guhbw .roster-outro:where(.svelte-2guhbw) .text-container:where(.svelte-2guhbw){position:relative;z-index:1}.roster.svelte-2guhbw .roster-outro:where(.svelte-2guhbw) a{margin-top:var(--spacing)}.roster.svelte-2guhbw .roster-outro:where(.svelte-2guhbw) .chara:where(.svelte-2guhbw){position:absolute;max-height:calc(100% + 6rem);width:auto;right:-22vw;bottom:-1rem;z-index:0;pointer-events:none;display:none}@media screen and (min-width: 960px){.roster.svelte-2guhbw .roster-outro:where(.svelte-2guhbw) .chara:where(.svelte-2guhbw){display:block;right:-35vw}}@media screen and (min-width: 2040px){.roster.svelte-2guhbw .roster-outro:where(.svelte-2guhbw) .chara:where(.svelte-2guhbw){right:-24vw}}.chara-card-group.svelte-2guhbw{width:100%;display:flex;flex-wrap:nowrap;gap:var(--spacing);margin-bottom:var(--spacing-medium)}.chara-card-item.svelte-2guhbw{min-width:10rem;width:100%}.pre-footer.svelte-2guhbw{--keyart-height: min(50vh, 24rem);margin:0;position:relative;overflow:hidden;display:grid;grid:var(--keyart-height) auto / 100%;justify-items:center}@media screen and (min-width: 768px){.pre-footer.svelte-2guhbw{--keyart-height: min(50vh, 42rem)}}.pre-footer.svelte-2guhbw .bg:where(.svelte-2guhbw){grid-row:1 / -1;grid-column:1 / -1;align-self:start;height:80%;width:100%;object-fit:cover}.pre-footer.svelte-2guhbw .border:where(.svelte-2guhbw){grid-row:1 / -1;grid-column:1 / -1;align-self:end;height:120%;width:100%;object-fit:cover}@media screen and (min-width: 768px){.pre-footer.svelte-2guhbw .border:where(.svelte-2guhbw){height:100%}}.pre-footer.svelte-2guhbw .fg:where(.svelte-2guhbw){grid-row:1 / -1;grid-column:1 / -1;margin-top:-2vh;height:75%}@media screen and (min-width: 768px){.pre-footer.svelte-2guhbw .fg:where(.svelte-2guhbw){margin-top:-12vh;height:90%}}.pre-footer.svelte-2guhbw .content-container:where(.svelte-2guhbw){grid-row:2 / span 1;grid-column:1 / -1;align-self:end;max-width:60rem;width:100%;padding:min(16vw,10rem) var(--spacing) min(8vw,4rem);text-align:center}.pre-footer.svelte-2guhbw .content-container:where(.svelte-2guhbw) .title:where(.svelte-2guhbw),.pre-footer.svelte-2guhbw .content-container:where(.svelte-2guhbw) .subtitle:where(.svelte-2guhbw){color:var(--brand-color-primary-5);text-shadow:0 2px 3px var(--brand-color-secondary-1)}.pre-footer.svelte-2guhbw .download-container:where(.svelte-2guhbw){display:flex;gap:var(--spacing);justify-content:center;margin-top:var(--spacing-medium)}.pre-footer.svelte-2guhbw .download-container:where(.svelte-2guhbw) .download-button:where(.svelte-2guhbw){width:100%}
