/* Pinebar — Zuidas lock-gate skin. Do not load as a public “theme pack”. */
:root {
  --pb-pine: #16382c;
  --pb-ink: #0a241f;
  --pb-leaf: #1f4a3c;
  --pb-straw: #f3efd4;
  --pb-ochre: #c9a227;
  --pb-gold: #e2c15a;
  --pb-vermilion: #ae1c28;
  --pb-nl-red: #ae1c28;
  --pb-nl-white: #f7f4ea;
  --pb-nl-blue: #21468b;
  --pb-mast: 13px;
  --ks-blue--blue-600: #16382c;
  --ks-blue--blue-500: #1f4a3c;
  --ks-blue--blue-700: #0a241f;
}

html { background: var(--pb-ink); }
body.pb-skinned {
  background-color: var(--pb-straw) !important;
  color: var(--pb-ink) !important;
  padding-left: var(--pb-mast);
}

::selection { background: var(--pb-vermilion); color: var(--pb-straw); }
:focus-visible { outline: 2px solid var(--pb-ochre); outline-offset: 3px; }

/* Lock-gate: NL flag as a load-bearing left beam, not a corner sticker. */
.pb-lockgate {
  position: fixed;
  z-index: 2147483000;
  left: 0;
  top: 0;
  bottom: 0;
  width: var(--pb-mast);
  display: flex;
  flex-direction: column;
  pointer-events: none;
}
.pb-lockgate i { flex: 1; display: block; }
.pb-lockgate .pb-r { background: var(--pb-nl-red); }
.pb-lockgate .pb-w { background: var(--pb-nl-white); }
.pb-lockgate .pb-b { background: var(--pb-nl-blue); }
.pb-wire { display: none !important; }

/* Top-bar Posts dropdown (ModernCISO / research) — removed. */
.top-menu-ul .list-item-4,
.list-item-4:has(.text-block-2) {
  display: none !important;
}

.pb-legal {
  position: fixed;
  z-index: 2147482998;
  right: 1.1rem;
  bottom: 1.1rem;
  pointer-events: none;
  max-width: 16rem;
  padding: 0.55rem 0.7rem 0.6rem;
  background: var(--pb-pine);
  color: var(--pb-straw);
  font: 600 10px/1.35 "Ubuntu Condensed", "Ubuntu Sans", "Noto Sans", sans-serif;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  box-shadow: 6px 8px 0 var(--pb-ochre);
}
.pb-legal b {
  display: block;
  font-size: 12px;
  letter-spacing: 0.14em;
  color: var(--pb-gold);
  margin-bottom: 0.2rem;
}
.pb-legal span { text-transform: none; letter-spacing: 0.01em; font-weight: 500; }

/* Recolor inherited navy/teal without touching partner marks. */
.navbar,
.nav-bar,
.menu-wrapper,
.nav-menu,
.navbar-logo-left,
header,
.nav,
.top-nav {
  background-color: var(--pb-pine) !important;
}

.footer,
footer.footer {
  background-color: var(--pb-ink) !important;
  background-image: linear-gradient(180deg, #0a241fe6, #0a241ff2), url(/pb-footer-pine-v2.webp) !important;
  background-size: cover !important;
  background-position: 50% 70% !important;
  color: var(--pb-straw) !important;
}

.ir-button,
.button,
.w-button,
a.ir-button {
  background-color: var(--pb-vermilion) !important;
  color: var(--pb-straw) !important;
  border-color: var(--pb-vermilion) !important;
}

.hero-home,
.hero,
.home-hero,
.section-hero {
  background-color: var(--pb-ink) !important;
}

.hero-home {
  background-image:
    linear-gradient(180deg, rgba(10, 36, 31, 0.22), rgba(10, 36, 31, 0.46)),
    url(/pb-hero-pine-v3.webp) !important;
  background-size: cover !important;
  background-position: 50% 42% !important;
}

.section-download {
  background-color: var(--pb-ink) !important;
  background-image: url(/pb-forrester-band-v2.webp) !important;
  background-size: cover !important;
  background-position: 18% 50% !important;
  background-repeat: no-repeat !important;
}

/* Cream pages: dump used white type on dark photos. Body is now straw — ink type. */
body.pb-skinned h1,
body.pb-skinned h2,
body.pb-skinned h3,
body.pb-skinned h4,
body.pb-skinned h5,
body.pb-skinned h6,
body.pb-skinned p,
body.pb-skinned li,
body.pb-skinned .heading-16,
body.pb-skinned .text-block-69,
body.pb-skinned .text-block-70,
body.pb-skinned .color-white,
body.pb-skinned .color-oteal400,
body.pb-skinned .fw-200,
body.pb-skinned .fw-300 {
  color: var(--pb-ink) !important;
}

/* Dark photo bands keep straw type */
body.pb-skinned .hero-home,
body.pb-skinned .hero-home h1,
body.pb-skinned .hero-home .u-h1-home,
body.pb-skinned .hero-home .text-span,
body.pb-skinned .hero-home-figure-subtitle,
body.pb-skinned .hero-home-figure-heading,
body.pb-skinned .mountain-hero,
body.pb-skinned .mountain-hero h1,
body.pb-skinned .mountain-hero h1 span,
body.pb-skinned .mountain-hero .color-oteal400,
body.pb-skinned .mountain-layer,
body.pb-skinned .section-download,
body.pb-skinned .section-download h1,
body.pb-skinned .section-download h2,
body.pb-skinned .section-download p,
body.pb-skinned .section-download .color-white {
  color: var(--pb-straw) !important;
  text-shadow: 0 2px 16px rgba(10, 36, 31, 0.72);
}

body.pb-skinned header,
body.pb-skinned header a,
body.pb-skinned header p,
body.pb-skinned header li,
body.pb-skinned .navbar,
body.pb-skinned .nav,
body.pb-skinned .footer,
body.pb-skinned .footer a,
body.pb-skinned .footer p,
body.pb-skinned .footer li,
body.pb-skinned footer.footer,
body.pb-skinned footer.footer a,
body.pb-skinned footer.footer p,
body.pb-skinned .text-block-85 {
  color: var(--pb-straw) !important;
  text-shadow: none;
}

/* Company: one new forest-mountain still, not the old Alps stack. */
body.pb-skinned .mountain-hero {
  background-color: var(--pb-ink) !important;
}
body.pb-skinned .mountain-bg,
body.pb-skinned .mountain-bg.new-mountain {
  background-image: url(/pb-company-mountains-v1.webp) !important;
  background-position: 50% 42% !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  inset: 0 !important;
}
body.pb-skinned .mountain-peak,
body.pb-skinned .mountain-peak.new-mountain,
body.pb-skinned .mountain-symbol {
  background-image: none !important;
  opacity: 0 !important;
}
body.pb-skinned .mountain-layer,
body.pb-skinned .mountain-layer.new-mountain {
  background-image: linear-gradient(180deg, rgba(10, 36, 31, 0.28), rgba(10, 36, 31, 0.58)) !important;
  color: var(--pb-straw) !important;
}

/* White partner wordmarks were cut for a dark photo; cream canvas needs ink marks. */
body.pb-skinned .section-13 .image-51,
body.pb-skinned .section-13 .div-block-101 img,
body.pb-skinned .tech-partners img {
  filter: brightness(0);
}

.menu-logo-img.ks-logo {
  filter: none;
  height: 36px;
  width: auto;
  max-width: 220px;
  object-fit: contain;
  object-position: left center;
}

@media (max-width: 720px) {
  .pb-legal { display: none; }
}

/* No videos anywhere — dump embeds + background players. */
video,
.w-background-video,
.w-background-video-atom,
.w-video,
.w-embed-youtubevideo,
iframe[src*="vimeo"],
iframe[src*="youtube"],
iframe[src*="youtu.be"],
iframe[src*="embedly.com"],
iframe[src*="wistia"],
.team-member-video,
.hero-bottom,
.video-resources,
.video-2,
.minute-content-hero:has(.w-video),
.div-block-214:has(.w-video) {
  display: none !important;
}

/* Team portraits gone; keep the name cards as a pine field. */
img.headshot,
.team-member-image img,
.team-member-image,
.author-image,
.author-photo,
.bio-photo,
img[src*="headshot"],
img[src*="-chetrit"],
img[src*="team-member"] {
  display: none !important;
}
.team-member-headshot-container {
  background-image: none !important;
  background-color: var(--pb-pine) !important;
  background-size: cover;
}

/* Parent-group mark (NAGRA) and every social rail (header + footer + share). */
.image-91,
.image-84,
.image-85,
.div-block-16,
.div-block-115,
a[href*="nagra.com"],
a[href*="linkedin.com"],
a[href*="twitter.com"],
a[href*="x.com/"],
a[href*="facebook.com"],
a[href*="instagram.com"],
a[href*="youtube.com"],
a[href*="youtu.be"],
img[src*="nagra"],
img[src*="Nagra"],
img[alt*="NAGRA"],
img[src*="linkedin.svg"],
img[src*="_x.svg"],
.dropdown-8,
a[hrefLang="fr-FR"],
a[hrefLang="de-DE"] {
  display: none !important;
}

/* One Amsterdam office. The dump map.gif still has the old city dots. */
.embed-map,
.ks-map,
.ks-single-location,
.location-pop-up {
  display: none !important;
}
.accordion-wrap_only-mobile {
  display: block !important;
  max-width: 42rem;
}

/* Leftover old-name filenames (pixels already overwritten). */
img[src*="adliswil"],
img[src*="adliswill"],
img[src*="1951_Nagra"],
img[src*="nagra white"] {
  /* wordmark already copied over these files */
}