/* Compact, keyboard-accessible language menu on every page and screen size. */
.language-picker{position:relative;flex-shrink:0;color:#f5f6f2;font-family:Arial,Helvetica,sans-serif}
.language-picker summary{list-style:none;display:flex;align-items:center;gap:8px;min-height:44px;padding:10px 12px;border:1px solid #ffffff30;border-radius:24px;cursor:pointer;font-size:.75rem;letter-spacing:.05em;transition:background .2s,border-color .2s}
.language-picker summary::-webkit-details-marker{display:none}
.language-picker summary:hover,.language-picker[open] summary{background:#ffffff0c;border-color:var(--gold)}
.language-picker svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.2}
.language-chevron{font-size:15px;line-height:1;color:var(--gold)}
.language-picker nav{position:absolute;top:calc(100% + 12px);right:0;width:178px;background:#101c16;border:1px solid #ffffff29;border-radius:14px;padding:7px;box-shadow:0 16px 40px #0004}
.language-picker nav a{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:13px 12px;border-radius:8px;font-size:.875rem}
.language-picker nav a small{font-size:.65rem;color:#bdc6bc}
.language-picker nav a:hover,.language-picker nav a[aria-current]{background:#d6bc841a;color:var(--gold)}
.header{gap:18px}.desktop-nav{margin-left:auto;margin-right:auto;gap:clamp(18px,2.2vw,32px)}
html[data-language-pending] body{visibility:hidden}
html[data-language-pending]{background:#0b110f}
html[data-language-pending]:after{content:'CGC';position:fixed;inset:0;display:grid;place-items:center;color:#d6bc84;font:300 42px Arial,sans-serif;letter-spacing:.1em}
html[lang=de] .campaign-hero h1{font-size:clamp(3rem,7vw,8rem)}
html[lang=de] .showroom-tabs small{line-height:1.45}
html[lang=de] .variant-specs dt{overflow-wrap:anywhere}
@media(max-width:1100px){.header{gap:12px}.desktop-nav{gap:17px}.header-cta{padding:12px;font-size:.75rem}.desktop-nav>a,.nav-control{font-size:.8125rem}}
@media(max-width:980px){.header .desktop-nav,.header .header-cta{display:none}.header .mobile-toggle{display:block}.header .language-picker{margin-left:auto}.header{gap:16px}}
@media(max-width:760px){.language-picker summary{padding:9px 10px}.header{gap:10px}html[lang=de] .campaign-hero h1{font-size:clamp(2.65rem,10vw,4.6rem)}.text-link{white-space:normal}.seat-copy .button{max-width:100%}.hero-base>span{max-width:65%;line-height:1.7}}
@media(prefers-reduced-motion:reduce){.language-picker summary{transition:none}}
.language-picker summary span{font-size:.75rem;transform:none!important;margin:0;line-height:1}
.language-picker summary .language-chevron{font-size:15px}
.language-picker[open] summary .language-chevron{transform:rotate(180deg)!important}
/* Allow translated navigation and headings to retain their breathing room. */
html:is([lang=es],[lang=sv],[lang=fr]) .campaign-hero h1{font-size:clamp(3rem,7vw,8rem)}
html:is([lang=es],[lang=sv],[lang=fr]) .showroom-tabs small{line-height:1.45}
html:is([lang=es],[lang=sv],[lang=fr]) .variant-specs dt{overflow-wrap:anywhere}
.language-picker nav{max-height:calc(100dvh - 120px);overflow-y:auto}
@media(max-width:760px){html:is([lang=es],[lang=sv],[lang=fr]) .campaign-hero h1{font-size:clamp(2.65rem,10vw,4.6rem)}}