.site-header { --interactive-light:#163f5a; min-height:clamp(76px,5.25vw,100px); display:flex; align-items:center; gap:42px; padding:0 var(--site-gutter); background-color:#b7bdc1; background-image:url('/media/origen/metal-grain.svg'),linear-gradient(180deg,rgba(255,255,255,.32),transparent 38%,rgba(49,60,67,.1)),linear-gradient(110deg,#a1a9af 0%,#c7ccd0 25%,#afb7bc 41%,#e1e5e7 53%,#b9c1c7 68%,#a4adb4 100%); background-size:640px 160px,100% 100%,100% 100%; background-repeat:repeat,no-repeat,no-repeat; box-shadow:inset 0 1px rgba(255,255,255,.8),inset 0 -1px rgba(23,32,41,.2); color:#172029; position:relative; z-index:20; }
.header-logo { flex:0 0 auto; line-height:0; }
.header-logo img { width:clamp(120px,8.2vw,157px); height:auto; max-height:clamp(64px,4.5vw,86px); object-fit:contain; display:block; filter:brightness(0); }
.main-navigation { margin-left:auto; }
.navigation-level { list-style:none; padding:0; margin:0; }
.navigation-level-1 { display:flex; align-items:center; gap:clamp(20px,2.3vw,44px); }
.navigation-level li { position:relative; }
.navigation-level a { display:block; position:relative; padding:20px 0; text-decoration:none; font:600 clamp(9px,.64vw,12px)/1.4 "Origen Display",Arial,sans-serif; letter-spacing:.045em; text-transform:uppercase; white-space:nowrap; transition:color .2s ease; }
.navigation-level a::after { content:''; position:absolute; bottom:13px; left:0; width:100%; height:1px; background:currentColor; transform:scaleX(0); transform-origin:left; transition:transform .25s var(--motion-ease); }
.navigation-level a[aria-current="page"]::after, .navigation-level a:focus-visible::after { transform:scaleX(1); }
.navigation-level a:focus-visible { color:var(--interactive-light); }
.header-actions { flex:0 0 auto; }
.button { display:inline-flex; padding:12px 30px; align-items:center; justify-content:center; text-decoration:none; font:700 10px/1.4 "Origen Display",Arial,sans-serif; text-transform:uppercase; letter-spacing:.04em; }
.button-light { background:#fff; color:#172029; min-width:164px; }
.site-header .button-light { background:#172b3a; color:#fff; }
.site-header .button-light:focus-visible { background:var(--interactive); }
.site-header :is(a,button):focus-visible { outline-color:var(--interactive-light); }
.navigation-submenu { display:none; position:absolute; min-width:220px; background:#d8dde0; padding:16px; }
.is-submenu-open > .navigation-submenu { display:block; }
.expand-subpages { background:transparent; border:0; color:inherit; }
.header-menu-toggle { display:none; background:none; border:1px solid currentColor; color:#172029; padding:12px; width:44px; height:44px; }
.header-menu-toggle__icon, .header-menu-toggle__icon::before, .header-menu-toggle__icon::after { display:block; width:20px; height:2px; background:currentColor; content:''; position:relative; }
.header-menu-toggle__icon::before { position:absolute; top:-6px; }.header-menu-toggle__icon::after { position:absolute; top:6px; }
@media (max-width:1200px) { .site-header { gap:24px; } .navigation-level-1 { gap:20px; } .button-light { min-width:120px; padding:12px 18px; } }
@media (max-width:800px) { .site-header { flex-wrap:wrap; justify-content:space-between; padding-block:5px; gap:12px; } .header-logo img { width:112px; } .header-actions { margin-left:auto; } .header-actions .button { min-width:100px; font-size:9px; padding:10px; } .header-menu-toggle { display:block; order:3; } .main-navigation { order:4; width:100%; margin:0; padding:12px 0; } .navigation-enhanced .main-navigation { display:none; } .is-menu-open .main-navigation { display:block; } .navigation-level-1 { display:block; }.navigation-level a { font-size:12px; padding:15px 0; }.navigation-submenu { position:static; } }

/* Two complete flips on page load, with a pause between each turn. */
.header-logo--intro { transform-origin:center; animation:origen-logo-flip 2.4s ease-in-out .15s both; }
.header-logo--intro:focus-within { animation:none; }
.header-logo a { display:block; }
.header-menu-toggle { transition:background-color .2s ease,border-color .2s ease; }
.header-menu-toggle__icon, .header-menu-toggle__icon::before, .header-menu-toggle__icon::after { transition:transform .2s ease,background-color .2s ease,top .2s ease; }
.is-menu-open .header-menu-toggle__icon { background:transparent; }
.is-menu-open .header-menu-toggle__icon::before { top:0; transform:rotate(45deg); }
.is-menu-open .header-menu-toggle__icon::after { top:0; transform:rotate(-45deg); }
.header-menu-toggle:focus-visible { background:var(--interactive); color:#fff; }
@keyframes origen-logo-flip {
    0% { opacity:0; transform:perspective(650px) rotateY(0deg); }
    8% { opacity:1; transform:perspective(650px) rotateY(0deg); }
    46%, 54% { opacity:1; transform:perspective(650px) rotateY(360deg); }
    92%, 100% { opacity:1; transform:perspective(650px) rotateY(720deg); }
}
@keyframes origen-logo-fade { from { opacity:.15; } to { opacity:1; } }
@media (hover:hover) and (pointer:fine) {
    .navigation-level a:hover { color:var(--interactive-light); }
    .navigation-level a:hover::after { transform:scaleX(1); }
    .header-menu-toggle:hover { background:var(--interactive); border-color:var(--interactive-light); color:#fff; }
    .site-header .button-light:hover { background:var(--interactive); }
}
@media (max-width:800px) { .navigation-level a::after { width:28px; bottom:8px; } }
@media (prefers-reduced-motion:reduce) { .header-logo--intro { animation-name:origen-logo-fade; animation-duration:.7s!important; animation-delay:0s; } }