/* Shared header/footer wordmark: same font, weight, tracking and responsive sizing. */

.v2-header{position:relative;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px var(--gutter,5vw);max-width:1600px;margin:auto;font:14px/1.5 "Segoe UI",Arial,sans-serif;color:#f4f3ef;box-sizing:border-box}
.v2-header *{box-sizing:border-box}.v2-brand{display:flex;gap:14px;align-items:center;color:#f4f3ef!important;text-decoration:none!important;flex-shrink:0}.v2-brand img{width:88px;height:64px;object-fit:contain}.v2-brand span,.footer-brand>span{font-family:"Segoe UI",Arial,sans-serif;font-size:12px;letter-spacing:2px;line-height:1.65;font-weight:500;color:var(--white,#f4f3ef)}
.v2-navigation{display:flex;gap:19px;align-items:center}.v2-group{position:relative}.v2-row{display:flex;align-items:center;transition:background .2s;border-radius:3px}.v2-row>a{padding:12px 4px 12px 9px;white-space:nowrap;color:#d0d2d0;text-decoration:none;font-size:13px}.v2-row:hover,.v2-row:focus-within{background:#d7b76d12}.v2-row>a:hover,.v2-row>a[aria-current]{color:#f1d89a}
.v2-header button{font:inherit;background:transparent;color:#d7b76d;border:0;cursor:pointer;min-height:44px;min-width:34px}.v2-header .v2-menu{display:none;border:1px solid #bca36a60;padding:8px 14px;border-radius:3px}
.v2-dropdown{position:absolute;top:100%;left:0;min-width:230px;padding:8px;background:#0d1012;border:1px solid #bca36a50;box-shadow:0 18px 40px #0009;animation:v2fade .18s ease-out}.v2-dropdown[hidden]{display:none}.v2-dropdown a{display:block;padding:12px;color:#d0d2d0;font-size:13px;text-decoration:none;transition:background .2s,color .2s}.v2-dropdown a:hover{background:#d7b76d16;color:#f1d89a}
.v2-header :focus-visible{outline:2px solid #f1d89a;outline-offset:3px}.v2-header a,.v2-header button{cursor:pointer}
@keyframes v2fade{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
@media(max-width:1100px){.v2-header{flex-wrap:wrap;gap:12px}.v2-header .v2-menu{display:block}.v2-navigation{display:none;flex-basis:100%;flex-direction:column;align-items:stretch;gap:4px}.v2-navigation.open{display:flex}.v2-row{justify-content:space-between}.v2-row>a{flex:1}.v2-dropdown{position:static;box-shadow:none;width:100%}.v2-header{padding-block:18px}}
@media(prefers-reduced-motion:reduce){.v2-header *{animation:none!important;transition:none!important}}

.v2-subgroup{position:relative}.v2-subrow{display:flex;align-items:center}.v2-subrow>a{flex:1}.v2-subrow:hover,.v2-subrow:focus-within{background:#d7b76d16}.v2-header .v2-subtoggle{min-width:40px;font-size:20px}.v2-flyout{position:absolute;z-index:2;left:calc(100% - 1px);top:calc(-9px + var(--flyout-shift,0px));width:285px;max-height:min(65vh,560px);overflow-y:auto;overscroll-behavior:contain;padding:8px;background:#0d1012;border:1px solid #bca36a50;box-shadow:0 18px 40px #0009;animation:v2fade .18s ease-out}.v2-flyout[hidden]{display:none}.v2-flyout.opens-left{left:auto;right:calc(100% - 1px)}.v2-flyout a{font-size:11px;letter-spacing:.055em;line-height:1.6;min-height:44px;overflow-wrap:anywhere}.v2-flyout a[aria-current="page"]{color:#f1d89a;background:#d7b76d16}
@media(max-width:1100px){.v2-flyout,.v2-flyout.opens-left{position:static;width:auto;margin:0 0 8px 12px;max-height:45svh;box-shadow:none}.v2-header .v2-subtoggle{min-width:44px}.v2-subtoggle[aria-expanded="true"]{transform:rotate(90deg)}}

@media(max-width:600px){.v2-brand{gap:10px}.v2-brand img{width:72px;height:52px}.v2-brand span,.footer-brand>span{font-size:11px;letter-spacing:1.7px}}


/* Owner-approved backward flip reveal, shared by dropdowns and nested menus. */
.v2-header{--nav-panel-duration:440ms;--nav-item-duration:1013.333ms}
.v2-header .v2-row,.v2-header .v2-subrow:hover,.v2-header .v2-subrow:focus-within{background:transparent}
/* Round the panel itself without clipping the side-opening app flyouts.
   Only the bottom padding fades; labels keep their full opacity. */
.v2-header .v2-dropdown,.v2-header .v2-flyout{
 --nav-item-delay:0ms;
 background:linear-gradient(180deg,#050708 0%,#050708 80%,#050708f5 93%,#05070800 100%);
 border:0;border-radius:14px 14px 18px 18px;box-shadow:none;padding:12px 8px 26px;
 animation:nav-panel-reveal var(--nav-panel-duration) cubic-bezier(.22,.61,.36,1) backwards;
}
/* Keep subgroup wrappers stationary so their nested menu and pointer area
   are stable; rotate only the actual link/toggle row. */
.v2-header .v2-dropdown>a,.v2-header .v2-dropdown>.v2-subgroup>.v2-subrow,.v2-header .v2-flyout>a{
 transform-origin:50% 50%;backface-visibility:hidden;
 animation:nav-link-backward-flip var(--nav-item-duration) cubic-bezier(.3,.65,.25,1) var(--nav-item-delay,0ms) backwards;
}
.v2-header .v2-dropdown>:nth-child(2),.v2-header .v2-flyout>:nth-child(2){--nav-item-delay:45ms}
.v2-header .v2-dropdown>:nth-child(3),.v2-header .v2-flyout>:nth-child(3){--nav-item-delay:80ms}
.v2-header .v2-dropdown>:nth-child(n+4),.v2-header .v2-flyout>:nth-child(n+4){--nav-item-delay:110ms}
.v2-header .v2-dropdown a:hover,.v2-header .v2-flyout a:hover,.v2-header .v2-flyout a[aria-current="page"]{background:transparent;color:#f1d89a}
@keyframes nav-panel-reveal{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
@keyframes nav-link-backward-flip{
 0%{opacity:0;transform:perspective(850px) translateY(-4px) rotateX(180deg)}
 25%{opacity:1}
 100%{opacity:1;transform:perspective(850px) translateY(0) rotateX(0deg)}
}
/* Keyboard focus is immediately readable; the site's Pause motion setting
   and device preferences also give a static, fully visible menu. */
.v2-header .v2-dropdown:focus-within,.v2-header .v2-flyout:focus-within,
.v2-header .v2-dropdown>a:focus-visible,.v2-header .v2-subrow:focus-within,.v2-header .v2-flyout>a:focus-visible{animation:none!important}
html[data-motion-paused="true"] .v2-header *{animation:none!important;transition:none!important}
@media(forced-colors:active){
 .v2-header .v2-dropdown,.v2-header .v2-flyout{background:Canvas;border:1px solid CanvasText}
 .v2-header *{animation:none!important;transition:none!important}
}

/* Explicit touch-sized toggles and links retain the approved fade reveal. */
.v2-header button{min-width:44px}.v2-row>a,.v2-dropdown a{min-height:44px}

/* Single-line brand name across the shared header. */
.v2-brand span,.footer-brand>span{white-space:nowrap}
@media(max-width:600px){.v2-brand{gap:8px}.v2-brand span,.footer-brand>span{letter-spacing:.7px}}
@media(max-width:380px){.v2-header{column-gap:8px}.v2-brand img{width:48px;height:40px}.v2-brand span,.footer-brand>span{font-size:10px;letter-spacing:.6px}.v2-header .v2-menu{padding-inline:10px;font-size:12px}}

/* Round 2: original square logo aspect, reserved right-opening menu room. */
.v2-brand img{width:80px;height:auto;aspect-ratio:1;object-fit:contain}
@media(min-width:1101px){.v2-navigation{margin-right:125px;gap:12px}.v2-header{gap:16px}}
@media(max-width:600px){.v2-brand img{width:60px;height:auto}}
@media(max-width:380px){.v2-brand img{width:44px;height:auto}}


/* Reflective light is clipped to the lettering; the tab area stays clear. */
.v2-header .v2-group > .v2-row > a{position:relative}
.v2-nav-sheen{display:none}
@supports (background-clip:text) or (-webkit-background-clip:text){
 .v2-nav-sheen{display:block;position:absolute;inset:0 auto 0 0;width:max-content;max-width:100%;z-index:1;padding:inherit;pointer-events:none;user-select:none;
  font:inherit;letter-spacing:inherit;white-space:inherit;color:transparent;-webkit-text-fill-color:transparent;
  background:linear-gradient(110deg,transparent 40%,#d7b76d88 46%,#fff9e7 50%,#d7b76d88 54%,transparent 60%);
  background-size:250% 100%;background-position:100% 50%;background-repeat:no-repeat;
  -webkit-background-clip:text;background-clip:text;opacity:0}
}
html[data-motion-paused="true"] .v2-nav-sheen{display:none}
@media(prefers-reduced-motion:reduce),(forced-colors:active){.v2-nav-sheen{display:none}}