/* Blackdoor B&W invert — chrome only. Hero stills stay color. */
html, body, #main {
  background: #000 !important;
  color: #e8e8e8;
}
a {
  --bd-link-text-color: #e8e8e8 !important;
  --bd-link-hover-text-color: #ffffff !important;
}
/* Filled CTAs (accent token is now off-white): ink on the fill */
[style*="--bd-token-c17471cf-65a0-4fca-b249-5b8a78f6ad26"] {
  --bd-text-color: #050505;
}
/* Footer giant type used the white token (now black). Force off-white. */
.bd-styles-preset-zeumuy,
.bd-styles-preset-ye2tsf {
  --bd-text-color: #e8e8e8 !important;
  color: #e8e8e8 !important;
}
/* Booking slab replaced Cal.com; the exported parent started at height 0. */
[data-bd-name="Calendar"] {
  min-height: 280px;
  height: auto !important;
}
iframe[src*="cal.com"],
iframe[srcdoc*="cal.com"],
iframe[src*="app.cal.com"] {
  display: none !important;
}
/* Square off candy pills without touching circular avatars */
[data-bd-name="Orange"],
[data-bd-name="White"],
[data-bd-name="Solid"],
[data-bd-name="Call to Action"] a {
  border-radius: 4px !important;
}
/* Dual mailto slab that replaces the booking iframe */
.bd-brief-slab {
  box-sizing: border-box;
  width: 100%;
  min-height: 280px;
  padding: 28px 24px;
  background: #050505;
  color: #e8e8e8;
  border: 1px solid #222;
  border-radius: 4px;
  font-family: Inter, Satoshi, system-ui, sans-serif;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 16px;
}
.bd-brief-slab p {
  margin: 0;
  font-size: 16px;
  line-height: 1.45;
  color: #e8e8e8;
}
.bd-brief-slab .bd-ctas {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.bd-brief-slab a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 18px;
  border-radius: 4px;
  text-decoration: none;
  font-size: 14px;
  letter-spacing: 0.02em;
}
.bd-brief-slab a.bd-fill {
  background: #e8e8e8;
  color: #050505;
}
.bd-brief-slab a.bd-ghost {
  background: transparent;
  color: #e8e8e8;
  border: 1px solid #222;
}


/* Picasso 2026-08-27: public-face bans */
/* Invented testimonials / star stack */
#rating,
[data-bd-name="Photos"],
[data-bd-name="Avatar"],
[data-bd-name="Rate"],
[data-bd-name="4.9"],
[data-bd-name="Available"] {
  display: none !important;
}

/* Footer lockup: keep BLACKDOOR, drop leftover Linea We / work / AI */
.bd-1e77nke,
.bd-gzarie,
.bd-14x4ih3 {
  display: none !important;
}


/* Picasso 2026-08-27: sanitize residue */
/* Method/refusals: keep the copy, drop quote-card faces/stars/names */
#method [data-bd-name="Avatar"],
#method [data-bd-name="User Avatar"],
#method [data-bd-name="Star"],
#method [data-bd-name="Person"],
#method [data-bd-name="Name + Title"],
#testimonial [data-bd-name="Avatar"],
#testimonial [data-bd-name="User Avatar"],
#testimonial [data-bd-name="Star"],
#testimonial [data-bd-name="Person"],
#testimonial [data-bd-name="Name + Title"] {
  display: none !important;
}

/* Picasso 2026-08-30: Reed lockup + Quinn open chrome + Get in touch */
@font-face {
  font-family: "Satoshi";
  src: url("../fonts/Satoshi-Variable.woff2") format("woff2");
  font-weight: 300 900;
  font-style: normal;
  font-display: swap;
}

/* Page root is a white Linea sheet in the exported CSS; keep first paint black. */
html body,
html body #main,
html body [data-bd-root],
html body [data-layout-template="true"],
html body .bd-k33A1,
html body .bd-EMvHG {
  background: #000 !important;
  background-color: #000 !important;
}

/* Lockup left, CTA right, mid-links in the remaining space. Gutters, not flush. */
html body nav[data-bd-name="Desktop"],
html body nav[data-bd-name="Desktop"] [data-bd-name="Nav Content Wrapper"],
html body nav[data-bd-name="Desktop"] .bd-83h88j {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
  width: 100% !important;
  max-width: none !important;
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  place-content: center flex-start !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  gap: 28px !important;
  box-sizing: border-box !important;
  animation: bd-chrome-in 280ms ease both;
}

html body nav[data-bd-name="Desktop"] {
  padding-left: 24px !important;
  padding-right: 24px !important;
}

html body nav[data-bd-name="Desktop"] .bd-1l6u49x-container {
  order: 0 !important;
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 12ch !important;
  margin: 0 !important;
  position: relative !important;
}

html body nav[data-bd-name="Desktop"] a[data-bd-name="Logo"] {
  width: auto !important;
  min-width: 0 !important;
  height: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  padding: 0 !important;
  text-decoration: none !important;
  isolation: isolate;
  z-index: 2;
  position: relative !important;
}

html body nav[data-bd-name="Desktop"] a[data-bd-name="Logo"] img,
html body nav[data-bd-name="Desktop"] a[data-bd-name="Logo"] [data-bd-background-image-wrapper],
html body nav[data-bd-name="Desktop"] a[data-bd-name="Logo"] .bd-z2h6hy {
  display: none !important;
}

/* Real text node only. Never a ::after caption. */
html body a[data-bd-name="Logo"]::before,
html body a[data-bd-name="Logo"]::after,
html body nav[data-bd-name="Desktop"] a[data-bd-name="Logo"]::before,
html body nav[data-bd-name="Desktop"] a[data-bd-name="Logo"]::after {
  content: none !important;
  display: none !important;
  background: none !important;
  border: 0 !important;
}

html body .bd-lockup {
  display: inline-flex;
  flex-direction: column;
  align-items: stretch;
  flex: 0 0 auto;
  width: max-content;
  max-width: max-content;
  overflow: hidden;
  font-family: Satoshi, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 22px;
  line-height: 1;
  color: #ffffff;
  opacity: 1;
  pointer-events: none;
}

html body .bd-lockup-word {
  display: block;
  width: 100%;
  letter-spacing: -0.04em;
  line-height: 1;
  white-space: nowrap;
  text-align: left;
}

html body .bd-lockup-black {
  font-weight: 900;
}

html body .bd-lockup-door {
  font-weight: 400;
}

html body .bd-lockup-consult {
  display: block;
  width: 100%;
  box-sizing: border-box;
  margin-top: 4px;
  margin-left: 0;
  padding-left: 0;
  padding-inline-end: 0;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1;
  text-align: left;
  text-transform: lowercase;
  white-space: nowrap;
  overflow: hidden;
}

html body .bd-lockup-consult-end {
  letter-spacing: 0;
}

@media (max-width: 809px) {
  html body .bd-lockup { font-size: 18px; }
}

/* Wrapper around Navmenu is a flex sibling; keep it next to the lockup. */
html body nav[data-bd-name="Desktop"] [data-bd-name="Wrapper"],
html body nav[data-bd-name="Desktop"] .bd-7pokr4 {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  order: 0 !important;
  flex: 1 1 auto !important;
  width: auto !important;
  max-width: none !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  filter: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  width: auto !important;
  height: auto !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* Flatten BOTH Navmenu skins (black+radius 8 and white+radius 24) + data-border ::after chip. */
html body [data-bd-name="Navmenu"],
html body [data-bd-name="Navmenu"] > *,
html body [data-bd-name="Navmenu"] [class*="container"],
html body nav [data-bd-name="Navmenu"].bd-1cv0w39 {
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  filter: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  gap: 18px !important;
  overflow: visible !important;
  opacity: 1 !important;
  --border-top-width: 0px !important;
  --border-right-width: 0px !important;
  --border-bottom-width: 0px !important;
  --border-left-width: 0px !important;
  --border-color: transparent !important;
}

html body [data-bd-name="Navmenu"]::before,
html body [data-bd-name="Navmenu"]::after,
html body [data-bd-name="Navmenu"][data-border="true"]::before,
html body [data-bd-name="Navmenu"][data-border="true"]::after,
html body nav [data-border="true"][data-bd-name="Navmenu"]::after,
html body .bd-XkTZ7 [data-bd-name="Navmenu"][data-border="true"]::after,
html body .bd-XkTZ7 [data-bd-name="Wrapper"][data-border="true"]::after {
  content: none !important;
  display: none !important;
  border: 0 !important;
  box-shadow: none !important;
  background: none !important;
  width: 0 !important;
  height: 0 !important;
}

html body [data-bd-name="Navmenu"] a,
html body [data-bd-name="Navmenu"] a[data-bd-name="Normal"] {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  filter: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0 2px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  color: rgba(255, 255, 255, 0.5) !important;
  opacity: 1 !important;
  --bd-link-text-color: rgba(255, 255, 255, 0.5) !important;
  --bd-link-hover-text-color: #ffffff !important;
  --bd-text-color: rgba(255, 255, 255, 0.5) !important;
  transition: color 180ms ease !important;
}

html body [data-bd-name="Navmenu"] a:hover,
html body [data-bd-name="Navmenu"] a:hover .bd-text {
  color: #ffffff !important;
  opacity: 1 !important;
  background: transparent !important;
  --bd-link-text-color: #ffffff !important;
  --bd-text-color: #ffffff !important;
}

/* Current = 1px fade under the word, not a bar. */
html body [data-bd-name="Navmenu"] a[data-bd-page-link-current="true"] {
  color: #ffffff !important;
  opacity: 1 !important;
  background-color: transparent !important;
  border: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  background-image: linear-gradient(90deg, transparent 0%, #ffffff 18%, #ffffff 82%, transparent 100%) !important;
  background-size: 100% 1px !important;
  background-repeat: no-repeat !important;
  background-position: center 100% !important;
  --bd-text-color: #ffffff !important;
}

html body nav[data-bd-name="Desktop"] .bd-12vldcy-container {
  order: 0 !important;
  flex: 0 0 auto !important;
  margin-left: auto !important;
  height: auto !important;
  opacity: 1 !important;
  transform: none !important;
}

html body nav[data-bd-name="Desktop"] [data-bd-name="Orange"],
html body nav[data-bd-name="Desktop"] .bd-12vldcy-container a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 40px !important;
  min-height: 40px !important;
  padding: 0 18px !important;
  border-radius: 4px !important;
  background-color: #e8e8e8 !important;
  box-shadow: inset 0 0 0 1px #121212 !important;
  color: #050505 !important;
  --bd-text-color: #050505 !important;
  opacity: 1 !important;
  transform: none !important;
}

html body [data-bd-name="Burger"],
html body [data-bd-name="Burger Button"] {
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}
html body nav .bd-12q3mvg {
  background-color: transparent !important;
}
html body [data-bd-name="Burger"] svg,
html body [data-bd-name="Burger Button"] svg {
  --21h8s6: #ffffff !important;
  color: #ffffff !important;
  fill: #ffffff !important;
  stroke: #ffffff !important;
}

/* Hero: one left CTA. Hide the second (Have us build it / White). */
html body [data-bd-name="Hero"] a[data-bd-name="White"],
html body section#hero a[data-bd-name="Desktop"] {
  display: none !important;
}

/* Logoipsum / photo tray / image ticker — hide, never a white chip of marks. */
html body [data-bd-name="Image Ticker"],
html body [data-bd-name="Images Slideshow"],
html body [data-bd-name="Ticker Mobile"],
html body [data-bd-name="Photos"],
html body [data-bd-name^="Logo "],
html body [data-bd-name^="Logo "] svg,
html body [data-bd-name^="Client "] svg,
html body [data-bd-name^="Logo "] .svgContainer {
  display: none !important;
}

html body .bd-stack-logo {
  display: block;
  height: 22px;
  width: auto;
  opacity: 0.88;
}

html body section#hero [data-bd-name="Call to Action"] a[data-bd-name="Orange"] {
  overflow: hidden !important;
}
html body section#hero [data-bd-name="Call to Action"] .bd-1d4f0e8,
html body section#hero [data-bd-name="Call to Action"] a.hover .bd-1d4f0e8 {
  opacity: 1 !important;
  transform: none !important;
  position: relative !important;
  top: auto !important;
  left: auto !important;
}
html body section#hero [data-bd-name="Call to Action"] .bd-1g6aqoz,
html body section#hero [data-bd-name="Call to Action"] a.hover .bd-1g6aqoz {
  display: none !important;
}
html body section#hero .bd-l61vi3 {
  justify-content: flex-start !important;
  place-content: flex-start flex-start !important;
  align-items: flex-start !important;
}

.bd-nav-glow { display: none !important; }

.bd-nav-hairline {
  position: fixed;
  top: 0; left: 0; right: 0;
  height: 1px;
  background: #ffffff;
  opacity: 0;
  pointer-events: none;
  z-index: 50;
  transition: opacity 200ms ease;
}
.bd-nav-hairline.is-on { opacity: 0.22; }

@keyframes bd-chrome-in {
  from { opacity: 0; }
  to { opacity: 1; }
}

@media (max-width: 809.98px) {
  html body nav[data-bd-name="Desktop"],
  html body nav[data-bd-name="Mobile Close"] {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
}

/* Selectable full-bleed Work Ticker wrapper. Motion stays in hero-paper.css. */
html body section#hero .bd-hero-ticker {
  pointer-events: auto !important;
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: 50% !important;
  transform: translateX(-50%) !important;
}

@media (prefers-reduced-motion: reduce) {
  html body nav[data-bd-name="Desktop"],
  html body [data-bd-name="Nav Content Wrapper"],
  html body .bd-83h88j { animation: none !important; }
  html body [data-bd-name="Navmenu"] a,
  .bd-nav-hairline { transition: none !important; }
}