/* September 13: one journey, from the night exterior to the people inside it. */
body.page-home{background:var(--ink);color:var(--paper);font:400 15px/1.65 var(--body)}
.page-home main{overflow:clip}
.page-home main>section{position:relative}
.page-home main>section::after{content:'';position:absolute;inset:0;z-index:5;pointer-events:none;background:url('/assets/editorial-grain.webp');opacity:.07;mix-blend-mode:soft-light}
.page-home .textured-paper::after{mix-blend-mode:multiply;opacity:.12}
.page-home em{font:italic 400 1em/.95 var(--accent);letter-spacing:-.065em}
.edition-label,.editorial-kicker{font:600 10px/1.5 var(--body);letter-spacing:.2em;text-transform:uppercase}
.anime-text-link{display:inline-flex;gap:30px;align-items:center;padding:12px 0;border:0;border-bottom:1px solid currentColor;background:none;color:inherit;font:600 12px/1.5 var(--body);text-align:left;transition:color .2s}
.anime-text-link>span{font-size:22px;font-weight:400;transition:transform .25s}
.anime-text-link:hover>span{transform:translate(3px,-3px)}
.anime-text-link:hover{color:var(--accent-color)}
.chapter-index{display:flex;justify-content:space-between;gap:24px;border-top:1px solid #8e8b8266;padding-top:16px;font:500 10px/1.5 var(--body);letter-spacing:.16em;text-transform:uppercase;position:relative;z-index:4}
.chapter-index a{display:flex;gap:24px}
.anime-cover{min-height:760px;height:100svh;max-height:1160px;isolation:isolate;background:#202223}
.cover-ghost{position:absolute;left:3%;top:11%;font:900 23vw/.8 var(--display);letter-spacing:-.04em;color:transparent;-webkit-text-stroke:1px #e8e2d516;z-index:-2}
.cover-art{position:absolute;inset:9% 0 0 28%;clip-path:polygon(11% 0,100% 0,100% 100%,0 100%);overflow:hidden;z-index:-1}
.cover-still,.cover-depth{position:absolute;width:100%;height:100%;object-fit:cover;object-position:50% 50%;inset:0}
.cover-depth{display:none}
.depth-ready .cover-depth{display:block}
.depth-ready .cover-still{opacity:0}
.cover-sky{transform:translateY(calc(var(--travel,0px) * .028))}
.cover-ocean{transform:translateY(calc(var(--travel,0px) * .06))}
.cover-foreground{transform:translateY(calc(var(--travel,0px) * -.018))}
.cover-world-type{font:800 245px/.8 var(--display);letter-spacing:-8px;fill:#eee4d509;stroke:#eee4d563;stroke-width:.6px;transform:translateY(calc(var(--travel,0px) * -.07))}
.cover-art::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#202223bd,transparent 40%),linear-gradient(0deg,#202223,transparent 36%);pointer-events:none}
.cover-rule{position:absolute;left:32%;top:12%;width:62%;height:72%;border:1px solid #e8e2d539;transform:skewX(-8deg);z-index:0;pointer-events:none}
.cover-copy{padding:clamp(165px,24vh,285px) 0 140px 7%;width:72%;position:relative;z-index:2;transform:translateY(calc(var(--travel,0px) * -.045))}
.cover-copy h1{font:900 clamp(116px,13.4vw,220px)/.79 var(--display);letter-spacing:-.035em;text-transform:uppercase;margin:29px 0 30px}
.cover-copy h1 span{color:transparent;-webkit-text-stroke:1.4px var(--paper)}
.cover-copy h1 i{color:#c0957e;font-style:normal}
.cover-copy .cover-deck{font:400 clamp(19px,2vw,28px)/1.4 var(--body);max-width:23ch;margin:30px 0 18px}
.cover-deck em{white-space:nowrap;font-size:1.28em}
.cover-caption{position:absolute;right:4%;bottom:10%;display:flex;flex-direction:column;align-items:end;font-size:10px;letter-spacing:.1em}
.cover-caption span+span{font:italic 19px/1.5 var(--accent);letter-spacing:0}
.cover-scroll{position:absolute;bottom:34px;left:7%;display:flex;gap:45px;align-items:center;font-size:11px}
.cover-scroll>span{font-size:25px}
.scene-motion{position:absolute;right:4%;bottom:34px;padding:7px 0;border:0;border-bottom:1px solid #e8e2d54d;background:transparent;font:500 10px var(--body);color:#e8e2d5;min-height:32px}
.scene-motion[hidden]{display:none}
.arcade-passage{position:relative;isolation:isolate;background:#202223;padding-top:1px}
.night-approach{position:relative;height:76svh;min-height:540px;max-height:820px;isolation:isolate;margin-top:-60px}
.passage-art{position:absolute;inset:0;z-index:-1;overflow:hidden;mask-image:linear-gradient(transparent,#000 18%,#000 78%,transparent)}
.passage-art img,.passage-art video{position:absolute;inset:-30px 0;width:100%;height:calc(100% + 60px);object-fit:cover;object-position:center 50%;transform:translateY(calc(var(--travel,0px) * .025 - 12px))}
.passage-art video{opacity:0;transition:opacity 1.2s ease;pointer-events:none}
.anime-motion .passage-art video.is-playing{opacity:1}
.passage-art::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#101b2cc2,transparent 64%),linear-gradient(0deg,#202223b0,transparent 35%);pointer-events:none}
.passage-copy{position:relative;z-index:2;margin:0 7%;padding:clamp(130px,19svh,200px) 0 90px;max-width:48%}
.passage-copy .edition-label{display:block;margin-bottom:25px;color:#cfc6b8}
.passage-copy h2{font:800 clamp(64px,7.2vw,116px)/.85 var(--display);letter-spacing:-.02em;margin:0 0 25px}
.passage-copy h2 em{font-size:.88em}
.passage-foot{position:absolute;bottom:65px;left:7%;right:7%;display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:.12em;text-transform:uppercase}
.passage-foot .scene-motion{position:static;font-size:10px;letter-spacing:0;text-transform:none}
.page-home .arcade-v5{position:relative;background:#202223;scroll-margin-top:24px;margin-top:-38px}
.page-home .arcade-viewport{max-height:700px;mask-image:linear-gradient(transparent,#000 10%,#000 87%,transparent)}
.page-home .arcade-scene{transform-origin:center 55%}
.page-home .arcade-selector{padding:16px 0 72px}
.page-home .world-choice{color:#c6ae93;border-bottom-color:#b5aa942f}
.page-home .world-choice[data-world=sirens]{color:#cca991}
.page-home .world-sigil{flex-basis:34px;width:34px;height:34px;font-size:30px}
.page-home .riot-sigil{stroke:currentColor}
.page-home .world-wordmark strong{font:800 clamp(29px,3.2vw,46px)/1 var(--display);text-transform:uppercase;letter-spacing:-.02em}
.page-home .world-wordmark small{font:400 10px/1.4 var(--body);letter-spacing:.08em;margin-bottom:8px}
.textured-paper{background:#e9e4d8;color:#242728}
.anime-cast{padding:55px 6% 130px;isolation:isolate}
.anime-cast::before{content:'';position:absolute;inset:0;opacity:.04;pointer-events:none;background-image:radial-gradient(#393831 .65px,transparent .65px);background-size:4px 4px;mask-image:linear-gradient(transparent,#000 25%,transparent)}
.cast-editorial{display:flex;justify-content:space-between;align-items:center;padding:62px 0 0;gap:40px;position:relative}
.cast-copy h2{font:800 clamp(90px,12.3vw,190px)/.73 var(--display);letter-spacing:-.03em;text-transform:uppercase;margin:24px 0 0}
.cast-copy h2 em{display:block;font-size:1.08em;margin:0 0 0 22%;text-transform:none}
.cast-deck{max-width:260px;align-self:center;padding-top:24px;margin-right:6%}
.cast-deck p{font-size:16px;line-height:1.6;margin:0 0 16px}
.riot-feature{display:grid;grid-template-columns:.8fr 1.6fr;align-items:center;gap:7vw;padding-top:70px;margin-top:75px;border-top:1px solid #37382e38}
.riot-copy h3{font:800 clamp(52px,6vw,90px)/.95 var(--display);text-transform:uppercase;margin:20px 0 24px}
.riot-copy h3 em{text-transform:none}
.riot-copy p:not(.editorial-kicker){font-size:13px;margin-bottom:18px}
.riot-ensemble{display:block;position:relative;overflow:hidden}
.riot-ensemble img{width:100%;height:340px;object-fit:cover;object-position:center 43%;transition:transform .6s}
.riot-ensemble:hover img{transform:scale(1.025)}
.riot-ensemble>span{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #262b2b6b;padding-top:12px;margin-top:12px;font-size:10px;letter-spacing:.13em;text-transform:uppercase}
.anime-place{height:790px;isolation:isolate;overflow:hidden;background:#202d2f;margin-top:-55px;clip-path:polygon(0 0,64% 5%,100% 0,100% 100%,0 100%)}
.place-panorama{position:absolute;inset:-60px 0;z-index:-2}
.place-panorama img{width:100%;height:100%;object-fit:cover;transform:translateY(calc(var(--travel,0px) * .06))}
.place-panorama::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#15292dd9,transparent 78%),linear-gradient(0deg,#202629,transparent 42%)}
.place-lettering{padding:140px 7% 0;transform:translateY(calc(var(--travel,0px) * -.022))}
.place-lettering h2{font:800 clamp(100px,11vw,172px)/.8 var(--display);text-transform:uppercase;margin:34px 0}
.place-lettering h2 em{text-transform:none;font-size:.87em}
.place-coordinates{position:absolute;bottom:45px;left:7%;right:7%;display:grid;grid-template-columns:repeat(3,1fr);gap:5vw}
.place-coordinates>a{border-top:1px solid #dfd6c454;padding-top:18px}
.place-coordinates small{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.13em;color:#d6d0c3;margin-bottom:10px}
.place-coordinates a>span{display:flex;justify-content:space-between;font-size:16px}
.anime-elsewhere{padding:55px 6% 90px;background:#202629;isolation:isolate}
.elsewhere-heading{font:800 clamp(65px,7vw,112px)/.9 var(--display);letter-spacing:-.025em;margin:70px 0 50px;position:relative;z-index:3}
.elsewhere-heading em{margin-left:9%}
.elsewhere-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:10%;align-items:start}
.anime-mina{position:relative;display:block;margin-left:-6.9%;margin-top:-15px}
.elsewhere-image{height:690px;overflow:hidden;clip-path:polygon(0 3%,100% 0,95% 100%,0 97%)}
.elsewhere-image img{width:100%;height:100%;object-fit:cover;object-position:center 35%;transition:transform .75s}
.anime-mina:hover img{transform:scale(1.035)}
.elsewhere-image::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#162327f2,transparent 72%);pointer-events:none}
.elsewhere-title{position:absolute;left:10%;bottom:10%;right:5%}
.elsewhere-title>span:first-child{font:500 10px/1.3 var(--body);letter-spacing:.17em;text-transform:uppercase}
.elsewhere-title h3{font:800 clamp(50px,5vw,80px)/.95 var(--display);margin:18px 0 15px}
.anime-jt{padding-top:135px}
.anime-jt-art{display:block;position:relative;border:0;padding:0;width:100%;background:#cfc6b6}
.anime-jt-art>span{display:block;height:380px;position:relative;overflow:hidden}
.anime-jt-art img{position:absolute;width:195%;max-width:none;left:-1%;top:-4%}
.anime-jt-art b{position:absolute;bottom:12px;right:15px;font:400 25px var(--body);color:#fff}
.jt-editorial{padding-top:28px}
.jt-editorial h3{font:800 clamp(40px,4.2vw,65px)/1 var(--display);letter-spacing:-.04em;margin:18px 0 22px}
.jt-editorial p{font-size:13px;line-height:1.8;margin-bottom:14px}
.lore-footnote{display:flex;align-items:center;gap:30px;margin-top:80px;padding-top:22px;border-top:1px solid #d3cab332}
.lore-footnote>span:first-child{font:400 10px var(--body);letter-spacing:.06em;color:#c4beb4}
.lore-footnote>strong{font:600 14px var(--body)}
.lore-footnote>span:last-child{margin-left:auto}
.anime-listen{padding:20px 6% 110px;background:#202629}
.listen-composition{display:grid;grid-template-columns:.75fr 1.25fr;gap:6vw;align-items:center;padding-top:70px}
.listen-editorial h2{font:800 clamp(70px,7.5vw,115px)/.9 var(--display);margin:25px 0 30px}
.listen-editorial>p:not(.editorial-kicker){font-size:13px;line-height:1.8;margin-bottom:18px}
.anime-film{position:relative}
.anime-film-screen{position:relative;display:block;width:100%;border:0;padding:0;overflow:hidden;background:#1e2021}
.anime-film-screen img{width:100%;aspect-ratio:1.65;object-fit:cover;transition:transform .75s}
.anime-film-screen:hover img{transform:scale(1.03)}
.film-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:65px;height:65px;border:1px solid #f6efe285;color:#fff;background:#1e202176;font-size:19px}
.film-watch{position:absolute;right:20px;bottom:17px;font:500 10px var(--body);color:#fff;letter-spacing:.1em}
.film-caption{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #d3cab33d;margin-top:18px;padding-top:15px;font-size:9px;letter-spacing:.08em}
.film-caption strong{font-size:12px;font-weight:500;letter-spacing:0}
@media(prefers-reduced-motion:no-preference){
  .anime-motion [data-reveal]{clip-path:inset(0 0 10%);opacity:.4;transform:translateY(22px);transition:clip-path .85s cubic-bezier(.22,1,.36,1),opacity .6s,transform .85s cubic-bezier(.22,1,.36,1)}
  .anime-motion [data-reveal].is-visible{clip-path:inset(0);opacity:1;transform:translateY(0)}
}
@media(min-width:1800px){.page-home main>section:not(.anime-cover):not(.anime-place){padding-left:max(6%,calc((100vw - 1640px)/2));padding-right:max(6%,calc((100vw - 1640px)/2))}}
@media(max-width:1000px){
  .cover-copy{width:85%;padding-left:6%}.cover-copy h1{font-size:17vw}.cover-art{left:19%}
  .passage-copy h2{font-size:9vw}.cast-copy h2{font-size:14vw}.cast-deck{margin:0;max-width:220px}
  .riot-feature{gap:5vw}.riot-ensemble img{height:300px}.elsewhere-grid{gap:7%}.anime-jt-art>span{height:310px}
  .elsewhere-image{height:600px}.film-caption{display:block}.film-caption span{display:block;margin-top:8px}
}
@media(max-width:760px){
  .anime-cover{height:860px;min-height:860px;max-height:none}
  .cover-art{inset:78px -10% auto -10%;height:480px;clip-path:polygon(7% 0,100% 0,94% 100%,0 100%)}
  .cover-art::after{background:linear-gradient(0deg,#202223,transparent 50%)}
  .cover-ghost{top:480px;font-size:30vw}.cover-copy{padding:454px 6% 90px;width:100%}
  .cover-copy h1{font-size:clamp(108px,25vw,185px);margin:26px 0 25px}
  .cover-copy .cover-deck{font-size:18px;margin:0 0 12px}.cover-deck em{font-size:23px}
  .cover-rule{top:105px;left:8%;width:85%;height:600px}.cover-caption{top:395px;bottom:auto;right:7%}
  .cover-caption>span:first-child{font-size:8px}.cover-caption>span+span{font-size:16px}
  .cover-scroll{left:6%;bottom:24px;font-size:10px;gap:23px}.scene-motion{right:6%;bottom:24px;font-size:9px}
  .night-approach{height:620px;min-height:0;margin-top:-24px}
  .passage-copy{padding:300px 0 80px;margin:0 6%;max-width:85%}.passage-copy .edition-label{margin-bottom:20px;font-size:8px}
  .passage-copy h2{font-size:17vw;margin-bottom:12px}.passage-copy .anime-text-link{font-size:10px}
  .passage-art img,.passage-art video{object-position:65% center}
  .passage-art::after{background:linear-gradient(0deg,#202223 2%,#18233183 35%,transparent 78%)}
  .passage-foot{left:6%;right:6%;bottom:49px;font-size:7px;letter-spacing:.07em}
  .page-home .arcade-viewport{max-height:560px}
  .page-home .arcade-selector{width:88%;padding:0 0 54px;gap:23px}
  .page-home .world-wordmark strong{font-size:34px;white-space:normal}
  .page-home .world-wordmark small{font-size:9px;margin-bottom:4px;letter-spacing:0}
  .page-home .world-arrow{margin-left:8px}
  .anime-cast{padding:36px 6% 92px}.chapter-index{font-size:8px;gap:12px}
  .cast-editorial{padding-top:48px;display:block}.cast-copy h2{font-size:25vw;line-height:.78;margin-top:20px}
  .cast-copy h2 em{margin-left:24%}.cast-deck{margin:34px 0 0 auto;max-width:220px}
  .cast-deck p{font-size:13px;margin-bottom:6px}.cast-deck .anime-text-link{font-size:11px}
  .riot-feature{grid-template-columns:1fr;margin-top:54px;padding-top:36px;gap:28px}
  .riot-copy h3{font-size:64px;margin:18px 0}.riot-copy p:not(.editorial-kicker){font-size:12px}
  .riot-ensemble img{height:260px;object-position:center 40%}
  .anime-place{height:720px;margin-top:-30px}.place-lettering{padding:95px 7% 0}.place-lettering h2{font-size:25vw;margin:32px 0}
  .place-panorama img{object-position:57% center}
  .place-coordinates{bottom:32px;left:7%;right:7%;grid-template-columns:1fr;gap:13px}
  .place-coordinates>a{display:flex;align-items:center;gap:20px;padding-top:12px}
  .place-coordinates small{width:100px;font-size:8px;margin:0}
  .place-coordinates a>span{flex:1;font-size:13px}
  .anime-elsewhere{padding:36px 6% 55px}
  .elsewhere-heading{font-size:15vw;margin:50px 0 40px}
  .elsewhere-grid{grid-template-columns:1fr;gap:45px}
  .elsewhere-image{height:570px}.elsewhere-title h3{font-size:57px}
  .anime-jt{padding:0;margin-left:18%}.anime-jt-art>span{height:340px}
  .jt-editorial h3{font-size:48px}.jt-editorial p{font-size:12px}
  .lore-footnote{margin-top:55px;gap:15px;flex-wrap:wrap}.lore-footnote>span:first-child{width:100%;font-size:9px}
  .anime-listen{padding:0 6% 65px}.listen-composition{grid-template-columns:1fr;gap:32px;padding-top:50px}
  .listen-editorial h2{font-size:22vw}.listen-editorial p{font-size:12px}
  .film-caption{display:flex;align-items:start;gap:10px}.film-caption span{margin:0;max-width:130px;text-align:right}
}
@media(max-width:370px){.cover-copy{padding-top:450px}.cover-copy h1{font-size:29vw}.cover-copy .cover-deck{font-size:16px}.cover-caption{right:6%}.cover-rule{height:570px}.anime-cover{height:820px;min-height:820px}.elsewhere-image{height:500px}.anime-jt-art>span{height:290px}}
@media(prefers-reduced-motion:reduce){.cover-depth{display:none!important}.cover-still{opacity:1!important}.cover-copy,.passage-art img,.place-panorama img,.place-lettering{transform:none!important}.passage-art video{transition:none;opacity:0!important}}
.motion-paused .cover-depth{display:none!important}.motion-paused .cover-still{opacity:1!important}
.motion-paused [data-reveal]{clip-path:none!important;opacity:1!important;transform:none!important}