.language-picker{position:relative;flex:none;font-size:13px;line-height:1.5;letter-spacing:normal;text-transform:none;z-index:60}
.language-picker summary{display:flex;align-items:center;gap:.45rem;min-height:44px;padding:.4rem .6rem;cursor:pointer;list-style:none;border:1px solid #8cb8d655;border-radius:4px}
.language-picker summary::-webkit-details-marker{display:none}
.language-picker summary::after{content:'▾';font-size:.75em}
.language-picker nav{position:absolute;right:0;top:100%;min-width:150px;display:flex;flex-direction:column;background:#0b2036;color:#f0f7ff;padding:8px;border:1px solid #8cb8d655;border-radius:4px;box-shadow:0 8px 24px #0007}
.language-picker nav a{display:block;min-height:44px;padding:10px 12px;white-space:nowrap}
.language-picker nav a:hover,.language-picker nav a[aria-current]{background:#234665;border-radius:2px}
.language-picker summary:focus-visible,.language-picker a:focus-visible{outline:2px solid #a7dcff;outline-offset:3px}
body .site-header details.language-picker{display:block!important}
body .site-header details.language-picker>nav{display:none!important}
body .site-header details.language-picker[open]>nav{display:flex!important;position:absolute;inset:100% 0 auto auto;flex-direction:column;gap:0;min-width:150px;width:max-content;max-width:calc(100vw - 32px);margin:0;padding:8px;border:1px solid #8cb8d655;background:#0b2036;box-shadow:0 8px 24px #0007}
.english-resource{font-size:.82em;letter-spacing:normal;text-transform:none}
.translation-pending{padding-block:18px;font-size:14px}
html:not([lang=en]) .site-header .header-inner{flex-wrap:wrap;gap:10px 20px}
html:not([lang=en]) .site-header #site-nav{flex-wrap:wrap;gap:8px 18px}
html:not([lang=en]) .header-tools{flex-wrap:wrap}
html:not([lang=en]) :is(h1,h2,h3,p,a,button,summary){overflow-wrap:break-word}
html:not([lang=en]) :is(.arrival-copy,.learn-hero-copy,.landing-section-head>*,.learn-scene-copy,.article-body,.dialogue-text){min-width:0}
html[lang=ja] body{--serif:'ten-mincho-text','Yu Mincho','Hiragino Mincho ProN',serif;--italic:'ten-mincho-text','Yu Mincho',serif;--small:'source-han-serif-japanese','Yu Mincho',serif;font-family:var(--serif);font-weight:400;line-height:1.85;line-break:strict;word-break:normal}
html[lang=ja] body :is(h1,h1 em){font-family:'source-han-serif-japanese','Yu Mincho',serif!important;font-weight:900!important;font-style:normal!important;letter-spacing:0;line-height:1.25}
html[lang=ja] body :is(h2,h3,h2 em,h3 em){font-family:'dnp-shuei-shogomincho-std','source-han-serif-japanese','Yu Mincho',serif!important;font-weight:700!important;font-style:normal!important;letter-spacing:.015em;line-height:1.5}
html[lang=ja] body :is(nav,button,summary,.button,.landing-button,.eyebrow,.landing-kicker){font-family:'source-han-serif-japanese','Yu Mincho',serif!important;font-weight:600;letter-spacing:.025em;line-height:1.65}
html[lang=ja] body p:lang(ja){line-height:1.85}
html[lang=ja] body :is(h1,h2,h3,em,p,span,button):lang(ko){font-family:var(--ko)!important;font-style:normal}
html[lang=ru] body{--serif:Georgia,'Times New Roman',serif;--italic:Georgia,'Times New Roman',serif;--small:Arial,sans-serif}
html[lang=ru] body :is(h1,h2,h3){letter-spacing:-.015em}
/* Both homepages put the title beside artwork. Size it to the copy column
   even when that column takes only part of a tablet or desktop viewport. */
html:not([lang=en]) body.landing :is(.arrival-copy,.learn-hero-copy){container-type:inline-size}
html:not([lang=en]) body.landing :is(.arrival-copy,.learn-hero-copy) h1{
 font-size:clamp(2.125rem,4.4vw,4.25rem);
 font-size:clamp(2.125rem,10cqi,4.25rem);
 max-inline-size:100%;line-height:1.18;white-space:normal;text-wrap:balance;overflow-wrap:anywhere
}
html:not([lang=en]) body.landing :is(.arrival-copy,.learn-hero-copy) h1 em{
 display:inline;max-inline-size:100%;white-space:normal;overflow-wrap:anywhere;line-height:inherit
}
@media(max-width:900px){
 html:not([lang=en]) body.landing .chapter-links{
  max-inline-size:100%;flex-wrap:wrap;align-content:center;justify-content:space-evenly;gap:0 .75rem
 }
 html:not([lang=en]) body.landing .chapter-links a{
  min-inline-size:0;max-inline-size:100%;min-height:44px;white-space:normal;overflow-wrap:anywhere
 }
}
@media(max-width:800px){
 html:not([lang=en]) body.landing .arrival-language{grid-template-columns:minmax(0,1fr)}
 html:not([lang=en]) body.landing :is(.arrival-language,.learn-preview)>*{min-inline-size:0;max-inline-size:100%}
 html:not([lang=en]) body.landing .experience-context{flex-wrap:wrap}
 html:not([lang=en]) body.landing .experience-context>*{min-inline-size:0;max-inline-size:100%}
 html:not([lang=en]) body.landing :is(.experience-tab,.experience-context .translation-toggle,.discovery-tab-text strong){
  min-inline-size:0;white-space:normal;overflow-wrap:anywhere
 }
}
@media(max-width:600px){
 html:not([lang=en]) body.landing .arrival-film .film-layout{grid-template-columns:minmax(0,1fr)}
 html:not([lang=en]) body.landing .arrival-film :is(.film-copy,.film-media){min-inline-size:0;overflow-wrap:anywhere}
 html:not([lang=en]) body.landing .experience-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:800px){html:not([lang=en]) .header-tools{margin-left:auto}html:not([lang=en]) .site-header .header-inner{gap:8px}html[lang=ja] body :is(h2,h2 em){font-size:clamp(1.7rem,6vw,2.8rem)}html:not([lang=en]) .landing-actions{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.language-picker *{scroll-behavior:auto}}