/* Shared pre-launch navigation, project thumbnails, and direct-contact footer details. */
.global-nav{display:flex;align-items:center;gap:25px;margin-left:auto}.global-nav>a,.nav-menu-trigger{border:0;background:transparent;color:#b7b8c4;font:600 13px/1.2 'DM Sans',Arial,sans-serif;padding:12px 2px;cursor:pointer;white-space:nowrap;transition:color .2s}.global-nav>a:hover,.nav-menu-trigger:hover,.global-nav>a[aria-current="page"],.nav-menu-trigger[aria-current="page"],.nav-menu-trigger[aria-expanded="true"]{color:#fff}.global-nav>a[aria-current="page"],.nav-menu-trigger[aria-current="page"]{text-decoration:underline;text-decoration-color:#8b9bff;text-underline-offset:8px}.nav-menu{position:relative}.nav-menu-trigger{display:flex;align-items:center;gap:7px}.nav-menu-trigger .nav-chevron{color:#929cff;font-size:12px;transition:transform .2s}.nav-menu-trigger[aria-expanded="true"] .nav-chevron{transform:rotate(180deg)}.mega-panel{position:absolute;top:calc(100% + 13px);left:50%;z-index:80;width:570px;translate:-50% 0;padding:12px;border:1px solid rgba(190,198,255,.22);border-radius:12px;background:rgba(24,26,35,.98);box-shadow:0 24px 70px rgba(0,0,0,.48);backdrop-filter:blur(20px)}.mega-panel[hidden]{display:none}.mega-panel.case-menu{width:410px}.mega-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.case-menu .mega-grid{grid-template-columns:1fr}.mega-item{display:grid;grid-template-columns:28px 1fr;gap:10px;padding:13px;border:1px solid transparent;border-radius:8px;transition:background .2s,border-color .2s}.mega-item:hover,.mega-item:focus-visible{background:#222532;border-color:#3d4259}.mega-item>span{font:500 12px/1.5 'DM Mono',monospace;color:#8e99df}.mega-item strong{display:block;font:700 13px/1.35 'Manrope','DM Sans',sans-serif;color:#e8e8ee}.mega-item small{display:block;margin-top:4px;color:#898c9d;font-size:12px;line-height:1.4}.global-mobile-nav .mobile-menu-group{border-bottom:1px solid #303241}.global-mobile-nav .mobile-submenu-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;padding:14px 0;border:0;background:transparent;color:#e3e4ed;font:600 14px/1.4 'DM Sans',Arial,sans-serif;text-align:left;cursor:pointer}.mobile-submenu-trigger span{color:#9da8f4;font-size:16px;transition:transform .2s}.mobile-submenu-trigger[aria-expanded="true"] span{transform:rotate(45deg)}.mobile-submenu[hidden]{display:none}.mobile-submenu{display:grid;padding:2px 0 10px 14px;border-left:1px solid #484e70;margin-bottom:8px}.global-mobile-nav .mobile-submenu a{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-bottom:0;color:#d0d2df;font-size:13px}.global-mobile-nav .mobile-submenu a:hover{background:#222532}.global-mobile-nav .mobile-submenu small{color:#7f8292;font-size:12px;line-height:1.4}.global-mobile-nav>a[aria-current="page"],.mobile-submenu-trigger[aria-current="page"]{color:#fff}.footer-contact-details{display:flex;flex-direction:column;gap:5px;min-width:0}.footer-contact-details span{font:500 12px/1.4 'DM Mono',monospace;letter-spacing:.06em;color:#777b8f}.footer-contact-details a{font-size:12px;line-height:1.55;color:#aeb3cc;overflow-wrap:anywhere}.footer-contact-details a:hover{color:#fff}.footer-grid{grid-template-columns:1.05fr .9fr 1.15fr .9fr!important}.footer-content{display:grid!important;grid-template-columns:1fr auto minmax(225px,.8fr);gap:34px!important}.project-graphic.project-hero-graphic{background:#ececf1!important}.project-hero-image{width:100%;height:100%;object-fit:contain;object-position:center;display:block}.project-card-webinbox .project-hero-image{object-position:center top}.project-graphic.project-hero-graphic:after{content:"";position:absolute;inset:auto 0 0;height:75px;background:linear-gradient(transparent,rgba(10,11,15,.82));pointer-events:none}.project-hero-graphic .project-graphic-label{z-index:1}
@media(max-width:1050px){.global-nav{gap:16px}.global-nav>a,.nav-menu-trigger{font-size:12px}.footer-grid{grid-template-columns:1fr 1fr!important}.footer-content{grid-template-columns:1fr 1fr}.footer-content .footer-contact-details{grid-column:1/-1}}
@media(max-width:820px){.global-nav{display:none}.nav-contact,.nav-cta{display:none!important}.menu-toggle,.menu-button{display:flex!important}.mobile-nav.global-mobile-nav:not([hidden]){display:flex;top:100%!important;max-height:calc(100vh - 70px);overflow-y:auto}.global-mobile-nav>a{padding:14px 0!important}.footer-grid{grid-template-columns:1fr 1fr!important}}
@media(max-width:560px){.footer-grid{grid-template-columns:1fr!important}.footer-content{grid-template-columns:1fr}.footer-contact-details{padding-top:3px}.project-hero-image{object-position:center}}
@media(prefers-reduced-motion:reduce){.nav-menu-trigger .nav-chevron,.mobile-submenu-trigger span{transition:none}}

/* Homepage case-study covers: fill the fixed media frame and keep product UI prominent. */
.project-hero-image{object-fit:cover;object-position:center top}
.project-card-webinbox .project-hero-image{object-position:center 8%}
.project-card-fidibo .project-hero-image{object-position:center 18%}
.project-card-xpertell .project-hero-image{object-position:center 5%}

/* Shared personal-brand artwork. The SVG retains its native 106:94 proportions. */
.brand-logo{display:block;height:42px;width:auto;flex:none}
.footer-branding{display:flex;align-items:center;gap:13px;min-width:0}
.footer-logo-link{display:flex;flex:0 0 auto}
.footer-brand-logo{display:block;height:46px;width:auto}
.footer-branding strong{display:block;font:800 14px/1.25 'Manrope','DM Sans',sans-serif;color:#f4f3f0}
.footer-branding span{display:block;margin-top:4px;font:400 12px/1.55 'DM Sans',Arial,sans-serif;color:#898b9c}
.about-monogram{font-size:0!important}
.about-monogram .about-brand-logo{display:block;height:174px;width:auto;filter:drop-shadow(0 0 55px rgba(155,165,255,.25))}
@media(max-width:560px){.brand-logo{height:36px}.footer-brand-logo{height:42px}.about-monogram .about-brand-logo{height:145px}}

/* Canonical header structure and top-level navigation typography. */
.site-header .nav-bar{height:100%;display:flex;align-items:center;justify-content:space-between;gap:25px}
.global-nav{gap:26px}
.global-nav>a,.nav-menu-trigger{font-size:16px}
.site-header .menu-toggle{display:none;width:42px;height:38px;flex-direction:column;gap:7px;justify-content:center;align-items:center;background:transparent;border:1px solid #41445a;border-radius:8px;cursor:pointer}
.site-header .menu-toggle span{height:2px;width:19px;background:#e8e9fe;border-radius:2px}
.global-mobile-nav>a,.global-mobile-nav .mobile-submenu-trigger{font-size:15px}
.site-header[data-shared-primary-nav]{height:82px;position:relative;background:rgba(16,17,22,.9);backdrop-filter:blur(20px);z-index:20}
.site-header[data-shared-primary-nav] .shell{width:min(1248px,calc(100% - 88px))}
.site-header[data-shared-primary-nav] .brand{gap:12px}
.site-header[data-shared-primary-nav] .brand-label{font:800 14px/1.1 'Manrope','DM Sans',sans-serif}
.site-header[data-shared-primary-nav] .brand-label small{display:block;margin-top:5px;font:400 12px/1 'DM Mono',monospace;letter-spacing:.09em;color:#878a9d}
@media(max-width:1050px) and (min-width:821px){.global-nav{gap:15px}.global-nav>a,.nav-menu-trigger{font-size:15px}}
@media(max-width:800px){.site-header[data-shared-primary-nav]{height:77px}.site-header[data-shared-primary-nav] .shell{width:calc(100% - 42px)}}