/* Shared navigation geometry across Home, Portfolio, and FAQ. */
html{scrollbar-gutter:stable}
.header.header{position:sticky;top:0;z-index:20;width:100%;background:#071327;color:#fff;border:0;border-bottom:1px solid #ffffff1c;font-family:'Segoe UI',Arial,sans-serif;line-height:1.65}
.header .wrap.nav{box-sizing:border-box;width:min(1380px,100%);max-width:1380px;margin:0 auto;padding:0 48px;height:96px;min-height:96px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.header .brand{display:flex;align-items:center;gap:14px;flex-shrink:0;margin:0;padding:0;text-decoration:none}
.header .brand svg{display:block;width:54px;height:47px;flex-shrink:0;filter:grayscale(1) invert(1) brightness(2);mix-blend-mode:screen}
.header .brand-name{font-size:23.4px;font-weight:600;letter-spacing:5px;line-height:1.35;color:#fff}
.header .brand-sub{display:block;font-size:8px;font-weight:600;letter-spacing:1.6px;line-height:1.5;color:#b0c4d3;margin-top:5px;white-space:nowrap}
.header .links{display:flex;position:static;align-items:center;flex-direction:row;gap:18px;margin:0;padding:0;border:0;background:transparent;font-size:12px;font-weight:400;line-height:1.5}
.header .links a{display:inline-flex;align-items:center;margin:0;padding:0;white-space:nowrap;color:#c5d5df;text-decoration:none;letter-spacing:normal}
.header .links a[aria-current],.header .links a:hover{color:#68e7ed}
.header .links .nav-cta{border:1px solid #68e7ed66;padding:12px 17px;color:#68e7ed;line-height:1.5}
.header .menu{display:none;font:12px/1.5 'Segoe UI',Arial,sans-serif;background:transparent;border:1px solid #7893a5;color:#fff;padding:9px 13px}
@media(max-width:1100px){.header .wrap.nav{padding-left:30px;padding-right:30px}.header .links{gap:13px}.header .links .nav-cta{padding:12px}}
@media(max-width:1000px){.header .wrap.nav{height:82px;min-height:82px}.header .menu{display:block}.header .links{display:none;position:absolute;top:100%;left:0;right:0;background:#071327;padding:16px 30px;border-top:1px solid #ffffff20;flex-direction:column;align-items:stretch;gap:0}.header .links.open{display:flex}.header .links a{padding:13px}.header .links .nav-cta{margin-top:8px}}
@media(max-width:600px){.header .wrap.nav{padding-left:22px;padding-right:22px}.header .brand svg{width:47px;height:43px}.header .brand-name{font-size:20.7px}.header .brand-sub{font-size:7px}.header .brand{gap:12px}}
/* Keep the expanded main menu from crowding the brand. */
@media(min-width:1001px){.header .links{gap:13px}.header .wrap.nav{gap:20px}}
@media(min-width:1001px) and (max-width:1200px){.header .menu{display:block}.header .links{display:none;position:absolute;top:100%;left:0;right:0;background:#071327;padding:16px 30px;border-top:1px solid #ffffff20;flex-direction:column;align-items:stretch;gap:0}.header .links.open{display:flex}.header .links a{padding:13px}.header .links .nav-cta{margin-top:8px}}
/* Compact primary contact action. */
.header .links .nav-cta{background:#68e7ed;color:#071327;border:1px solid #68e7ed;border-radius:6px;padding:11px 18px;font-weight:600;justify-content:center;transition:background-color .18s ease,border-color .18s ease}
.header .links .nav-cta:hover{background:#99eff3;border-color:#99eff3;color:#071327}
@media(prefers-reduced-motion:reduce){.header .links .nav-cta{transition:none}}
/* Plain transparent logo, without glow or animation. */
.header .brand svg{filter:brightness(0) invert(1);mix-blend-mode:normal;animation:none}
.header .brand::before{content:none}
.header .brand-name,.header .brand-sub{text-shadow:none}
@media print{.header .brand svg{filter:none}}