/* The English display phrases keep their identity in both language modes. */
html[data-brand-base] .ja-only[hidden],html[data-brand-base][lang=en] .ja-only{display:none!important}
html[data-brand-base] .display-en{font-family:var(--font-display);font-weight:900;letter-spacing:-.05em;line-height:.94}
html[data-brand-base] .story h2.display-en{font-size:clamp(54px,8.8vw,130px);line-height:.94}
html[data-brand-base] .worlds-heading h2.display-en{font-size:clamp(70px,11vw,170px);line-height:.86}
html[data-brand-base] .portal h3.display-en{font-size:clamp(45px,6.4vw,100px);line-height:.92;letter-spacing:-.06em}
html[data-brand-base] .utility-portals h3.display-en{font-size:clamp(44px,5.8vw,85px);line-height:.94}
html[data-brand-base] .pocket h2.display-en{font-size:clamp(55px,7.5vw,110px)}
html[data-brand-base] .future-heading h2.display-en{font-size:clamp(52px,7.4vw,112px)}
html[data-brand-base] .collab-heading h2.display-en{font-size:clamp(60px,8.6vw,135px)}
html[data-brand-base] .jp-heading{font-family:var(--font-body);font-size:clamp(19px,1.9vw,28px);font-weight:700;line-height:1.65;letter-spacing:.015em;margin:0 0 18px;text-wrap:pretty}
html[data-brand-base] .story-copy>.jp-heading{font-size:clamp(22px,2.3vw,32px);margin-bottom:22px;line-height:1.55}
html[data-brand-base] .story-copy>p:first-of-type{font-size:20px;line-height:1.8;letter-spacing:0}
html[data-brand-base][lang=en] .story-copy>p:first-of-type{font-size:25px;line-height:1.35;letter-spacing:-.04em}
html[data-brand-base] .worlds-copy{position:absolute;right:6%;bottom:88px;width:29%;max-width:370px}
html[data-brand-base] .worlds-copy>p{font-size:16px;line-height:1.8}
html[data-brand-base] .portal .portal-translation{font-size:21px;line-height:1.5;margin:16px 0 0;position:relative;z-index:1}
html[data-brand-base] .portal-foot{margin-top:14px}
html[data-brand-base] .utility-portals .portal-translation{font-size:21px;line-height:1.55;margin:20px 0 0}
html[data-brand-base] .utility-portals .portal-translation + .game-art + p{max-width:52%;line-height:1.8}
html[data-brand-base] .pocket-copy>.jp-heading{margin-top:26px;margin-bottom:0}
html[data-brand-base] .pocket-copy>.jp-heading + p{margin-top:15px;line-height:1.8}
html[data-brand-base] .future-copy{flex:0 0 29%;max-width:340px;min-width:0}
html[data-brand-base] .future-copy p{line-height:1.8}
html[data-brand-base] .collab-copy>p{font-size:24px;line-height:1.6;letter-spacing:-.02em}
html[data-brand-base] .footer-farewell>.display-en{font-size:43px;line-height:.95;letter-spacing:-2px}
html[data-brand-base] .footer-farewell>.jp-heading{font-size:18px;margin-top:18px;margin-bottom:0}
html[data-brand-base] .dialog-head .jp-heading{font-size:16px;margin:12px 0 0}
html[data-brand-base] .concept-text h3{line-height:1.5;letter-spacing:-.02em}
html[data-brand-base] .language span{opacity:.5!important}
@media(min-width:761px) and (max-width:1100px){
 html[data-brand-base] .utility-portals h3.display-en{font-size:52px}
 html[data-brand-base] .worlds-copy{right:5%;width:31%;bottom:78px}
 html[data-brand-base] .worlds-copy>p{font-size:14px}
 html[data-brand-base] .portal .portal-translation,html[data-brand-base] .utility-portals .portal-translation{font-size:17px}
 html[data-brand-base] .future-heading{gap:24px}
}

/* v0.3: Japanese hierarchy is art-directed separately for each reading distance. */
html[data-brand-base][lang=ja] .jp-heading{line-height:1.4;letter-spacing:0;font-weight:800;text-wrap:balance;word-break:normal;overflow-wrap:normal}
html[data-brand-base] .jp-phrase{display:inline-block}
@media(min-width:1101px){
 html[data-brand-base][lang=ja] .jp-heading{font-size:clamp(36px,2.8vw,44px);margin-bottom:24px}
 html[data-brand-base][lang=ja] .story-copy{max-width:520px}
 html[data-brand-base][lang=ja] .story-copy>.jp-heading{font-size:clamp(36px,3.05vw,48px);line-height:1.4;margin-bottom:30px}
 html[data-brand-base][lang=ja] .portal .portal-translation,html[data-brand-base][lang=ja] .utility-portals .portal-translation{font-size:clamp(28px,2.2vw,36px);line-height:1.4;margin:24px 0 0}
 html[data-brand-base][lang=ja] .portal-foot{margin-top:20px}
 html[data-brand-base][lang=ja] .pocket-copy>.jp-heading{margin-top:36px;margin-bottom:0}
 html[data-brand-base][lang=ja] .pocket-copy>.jp-heading+p{margin-top:24px}
 html[data-brand-base][lang=ja] .future-copy>.jp-heading{font-size:clamp(32px,2.65vw,40px)}
 html[data-brand-base][lang=ja] .collab-copy>.jp-heading{max-width:14em}
 html[data-brand-base][lang=ja] .hero-aside{font-size:clamp(28px,2.25vw,36px)}
 html[data-brand-base][lang=ja] .hero-aside p{line-height:1.35;letter-spacing:0}
 html[data-brand-base][lang=ja] .concept-text h3{font-size:clamp(28px,2.25vw,34px);line-height:1.45}
 html[data-brand-base][lang=ja] .footer-farewell>.jp-heading{font-size:26px;margin:24px 0 0}
 html[data-brand-base][lang=ja] .dialog-head .jp-heading{font-size:24px;margin:18px 0 0}
 /* Keep illustration and numerals in their own band below the larger subtitle. */
 html[data-brand-base][lang=ja] .utility-portals>a{min-height:540px;padding-bottom:44px}
 html[data-brand-base][lang=ja] .utility-portals .game-art{bottom:65px;height:180px}
 html[data-brand-base][lang=ja] .utility-portals .clock-art{bottom:90px}
 html[data-brand-base][lang=ja] .utility-portals>a>p:last-child{margin-top:150px;max-width:none}
}
@media(min-width:761px) and (max-width:1100px){
 html[data-brand-base][lang=ja] .jp-heading{font-size:30px;margin-bottom:22px}
 html[data-brand-base][lang=ja] .story-copy{max-width:none}
 html[data-brand-base][lang=ja] .story-copy>.jp-heading{font-size:32px;line-height:1.4;margin-bottom:24px}
 html[data-brand-base][lang=ja] .portal .portal-translation,html[data-brand-base][lang=ja] .utility-portals .portal-translation{font-size:24px;line-height:1.45;margin:20px 0 0}
 html[data-brand-base][lang=ja] .hero-aside{font-size:25px}
 html[data-brand-base][lang=ja] .hero-aside p{line-height:1.35;letter-spacing:0}
 html[data-brand-base][lang=ja] .future-heading{display:block}
 html[data-brand-base][lang=ja] .future-copy{max-width:600px;margin-top:32px}
 html[data-brand-base][lang=ja] .future-copy p{max-width:none}
 html[data-brand-base][lang=ja] .concept-text h3{font-size:25px;line-height:1.45}
 html[data-brand-base][lang=ja] .footer-farewell>.jp-heading{font-size:22px;margin:20px 0 0}
 html[data-brand-base][lang=ja] .dialog-head .jp-heading{font-size:22px;margin:16px 0 0}
 html[data-brand-base][lang=ja] .utility-portals>a{min-height:500px}
 html[data-brand-base][lang=ja] .utility-portals .game-art{bottom:65px;height:155px}
 html[data-brand-base][lang=ja] .utility-portals .clock-art{bottom:90px}
 html[data-brand-base][lang=ja] .utility-portals>a>p:last-child{margin-top:135px;max-width:none}
}
@media(max-width:760px){
 html[data-brand-base][lang=ja] .jp-heading{font-size:26px;line-height:1.45;margin-bottom:18px}
 html[data-brand-base][lang=ja] .story-copy{padding:0;max-width:34em;margin-top:36px}
 html[data-brand-base][lang=ja] .story-copy .little-star{position:static;display:block;font-size:30px;line-height:1;margin-bottom:20px}
 html[data-brand-base][lang=ja] .story-copy>.jp-heading{font-size:28px;line-height:1.4;margin-bottom:24px}
 html[data-brand-base][lang=ja] .story-copy>.small{margin-top:20px}
 html[data-brand-base][lang=ja] .story{padding-bottom:125px}
 html[data-brand-base][lang=ja] .worlds-copy{margin-top:32px}
 html[data-brand-base][lang=ja] .portal .portal-translation,html[data-brand-base][lang=ja] .utility-portals .portal-translation{font-size:24px;line-height:1.45;margin:20px 0 0}
 html[data-brand-base][lang=ja] .portal-foot{margin-top:16px}
 html[data-brand-base][lang=ja] .pocket-copy>.jp-heading{margin-top:28px;margin-bottom:0}
 html[data-brand-base][lang=ja] .pocket-copy>.jp-heading+p{margin-top:20px}
 html[data-brand-base][lang=ja] .future-copy{margin-top:30px}
 html[data-brand-base][lang=ja] .collab-copy>.jp-heading{font-size:26px}
 html[data-brand-base][lang=ja] .hero-aside{font-size:21px}
 html[data-brand-base][lang=ja] .hero-aside p{line-height:1.35;letter-spacing:0}
 html[data-brand-base][lang=ja] .concept-text h3{font-size:28px;line-height:1.45}
 html[data-brand-base][lang=ja] .footer-farewell>.jp-heading{font-size:18px;margin:18px 0 0}
 html[data-brand-base][lang=ja] .dialog-head .jp-heading{font-size:20px;margin:14px 0 0}
 html[data-brand-base][lang=ja] .utility-portals>a{min-height:445px}
 html[data-brand-base][lang=ja] .utility-portals .game-art{bottom:65px;height:130px}
 html[data-brand-base][lang=ja] .utility-portals .clock-art{bottom:85px}
 html[data-brand-base][lang=ja] .utility-portals>a>p:last-child{margin-top:125px;max-width:none}
}
@media(max-width:760px){
 html[data-brand-base] .story h2.display-en{font-size:16vw;line-height:.9}
 html[data-brand-base] .worlds-heading h2.display-en{font-size:19vw;line-height:.9}
 html[data-brand-base] .portal h3.display-en,html[data-brand-base] .utility-portals h3.display-en{font-size:15vw;line-height:.94}
 html[data-brand-base] .portal.travel h3.display-en{font-size:14.5vw}
 html[data-brand-base] .pocket h2.display-en{font-size:15.2vw;line-height:.94}
 html[data-brand-base] .future-heading h2.display-en{font-size:16vw;line-height:.94}
 html[data-brand-base] .collab-heading h2.display-en{font-size:13.5vw;line-height:.94}
 html[data-brand-base] .jp-heading{font-size:20px;margin-bottom:14px;line-height:1.6}
 html[data-brand-base] .story-copy>.jp-heading{font-size:21px;margin-bottom:18px;line-height:1.6}
 html[data-brand-base] .story-copy>p:first-of-type{font-size:16px;line-height:1.85}
 html[data-brand-base][lang=en] .story-copy>p:first-of-type{font-size:21px;line-height:1.35}
 html[data-brand-base] .worlds-copy{position:static;width:auto;max-width:none;margin-top:26px}
 html[data-brand-base] .worlds-copy>p{font-size:13px}
 html[data-brand-base] .portal .portal-translation,html[data-brand-base] .utility-portals .portal-translation{font-size:18px;margin-top:16px}
 html[data-brand-base] .game-art{bottom:85px;right:-20px;width:42%;height:155px}
 html[data-brand-base] .game-art img{width:150px}
 html[data-brand-base] .game-art>span{font-size:42px}
 html[data-brand-base] .utility-portals .portal-translation + .game-art + p{max-width:90%;margin-top:26px}
 html[data-brand-base] .future-copy{max-width:none;margin-top:26px}
 html[data-brand-base] .future-copy p{margin-top:0}
 html[data-brand-base] .collab-copy{margin-bottom:32px}
 html[data-brand-base] .collab-copy>p{font-size:17px;line-height:1.85}
 html[data-brand-base] .footer-farewell>.display-en{font-size:29px;line-height:.95;letter-spacing:-1.5px}
 html[data-brand-base] .footer-farewell>.jp-heading{font-size:14px;margin-top:14px}
}