/* DC Design Haus mobile production hotfix */
@media (max-width: 980px) {
  .site-header .nav-links { display: none !important; }
  .site-header .menu-btn { display: inline-flex !important; }
  .site-header .nav .btn.primary { display: none !important; }
  .hero { grid-template-columns: 1fr !important; }
}

@media (max-width: 640px) {
  .container { width: min(calc(100% - 28px), 1180px) !important; }
  .nav { height: 74px !important; gap: 12px !important; }
  .brand { font-size: 13px !important; }
  .brand-mark { width: 36px !important; height: 30px !important; }
  .hero { min-height: auto !important; padding: 46px 0 20px !important; }
  .hero h1, .page-hero h1 {
    font-size: clamp(38px, 11vw, 46px) !important;
    line-height: 1.02 !important;
    letter-spacing: 1.5px !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
  }
  .lede { font-size: 16px !important; line-height: 1.65 !important; }
  .actions { flex-direction: column !important; align-items: stretch !important; }
  .actions .btn { width: 100% !important; }
  .hero-proof { gap: 10px 14px !important; }
  .hero-visual { min-height: 320px !important; }
  .hero-art { width: 115% !important; margin: 12px 0 0 !important; }
}

/* DCDH RESPONSIVE NAV v1 */
@media (max-width: 980px) {

  .site-header {
    overflow: visible !important;
  }

  .site-header .nav {
    position: relative;
  }

  .site-header .menu-btn {
    position: relative;
    z-index: 102;
    cursor: pointer;
  }

  .site-header .nav-links {
    display: none !important;
  }

  .site-header .nav-links.is-open {
    position: absolute;
    top: calc(100% - 1px);
    left: 0;
    right: 0;
    z-index: 101;

    display: flex !important;
    flex-direction: column;
    align-items: stretch;
    gap: 0;

    padding: 12px;
    margin: 0;

    background:
      linear-gradient(
        145deg,
        rgba(7, 10, 29, .98),
        rgba(12, 9, 31, .98)
      );

    border: 1px solid #26304b;
    border-radius: 0 0 14px 14px;

    box-shadow:
      0 24px 55px rgba(0, 0, 0, .48);
  }

  .site-header .nav-links.is-open a {
    display: block !important;

    width: 100%;
    padding: 14px 16px;

    color: #dfe4ef;
    font-size: 14px;
    font-weight: 700;

    border-radius: 8px;
  }

  .site-header .nav-links.is-open a:hover,
  .site-header .nav-links.is-open a:focus-visible,
  .site-header .nav-links.is-open a.active {
    color: #ffffff;
    background: rgba(255, 255, 255, .07);
  }

  .site-header .menu-btn[aria-expanded="true"] {
    border-color: #9144c4;
    background:
      linear-gradient(
        110deg,
        rgba(255, 60, 124, .16),
        rgba(132, 68, 212, .20)
      );
  }
}

@media (max-width: 640px) {

  .site-header .nav-links.is-open {
    left: 0;
    right: 0;
    border-radius: 0 0 12px 12px;
  }

  .site-header .nav-links.is-open a {
    padding: 15px 14px;
    font-size: 14px;
  }
}
/* END DCDH RESPONSIVE NAV v1 */