/* ──────────────────────────────────────────────────────────────────
 * Hanzo overrides — loaded AFTER evermind-template.css.
 * Treat this as the customization layer; do NOT edit the vendor file.
 * Future template re-imports won't blow these away.
 * ────────────────────────────────────────────────────────────────── */


/* ──────── Nav dropdown — Option A: continuous editorial extension ────────
 * Webflow's runtime forces position:fixed + width:100% when the dropdown
 * opens. We can't change that without breaking the open/close JS. Instead
 * we style it so it reads as the nav opening — not a floating panel slamming
 * down over the hero. */
.dropdown-list.w--open {
  background-color: #F5F1E8;                   /* warm editorial cream */
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  border-radius: 0;                            /* kill floating-box look */
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);/* hairline separator */
  box-shadow: none;
  padding-top: 24px;
  padding-bottom: 24px;
}

/* Make sure no parent introduces shadow / rounding either */
.dropdown.w-dropdown,
.dropdown-list.w-dropdown-list {
  box-shadow: none !important;
}

/* Kill the page-wide nav-blur scrim. Webflow's runtime activates a giant
 * frosted overlay that covers the entire viewport below the nav when the
 * dropdown opens — makes the hero unreadable. The dropdown panel itself
 * already has a subtle blur, so this extra scrim is redundant. */
.nav-blur {
  display: none !important;
}

/* ──────── Cream service card (Website Curation)
 * The card uses an SVG with a cream background instead of a photo, so the
 * default white title text from the vendor would disappear. Switch text to
 * ink + saffron eyebrow + dark arrow icon. */
.card-expandable--light .text-h6,
.card-expandable--light .label-small { color: #1a1a1a !important; }
.card-expandable--light .eyebrow-circle { background-color: #E8A847 !important; }
.card-expandable--light .icon-link-arrow { color: #1a1a1a !important; }
.card-expandable--light .expandable-icon {
  border-color: rgba(26, 26, 26, 0.20) !important;
  background-color: rgba(255, 255, 255, 0.5) !important;
}
.card-expandable--light .overlay-expandable {
  display: none !important;
}

/* The global hover state hits the cream card with brightness(1.56) which
 * washes out the dark wordmark/subtitle into the cream background. Restore
 * neutral brightness on the cream card while keeping the gentle zoom. */
.card-expandable--light:hover .image-wrap-expandable { filter: none !important; }
.card-expandable--light:hover .image-cover { filter: none !important; }

/* Make the inner dropdown panel completely transparent so the navbar's
 * .nav-bg pill (which stretches down to encompass the dropdown when open)
 * is the SINGLE visible background. Eliminates the "cream box inside a gray
 * frame" nesting artifact. The words now sit directly on the nav pill,
 * which feels like one continuous editorial extension. */
.dropdown-list.w--open,
.dropdown-list.w-dropdown-list.w--open {
  background-color: transparent !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  border-bottom: none !important;
}