.homepage .site-header{gap:clamp(.5rem,1.6vw,1.5rem);position:relative;z-index:20}
.homepage .header-options{display:flex;align-items:center;gap:.65rem}
.homepage .mobile-menu>nav{width:min(220px,calc(100vw - 32px));min-width:0}
.home-locale-picker{position:relative;flex:0 0 auto;font-size:.85rem;line-height:1.4}
.home-locale-picker>summary{list-style:none;cursor:pointer;min-height:40px;display:flex;align-items:center;justify-content:center;gap:.3rem;border:1px solid color-mix(in srgb,var(--ink) 24%,transparent);border-radius:8px;padding:.4rem .65rem;white-space:nowrap}
.home-locale-picker>summary::-webkit-details-marker{display:none}
.home-locale-picker>nav{position:absolute;right:0;top:calc(100% + .5rem);z-index:100;display:grid;gap:.2rem;width:190px;max-width:calc(100vw - 32px);max-height:70vh;overflow-y:auto;padding:.55rem;background:var(--panel);border:1px solid color-mix(in srgb,var(--ink) 25%,transparent);box-shadow:0 14px 40px #0006;border-radius:10px}
.home-locale-picker:not([open])>nav{display:none}
.home-locale-picker>nav>a{display:block;padding:.65rem .75rem;border-radius:6px;color:var(--ink);text-decoration:none;font-size:.9rem;line-height:1.45;letter-spacing:normal;text-transform:none;white-space:normal}
.home-locale-picker>nav>a[aria-current=page],.home-locale-picker>nav>a:hover{background:color-mix(in srgb,var(--accent) 18%,var(--panel))}
.home-locale-picker :focus-visible{outline:3px solid var(--accent);outline-offset:3px}
html[data-home-locale] body.homepage .home-destination-language{display:inline-block;width:max-content;max-width:100%;justify-self:start;align-self:start;margin-inline-start:.4em;padding:.07em .3em;border:1px solid currentColor;border-radius:3px;font:600 .62em/1.3 system-ui,sans-serif;letter-spacing:.04em;vertical-align:middle;opacity:.75;white-space:nowrap;text-decoration:none}
html[data-home-locale]:not([data-home-locale=en]) .homepage :is(h1,h2,h3,p,li,dd,dt,label,summary,button,a){overflow-wrap:break-word}
html[data-home-locale]:not([data-home-locale=en]) .homepage :is(button,.primary-cta){white-space:normal;height:auto;min-height:44px;line-height:1.45;max-width:100%;text-align:start}
html[data-home-locale]:not([data-home-locale=en]) .homepage :is(input,textarea,select){max-width:100%;min-width:0;font:inherit}
html[data-home-locale]:not([data-home-locale=en]) .homepage :is(article,section,form,nav,div,aside){min-width:0}
html[data-home-locale=de] .homepage :is(h1,h2,h3,p,li,dd){hyphens:auto}
html[data-home-locale=ja] .homepage{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;line-break:strict;word-break:normal}
html[data-home-locale=ko] .homepage{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Apple SD Gothic Neo","Malgun Gothic",sans-serif;word-break:keep-all}
html:is([data-home-locale=ja],[data-home-locale=ko]) .homepage :is(h1,h2,h3,.eyebrow,.margin-label){letter-spacing:normal;line-height:1.45}
html:is([data-home-locale=ja],[data-home-locale=ko]) .homepage :is(p,li,dd){line-height:1.9}
.homepage figure.home-localized-diagram{height:auto;min-height:0;overflow:visible}
.homepage figure.home-localized-diagram>.home-translated-svg{display:block;width:100%;height:auto;max-width:100%;border-radius:inherit}
.home-translated-svg text{font-synthesis:none}
@media(max-width:760px){.homepage .site-header{flex-wrap:wrap;column-gap:.5rem;row-gap:.4rem}.homepage .site-header>.brand{flex:1 1 auto;min-width:0;max-width:calc(100% - 150px)}.homepage .site-header>.brand span{overflow-wrap:anywhere}.homepage .site-header>.mobile-menu{flex:0 0 auto}.homepage .site-header>.home-locale-picker{flex:0 0 auto}.homepage .header-options{gap:.45rem}.home-locale-picker>summary{min-height:38px;padding:.35rem .5rem;font-size:.8rem}.homepage .home-locale-picker>nav{width:180px}.homepage .desktop-nav{display:none}html[data-home-locale]:not([data-home-locale=en]) .homepage h1{font-size:clamp(2rem,10.5vw,3.2rem);line-height:1.12}html:is([data-home-locale=ja],[data-home-locale=ko]) .homepage h1{line-height:1.35}}
@media(max-width:760px){html[data-home-locale] .homepage .flux-hero h1{font-size:clamp(1.9rem,8.7vw,2.3rem);line-height:1.14}html[data-home-locale] .homepage .flux-hero-art{order:2}html[data-home-locale] .homepage .flux-hero .primary-cta{order:3}html[data-home-locale] .homepage .flux-hero .lead{order:4}}
@media(max-width:760px){
 html[data-home-locale] .homepage :is(.press-headline,.workbook-copy)>.lead{order:4}
 html[data-home-locale] .homepage :is(.press-headline,.workbook-copy)>.primary-cta{order:3}
 html[data-home-locale] .homepage :is(.cover-note,.workbook-portrait){order:2}
 html[data-home-locale] .homepage .lab-heading .lead{order:4}
 html[data-home-locale] .homepage .lab-heading .primary-cta{order:3}
 html[data-home-locale] .homepage .lab-image{order:2}
 html[data-home-locale] .homepage .lab-heading .lab-deck{order:5}
}
@media(max-width:620px){
 .homepage :is(.workshop-hero,.desk-hero)>div:first-child,.homepage .field-head>div:first-child{display:contents}
 .homepage :is(.workshop-hero,.desk-hero,.field-head)>.eyebrow{order:0}
 .homepage :is(.workshop-hero,.desk-hero,.field-head) h1{order:1}
 html[data-home-locale] .homepage :is(.workshop-hero,.desk-hero,.field-head)>div:first-child>.primary-cta{order:2}
 .homepage :is(.workshop-hero>.character-sheet,.desk-hero>.hero-snapshot,.field-head>.field-image-wrap){order:3;margin-top:.3rem}
 html[data-home-locale] .homepage :is(.workshop-hero,.desk-hero,.field-head)>div:first-child>.lead{order:4;margin-top:.2rem}
 .homepage .stage-first-copy,.homepage .stage-first-copy>div{display:contents}
 .homepage .stage-titlegrid h1{order:1}
 .homepage .stage-titlegrid>.stage-hero-image{order:2}
 .homepage .stage-titlegrid .primary-cta{order:3}
 .homepage .stage-titlegrid .lead{order:4}
}
/* Keep headline-like copy compact and portraits ahead of longer mobile introductions. */
@media(min-width:761px){
 html:is([data-home-locale=ja],[data-home-locale=ko]) .homepage .destination-hero .hero-lead{line-height:1.12}
 html:is([data-home-locale=ja],[data-home-locale=ko]) .homepage :is(.desk-hero,.workshop-hero) h1{line-height:1.16}
}
@media(max-width:760px){
 html[data-home-locale] .homepage .switchboard-visual .portrait-photo{--portrait-height:349px}
 html[data-home-locale] .homepage .lab-hero-grid>.lab-image{--portrait-height:404px}
 html[data-home-locale] .homepage .studio-opening>.studio-cover{order:2}
 html[data-home-locale] .homepage .studio-heading>.primary-cta{order:3}
 html[data-home-locale] .homepage .studio-heading>.lead{order:4}
 html[data-home-locale] .homepage .atlas-opening h1 br{display:initial}
 html[data-home-locale] .homepage .atlas-opening-visual{order:2}
 html[data-home-locale] .homepage .atlas-opening .primary-cta{order:3}
 html[data-home-locale] .homepage .atlas-opening .lead{order:4}
 html[data-home-locale] .homepage .atlas-opening .atlas-image{--portrait-height:350px}
 html[data-home-locale] .homepage .session-opening>.session-banner{order:2}
 html[data-home-locale] .homepage .session-opening .primary-cta{order:3}
 html[data-home-locale] .homepage .session-opening .session-deck>.lead{order:4}
}