/* One fixed click target; both languages reserve identical header space. */
.language-toggle{position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;flex:0 0 76px;width:76px;height:38px;box-sizing:border-box;border:1px solid #7ea7ac80;border-radius:24px;padding:3px;background:transparent;color:#bdd4d3;font:600 10px/1 Arial,Helvetica,sans-serif;letter-spacing:.04em;cursor:pointer;isolation:isolate}
.language-toggle::before{content:"";position:absolute;z-index:-1;left:3px;top:3px;width:33px;height:30px;background:#e8f3ef;border-radius:20px;transition:transform .18s ease}
.language-toggle[aria-checked="true"]::before{transform:translateX(35px)}
.language-toggle span{display:grid;place-items:center;height:30px}
.language-toggle[aria-checked="false"] span:first-child,.language-toggle[aria-checked="true"] span:last-child{color:#173d57}
.language-toggle:hover{border-color:#c5eee5}
.language-toggle:focus-visible{outline:2px solid #aff8e8;outline-offset:5px}
.world-header nav{margin-right:0;gap:24px;flex-shrink:0}
.world-header nav a{width:110px;text-align:center;white-space:nowrap}
.world-header .brand{flex:0 0 166px}
.world-header .header-contact{flex:0 0 192px;width:192px;justify-content:space-between;white-space:nowrap;box-sizing:border-box}
.header .brand{flex:0 0 167px}
.header .brand-note{width:140px;flex-shrink:0;box-sizing:border-box}
.header nav{gap:20px;flex-shrink:0}
.header nav a{width:96px;text-align:center;white-space:nowrap}
.header .header-note{flex:0 0 190px;width:190px;margin-left:0;white-space:nowrap}
html[lang="en"] .scene-note{max-width:205px}
html[lang="en"] .page-lead h1{overflow-wrap:break-word}
@media(min-width:1101px){.hero-copy{width:46vw;max-width:720px;box-sizing:border-box}.explore{left:auto;right:-181px}}
@media(min-width:761px) and (max-width:1100px){.hero-copy{width:55vw;box-sizing:border-box}.explore{left:auto;right:-135px}}
@media(max-width:1280px){.header .brand-note,.header .header-note{display:none}}
@media(max-width:1100px){.world-header{gap:20px}}
@media(max-width:1000px){
 .header{height:88px;margin:0 22px;gap:14px}
 .world-header{left:23px;right:23px;top:20px;height:50px;gap:14px}
 .header .brand{flex:0 0 138px}.header .brand img{width:138px}
 .world-header .brand{flex:0 0 139px;width:139px}
 .header .language-toggle,.world-header .language-toggle{order:1;margin-left:auto}
 .header .menu-button,.world-header .menu-toggle{order:2;display:flex;flex:0 0 68px;width:68px;margin-left:0;padding:10px 0;align-items:center;justify-content:space-between;gap:9px;background:transparent;border:0;color:inherit;font-size:12px;box-sizing:border-box}
 .header .menu-button span,.world-header .menu-toggle span{font-size:23px}
 .world-header .header-contact{display:none}
 .header nav,.world-header nav{order:3;display:none;position:absolute;z-index:20;left:0;right:0;top:88px;padding:20px 22px 30px;margin:0;background:#092731f5;border-bottom:1px solid #42676b;gap:0}
 .world-header nav{top:61px;left:-23px;right:-23px;padding:23px;gap:12px;backdrop-filter:blur(20px)}
 .header nav.open,.world-header nav.open{display:flex;flex-direction:column}
 .header nav a,.world-header nav a{width:100%;text-align:left;padding:15px 0;font-size:14px}
 .header nav a:after{display:none}
}
@media(max-width:760px){
 html[lang="en"] .hero-bottom>p{max-width:285px}
 html[lang="en"] .intro-note p{font-size:9px}
 html[lang="en"] .node-label{font-size:8px;letter-spacing:.04em;padding:9px 10px;gap:7px}
 html[lang="en"] .scene-note{max-width:none;display:grid;grid-template-columns:120px minmax(0,1fr);gap:16px;align-items:start}
}
@media(max-width:360px){
 .header,.world-header{gap:10px}
 .header .brand,.world-header .brand{flex-basis:120px;width:120px}.header .brand img{width:120px}
 .header .menu-button,.world-header .menu-toggle{flex-basis:60px;width:60px}
}
@media(prefers-reduced-motion:reduce){.language-toggle::before{transition:none}}
/* Fade in without moving clickable controls during a language navigation. */
.hero-copy{animation-name:language-appear}
@keyframes language-appear{from{opacity:0}to{opacity:1}}
.world-controls button{width:154px}
.world-controls .interaction-hint{width:260px;text-align:right}
@media(min-width:761px){.product-caption{display:block;width:140px;flex-shrink:0}}
