/* Shared Home / Model / About / Blog desktop navigation geometry. */
.map-brand{position:absolute;z-index:20;left:60px;top:14px;height:32px;display:flex;align-items:center;gap:8.8px;border:0;padding:0;background:none;color:var(--header-ink,#fff);font:400 16px/22px D-DIN,Arial,sans-serif;cursor:pointer;text-decoration:none;white-space:nowrap}
.map-tabs{--desktop-tab-step:78px;--desktop-tab-width:48px;position:absolute;z-index:20;left:248px;top:26px;width:calc(2 * var(--desktop-tab-step) + var(--desktop-tab-width));height:12px}
.map-tabs :is(a,button){position:absolute;width:48px;border:0;background:none;color:var(--header-muted,#ffffffb3);font:400 12px/12px D-DIN,Arial,sans-serif;text-align:center;text-transform:uppercase;text-decoration:none;padding:0;white-space:nowrap;cursor:pointer;transition:color 160ms ease}
.map-tabs :is(a,button):nth-child(1){left:0}
.map-tabs :is(a,button):nth-child(2){left:var(--desktop-tab-step)}
.map-tabs :is(a,button):nth-child(3){left:calc(2 * var(--desktop-tab-step))}
.map-tabs :is(a,button):is(:hover,:focus-visible){color:var(--header-ink,#fff)}
.map-brand:focus-visible,.map-tabs :is(a,button):focus-visible{outline:2px solid currentColor;outline-offset:5px}
.macbook-pro-14 .map-brand{top:27px;font-size:23px;line-height:30px;gap:14px;-webkit-text-stroke:.2px currentColor}
.macbook-pro-14 .map-brand :is(.brand-mark,.mobile-logo){transform:scale(1.34);transform-origin:center}
.macbook-pro-14 .map-tabs{--desktop-tab-width:68px;left:292px;top:37px}
.macbook-pro-14 .map-tabs :is(a,button){display:flex;align-items:center;justify-content:center;width:68px;height:30px;font-size:18px;line-height:24px;transform:translateY(-8px);-webkit-text-stroke:.55px currentColor}
.macbook-pro-14 .about-header .map-tabs a{font:400 18px/24px D-DIN,Arial,sans-serif}
.macbook-pro-14 .header-glass{height:104px}

/* The standalone article keeps its light veil; its controls use the same
   1920 x 1080 viewport scale as the Home stage, not the article text column. */
@media(min-width:1025px) and (pointer:fine),(min-width:1367px){
  .map-tabs{--desktop-tab-step:102px}
  /* The compact Retina Mac profile already has larger controls. */
  :root:not(.macbook-pro-14) .map-brand{font-size:19px;line-height:24px;gap:11px}
  :root:not(.macbook-pro-14) .map-brand :is(.brand-mark,.mobile-logo){transform:scale(1.18);transform-origin:center}
  /* Keep one row; 4px top padding shifts the smaller uppercase ink down 2px
     for optical alignment with the brand, without moving the hit area. */
  :root:not(.macbook-pro-14) .map-tabs{top:14px;height:32px}
  :root:not(.macbook-pro-14) .map-tabs :is(a,button){top:0;height:100%;box-sizing:border-box;padding-top:4px;display:flex;align-items:center;justify-content:center;font-size:15px;line-height:20px}
  .topbar{--header-ink:#171717;--header-muted:#777;position:sticky;top:0;z-index:100;height:calc(72px * var(--header-scale,1));overflow:hidden;background:#ffffffd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);font-synthesis:none;text-rendering:geometricPrecision}
  .topbar .nav-inner{position:absolute;left:50%;top:0;width:1920px;max-width:none;height:72px;margin:0;padding:0;display:block;transform:translateX(-50%) scale(var(--header-scale,1));transform-origin:top center}
  .topbar .mobile-logo{display:flex;flex:0 0 31.2px;width:31.2px;height:29.77px}
  .topbar .mobile-logo img{display:block;width:100%;height:100%;border-radius:0;object-fit:fill}
  .topbar .brand-name{display:inline}
  .topbar .map-tabs [aria-current]{color:var(--header-ink)}
  .macbook-pro-14 .topbar{height:calc(104px * var(--header-scale,1))}
  .macbook-pro-14 .topbar .nav-inner{height:104px}
}

/* Research detail uses Mission's fixed header geometry with a light glass veil. */
@media(min-width:1025px) and (pointer:fine),(min-width:1367px){
  .topbar{position:fixed;inset:0 0 auto;overflow:visible;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;isolation:isolate}
  .topbar::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:#ffffffd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);mask-image:linear-gradient(to bottom,#000 0 82%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0 82%,transparent 100%)}
  .topbar .mobile-logo img{filter:brightness(0)}
  .topbar .map-tabs :is(a,button){color:#171717}
}