/* Homepage header parity. Local units preserve the legal document's readable body scale. */
.site-header { --header-unit: 1rem; font-family:var(--font); font-size:calc(var(--header-unit)*1.125); line-height:1.65; }
@media(min-width:1001px) { .site-header { --header-unit:min(.8403361345vw,1.6913319239svh); } }
.site-header .nav-container { max-width:none; min-height:0; padding:0; }
.site-header .brand { margin-inline-end:0; }
.site-header :is(button,a,summary) { -webkit-tap-highlight-color:transparent; }
.site-header .icon { width:calc(var(--header-unit)*1.375); height:calc(var(--header-unit)*1.375); fill:none; stroke:currentColor; stroke-width:1.65; stroke-linecap:round; stroke-linejoin:round; flex:none; }
.site-header .button { position: relative; display: inline-flex; align-items: center; justify-content: center; gap: calc(var(--header-unit) * 1); min-height: calc(var(--header-unit) * 3.75); padding: 0 calc(var(--header-unit) * 1.875); border: calc(var(--header-unit) * 0.0625) solid transparent; border-radius: calc(var(--header-unit) * 0.625); background: var(--red); font-size: calc(var(--header-unit) * 1); font-weight: 750; line-height: 1.35; color: #fff; transition: background .2s, box-shadow .3s, transform .3s var(--ease); }
.site-header .button:hover { background: #ff174f; box-shadow: 0 calc(var(--header-unit) * 0.5) calc(var(--header-unit) * 2) #f500401e; transform: translateY(calc(var(--header-unit) * -0.125)); }
.site-header .button .icon { width: calc(var(--header-unit) * 1.3125); height: calc(var(--header-unit) * 1.3125); transition: transform .25s var(--ease); }
.site-header .button:hover .icon { transform: translateX(calc(var(--header-unit) * 0.1875)); }
.site-header .button-small { min-height: calc(var(--header-unit) * 2.875); padding: 0 calc(var(--header-unit) * 1.375); font-size: calc(var(--header-unit) * .9375); border-radius: calc(var(--header-unit) * 0.5); }
/* Navigation stays in normal flow to leave room for the product preview. */
.site-header { position: relative; z-index: 50; background: #09090ce8; border-bottom: calc(var(--header-unit) * 0.0625) solid #ffffff08; backdrop-filter: blur(calc(var(--header-unit) * 1.25)); -webkit-backdrop-filter: blur(calc(var(--header-unit) * 1.25)); transition: border-color .3s; }
.site-header .nav-container { width: min(calc(var(--header-unit) * 90), calc(100% - clamp(calc(var(--header-unit) * 1.5), 4vw, calc(var(--header-unit) * 4.5)) * 2)); height: calc(var(--header-unit) * 5.75); margin: auto; display: flex; align-items: center; justify-content: space-between; gap: calc(var(--header-unit) * 2); }
.site-header .brand { display: inline-flex; direction: ltr; align-items: center; gap: 0; flex-shrink: 0; }
.site-header .brand img { object-fit: contain; }
.site-header .brand-wordmark { --logo-height: calc(var(--header-unit) * 2); position: relative; display: inline-block; width: calc(var(--logo-height) * 4.115727); height: var(--logo-height); overflow: hidden; flex-shrink: 0; direction: ltr; mix-blend-mode: screen; vertical-align: middle; }
/* Frame the approved PNG without altering its artwork; black blends into each surface. */
.site-header .brand-wordmark > img { position: absolute; left: -27.685653%; top: -50.74184%; width: 156.596972%; height: 214.836795%; max-width: none; object-fit: fill; filter: none; }
.site-header .brand-small .brand-wordmark { --logo-height: calc(var(--header-unit) * 1.375); }
.site-header .desktop-nav { display: flex; align-items: center; gap: calc(var(--header-unit) * 2); margin-inline-start: auto; }
.site-header .nav-link { position: relative; color: #bab9c2; padding: calc(var(--header-unit) * 0.75) 0; font-size: calc(var(--header-unit) * 1); font-weight: 650; transition: color .2s; }
.site-header .nav-link:hover { color: white; }
.site-header .nav-link::after { content: ''; position: absolute; bottom: calc(var(--header-unit) * 0.4375); inset-inline: 0; height: calc(var(--header-unit) * 0.0625); background: var(--red); transform: scaleX(0); transition: transform .25s; }
.site-header .nav-link:hover::after { transform: scaleX(1); }
.site-header .nav-actions { display: flex; align-items: center; gap: calc(var(--header-unit) * 1.5); }
.site-header .language-control { position: relative; color: #9c9ba6; }
.site-header .language-trigger { display: flex; align-items: center; justify-content: center; gap: calc(var(--header-unit) * .5); min-height: calc(var(--header-unit) * 2.75); padding: calc(var(--header-unit) * .5) calc(var(--header-unit) * .625); border: calc(var(--header-unit) * .0625) solid transparent; border-radius: calc(var(--header-unit) * .5); color: #c8c5d1; font-size: calc(var(--header-unit) * 1); font-weight: 650; transition: color .25s,background .25s,border-color .25s; }
.site-header #language-current { line-height: 1; translate: 0 calc(var(--header-unit) * .0625); }
.site-header .language-trigger > .icon { width: calc(var(--header-unit) * 1.25); height: calc(var(--header-unit) * 1.25); }
.site-header .language-trigger .language-chevron { width: calc(var(--header-unit) * 1); height: calc(var(--header-unit) * 1); translate: 0 calc(var(--header-unit) * .0625); transition: rotate .25s; }
.site-header .language-trigger:hover, .site-header .language-trigger[aria-expanded=true] { color: #fff; background: #ffffff06; border-color: #ffffff14; }
.site-header .language-trigger[aria-expanded=true] .language-chevron { rotate: 180deg; }
.site-header .language-menu { position: absolute; z-index: 80; inset-inline-end: 0; top: calc(100% + calc(var(--header-unit) * .625)); width: calc(var(--header-unit) * 12.5); padding: calc(var(--header-unit) * .4375); background: #17151c; border: calc(var(--header-unit) * .0625) solid #ffffff1c; border-radius: calc(var(--header-unit) * .75); box-shadow: 0 calc(var(--header-unit) * .875) calc(var(--header-unit) * 2.5) #0008; }
.site-header .language-menu[hidden] { display: none; }
.site-header .language-menu :is(button,a) { display: flex; align-items: center; gap: calc(var(--header-unit) * .6875); width: 100%; padding: calc(var(--header-unit) * .6875) calc(var(--header-unit) * .625); border-radius: calc(var(--header-unit) * .4375); text-align: start; color: #c2bbc9; font-size: calc(var(--header-unit) * .9375); line-height: 1.4; transition: background .2s,color .2s; }
.site-header .language-menu :is(button,a):hover, .site-header .language-menu :is(button,a):focus-visible { background: #ffffff08; color: white; }
.site-header .language-menu :is(button,a)[aria-checked=true] { color: #ff779a; background: #f5004011; }
.site-header .language-menu .language-code { min-width: calc(var(--header-unit) * 1.625); font-size: calc(var(--header-unit) * .875); font-weight: 750; color: #a49bab; }
.site-header .language-menu .icon { width: calc(var(--header-unit) * 1); height: calc(var(--header-unit) * 1); margin-inline-start: auto; opacity: 0; }
.site-header .language-menu [aria-checked=true] .icon { opacity: 1; }
.site-header .nav-login { white-space: nowrap; }
.site-header .menu-toggle { display: none; width: calc(var(--header-unit) * 2.75); height: calc(var(--header-unit) * 2.75); padding: calc(var(--header-unit) * 0.625); }
.site-header .mobile-menu[hidden] { display: none; }
.site-header .mobile-menu { display: flex; flex-direction: column; padding: calc(var(--header-unit) * 0.75) calc(var(--header-unit) * 1.5) calc(var(--header-unit) * 1.25); border-top: calc(var(--header-unit) * 0.0625) solid var(--line); }
.site-header .mobile-menu :is(button,a) { text-align: start; padding: calc(var(--header-unit) * 0.8125) calc(var(--header-unit) * 0.5); color: #cccad2; }


.site-header .language-trigger { list-style:none; cursor:pointer; }
.site-header .language-trigger::-webkit-details-marker { display:none; }
.site-header .language-menu { min-width:0; }
.site-header .language-menu a { text-decoration:none; }
.site-header .language-menu[hidden] { display:none; }
.site-header .brand-wordmark { font-size:inherit; }
@media(max-width:1000px) {
 .site-header .nav-container { width:calc(100% - 3rem); gap:1.125rem; }
 .site-header .desktop-nav { display:none; gap:1.125rem; }
 .site-header .menu-toggle { display:block; }
 .site-header .nav-actions { margin-inline-start:auto; gap:.875rem; }
}
@media(max-width:860px) {
 .site-header .nav-container { height:5rem; }
 .site-header .nav-actions { gap:1.0625rem; }
}
@media(max-width:600px) {
 .site-header .nav-container { width:calc(100% - 2rem); height:4.625rem; gap:.625rem; }
 .site-header .brand .brand-wordmark { --logo-height:1.625rem; }
 .site-header .nav-actions { gap:.625rem; }
 .site-header .nav-actions>.button { display:none; }
 .site-header .language-trigger { gap:.375rem; padding-inline:.4375rem; }
 .site-header .language-trigger>.icon { width:1.125rem; height:1.125rem; }
 .site-header .language-trigger .language-chevron { width:.9375rem; height:.9375rem; }
}
@media(prefers-reduced-motion:reduce) { .site-header * { transition:none!important; animation:none!important; } }
