@media (min-width: 1025px) {

  /* White glass mega menu — only when header is transparent (top of page) */
  .item-at-start #menu-item-1428 .sub-menu,
  .item-at-start #menu-item-1426 .sub-menu,
  .item-at-start #menu-item-3875 .sub-menu {
    background: rgba(255, 255, 255, 0.85) !important;
    backdrop-filter: blur(40px) !important;
    -webkit-backdrop-filter: blur(40px) !important;
  }

  .item-at-start #menu-item-1428 .sub-menu li a,
  .item-at-start #menu-item-1426 .sub-menu li a,
  .item-at-start #menu-item-3875 .sub-menu li a {
    color: #393994 !important;
  }

  .item-at-start #menu-item-1428 .sub-menu li a:hover,
  .item-at-start #menu-item-1426 .sub-menu li a:hover,
  .item-at-start #menu-item-3875 .sub-menu li a:hover {
    color: #1a1a2e !important;
    opacity: 1 !important;
  }

  .item-at-start #menu-item-1428 .sub-menu::before,
  .item-at-start #menu-item-1426 .sub-menu::before,
  .item-at-start #menu-item-3875 .sub-menu::before {
    color: #393994 !important;
  }

}




/* ========== DESKTOP ONLY CODE ========== */
@media (min-width: 1025px) {
    /* Force overflow visible on all containers */
    .site-header,
    .site-header-wrap,
    .site-main-header-wrap,
    .site-header-row-container,
    .site-header-row-container-inner,
    .header-navigation-layout-stretch,
    .primary-menu-container,
    #primary-menu {
        overflow: visible !important;
        z-index: 100000 !important;
    }

    /* Make all dropdown parents static for fixed positioning */
    #menu-item-1428,
    #menu-item-1426,
    #menu-item-3875 {
        position: relative !important;
    }

    /* Remove all borders */
    #menu-item-1428 .sub-menu,
    #menu-item-1428 .sub-menu *,
    #menu-item-1428 .sub-menu::before,
    #menu-item-1428 .sub-menu::after,
    #menu-item-1426 .sub-menu,
    #menu-item-1426 .sub-menu *,
    #menu-item-1426 .sub-menu::before,
    #menu-item-1426 .sub-menu::after,
    #menu-item-3875 .sub-menu,
    #menu-item-3875 .sub-menu *,
    #menu-item-3875 .sub-menu::before,
    #menu-item-3875 .sub-menu::after {
        border: none !important;
        outline: none !important;
        box-shadow: none !important;
    }

    /* ========== OUR WORK MEGA MENU ========== */
    #menu-item-1428 .sub-menu {
        display: none !important;
        grid-template-columns: 1fr 1fr !important;
        column-gap: 150px !important;
        row-gap: 20px !important;
        padding: 70px 15% 80px 15% !important;
        position: fixed !important;
        top: 60px !important;
        left: 0 !important;
        right: 0 !important;
        width: 100vw !important;
        background: rgba(72, 72, 184, 0.89) !important;
        backdrop-filter: blur(40px) !important;
        -webkit-backdrop-filter: blur(40px) !important;
        z-index: 99998 !important;
        margin: 0 !important;
    }

    #menu-item-1428:hover .sub-menu,
    #menu-item-1428 .sub-menu:hover {
        display: grid !important;
    }

    #menu-item-1428::after {
        content: "";
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        height: 60px;
        background: transparent;
        pointer-events: auto;
        z-index: 99999;
        display: none;
    }

    #menu-item-1428:hover::after {
        display: block;
    }

    #menu-item-1428 .sub-menu::before {
        content: "OUR WORK" !important;
        position: absolute !important;
        top: 20px !important;
        left: 15% !important;
        font-size: 14px !important;
        font-weight: 700 !important;
        letter-spacing: 2px !important;
        color: #fff !important;
    }

    /* ========== ABOUT MEGA MENU ========== */
    #menu-item-1426 .sub-menu {
        display: none !important;
        grid-template-columns: 1fr 1fr !important;
        column-gap: 150px !important;
        row-gap: 20px !important;
        padding: 70px 15% 80px 15% !important;
        position: fixed !important;
        top: 60px !important;
        left: 0 !important;
        right: 0 !important;
        width: 100vw !important;
        background: rgba(72, 72, 184, 0.89) !important;
        backdrop-filter: blur(40px) !important;
        -webkit-backdrop-filter: blur(40px) !important;
        z-index: 99998 !important;
        margin: 0 !important;
    }

    #menu-item-1426:hover .sub-menu,
    #menu-item-1426 .sub-menu:hover {
        display: grid !important;
    }

    #menu-item-1426::after {
        content: "";
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        height: 60px;
        background: transparent;
        pointer-events: auto;
        z-index: 99999;
        display: none;
    }

    #menu-item-1426:hover::after {
        display: block;
    }

    #menu-item-1426 .sub-menu::before {
        content: "ABOUT" !important;
        position: absolute !important;
        top: 20px !important;
        left: 15% !important;
        font-size: 14px !important;
        font-weight: 700 !important;
        letter-spacing: 2px !important;
        color: #fff !important;
    }

    /* ========== ARCADE MEGA MENU ========== */
    #menu-item-3875 .sub-menu {
        display: none !important;
        grid-template-columns: 1fr 1fr !important;
        column-gap: 150px !important;
        row-gap: 20px !important;
        padding: 70px 15% 80px 15% !important;
        position: fixed !important;
        top: 60px !important;
        left: 0 !important;
        right: 0 !important;
        width: 100vw !important;
        background: rgba(72, 72, 184, 0.89) !important;
        backdrop-filter: blur(40px) !important;
        -webkit-backdrop-filter: blur(40px) !important;
        z-index: 99998 !important;
        margin: 0 !important;
    }

    #menu-item-3875:hover .sub-menu,
    #menu-item-3875 .sub-menu:hover {
        display: grid !important;
    }

    #menu-item-3875::after {
        content: "";
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        height: 60px;
        background: transparent;
        pointer-events: auto;
        z-index: 99999;
        display: none;
    }

    #menu-item-3875:hover::after {
        display: block;
    }

    #menu-item-3875 .sub-menu::before {
        content: "ARCADE" !important;
        position: absolute !important;
        top: 20px !important;
        left: 15% !important;
        font-size: 14px !important;
        font-weight: 700 !important;
        letter-spacing: 2px !important;
        color: #fff !important;
    }

    /* ========== BLUR EFFECT ========== */
    body:has(#menu-item-1428:hover) main,
    body:has(#menu-item-1428 .sub-menu:hover) main,
    body:has(#menu-item-1426:hover) main,
    body:has(#menu-item-1426 .sub-menu:hover) main,
    body:has(#menu-item-3875:hover) main,
    body:has(#menu-item-3875 .sub-menu:hover) main {
        filter: blur(8px) !important;
        transition: filter 0.3s ease !important;
    }

    /* ========== SHARED MENU ITEM STYLES ========== */
    #menu-item-1428 .sub-menu li,
    #menu-item-1426 .sub-menu li,
    #menu-item-3875 .sub-menu li {
        margin: 0 !important;
        padding: 0 !important;
        list-style: none !important;
    }

    #menu-item-1428 .sub-menu li a,
    #menu-item-1426 .sub-menu li a,
    #menu-item-3875 .sub-menu li a {
        display: block !important;
        text-transform: uppercase !important;
        font-size: 16px !important;
        font-weight: 400 !important;
        letter-spacing: 0.5px !important;
        line-height: 1.8 !important;
        color: #fff !important;
        text-decoration: none !important;
        padding: 10px 0 !important;
        background: none !important;
    }

    #menu-item-1428 .sub-menu li a:hover,
    #menu-item-1426 .sub-menu li a:hover,
    #menu-item-3875 .sub-menu li a:hover {
        color: #fff !important;
        opacity: 0.7 !important;
    }

    /* Current page highlight */
    #menu-item-1428 .sub-menu li.current-menu-item a,
    #menu-item-1428 .sub-menu li.current_page_item a,
    #menu-item-1426 .sub-menu li.current-menu-item a,
    #menu-item-1426 .sub-menu li.current_page_item a,
    #menu-item-3875 .sub-menu li.current-menu-item a,
    #menu-item-3875 .sub-menu li.current_page_item a {
        opacity: 0.7 !important;
    }

    /* Parent highlight */
    #menu-item-1428.current-menu-ancestor > a,
    #menu-item-1428.current-menu-parent > a,
    #menu-item-1426.current-menu-ancestor > a,
    #menu-item-1426.current-menu-parent > a,
    #menu-item-3875.current-menu-ancestor > a,
    #menu-item-3875.current-menu-parent > a {
        opacity: 0.7 !important;
    }
}



/* ========== MEGA MENU SUBTLE REFINEMENTS — append to existing CSS ========== */
@media (min-width: 1025px) {

  /* Refined section label */
  #menu-item-1428 .sub-menu::before,
  #menu-item-1426 .sub-menu::before,
  #menu-item-3875 .sub-menu::before {
    font-size: 10px !important;
    font-weight: 500 !important;
    letter-spacing: 3px !important;
    opacity: 0.5 !important;
  }

  /* Subtle bottom border on each link */
  #menu-item-1428 .sub-menu li a,
  #menu-item-1426 .sub-menu li a,
  #menu-item-3875 .sub-menu li a {
    border-bottom: 0.5px solid rgba(255, 255, 255, 0.15) !important;
    font-size: 14px !important;
    letter-spacing: 1.5px !important;
    transition: letter-spacing 0.2s ease, opacity 0.2s ease !important;
  }

  #menu-item-1428 .sub-menu li a:hover,
  #menu-item-1426 .sub-menu li a:hover,
  #menu-item-3875 .sub-menu li a:hover {
    letter-spacing: 2.5px !important;
    opacity: 0.7 !important;
  }

  /* White glass state border */
  .item-at-start #menu-item-1428 .sub-menu li a,
  .item-at-start #menu-item-1426 .sub-menu li a,
  .item-at-start #menu-item-3875 .sub-menu li a {
    border-bottom: 0.5px solid rgba(57, 57, 148, 0.15) !important;
  }

}


/* ========== MEGA MENU A2 — append to existing CSS ========== */
@media (min-width: 1025px) {

  /* Left border accent */
  #menu-item-1428 .sub-menu li a,
  #menu-item-1426 .sub-menu li a,
  #menu-item-3875 .sub-menu li a {
    border-left: 3px solid rgba(255, 255, 255, 0.15) !important;
    padding-left: 16px !important;
    letter-spacing: 2px !important;
    font-size: 13px !important;
    color: rgba(255, 255, 255, 0.75) !important;
    border-radius: 0 6px 6px 0 !important;
    transform-origin: left center !important;
    transition: border-color 0.2s ease, color 0.2s ease, transform 0.25s ease, background 0.25s ease !important;
  }

  /* Glass + scale on hover */
  #menu-item-1428 .sub-menu li a:hover,
  #menu-item-1426 .sub-menu li a:hover,
  #menu-item-3875 .sub-menu li a:hover {
    border-left-color: rgba(255, 255, 255, 0.9) !important;
    color: #fff !important;
    opacity: 1 !important;
    transform: scale(1.03) !important;
    background: rgba(255, 255, 255, 0.08) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
  }

  /* White glass state (item-at-start) */
  .item-at-start #menu-item-1428 .sub-menu li a,
  .item-at-start #menu-item-1426 .sub-menu li a,
  .item-at-start #menu-item-3875 .sub-menu li a {
    border-left: 3px solid rgba(57, 57, 148, 0.2) !important;
    color: rgba(57, 57, 148, 0.75) !important;
  }

  .item-at-start #menu-item-1428 .sub-menu li a:hover,
  .item-at-start #menu-item-1426 .sub-menu li a:hover,
  .item-at-start #menu-item-3875 .sub-menu li a:hover {
    border-left-color: #393994 !important;
    color: #1a1a2e !important;
    background: rgba(57, 57, 148, 0.06) !important;
  }

}



/* CSS OVERRIDES FOR STITCH AND SNARE - PRODUCTION STUDIO PAGE ONLY */
/* Add this to your WordPress Custom CSS or page-specific CSS */

/* Target only this specific page */
body.page-id-[YOUR_PAGE_ID] {
    /* OR use this if the slug is production-studio-think-tank */
}

/* For the production studio page specifically */
.page-template-default.page .entry-content,
body[class*="production-studio"] .entry-content {
    padding: 0 !important;
    margin: 0 !important;
    max-width: 100% !important;
}

/* Hide navigation and footer on this page only */
body[class*="production-studio"] .site-header,
body[class*="production-studio"] header.header,
body[class*="production-studio"] nav,
body[class*="production-studio"] .main-navigation,
body[class*="production-studio"] .site-footer,
body[class*="production-studio"] footer.footer {
    display: none !important;
}

/* Override WordPress container styles */
body[class*="production-studio"] .site-content,
body[class*="production-studio"] .content-area,
body[class*="production-studio"] main,
body[class*="production-studio"] article {
    padding: 0 !important;
    margin: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
}

/* Force full width and remove WordPress padding/margins */
body[class*="production-studio"] .entry-content > .wp-block-html {
    margin: 0 !important;
    padding: 0 !important;
    max-width: 100% !important;
}

/* Override any WordPress container constraints */
body[class*="production-studio"] .wp-site-blocks,
body[class*="production-studio"] .wp-block-group {
    padding: 0 !important;
    max-width: 100% !important;
}

/* Remove white background from WordPress defaults */
body[class*="production-studio"] {
    background: #0a0a0a !important;
}

body[class*="production-studio"] .site,
body[class*="production-studio"] .site-content,
body[class*="production-studio"] article,
body[class*="production-studio"] .entry-content {
    background: transparent !important;
}

/* Ensure the HTML block itself has no constraints */
body[class*="production-studio"] .wp-block-html {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Remove any default WordPress content padding */
body[class*="production-studio"] .has-global-padding,
body[class*="production-studio"] .has-global-padding > .alignfull {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Override theme-specific containers (common theme class names) */
body[class*="production-studio"] .container,
body[class*="production-studio"] .wrapper,
body[class*="production-studio"] .inner-wrap,
body[class*="production-studio"] .site-inner {
    max-width: 100% !important;
    padding: 0 !important;
}


/* ========================================
   ALTERNATIVE: If using page ID instead
   ======================================== */

/* Replace XXXX with your actual page ID */
/*
body.page-id-XXXX .site-header,
body.page-id-XXXX .site-footer {
    display: none !important;
}

body.page-id-XXXX,
body.page-id-XXXX .site-content,
body.page-id-XXXX .entry-content {
    background: #0a0a0a !important;
    padding: 0 !important;
    margin: 0 !important;
    max-width: 100% !important;
}

body.page-id-XXXX .entry-content > .wp-block-html {
    margin: 0 !important;
    padding: 0 !important;
}
*/


/* ========================================
   NUCLEAR OPTION: Force everything
   ======================================== */

/* If the above doesn't work, uncomment this section */
/*
body[class*="production-studio"] * {
    box-sizing: border-box !important;
}

body[class*="production-studio"] {
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: hidden !important;
}
*/





/* =============================================
   BLOG SECTION — Homepage
   Target: kb-row-layout-id1123_bf2ca8-2e
   ============================================= */

/* Center and constrain the row */
.kb-row-layout-id1123_bf2ca8-2e .kt-row-column-wrap {
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
  padding-left: clamp(20px, 5vw, 60px);
  padding-right: clamp(20px, 5vw, 60px);
}

/* Section eyebrow label */
.kb-row-layout-id1123_bf2ca8-2e .kt-adv-heading1123_9e664a-d7 {
  font-family: 'DM Mono', monospace !important;
  font-size: 11px !important;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  color: #393994 !important;
  margin-bottom: 12px;
}

/* Section heading */
.kb-row-layout-id1123_bf2ca8-2e .kt-adv-heading1123_fc27ff-90 {
  font-family: 'Mulish', sans-serif !important;
  font-size: clamp(2rem, 3.5vw, 2.8rem) !important;
  font-weight: 900 !important;
  color: #1a1a2e !important;
  line-height: 1.12 !important;
  letter-spacing: -0.02em;
  margin-bottom: 48px;
}

/* Remove list styling */
.kb-posts-id-1123_b3d6ec-57 {
  list-style: none;
  padding: 0;
  margin: 0;
}

/* Glass card */
.kb-posts-id-1123_b3d6ec-57 .loop-entry {
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.72) !important;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border: 1px solid rgba(255, 255, 255, 0.6) !important;
  box-shadow: 0 4px 24px rgba(57, 57, 148, 0.07), inset 0 1px 0 rgba(255, 255, 255, 0.9);
  overflow: hidden;
  transition: all 0.25s ease;
}

.kb-posts-id-1123_b3d6ec-57 .loop-entry:hover {
  box-shadow: 0 12px 40px rgba(57, 57, 148, 0.12), inset 0 1px 0 rgba(255, 255, 255, 1);
  transform: translateY(-3px);
  border-color: rgba(57, 57, 148, 0.18) !important;
}

/* Thumbnail */
.kb-posts-id-1123_b3d6ec-57 .post-thumbnail {
  display: block;
  overflow: hidden;
}

.kb-posts-id-1123_b3d6ec-57 .post-thumbnail img {
  transition: transform 0.35s ease;
  width: 100%;
  display: block;
}

.kb-posts-id-1123_b3d6ec-57 .loop-entry:hover .post-thumbnail img {
  transform: scale(1.03);
}

/* Entry content padding */
.kb-posts-id-1123_b3d6ec-57 .entry-content-wrap {
  padding: 20px 22px 22px;
}



/* Post title */
.kb-posts-id-1123_b3d6ec-57 .entry-title {
  font-family: 'Mulish', sans-serif !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  line-height: 1.4;
  color: #1a1a2e !important;
  margin-top: 8px;
  margin-bottom: 0;
}

.kb-posts-id-1123_b3d6ec-57 .entry-title a {
  color: #1a1a2e !important;
  text-decoration: none;
  transition: color 0.15s;
}

.kb-posts-id-1123_b3d6ec-57 .entry-title a:hover {
  color: #393994 !important;
}

/* Meta — author and date */
.kb-posts-id-1123_b3d6ec-57 .entry-meta {
  font-family: 'DM Mono', monospace !important;
  font-size: 11px !important;
  color: #9ca3af !important;
  margin-top: 8px;
}

.kb-posts-id-1123_b3d6ec-57 .entry-meta a {
  color: #9ca3af !important;
  text-decoration: none;
}

/* Read More link */
.kb-posts-id-1123_b3d6ec-57 .post-more-link {
  font-family: 'Mulish', sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #393994 !important;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  transition: color 0.15s;
}

.kb-posts-id-1123_b3d6ec-57 .post-more-link:hover {
  color: #5454c8 !important;
}

/* Arrow icon */
.kb-posts-id-1123_b3d6ec-57 .kadence-arrow-right-alt-svg {
  fill: #393994;
  width: 16px;
  height: 16px;
}

/* Footer spacing */
.kb-posts-id-1123_b3d6ec-57 .entry-footer {
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid rgba(57, 57, 148, 0.08);
}



/* =============================================
   BLOG SECTION — Our Work Page
   Target: kb-row-layout-id1128_d7a98e-16
   ============================================= */

/* Center and constrain the row */
.kb-row-layout-id1128_d7a98e-16 .kt-row-column-wrap {
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
  padding-left: clamp(20px, 5vw, 60px);
  padding-right: clamp(20px, 5vw, 60px);
}

/* Section heading — "Latest Blogs" */
.kb-row-layout-id1128_d7a98e-16 .kt-adv-heading1128_98d3d0-16 {
  font-family: 'Mulish', sans-serif !important;
  font-size: clamp(2rem, 3.5vw, 2.8rem) !important;
  font-weight: 900 !important;
  color: #1a1a2e !important;
  line-height: 1.12 !important;
  letter-spacing: -0.02em;
  margin-bottom: 48px;
}

/* Remove list styling */
.kb-posts-id-1128_06a09b-3a {
  list-style: none;
  padding: 0;
  margin: 0;
}

/* Glass card */
.kb-posts-id-1128_06a09b-3a .loop-entry {
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.72) !important;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border: 1px solid rgba(255, 255, 255, 0.6) !important;
  box-shadow: 0 4px 24px rgba(57, 57, 148, 0.07), inset 0 1px 0 rgba(255, 255, 255, 0.9);
  overflow: hidden;
  transition: all 0.25s ease;
}

.kb-posts-id-1128_06a09b-3a .loop-entry:hover {
  box-shadow: 0 12px 40px rgba(57, 57, 148, 0.12), inset 0 1px 0 rgba(255, 255, 255, 1);
  transform: translateY(-3px);
  border-color: rgba(57, 57, 148, 0.18) !important;
}

/* Thumbnail */
.kb-posts-id-1128_06a09b-3a .post-thumbnail {
  display: block;
  overflow: hidden;
}

.kb-posts-id-1128_06a09b-3a .post-thumbnail img {
  transition: transform 0.35s ease;
  width: 100%;
  display: block;
}

.kb-posts-id-1128_06a09b-3a .loop-entry:hover .post-thumbnail img {
  transform: scale(1.03);
}

/* Entry content padding */
.kb-posts-id-1128_06a09b-3a .entry-content-wrap {
  padding: 20px 22px 22px;
}

/* Post title */
.kb-posts-id-1128_06a09b-3a .entry-title {
  font-family: 'Mulish', sans-serif !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  line-height: 1.4;
  color: #1a1a2e !important;
  margin-top: 8px;
  margin-bottom: 0;
}

.kb-posts-id-1128_06a09b-3a .entry-title a {
  color: #1a1a2e !important;
  text-decoration: none;
  transition: color 0.15s;
}

.kb-posts-id-1128_06a09b-3a .entry-title a:hover {
  color: #393994 !important;
}

/* Meta — author and date */
.kb-posts-id-1128_06a09b-3a .entry-meta {
  font-family: 'DM Mono', monospace !important;
  font-size: 11px !important;
  color: #9ca3af !important;
  margin-top: 8px;
}

.kb-posts-id-1128_06a09b-3a .entry-meta a {
  color: #9ca3af !important;
  text-decoration: none;
}

/* Category tag */
.kb-posts-id-1128_06a09b-3a .entry-taxonomies {
  font-family: 'DM Mono', monospace !important;
  font-size: 11px !important;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

.kb-posts-id-1128_06a09b-3a .entry-taxonomies a {
  color: #393994 !important;
  text-decoration: none;
}

/* Read More link */
.kb-posts-id-1128_06a09b-3a .post-more-link {
  font-family: 'Mulish', sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #393994 !important;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  transition: color 0.15s;
}

.kb-posts-id-1128_06a09b-3a .post-more-link:hover {
  color: #5454c8 !important;
}

/* Arrow icon */
.kb-posts-id-1128_06a09b-3a .kadence-arrow-right-alt-svg {
  fill: #393994;
  width: 16px;
  height: 16px;
}

/* Footer spacing */
.kb-posts-id-1128_06a09b-3a .entry-footer {
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid rgba(57, 57, 148, 0.08);
}