/* Anime promotional lettering, captions and controls. Two faces, throughout. */
body.v2{font-kerning:normal;font-synthesis:none}
body.v2 :is(button,input,select,textarea){font-family:var(--body)}
body.v2 :is(h1,h2,h3){font-family:var(--display);font-weight:400;text-transform:uppercase;letter-spacing:-.055em;line-height:1.12}
body.v2 :is(h1,h2,h3) em{font-family:var(--display);font-weight:400;font-style:normal;text-transform:inherit;letter-spacing:-.065em;line-height:1.05}
body.v2 main :is(p,li){font-family:var(--body);font-size:1rem;font-weight:500;line-height:1.65}
body.v2 .handwritten{font:700 1rem/1.45 var(--body);font-style:normal;letter-spacing:.025em}
body.v2 main :is(.edition-label,.editorial-kicker,.sh-eyebrow,.riot-eyebrow,.story-section-label){font:700 .875rem/1.35 var(--body);letter-spacing:.1em;text-transform:uppercase}
body.v2 main :is(.ink-link,.anime-text-link,.story-cast-link,.sh-visit,.sh-back,.riot-visit,.riot-solid-link){font:700 1rem/1.2 var(--body);letter-spacing:.025em;text-transform:uppercase;min-height:48px;border-bottom-width:2px;gap:24px}
body.v2 main :is(.ink-link,.anime-text-link):hover{color:var(--signal-light)}
body.v2 :is(a,button):focus-visible{outline:3px solid var(--signal-light);outline-offset:5px}
body.v2 .story-primary-link{font:700 1rem/1.2 var(--body);text-transform:uppercase;letter-spacing:.03em;min-height:58px;background:var(--signal);color:#fff3df;border:0;padding:18px 28px 18px 22px;clip-path:polygon(0 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%)}
body.v2 .story-primary-link:hover{background:#d04d3d}
body.v2 .story-primary-link:focus-visible{clip-path:none}
.page-home .cover-copy{padding-top:clamp(165px,20svh,220px)}
.page-home .cover-copy .edition-label{font-size:.8125rem;display:table;background:var(--paper);color:var(--ink);padding:8px 14px;letter-spacing:.09em;transform:skew(-6deg);border-bottom:4px solid var(--signal)}
.page-home .cover-copy .cover-deck{font:700 clamp(1.125rem,1.5vw,1.5rem)/1.28 var(--body);text-transform:uppercase;letter-spacing:.035em;max-width:36ch;margin:8px 0 26px}
.page-home .cover-copy .cover-deck strong{font-size:1.2em;line-height:1.35}
.page-home .cover-caption{font:700 .875rem/1.4 var(--body);text-transform:uppercase}
.page-home .cover-caption span+span{font:700 1.125rem/1.25 var(--body);letter-spacing:.035em}
.page-home .cover-scroll{font:700 .9375rem/1.3 var(--body);text-transform:uppercase;letter-spacing:.04em;min-height:44px}
.page-home .scene-motion{font:700 .75rem/1.2 var(--body);text-transform:uppercase;letter-spacing:.055em;min-height:44px}
.page-home .passage-copy h2{font-size:clamp(3.4rem,6vw,6rem);line-height:1.1;letter-spacing:-.055em}
.page-home .passage-copy h2 em{color:var(--paper);-webkit-text-stroke:1px var(--paper)}
.page-home .passage-foot{font:700 .8125rem/1.3 var(--body);text-transform:uppercase;letter-spacing:.04em}
.page-home .chapter-index{border-top:3px solid currentColor;padding-top:18px;align-items:center;font:700 .9375rem/1.2 var(--body);letter-spacing:.055em}
.chapter-index>span:first-child{display:flex;align-items:center;gap:18px}
.chapter-counter{font:400 clamp(2.2rem,3.5vw,3.25rem)/1 var(--display);letter-spacing:-.08em;color:var(--signal)}
.anime-listen .chapter-counter,.anime-elsewhere .chapter-counter{color:var(--signal-light)}
.page-home .cast-copy h2{font-size:clamp(4rem,8.7vw,8rem);line-height:1.03;letter-spacing:-.075em}
.page-home .cast-copy h2 em{font-size:1em;line-height:1.02;margin-left:10%;color:var(--signal);text-shadow:2px 2px 0 var(--ink)}
.page-home .cast-editorial{margin-bottom:24px}
.page-home .cast-deck p{font:700 1.125rem/1.5 var(--body);max-width:22ch}
body.v2 .portrait-number{position:absolute;top:0;left:0;z-index:4;background:var(--paper);color:var(--signal);padding:10px 13px;font:400 1.15rem/1 var(--display);margin:0;clip-path:polygon(0 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%)}
body.v2 .portrait-name{font-family:var(--display);font-weight:400;font-size:clamp(1.75rem,3.5vw,3.6rem);letter-spacing:-.075em;line-height:1.2;margin:-48px -3px 0;padding:4px 12px 10px;transform:skewY(-4deg);background:#1c2022;box-shadow:4px 4px 0 var(--signal);text-shadow:none}
body.v2 .portrait-name>span{font-size:1.125rem;margin-right:0}
body.v2 .portrait-note{font:700 .8125rem/1.4 var(--body);letter-spacing:.025em;margin-top:22px;text-transform:uppercase}
.page-home .riot-copy h3{font-size:clamp(2.7rem,4.5vw,4.2rem);line-height:1.15}
.page-home .riot-copy h3 em{font-size:1em;color:var(--signal)}
.page-home .riot-copy>p:not(.editorial-kicker){font-size:1rem;line-height:1.6}
.page-home .riot-ensemble>span{font:700 .875rem/1.4 var(--body);text-transform:uppercase}
.page-home .place-lettering h2{font-size:clamp(4rem,8vw,7.5rem);line-height:1.08}
.page-home .place-lettering h2 em{font-size:1em;color:transparent;-webkit-text-stroke:2px var(--paper);paint-order:stroke fill}
.page-home .place-coordinates small{font:700 .8125rem/1.4 var(--body);text-transform:uppercase;letter-spacing:.07em}
.page-home .place-coordinates a>span{font:700 1.375rem/1.2 var(--body);text-transform:uppercase}
.page-home .elsewhere-heading{font-size:clamp(2.9rem,5.7vw,5.5rem);line-height:1.14;max-width:15ch}
.page-home .elsewhere-heading em{margin-left:5%;color:var(--signal-light)}
.page-home .elsewhere-title h3{font-size:clamp(2.3rem,3.5vw,3.4rem);line-height:1.18}
.page-home .elsewhere-title h3 em{color:var(--paper)}
.page-home .elsewhere-title>span:first-child{font:700 .875rem/1.4 var(--body)}
.page-home .jt-editorial h3{font-size:clamp(1.8rem,2.8vw,2.65rem);line-height:1.15;letter-spacing:-.065em}
.page-home .jt-editorial h3 em{color:var(--signal-light)}
.page-home .listen-editorial h2{font-size:clamp(2.8rem,4.9vw,4.8rem);line-height:1.15;letter-spacing:-.055em}
.page-home .listen-editorial h2 em{color:var(--signal-light)}
.page-home .film-caption{font:700 .9375rem/1.4 var(--body);text-transform:uppercase}
.page-home .film-caption>span{font-size:.8125rem}
.page-home .film-watch{font:700 .875rem/1.2 var(--body);text-transform:uppercase;background:#1c2022;padding:10px 14px}
.page-home .lore-footnote{font:700 .9375rem/1.3 var(--body);text-transform:uppercase}
.page-home .lore-footnote strong{font-size:1.25rem}
body.v2 .v2-footer{border-top:3px solid #eee7d871;padding-top:42px;gap:36px}
body.v2 .footer-word{font:400 clamp(2.4rem,4.4vw,4.5rem)/1.2 var(--display);letter-spacing:-.075em;transform:skew(-6deg)}
body.v2 .footer-word span{font:700 .875rem/1 var(--body);letter-spacing:.6em;margin-top:8px}
body.v2 .v2-footer>div{gap:0;font:700 1rem/1.4 var(--body);text-transform:uppercase}
body.v2 .v2-footer>div a{min-height:44px;display:flex;align-items:center}
body.v2 .footer-note{font:700 .75rem/1.5 var(--body);letter-spacing:.1em;text-transform:uppercase}
body.v2 .portal-transition span{font:400 clamp(2rem,5vw,5rem)/1.2 var(--display);text-transform:uppercase;letter-spacing:-.06em}
body.v2 .person-heading h1{font-size:clamp(5rem,11vw,10rem);line-height:1.1}
body.v2 .person-line,body.v2 .riot-person-copy>p:not(.riot-eyebrow){font-size:1rem;line-height:1.6}
body.v2 .person-nav a,body.v2 .person-heading>.back{font:700 .9375rem/1.3 var(--body);text-transform:uppercase}
body.v2 :is(.picture-expand,.wardrobe-label,.person-sheet>button>span,.riot-sheet-grid span){font:700 .875rem/1.4 var(--body);text-transform:uppercase}
body.v2 .sirens-title h1{font-size:clamp(3.7rem,7.5vw,7rem);line-height:1.15;max-width:12ch}
body.v2 .cast-chapter h2{font-size:clamp(2.8rem,4.8vw,4.5rem);line-height:1.15}
body.v2 .riot-mast h1{font-size:clamp(4rem,8vw,7.5rem);line-height:1.1}
body.v2 .riot-portrait-label strong{font-size:clamp(1.7rem,3.7vw,3.5rem);line-height:1.15}
body.v2 .riot-portrait-label small{font:700 .875rem/1.4 var(--body)}
body.v2 .riot-person-copy h1{font-size:clamp(4.8rem,9vw,8.5rem);line-height:1.15}
body.v2 .riot-person-copy blockquote{font:700 1.5rem/1.25 var(--body);text-transform:uppercase;letter-spacing:.015em}
body.v2 :is(.riot-manifesto h2,.riot-notes h2,.sh-section-title h2,.sh-history h2){font-size:clamp(2.5rem,4.5vw,4.25rem);line-height:1.18}
body.v2 .riot-section-heading h2{font-size:clamp(2rem,3.3vw,3.15rem);line-height:1.2}
body.v2 .sh-story-title .sh-eyebrow{font-size:.875rem}
body.v2 .sh-story-deck{font-size:1rem;line-height:1.6;max-width:43ch}
body.v2 .sh-story-edge{font:700 1.25rem/1.3 var(--body);text-transform:uppercase;letter-spacing:.02em;max-width:18ch}
body.v2 .sh-story-premise h2{font-size:clamp(2.5rem,4.5vw,4.3rem);line-height:1.15}
body.v2 .sh-story-premise h2 em{font-size:1em;color:var(--signal)}
body.v2 .sh-door h2{font-size:clamp(2.3rem,3.8vw,3.6rem);line-height:1.15}
body.v2 .sh-door h2 em{font-size:1em;line-height:1.15}
body.v2 .sh-person h3{font:400 clamp(1.5rem,2.4vw,2.3rem)/1.2 var(--display);letter-spacing:-.06em}
body.v2 .sh-pair-gallery h3{font:700 1.4rem/1.3 var(--body);letter-spacing:.01em;text-transform:uppercase}
body.v2 .sh-vale-cover h1{font-size:clamp(3.5rem,7.5vw,7rem);line-height:1.15}
body.v2 .mina-opening h1,body.v2 .video-opening h1{font-size:clamp(3.5rem,7vw,6.5rem);line-height:1.13}
body.v2 .explorer-name{font-size:clamp(3rem,6vw,6rem);line-height:1.13;max-width:14ch}
body.v2 .explorer-description{font-size:1rem;line-height:1.5;max-width:38ch}
body.v2 :is(.explorer-friend,.explorer-full,.explorer-filters button){font:700 .9375rem/1.3 var(--body);text-transform:uppercase;min-height:44px}
body.v2 .explorer-kind,body.v2 .explorer-masthead h1{font:700 .875rem/1.3 var(--body)}
body.v2 .explorer-count,body.v2 .explorer-stop>span{font:700 .8125rem/1.3 var(--body)}
body.v2 .explorer-directory-top>span{font:700 .875rem/1.3 var(--body);text-transform:uppercase}
body.v2 :is(.art-close,.movie-close,.explorer-art-close,.companion-close){font:700 .9375rem/1.3 var(--body);text-transform:uppercase;min-height:44px}
body.v2 .movie-title,body.v2 .movie-external{font:700 1rem/1.4 var(--body)}
body.v2 :is(.riot-portrait-label strong,.riot-next strong){font-family:var(--display);font-weight:400;font-style:normal;letter-spacing:-.06em}
body.v2 .riot-number{font:400 1.25rem/1.3 var(--display)}
body.v2 .riot-crew-nav{font:700 1.125rem/1.4 var(--body)}
body.v2 .riot-full-sheet span{font:700 1rem/1.5 var(--body);text-transform:uppercase}
body.v2 .sh-red-moon p:not(.sh-eyebrow){font:700 1.125rem/1.5 var(--body);text-transform:uppercase}
body.v2 .video-item,body.v2 .video-item>div{min-width:0}
body.v2 .video-item h3{overflow-wrap:anywhere}
body.v2 .video-item .handwritten{color:#814336}
body.v2 .directory-close,body.v2 .site-header .menu-toggle{font:700 1rem/1.3 var(--body);text-transform:uppercase}
body.v2 .directory-story>a{font:700 1rem/1.4 var(--body);text-transform:uppercase}
body.v2 .directory-head p,body.v2 .directory-other>span{font:700 .8125rem/1.4 var(--body);text-transform:uppercase}
@media(max-width:760px){
  .page-home .cover-copy{padding-top:440px;padding-bottom:110px}
  .page-home .cover-copy .edition-label{font-size:.75rem;max-width:none;display:block;width:max-content;max-width:100%;padding:8px 10px}
  .page-home .cover-copy .cover-deck{font-size:1rem;margin:4px 0 20px;max-width:29ch}
  .page-home .cover-story-actions{gap:8px 18px}
  body.v2 .story-primary-link{font-size:.9375rem;padding:14px 20px 14px 16px;gap:20px;min-height:52px}
  body.v2 .story-cast-link{font-size:.875rem;gap:12px}
  .page-home .anime-cover{height:1030px;min-height:1030px}
  .page-home .cover-caption{font-size:.75rem;right:6%;top:365px;bottom:auto}
  .page-home .cover-caption span+span{font-size:.875rem}
  .page-home .cover-scroll{font-size:.8125rem;bottom:28px;left:6%}
  .page-home .scene-motion{font-size:.6875rem;bottom:28px;right:6%}
  .page-home .passage-copy h2{font-size:13vw;line-height:1.13}
  .page-home .passage-foot{font-size:.6875rem;max-width:48%}
  .page-home .chapter-index{font-size:.75rem;gap:15px}.chapter-index>span:first-child{gap:12px}.chapter-counter{font-size:2rem}
  .page-home .cast-copy h2{font-size:15.5vw;line-height:1.1}.page-home .cast-copy h2 em{font-size:1em;margin-left:7%}
  .page-home .cast-deck{max-width:none;margin-top:24px}.page-home .cast-deck p{font-size:1.125rem}
  body.v2 .portrait-name{font-size:8vw;margin-top:-41px;padding:5px 8px 8px}.portrait-jules .portrait-name{font-size:13vw}
  body.v2 .portrait-note{font-size:.75rem;margin-top:18px}
  .page-home .riot-copy h3{font-size:11vw}.page-home .place-lettering h2{font-size:16vw;line-height:1.15}
  .page-home .elsewhere-heading{font-size:10vw;line-height:1.18}.page-home .elsewhere-heading em{margin-left:0}
  .page-home .elsewhere-title h3{font-size:9.5vw}.page-home .jt-editorial h3{font-size:8vw}
  .page-home .listen-editorial h2{font-size:12vw;line-height:1.17}
  .page-home .place-coordinates a>span{font-size:1.125rem}.page-home .place-coordinates small{font-size:.75rem}
  .page-home .film-caption{font-size:.875rem}.page-home .film-caption>span{font-size:.75rem;max-width:17ch;text-align:right}
  body.v2 .v2-footer>div{justify-self:start;font-size:.875rem}.page-home .lore-footnote{font-size:.75rem}.page-home .lore-footnote strong{font-size:1rem}
  body.v2 .sirens-title h1{font-size:15vw}.page-sirens .cast-chapter h2{font-size:10vw}
  body.v2 .person-heading h1{font-size:21vw}.page-person .person-heading .handwritten{font-size:1rem}
  body.v2 :is(.person-intro h2,.wardrobe h2,.person-sheet h2){font-size:9.7vw;line-height:1.2}
  body.v2 .person-nav{gap:5px}.person-nav a{font-size:.8125rem}
  body.v2 .riot-mast h1{font-size:15vw}.riot-portrait-label strong{font-size:8vw}
  body.v2 .riot-person-copy h1{font-size:18vw}
  body.v2 :is(.riot-manifesto h2,.riot-notes h2,.riot-section-heading h2){font-size:9vw}
  body.v2 .mina-opening h1{font-size:11vw}body.v2 .video-opening h1{font-size:14vw}
  body.v2 .video-item h3{font-size:1.65rem;line-height:1.25}
  body.v2 .place-escape h2{font-size:10vw;line-height:1.2}
  body.v2 .coastal-chapter h2{font-size:10.5vw;line-height:1.18}
  body.v2 .sh-section-title h2{font-size:9vw;line-height:1.2}
  body.v2 .riot-crew-nav{gap:5vw;font-size:.9375rem}
  body.v2 .mina-stories h2,body.v2 .companions h2{font-size:9.5vw;line-height:1.2}
  body.v2 .sh-story-title{bottom:95px}.sh-story-title h1{margin-bottom:18px}
  body.v2 .sh-story-title .sh-eyebrow{font-size:.75rem}.sh-story-edge{font-size:.9375rem!important;bottom:25px}
  body.v2 .sh-story-premise h2{font-size:10vw}.sh-story-premise{gap:22px}
  body.v2 .sh-door h2{font-size:10vw}.sh-door h2 em{font-size:1em}
  body.v2 .sh-vale-cover h1{font-size:16vw}.sh-section-title h2,.sh-history h2{font-size:9.5vw}
  body.v2 .explorer-name{font-size:10vw;line-height:1.15;max-width:15ch}
  body.v2 .explorer-description{font-size:.9375rem;line-height:1.45;max-width:35ch}
  body.v2 .explorer-friend,body.v2 .explorer-full{font-size:.8125rem}
  body.v2 .explorer-masthead h1{font-size:.75rem}.explorer-kind{font-size:.75rem!important}
  body.v2 .explorer-filters button{font-size:.75rem}.explorer-directory-top>span{font-size:.75rem!important}
  body.v2 .explorer-stop>span{font-size:.6875rem}.explorer-count{font-size:.6875rem!important}
}
@media(prefers-reduced-motion:no-preference){
  .page-home .cover-copy .edition-label{animation:type-label-in .65s cubic-bezier(.2,.8,.2,1) both}
  .page-home .cover-copy .cover-deck{animation:type-copy-in .7s .12s cubic-bezier(.2,.8,.2,1) both}
  @keyframes type-label-in{from{opacity:0;transform:translateX(-18px) skew(-6deg)}to{opacity:1;transform:skew(-6deg)}}
  @keyframes type-copy-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
}