/* hdr1020: shared header (Madhur 7:11 AM Oct 20: "The Human Algorithm on left, Madhur Tyagi on right, on top"). Loaded last on every page with the brand header. */
header.nav .brand{display:flex;flex-direction:row;align-items:center;gap:0;line-height:1;text-decoration:none;min-width:0}
header.nav .brand__name{font-size:16.5px;font-weight:700;letter-spacing:-.022em;color:inherit;white-space:nowrap}
header.nav .brand__sep,header.nav .brand__sub{display:none}
.hdr-me{display:inline-flex;align-items:center;gap:8px;flex:none;margin-left:auto;text-decoration:none;color:inherit;font-size:14.5px;font-weight:600;letter-spacing:-.005em;white-space:nowrap;line-height:1}
.nav__act .hdr-me{margin-left:0}
.hdr-me__ph{width:28px;height:28px;border-radius:50%;display:block;flex:none;background:#1e1e20 url(/img/madhur-tyagi-founder-240.webp) 50% 18%/cover no-repeat}
.hdr-me__n{border-bottom:1px solid transparent;padding:2px 0;transition:border-color .15s}
.hdr-me:hover .hdr-me__n{border-bottom-color:currentColor}
header.nav .nav__links{margin-left:auto;margin-right:28px}
@media (max-width:999px){header.nav .nav__links{display:none}}
@media (max-width:559px){header.nav .nav__in>.btn{display:none}header.nav .nav__act .nav__txt{display:none}}
@media (max-width:559px){.hdr-me__ph{display:none}}
header.nav .nav__txt{text-decoration:none;color:#555;font-weight:500}
header.nav .nav__txt:hover{color:#111}
@media (min-width:900px){header.nav .nav__act{position:relative}header.nav .nav__act .nav__cta{position:absolute;right:0;top:50%;transform:translateY(-50%)}header.nav .nav__act:has(.nav__cta.is-on) .hdr-me,header.nav .nav__act:has(.nav__cta.is-on) .nav__txt{visibility:hidden}}
header.nav .nav__links ~ .hdr-me{margin-left:0}

/* 21 Oct 2026: AI Avatar nav item tag */
.nav-new{display:inline-block;margin-left:6px;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;line-height:1;color:#111;background:#FF6B00;border-radius:999px;padding:3px 6px;vertical-align:2px}

/* 21 Oct 2026 agents-nav1021: the AI Agents nav item rests below 1100px, where the header has no room for it (no overflow); the page stays one tap away from home, /links/, the footer and /shop/ */
@media (max-width:1099px){header.nav .nav__links a[data-track="agents_click"]{display:none}}

/* scrub_1022 (Madhur m:75dcfcff): "a D2C fragrance brand" links to the case study, orange + underline so it reads as a link */
a.d2c-link{color:#FF6B00;border-bottom:0;font-weight:600;text-decoration:underline;text-decoration-color:#FF6B00;text-decoration-thickness:2px;text-underline-offset:3px}a.d2c-link:hover{color:#e86100}a.d2c-link:focus-visible{outline:2px solid #FF6B00;outline-offset:2px;border-radius:3px}