:root{--brand-navy: #082946;--brand-navy-deep: #051D33;--brand-rust: #C4622D;--brand-burgundy: #93354B;--brand-linen: #E8DDD4;--brand-celery: #C9DA8A;--brand-harbor: #A8C8D4;--brand-white: #FFFFFF;--brand-paper: #F4EFEA;--brand-volt: #C5DB4E;--brand-volt-hover: #E4F29A}:root,[data-theme=light]{--theme-field: var(--brand-linen);--theme-field-alt: var(--brand-white);--theme-card: var(--brand-white);--theme-text-headline: var(--brand-navy);--theme-text-body: rgba(8, 41, 70, .86);--theme-text-muted: rgba(8, 41, 70, .66);--theme-line: rgba(8, 41, 70, .16);--theme-accent: var(--brand-rust);--theme-link: var(--brand-burgundy);--theme-action: var(--brand-volt);--theme-action-hover: var(--brand-volt-hover);--theme-action-hover-bg: var(--brand-navy);--theme-action-hover-ink: var(--brand-volt);--theme-action-ink: var(--brand-navy)}[data-theme=dark]{--theme-field: var(--brand-navy);--theme-field-alt: var(--brand-navy-deep);--theme-card: rgba(92, 104, 170, .24);--theme-text-headline: var(--brand-paper);--theme-text-body: rgba(244, 239, 234, .82);--theme-text-muted: rgba(244, 239, 234, .58);--theme-line: rgba(244, 239, 234, .22);--theme-accent: var(--brand-rust);--theme-link: var(--brand-volt);--theme-action: var(--brand-volt);--theme-action-hover: var(--brand-volt-hover);--theme-action-hover-bg: rgba(92, 104, 170, .3);--theme-action-hover-ink: var(--brand-volt);--theme-action-ink: var(--brand-navy)}:root{--display: "Familjen Grotesk", system-ui, sans-serif;--body: "DM Sans", system-ui, sans-serif;--ease: cubic-bezier(.22,.8,.2,1);--t-fast: .18s;--t-base: .42s;--t-slow: .7s;--gutter: 24px;--page-margin: 88px;--section-pad: 120px;--navy-deep: #020B16;--on-dark: #F7F3EE;--on-dark-soft: #BFD0DC;--harbor: var(--brand-harbor);--action: var(--brand-volt);--action-hover: var(--brand-volt-hover);--action-ink: var(--brand-navy)}.glass{--k: 10px;position:fixed;z-index:40;top:calc(16px + env(safe-area-inset-top,0px));background:color-mix(in srgb,var(--navy-deep) 55%,transparent);backdrop-filter:blur(28px) saturate(1.4);-webkit-backdrop-filter:blur(28px) saturate(1.4);box-shadow:inset 0 1px #ffffff14,inset 0 0 0 1px #ffffff0f;color:var(--on-dark);clip-path:polygon(var(--k) 0,100% 0,100% calc(100% - var(--k)),calc(100% - var(--k)) 100%,0 100%,0 var(--k))}@property --k{syntax: "<length>"; inherits: true; initial-value: 10px;}.brand{left:max(var(--gutter),env(safe-area-inset-left,0px));height:52px;padding:0 18px 0 14px;display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:600;font-size:15px;letter-spacing:-.01em}.brand svg{width:26px;height:auto;display:block}.mpanel{right:max(var(--gutter),env(safe-area-inset-right,0px));width:min(380px,calc(100vw - 2 * var(--gutter)));--k: 12px;transition:--k var(--t-base) var(--ease)}.menu-open .mpanel{--k: 26px}.mhead{width:100%;height:52px;padding:0 20px;border:0;background:none;color:inherit;cursor:pointer;display:flex;align-items:center;justify-content:space-between;font:600 12px/1 var(--body);letter-spacing:.18em;text-transform:uppercase}.mhead:focus-visible{outline:2px solid var(--harbor);outline-offset:-4px}.dots{display:grid;grid-template-columns:repeat(3,4px);gap:5px 6px;transition:transform var(--t-base) var(--ease)}.dots i{width:4px;height:4px;background:var(--on-dark);border-radius:1px;transition:opacity var(--t-base) var(--ease),transform var(--t-base) var(--ease)}.menu-open .dots{transform:rotate(45deg)}.menu-open .dots i:nth-child(2),.menu-open .dots i:nth-child(5){opacity:0}@keyframes dot-blink{0%,to{opacity:1}40%,60%{opacity:.15}}@media(hover:hover){.mhead .dots i:nth-child(1){animation-delay:0s}.mhead .dots i:nth-child(2){animation-delay:.18s}.mhead .dots i:nth-child(3){animation-delay:.36s}.mhead .dots i:nth-child(6){animation-delay:.54s}.mhead .dots i:nth-child(5){animation-delay:.72s}.mhead .dots i:nth-child(4){animation-delay:.9s}}.mbody{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--t-base) var(--ease)}.menu-open .mbody{grid-template-rows:1fr}.mbody>div{overflow:hidden;min-height:0}.mlist{padding:8px 0 20px;border-top:1px solid color-mix(in srgb,var(--on-dark) 12%,transparent);margin:0 20px}.mlinks{list-style:none;margin:12px 0 20px;padding:0;display:flex;flex-direction:column}.mlinks a{position:relative;display:block;padding:6px 0 6px 22px;text-decoration:none;font-size:28px;font-weight:500;line-height:1.15;letter-spacing:-.02em;color:color-mix(in srgb,var(--on-dark) 34%,transparent);transition:color var(--t-fast) var(--ease)}.mlinks a:before{content:"";position:absolute;left:2px;top:50%;width:6px;height:6px;margin-top:-3px;border-radius:50%;background:color-mix(in srgb,var(--on-dark) 22%,transparent);transform:scale(.67);transition:background var(--t-fast) var(--ease),transform var(--t-base) var(--ease)}.mlinks a:hover,.mlinks a:focus-visible,.mlinks a[aria-current=true]{color:var(--on-dark)}.mlinks a:hover:before,.mlinks a:focus-visible:before,.mlinks a[aria-current=true]:before{background:var(--action);transform:scale(1)}.mlinks a:focus-visible{outline:none}.mlinks li,.mlist .connect{transition:opacity var(--t-base) var(--ease),transform var(--t-base) var(--ease);transition-delay:calc(var(--i, 0) * 35ms)}body:not(.menu-open) .mlinks li,body:not(.menu-open) .mlist .connect{opacity:0;transform:translateY(-6px)}.mlist .connect{--k: 10px;display:flex;justify-content:center;align-items:center;height:46px;font-size:15px;font-weight:600;text-decoration:none;background:var(--action);color:var(--action-ink);clip-path:polygon(var(--k) 0,100% 0,100% calc(100% - var(--k)),calc(100% - var(--k)) 100%,0 100%,0 var(--k))}.mlist .connect:hover{background:var(--action-hover)}.mlist .connect:focus-visible{outline:3px solid var(--harbor);outline-offset:-5px}@media(max-width:560px){.brand span{display:none}.mpanel{width:calc(100vw - 2 * var(--gutter) - 68px)}.mlinks a{font-size:24px}}.topbar{position:fixed;top:0;left:0;right:0;z-index:70;height:72px;padding:env(safe-area-inset-top,0px) max(var(--gutter),env(safe-area-inset-right,0px)) 0 max(var(--gutter),env(safe-area-inset-left,0px));display:flex;align-items:center;gap:32px;color:var(--on-dark);background:transparent;transition:color var(--t-base) var(--ease)}.topbar .brand{position:static;height:auto;padding:0;background:none;box-shadow:none;clip-path:none;color:inherit;font-size:17px;gap:12px}.topbar .brand svg{width:36px}.tlinks{margin-left:auto;display:flex;align-items:center;gap:26px}.tlinks a,.tconnect{font:500 13px/1 var(--body);letter-spacing:.005em;text-decoration:none;white-space:nowrap}.tlinks a{position:relative;padding:8px 0;color:color-mix(in srgb,currentColor 100%,transparent);opacity:.74;transition:opacity var(--t-fast) var(--ease)}.topbar .tlinks a{color:inherit}.tlinks a:after{content:"";position:absolute;left:0;right:0;bottom:2px;height:2px;background:var(--action);transform:scaleX(0);transform-origin:left;transition:transform var(--t-base) var(--ease)}.tlinks a:hover,.tlinks a:focus-visible,.tlinks a[aria-current=true]{opacity:1}.tlinks a:hover:after,.tlinks a:focus-visible:after,.tlinks a[aria-current=true]:after{transform:scaleX(1)}.tlinks a:focus-visible{outline:none}.tconnect{--k: 8px;display:inline-flex;align-items:center;height:36px;padding:0 16px;font-weight:600;background:var(--action);color:var(--action-ink);clip-path:polygon(var(--k) 0,100% 0,100% calc(100% - var(--k)),calc(100% - var(--k)) 100%,0 100%,0 var(--k));transition:background var(--t-fast) var(--ease)}.tconnect:hover{background:var(--action-hover)}.tconnect:focus-visible{outline:3px solid var(--harbor);outline-offset:2px}body.nav-light .topbar{color:var(--navy, #082946)}@media(max-width:1100px){.tlinks{gap:18px}.tlinks a,.tconnect{font-size:12px}}@media(max-width:860px){.tlinks{display:none}.tconnect{margin-left:auto}}.topbar .tlinks,.topbar .tconnect{transition:opacity var(--t-slow) var(--ease),transform var(--t-slow) var(--ease),background var(--t-fast) var(--ease)}.topbar.wait .tlinks,.topbar.wait .tconnect{opacity:0;transform:translateY(-6px);pointer-events:none}