:root { --site-header-clearance: 102px; }
tre-site-header { display:block; position:relative; z-index:1000; }
tre-site-header .site-header { box-sizing:border-box; position:fixed; z-index:1000; top:22px; left:7%; right:7%; display:flex; align-items:center; justify-content:flex-start; gap:22px; height:56px; margin:0; padding:0 18px; color:#f4f3ed; border:0; border-radius:40px; background:linear-gradient(125deg,#10151ac2,#10151ab8); backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); font-family:var(--font-dm-sans,Body,Arial),sans-serif; letter-spacing:normal; text-transform:none; }
tre-site-header .site-header__brand { display:flex; align-items:center; flex:0 0 80px; height:54px; margin:0; padding:0; }
tre-site-header .site-header__brand img { display:block; width:80px; height:40px; object-fit:contain; }
tre-site-header .site-header__menu { display:flex; position:static; align-items:center; gap:8px; width:auto; height:auto; margin:0; padding:0; border:0; background:none; box-shadow:none; transform:none; }
tre-site-header .site-header__menu a { box-sizing:border-box; display:flex; align-items:center; min-height:44px; padding:10px 9px; border-radius:24px; color:#f1f1ef; background:none; font:400 12px/1.4 var(--font-dm-sans,Body,Arial),sans-serif; letter-spacing:normal; text-decoration:none; text-transform:none; white-space:nowrap; }
tre-site-header .site-header__menu a:hover,tre-site-header .site-header__menu a[aria-current] { color:#fff; background:#ffffff16; text-decoration:underline; text-decoration-color:#fca311; text-underline-offset:6px; }
tre-site-header .site-header__toggle { display:none; }
tre-site-header .site-header__motion { box-sizing:border-box; margin:0 0 0 auto; min-height:44px; padding:8px 13px; border:1px solid #ffffff55; border-radius:30px; color:#f6efdb; background:#10151a66; font:400 11px/1.4 var(--font-dm-sans,Body,Arial),sans-serif; white-space:nowrap; cursor:pointer; }
tre-site-header a:focus-visible,tre-site-header button:focus-visible { outline:3px solid #fca311; outline-offset:3px; }
body.site-header-page { padding-top:0; }
html { scroll-padding-top:calc(var(--site-header-clearance) + 16px); }
@media(max-width:820px) {
 :root { --site-header-clearance:90px; }
 tre-site-header .site-header { top:16px; left:16px; right:16px; gap:12px; padding:0 12px; }
 tre-site-header .site-header__brand { flex-basis:70px; }
 tre-site-header .site-header__brand img { width:70px; }
 tre-site-header[enhanced] .site-header__toggle { display:grid; place-items:center; order:3; width:44px; min-height:44px; margin-left:auto; border:0; border-radius:24px; background:transparent; color:#fff; font:24px/1 Arial,sans-serif; cursor:pointer; }
 tre-site-header .site-header__menu { position:absolute; top:calc(100% + 10px); left:0; right:0; display:grid; gap:3px; padding:10px; border:1px solid #ffffff40; border-radius:18px; background:#0c1019fa; box-shadow:0 12px 30px #0004; }
 tre-site-header[enhanced]:not([open]) .site-header__menu { display:none; }
 tre-site-header .site-header__menu a { padding:12px 16px; font-size:14px; }
 tre-site-header .site-header__motion { margin-left:auto; }
 tre-site-header:has(.site-header__motion) .site-header__toggle { margin-left:0; }
}
@media(prefers-reduced-transparency:reduce) { tre-site-header .site-header { background:#10151a; } }
@media(forced-colors:active) { tre-site-header .site-header,tre-site-header .site-header__menu { background:Canvas; color:CanvasText; border:1px solid CanvasText; } tre-site-header .site-header__menu a,tre-site-header .site-header__toggle,tre-site-header .site-header__motion { color:LinkText; } }