/* ==========================================================================
Decima International - phone-only responsive refinements
Scope: phones only. Desktop and tablet layouts are intentionally unchanged.
========================================================================== */

@media (max-width: 992px) {
  
  /* -----------------------------------------------------------------------
     Home hero: keep image and copy side-by-side; image is no longer a backdrop.
     Owl Carousel keeps native touch/swipe gestures.
     ----------------------------------------------------------------------- */
  .home-page .hero-slides { touch-action: pan-y; }
  .home-page .hero-slides .owl-stage-outer { overflow: hidden !important; }
  .home-page .hero-slides [data-animation] {
    animation-duration: .42s !important;
    animation-delay: 0s !important;
  }

  .home-page .slider-area.one,
  .home-page .slider-area.one .row.bor-der {
    min-height: 520px !important;
    height: 520px !important;
  }

  .home-page .slider-area.one {
    display: block !important;
    overflow: hidden !important;
  }

  .home-page .slider-area.one .container-fluid {
    height: 100% !important;
    padding: 0 !important;
  }

  .home-page .slider-area.one .row.bor-der {
    display: grid !important;
    grid-template-columns: minmax(0, 56%) minmax(0, 44%) !important;
    align-items: stretch !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
  }

  .home-page .slider-area.one .row.bor-der::before { display: none !important; }

  .home-page .slider-area.one .row.bor-der > .col-lg-6:first-child,
  .home-page .slider-area.one .row.bor-der > .col-lg-6:last-child {
    position: relative !important;
    inset: auto !important;
    width: auto !important;
    max-width: none !important;
    min-height: 520px !important;
    height: 520px !important;
    padding: 0 !important;
  }

  .home-page .slider-area.one .row.bor-der > .col-lg-6:first-child {
    z-index: 3 !important;
    grid-column: 1 !important;
    display: flex !important;
    align-items: stretch !important;
    background: #161616 !important;
    min-width: fit-content;
  }

  .home-page .slider-area.one .row.bor-der > .col-lg-6:last-child {
    z-index: 1 !important;
    grid-column: 2 !important;
    display: block !important;
  }

  .home-page .slider-area.one .single-slider-left {
    left: auto !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 34px 14px 30px 18px !important;
    display: flex !important;
    align-items: center !important;
  }

  .home-page .slider-area.one .single-slider {
    width: 100% !important;
    max-width: none !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    background: transparent !important;
  }

  .home-page .slider-area.one .single-slider > .slider-content {
    width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
    overflow: visible !important;
  }

  .home-page .slider-area.one .single-slider::before,
  .home-page .slider-area.one .single-slider::after,
  .home-page .slider-area.one .single-slider-left::before,
  .home-page .slider-area.one .single-slider-left::after,
  .home-page .slider-area.one .slider-title h1::before,
  .home-page .slider-area.one .slider-title h2::before {
    display: none !important;
  }

  .home-page .slider-area.one .slider-title {
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  .home-page .slider-area.one .slider-title h4 {
    max-width: 100% !important;
    margin: 0 0 15px !important;
    font-size: 8px !important;
    line-height: 1.55 !important;
    letter-spacing: .1em !important;
  }

  .home-page .slider-area.one .slider-title h1,
  .home-page .slider-area.one .slider-title h2 {
    max-width: 100% !important;
    margin: 0 0 24px !important;
    padding: 0 !important;
    font-size: clamp(27px, 7.8vw, 33px) !important;
    line-height: 1.03 !important;
    letter-spacing: -.035em !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
  }

  .home-page .slider-area.one .hero-line { display: block !important; }
  .home-page .slider-area.one .slider-number,
  .home-page .slider-area.one .slider-icon-box,
  .home-page .slider-area.one .hero-proof { display: none !important; }

  .home-page .slider-area.one .singles-sliders,
  .home-page .slider-area.one .singles-sliders .slider-content,
  .home-page .slider-area.one .slider-thumb {
    display: block !important;
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    min-height: 520px !important;
    height: 520px !important;
  }

  .home-page .slider-area.one .slider-thumb::before {
    background: linear-gradient(90deg, rgba(16,16,16,.20), rgba(16,16,16,0) 48%) !important;
  }

  .home-page .slider-area.one .slider-thumb img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: 62% center !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
  }

  .home-page .slider-area.one:nth-child(2) .slider-thumb img {
    object-position: 72% center !important;
  }

  .home-page .slider-area.one .singles-sliders,
  .home-page .slider-area.one .singles-sliders .slider-content,
  .home-page .slider-area.one .slider-thumb,
  .home-page .slider-area.one [data-animation] {
    opacity: 1 !important;
    visibility: visible !important;
  }

  html[data-theme="light"] .home-page .slider-area.one .row.bor-der > .col-lg-6:first-child {
    background: #f7f7f5 !important;
  }

  html[data-theme="light"] .home-page .slider-area.one .slider-thumb::before {
    background: linear-gradient(90deg, rgba(247,247,245,.16), rgba(247,247,245,0) 44%) !important;
  }

  .home-page .slider-area.one .slider-button {
    margin-top: 0 !important;
    max-width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
  }

  .home-page .slider-area.one .slider-button > a {
    min-height: 32px !important;
    padding-right: 58px !important; padding-bottom: 0 !important;
    font-size: 11px !important;
    line-height: 1.25 !important;
    border-bottom: 0 !important;
    display: flex !important; justify-content: center !important; align-items: center !important;
  }

  .home-page .slider-area.one .slider-button::before {
    top: 50% !important;
    right: 4px !important;
    left: auto !important;
    width: 20px !important;
    height: 20px !important;
    border: 1px solid #ffffff !important;
    transform: translateY(-50%) !important;
  }

  /* Make the line one smaller and leading cleanly into the outer box */
  .home-page .slider-area.one .slider-button > a::before {
    top: 50% !important;
    right: 13px !important;
    width: 8px !important;
    height: 8px !important;
    background: currentColor !important;
    transform: translateY(-50%) !important;
  }

  /* Center the small box inside the big one (right: 4px + (24-6)/2 = 13px) */
  .home-page .slider-area.one .slider-button > a::after {
    top: 50% !important;
    right: 28px !important;
    width: 20px !important;
    height: 2px !important;
    background: currentColor !important;
    transform: translateY(-50%) !important;
  }

  /* On light mode, the big box should be dark */
  html[data-theme="light"] .home-page .slider-area.one .slider-button::before {
    border-color: #101010 !important;
  }

  .counter-area.one .counter-single-item-inner {
    top: 0px;
  }
}

@media (max-width: 767px) {
  /* -----------------------------------------------------------------------
     Mobile navigation: one consistent burgundy surface in light/dark themes.
     ----------------------------------------------------------------------- */
  body .mobile-menu-area,
  body .mean-container .mean-bar,
  body .mean-container .mean-nav,
  html[data-theme="light"] body .mobile-menu-area,
  html[data-theme="light"] body .mean-container .mean-bar,
  html[data-theme="light"] body .mean-container .mean-nav {
    background: var(--decima-burgundy) !important;
    background-color: var(--decima-burgundy) !important;
  }

  body .mobile-menu-area {
    min-height: 76px !important;
    padding: 0 !important;
  }

  /* MeanMenu already renders the brand in the bar; hide the duplicate absolute logo. */
  body .mobile-menu-area > .mobile-brand { display: none !important; }

  body .mean-container .mean-bar {
    min-height: 76px !important;
    padding: 0 !important;
  }

  body .mean-container .mean-bar::before,
  html[data-theme="light"] body .mean-container .mean-bar::before {
    left: 18px !important;
    top: 13px !important;
    width: 165px !important;
    height: 50px !important;
    background-image: url('../images/shared/branding/decima-logo-dark-theme.png') !important;
    background-repeat: no-repeat !important;
    background-position: left center !important;
    background-size: contain !important;
  }

  body .mean-container a.meanmenu-reveal,
  html[data-theme="light"] body .mean-container a.meanmenu-reveal {
    top: 10px !important;
    right: 10px !important;
    color: #fff !important;
    border-color: rgba(255,255,255,.55) !important;
  }

  body .mean-container a.meanmenu-reveal span,
  html[data-theme="light"] body .mean-container a.meanmenu-reveal span {
    background: #fff !important;
  }

  body .mean-container .mean-nav {
    max-height: calc(100dvh - 76px) !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
  }

  body .mean-container .mean-nav ul li a,
  body .mean-container .mean-nav ul li li a,
  body .mean-container .mean-nav ul li a.mean-expand,
  html[data-theme="light"] body .mean-container .mean-nav ul li a,
  html[data-theme="light"] body .mean-container .mean-nav ul li li a,
  html[data-theme="light"] body .mean-container .mean-nav ul li a.mean-expand {
    color: #fff !important;
    background: var(--decima-burgundy) !important;
    background-color: var(--decima-burgundy) !important;
    border-top-color: rgba(255,255,255,.22) !important;
    border-left-color: rgba(255,255,255,.22) !important;
  }

  body .mean-container .mean-nav ul li a:hover,
  body .mean-container .mean-nav ul li a:focus-visible,
  body .mean-container .mean-nav ul li a.mean-expand:hover,
  html[data-theme="light"] body .mean-container .mean-nav ul li a:hover,
  html[data-theme="light"] body .mean-container .mean-nav ul li a:focus-visible,
  html[data-theme="light"] body .mean-container .mean-nav ul li a.mean-expand:hover {
    color: #fff !important;
    background: rgba(0,0,0,.12) !important;
  }

  /* -----------------------------------------------------------------------
     Home About: retain the desktop idea on phones - visual left, copy right.
     The per-tab Mission/Vision/Values photos are intentionally removed.
     ----------------------------------------------------------------------- */
  .home-page .decima-home-about .container > .row:nth-of-type(2) {
    display: grid !important;
    grid-template-columns: minmax(0, 36%) minmax(0, 64%) !important;
    gap: 16px !important;
    align-items: start !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .home-page .decima-home-about .container > .row:nth-of-type(2) > .col-lg-6 {
    width: auto !important;
    max-width: none !important;
    padding: 0 !important;
  }

  .home-page .decima-home-about .single-about-left {
    position: relative !important;
    margin: 0 !important;
  }

  .home-page .decima-home-about .about-thumb {
    width: 100% !important;
    overflow: hidden !important;
  }

  .home-page .decima-home-about .about-thumb::before { display: none !important; }

  .home-page .decima-home-about .about-thumb img {
    width: 100% !important;
    height: 300px !important;
    max-height: none !important;
    object-fit: cover !important;
    object-position: center center !important;
  }

  .home-page .decima-home-about .about-button {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    top: auto !important;
    bottom: 7px !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
  }

  .home-page .decima-home-about .about-button > a {
    width: 100% !important;
    min-height: 38px !important;
    padding: 8px 34px 8px 11px !important;
    justify-content: flex-start !important;
    font-size: 10px !important;
    line-height: 1.2 !important;
    background: rgba(16,16,16,.94) !important;
  }

  .home-page .decima-home-about .about-button::before {
    right: 7px !important;
    width: 22px !important;
    height: 22px !important;
  }

  .home-page .decima-home-about .about-button > a::before {
    right: 22px !important;
    width: 12px !important;
  }

  .home-page .decima-home-about .about-button > a::after {
    right: 7px !important;
    width: 6px !important;
    height: 6px !important;
  }

  .home-page .decima-home-about .single-about-right,
  .home-page .decima-home-about .appoinment-tab,
  .home-page .decima-home-about .tab {
    min-width: 0 !important;
    width: 100% !important;
  }

  .home-page .decima-home-about .tab { padding-left: 0 !important; }

  .home-page .decima-home-about .tabs {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 0 !important;
    width: 100% !important;
    background: transparent !important;
  }

  .home-page .decima-home-about .tabs li,
  .home-page .decima-home-about .tabs li.boder {
    min-width: 0 !important;
    line-height: 1 !important;
    background: transparent !important;
  }

  .home-page .decima-home-about .tabs li a {
    width: 100% !important;
    margin: 0 !important;
    padding: 9px 3px !important;
    text-align: center !important;
    font-size: 8px !important;
    line-height: 1.25 !important;
    border-bottom: 1px solid rgba(255,255,255,.22) !important;
  }

  .home-page .decima-home-about .tabs li a::before,
  .home-page .decima-home-about .tabs li a::after { display: none !important; }

  .home-page .decima-home-about .tabs li.current a {
    border-bottom-color: var(--decima-burgundy) !important;
  }

  html[data-theme="light"] .home-page .decima-home-about .tabs li a {
    border-bottom-color: rgba(16,16,16,.18) !important;
  }

  html[data-theme="light"] .home-page .decima-home-about .tabs li.current a {
    border-bottom-color: var(--decima-burgundy) !important;
  }

  .home-page .decima-home-about .tabs_item { padding: 15px 0 0 !important; }
  .home-page .decima-home-about .post-comment-description p,
  .home-page .decima-home-about .tab-title p {
    width: 100% !important;
    margin: 0 0 13px !important;
    font-size: 12px !important;
    line-height: 1.55 !important;
  }

  .home-page .decima-home-about .tab-title h3 {
    margin: 0 0 8px !important;
    font-size: 15px !important;
    line-height: 1.3 !important;
  }

  .home-page .decima-home-about .decima-values-list {
    gap: 5px !important;
    padding: 0 !important;
  }

  .home-page .decima-home-about .decima-values-list li {
    font-size: 10px !important;
    line-height: 1.35 !important;
  }

  /* -----------------------------------------------------------------------
     Home Services: mobile accordion. Only titles are visible when closed.
     ----------------------------------------------------------------------- */
  .home-page .decima-template-services {
    padding: 72px 0 78px !important;
  }

  .home-page .decima-template-services .single-service-box {
    position: relative !important;
    margin: 0 0 16px !important;
    padding: 0 18px !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 6px !important;
    background: #181818 !important;
    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.28) !important;
    overflow: hidden !important;
    transition: box-shadow 0.3s ease, border-color 0.3s ease, background-color 0.3s ease !important;
  }

  .home-page .decima-template-services .col-lg-12:last-child .single-service-box {
    margin-bottom: 0 !important;
  }

  .home-page .decima-template-services .single-service-box.is-mobile-open {
    padding: 0 18px 20px 18px !important;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.36) !important;
  }

  .home-page .decima-template-services .single-service-box > .row {
    display: block !important;
    margin: 0 !important;
  }

  .home-page .decima-template-services .single-service-box > .row > [class*="col-"] {
    width: 100% !important;
    max-width: none !important;
    padding: 0 !important;
  }

  .home-page .decima-template-services .service-inner-box,
  .home-page .decima-template-services .service-inner-box.upper {
    min-height: 0 !important;
    padding: 0 !important;
  }

  .home-page .decima-template-services .service-title {
    position: relative !important;
    padding: 20px 42px 20px 0 !important;
    cursor: pointer !important;
    user-select: none;
  }

  .home-page .decima-template-services .service-title::after {
    content: "+";
    position: absolute;
    top: 50%;
    right: 2px;
    width: 28px;
    height: 28px;
    transform: translateY(-50%);
    display: grid;
    place-items: center;
    border: 1px solid rgba(255,255,255,.52);
    color: #fff;
    font-size: 18px;
    font-weight: 300;
    line-height: 1;
  }

  .home-page .decima-template-services .single-service-box.is-mobile-open .service-title::after {
    content: "−";
    border-color: var(--decima-burgundy);
    color: var(--decima-burgundy);
  }

  .home-page .decima-template-services .service-title h3 {
    margin: 0 !important;
    font-size: 19px !important;
    line-height: 1.28 !important;
  }

  .home-page .decima-template-services .service-thumb,
  .home-page .decima-template-services .single-service-box:hover .service-thumb,
  .home-page .decima-template-services .single-service-box:not(.is-mobile-open) .service-thumb,
  .home-page .decima-template-services .single-service-box:not(.is-mobile-open):hover .service-thumb,
  .home-page .decima-template-services .single-service-box > .row > .col-lg-5:nth-child(2),
  .home-page .decima-template-services .single-service-box > .row > .col-lg-2 {
    display: none !important;
  }

  .home-page .decima-template-services .single-service-box.is-mobile-open .service-thumb,
  .home-page .decima-template-services .single-service-box.is-mobile-open > .row > .col-lg-5:nth-child(2),
  .home-page .decima-template-services .single-service-box.is-mobile-open > .row > .col-lg-2 {
    display: block !important;
  }

  .home-page .decima-template-services .single-service-box.is-mobile-open > .row > .col-lg-2 .service-inner-box,
  .home-page .decima-template-services .single-service-box.is-mobile-open > .row > .col-lg-2 .service-content {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  .home-page .decima-template-services .single-service-box.is-mobile-open .service-button,
  .home-page .decima-template-services .single-service-box.is-mobile-open .service-button > a {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  .home-page .decima-template-services .single-service-box.is-mobile-open .service-inner-box.upper {
    display: flex !important;
    flex-direction: column !important;
    position: relative !important;
    z-index: 1 !important;
  }

  .home-page .decima-template-services .single-service-box.is-mobile-open .service-thumb {
    order: -1 !important;
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
    right: auto !important;
    bottom: auto !important;
    width: 100% !important;
    margin: 8px 0 16px !important;
    display: block !important;
    z-index: 1 !important;
    text-align: left !important;
    transform: none !important;
    transition: none !important;
    pointer-events: none !important;
  }

  .home-page .decima-template-services .single-service-box.is-mobile-open .service-thumb img {
    position: static !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
    max-height: 220px !important;
    aspect-ratio: 16 / 9 !important;
    object-fit: cover !important;
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
    border-radius: 4px !important;
  }

  .home-page .decima-template-services .single-service-box:not(.is-mobile-open) .service-thumb img,
  .home-page .decima-template-services .single-service-box:not(.is-mobile-open):hover .service-thumb img {
    display: none !important;
    opacity: 0 !important;
  }

  .home-page .decima-template-services .single-service-box.is-mobile-open .service-content {
    order: 1 !important;
    position: relative !important;
    width: 100% !important;
  }

  .home-page .decima-template-services .single-service-box.is-mobile-open .service-title {
    padding: 0 42px 14px 0 !important;
  }

  .home-page .decima-template-services .single-service-box.is-mobile-open > .row > .col-lg-5:nth-child(2) {
    display: block !important;
    width: 100% !important;
    clear: both !important;
  }

  .home-page .decima-template-services .service-description {
    padding: 0 0 3px !important;
  }

  .home-page .decima-template-services .service-description p {
    margin: 0 0 14px !important;
    font-size: 13px !important;
    line-height: 1.65 !important;
  }

  .home-page .decima-template-services .icon-list ul { margin: 0 !important; }
  .home-page .decima-template-services .icon-list ul li {
    margin-bottom: 8px !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
  }

  .home-page .decima-template-services .service-button {
    margin: 13px 0 22px !important;
  }

  .home-page .decima-template-services .service-button > a {
    padding-right: 76px !important;
    font-size: 13px !important;
  }

  html[data-theme="light"] .home-page .decima-template-services .single-service-box {
    background: #ffffff !important;
    border-color: rgba(16, 16, 16, 0.08) !important;
    box-shadow: 0 4px 18px rgba(16, 16, 16, 0.5) !important;
  }

  html[data-theme="light"] .home-page .decima-template-services .single-service-box.is-mobile-open {
    box-shadow: 0 10px 30px rgba(16, 16, 16, 0.12) !important;
  }

  html[data-theme="light"] .home-page .decima-template-services .service-title::after {
    border-color: rgba(16,16,16,.45) !important;
    color: #101010 !important;
  }

  html[data-theme="light"] .home-page .decima-template-services .single-service-box.is-mobile-open .service-title::after {
    border-color: var(--decima-burgundy) !important;
    color: var(--decima-burgundy) !important;
  }

  /* -----------------------------------------------------------------------
     Home Latest Work: retain a dense gallery/mosaic instead of full-width stack.
     Cards are made tap-accessible by mobile-phone.js.
     ----------------------------------------------------------------------- */
  .home-page .project-area.one.decima-template-projects {
    padding: 78px 0 40px !important;
  }

  .home-page .project-area.one.decima-template-projects .container > .row:nth-of-type(2) {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-auto-flow: dense !important;
    gap: 10px !important;
    margin: 0 !important;
  }

  .home-page .project-area.one.decima-template-projects .container > .row:nth-of-type(2) > [class*="col-"] {
    width: auto !important;
    max-width: none !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  .home-page .project-area.one.decima-template-projects .container > .row:nth-of-type(2) > .col-lg-8:first-child {
    grid-column: 1 / -1 !important;
    grid-row: auto !important;
  }

  .home-page .project-area.one.decima-template-projects .container > .row:nth-of-type(2) > .col-lg-4:nth-child(2) {
    grid-column: 1 / -1 !important;
    grid-row: auto !important;
  }

  .home-page .project-area.one.decima-template-projects .container > .row:nth-of-type(2) > .col-lg-4:nth-child(3) { grid-column: 1 !important; }
  .home-page .project-area.one.decima-template-projects .container > .row:nth-of-type(2) > .col-lg-8:nth-child(4) { grid-column: 2 !important; }
  .home-page .project-area.one.decima-template-projects .container > .row:nth-of-type(2) > .col-lg-4:nth-child(5) { grid-column: 1 !important; }
  .home-page .project-area.one.decima-template-projects .container > .row:nth-of-type(2) > .col-lg-4:nth-child(6) { grid-column: 2 !important; }
  .home-page .project-area.one.decima-template-projects .container > .row:nth-of-type(2) > .col-lg-4:nth-child(7) { grid-column: 1 / -1 !important; }

  .home-page .project-area.one.decima-template-projects .container > .row:nth-of-type(2) > .col-lg-4:nth-child(2) > .row {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    margin: 0 !important;
  }

  .home-page .project-area.one.decima-template-projects .container > .row:nth-of-type(2) > .col-lg-4:nth-child(2) > .row > [class*="col-"] {
    width: 100% !important;
    max-width: none !important;
    padding: 0 !important;
  }

  .home-page .project-area.one.decima-template-projects .single-project-box {
    height: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    cursor: pointer !important;
  }

  .home-page .project-area.one.decima-template-projects .project-tall .project-thumb { height: 210px !important; }
  .home-page .project-area.one.decima-template-projects .project-small .project-thumb { height: 175px !important; }
  .home-page .project-area.one.decima-template-projects .project-medium .project-thumb { height: 210px !important; }
  .home-page .project-area.one.decima-template-projects .project-grid-small .project-thumb { height: 170px !important; }
  .home-page .project-area.one.decima-template-projects .container > .row:nth-of-type(2) > .col-lg-4:nth-child(7) .project-thumb { height: 190px !important; }

  .home-page .project-area.one.decima-template-projects .project-content,
  .home-page .project-area.one.decima-template-projects .single-project-box.upper .project-content,
  .home-page .project-area.one.decima-template-projects .project-content.style-one,
  .home-page .project-area.one.decima-template-projects .project-small .project-content {
    left: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    max-width: none !important;
    padding: 12px 14px 14px !important;
    opacity: 1 !important;
    background: #161616 !important;
    background: rgba(22, 22, 22, 0.94) !important;
    border-top: 2px solid var(--decima-burgundy) !important;
    box-sizing: border-box !important;
    transition: none !important;
    z-index: 5 !important;
  }

  .home-page .project-area.one.decima-template-projects .project-content h4 {
    margin: 0 0 4px !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    color: var(--decima-burgundy) !important;
    line-height: 1.3 !important;
  }

  .home-page .project-area.one.decima-template-projects .project-content h3 {
    margin: 0 0 6px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.35 !important;
    color: #ffffff !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important; line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }

  .home-page .project-area.one.decima-template-projects .project-button {
    display: inline-block !important;
    position: relative !important;
    z-index: 2 !important;
    padding-right: 20px !important;
    max-width: 100% !important;
    overflow: visible !important;
  }

  .home-page .project-area.one.decima-template-projects .project-button::before {
    position: absolute !important;
    content: "" !important;
    top: 20px !important;
    right: 2% !important;
    width: 20px !important;
    height: 20px !important;
    z-index: 2 !important;
    display: block !important;
    border: 1px solid var(--decima-burgundy) !important;
    border-radius: 0 !important;
    transition: .5s !important;
  }

  .home-page .project-area.one.decima-template-projects .project-button a {
    position: relative !important;
    z-index: 1 !important;
    display: inline-block !important;
    top: 6px !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    color: #deded9 !important;
    text-decoration: none !important;
    letter-spacing: 0.03em !important;
  }

  .home-page .project-area.one.decima-template-projects .project-button a:hover {
    color: #ffffff !important;
  }

  .home-page .project-area.one.decima-template-projects .project-button a::before,
  .home-page .project-area.one.decima-template-projects .project-button a::after {
    position: absolute !important;
    content: "" !important;
    display: block !important;
    z-index: -1 !important;
    transition: .5s !important;
  }
  body .project-area.one.decima-template-projects .project-content.style-one .project-button::before{
    right: 0 !important;
  }
  body .project-area.one.decima-template-projects .project-content.style-one .project-button a::before{
    right: 4px !important;
  }
  body .project-area.one.decima-template-projects .project-content.style-one .project-button a::after{
    right: -11px !important;
  }
  .home-page .project-area.one.decima-template-projects .project-button a::before {
    top: 16px !important;
    right: calc(2% + 5px) !important; left: auto !important;
    width: calc(50% - 16px) !important;
    height: 1px !important;
    background: var(--decima-burgundy) !important;
  }
  .home-page .project-area.one.decima-template-projects .project-button a::after {
    top: 14px !important;
    right: -9px !important; left: auto !important;
    width: 8px !important;
    height: 8px !important;
    background: var(--decima-burgundy) !important;
    border-radius: 0 !important;
  }

  html[data-theme="light"] .home-page .project-area.one.decima-template-projects .project-content {
    background: var(--decima-burgundy, #8c1b1c) !important;
  }
  html[data-theme="light"] .home-page .project-area.one.decima-template-projects .project-content h3,
  html[data-theme="light"] .home-page .project-area.one.decima-template-projects .project-content h4,
  html[data-theme="light"] .home-page .project-area.one.decima-template-projects .project-content .project-button a {
    color: #ffffff !important;
  }
  html[data-theme="light"] .home-page .project-area.one.decima-template-projects .project-content .decima-box-btn {
    --curr-box-border: #ffffff !important;
    --curr-box-bg: #ffffff !important;
    --curr-text-color: #ffffff !important;
  }
  html[data-theme="light"] .home-page .project-area.one.decima-template-projects .project-content .decima-box-btn::before {
    border-color: #ffffff !important;
  }
  html[data-theme="light"] .home-page .project-area.one.decima-template-projects .project-content .decima-box-btn .decima-box-btn__link,
  html[data-theme="light"] .home-page .project-area.one.decima-template-projects .project-content .decima-box-btn .decima-box-btn__link span {
    color: #ffffff !important;
  }
  html[data-theme="light"] .home-page .project-area.one.decima-template-projects .project-content .decima-box-btn .decima-box-btn__link::before,
  html[data-theme="light"] .home-page .project-area.one.decima-template-projects .project-content .decima-box-btn .decima-box-btn__link::after {
    background-color: #ffffff !important;
  }

  .home-page .project-area.one.decima-template-projects .project-thumb::before { display: none !important; }

  .home-page .project-area.one.decima-template-projects .projects-btn {
    grid-column: 1 / -1 !important;
    min-height: 74px !important;
  }

  .home-page .project-area.one.decima-template-projects .projects-btn a {
    position: relative !important;
    margin: 24px auto 0 !important;
  }

  /* -----------------------------------------------------------------------
     Clients / Industry Partners: heading lines remain outside the copy;
     logo cards are compact enough for two-at-a-time mobile carousel display.
     ----------------------------------------------------------------------- */
  .home-page .decima-partners { padding: 58px 0 66px !important; }

  .home-page .decima-partners .brand-title {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    text-align: center !important;
  }

  .home-page .decima-partners .brand-title::before,
  .home-page .decima-partners .brand-title::after {
    position: static !important;
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 22px !important;
    height: 1px !important;
  }

  .home-page .decima-partners .brand-title h4 {
    flex: 0 1 auto !important;
    max-width: 245px !important;
    margin: 0 !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
    letter-spacing: .08em !important;
  }

  .home-page .decima-partners .single-brand {
    min-height: 100px !important;
    padding: 10px !important;
  }

  .home-page .decima-partners .brand-thumb { min-height: 78px !important; }
  .home-page .decima-partners .brand-thumb img,
  .home-page .decima-partners .owl-carousel .owl-item img {
    max-width: 90% !important;
    max-height: 58px !important;
  }

  /* -----------------------------------------------------------------------
     Related articles after an insight: two compact square thumbnails, title below.
     ----------------------------------------------------------------------- */
  .insight-detail-page .decima-section.is-offwhite .insight-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 16px !important;
  }

  .insight-detail-page .decima-section.is-offwhite .insight-card {
    height: auto !important;
    background: transparent !important;
    box-shadow: none !important;
    cursor: pointer !important;
  }

  .insight-detail-page .decima-section.is-offwhite .insight-image {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    overflow: hidden !important;
  }

  .insight-detail-page .decima-section.is-offwhite .insight-image img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }

  .insight-detail-page .decima-section.is-offwhite .insight-body {
    padding: 11px 1px 0 !important;
  }

  .insight-detail-page .decima-section.is-offwhite .insight-meta,
  .insight-detail-page .decima-section.is-offwhite .insight-body p,
  .insight-detail-page .decima-section.is-offwhite .insight-body .text-link {
    display: none !important;
  }

  .insight-detail-page .decima-section.is-offwhite .insight-body h3 {
    margin: 0 !important;
    font-size: 14px !important;
    line-height: 1.35 !important;
  }

  .insight-detail-page .decima-section.is-offwhite .insight-body h3 a {
    display: block !important;
  }
}

@media (max-width: 380px) {
  .home-page .slider-area.one .row.bor-der {
    grid-template-columns: minmax(0, 58%) minmax(0, 42%) !important;
  }

  .home-page .slider-area.one .slider-title h1,
  .home-page .slider-area.one .slider-title h2 {
    font-size: 28px !important;
  }

  .home-page .decima-home-about .container > .row:nth-of-type(2) {
    grid-template-columns: minmax(0, 34%) minmax(0, 66%) !important;
    gap: 12px !important;
  }

  .home-page .decima-home-about .about-thumb img { height: 280px !important; }
  .home-page .decima-home-about .post-comment-description p,
  .home-page .decima-home-about .tab-title p { font-size: 11px !important; }

  /* project-content h3 font-size managed above */
}

/* ==========================================================================
   Mobile interaction refinement pass - August 12, 2026 (round 2)
   These overrides intentionally target the phone presentation only.
   ========================================================================== */

/* Components injected only for the phone UI stay hidden unless JS activates them. */
.mobile-blog-toggle,
.mobile-blog-excerpt,
.mobile-location-directory,
.map-mobile-stage,
.map-mobile-controls {
  display: none;
}

@media (max-width: 767px) {
  /* Location Map: preserve proportional 1200 / 560 aspect ratio like tablet view */
  .location-map-section .map-canvas,
  .projects-map-section .map-canvas,
  .map-canvas {
    aspect-ratio: 1200 / 560 !important;
    min-height: 0 !important;
    height: auto !important;
  }
  /* -----------------------------------------------------------------------
     Header: keep the closed header theme-correct while the opened navigation
     remains Decima burgundy with high-contrast white labels.
     ----------------------------------------------------------------------- */
  body .mobile-menu-area,
  body .mean-container .mean-bar {
    height: 76px !important;
    min-height: 76px !important;
    max-height: 76px !important;
    background: #101010 !important;
    background-color: #101010 !important;
    overflow: visible !important;
  }

  html[data-theme="light"] body .mobile-menu-area,
  html[data-theme="light"] body .mean-container .mean-bar {
    background: #ffffff !important;
    background-color: #ffffff !important;
  }

  body .mean-container .mean-bar {
    position: relative !important;
    padding: 0 !important;
  }

  body .mean-container .mean-push { display: none !important; }

  body .mean-container .mean-bar::before {
    top: 13px !important;
    left: 18px !important;
    width: 165px !important;
    height: 50px !important;
    background-image: url('../images/shared/branding/decima-logo-dark-theme.png') !important;
    background-repeat: no-repeat !important;
    background-position: left center !important;
    background-size: contain !important;
  }

  html[data-theme="light"] body .mean-container .mean-bar::before {
    background-image: url('../images/shared/branding/decima-logo-light-theme.png') !important;
  }

  body .mean-container a.meanmenu-reveal,
  html[data-theme="light"] body .mean-container a.meanmenu-reveal {
    box-sizing: border-box !important;
    top: 14px !important;
    right: 14px !important;
    width: 48px !important;
    height: 48px !important;
    padding: 13px !important;
    border: 1px solid rgba(255,255,255,.45) !important;
    border-radius: 0 !important;
    background: var(--decima-burgundy) !important;
    background-color: var(--decima-burgundy) !important;
    color: #ffffff !important;
  }

  body .mean-container a.meanmenu-reveal span,
  html[data-theme="light"] body .mean-container a.meanmenu-reveal span {
    width: 100% !important;
    height: 3px !important;
    margin-top: 4px !important;
    background: #ffffff !important;
  }

  body .mean-container a.meanmenu-reveal.meanclose,
  html[data-theme="light"] body .mean-container a.meanmenu-reveal.meanclose {
    display: grid !important;
    place-items: center !important;
    padding: 0 !important;
    font-size: 27px !important;
    line-height: 1 !important;
    text-indent: 0 !important;
  }

  body .mean-container .mean-nav,
  html[data-theme="light"] body .mean-container .mean-nav {
    position: absolute !important;
    z-index: 1001 !important;
    top: 76px !important;
    right: 0 !important;
    left: 0 !important;
    width: 100% !important;
    max-height: calc(100dvh - 76px) !important;
    margin: 0 !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
    background: var(--decima-burgundy) !important;
    background-color: var(--decima-burgundy) !important;
  }

  body .mean-container .mean-nav ul,
  body .mean-container .mean-nav ul li,
  body .mean-container .mean-nav ul li li,
  html[data-theme="light"] body .mean-container .mean-nav ul,
  html[data-theme="light"] body .mean-container .mean-nav ul li,
  html[data-theme="light"] body .mean-container .mean-nav ul li li {
    background: var(--decima-burgundy) !important;
    background-color: var(--decima-burgundy) !important;
  }

  body .mean-container .mean-nav ul li a,
  body .mean-container .mean-nav ul li > a:first-child,
  body .mean-container .mean-nav ul li li a,
  body .mean-container .mean-nav ul li a.mean-expand,
  html[data-theme="light"] body .mean-container .mean-nav ul li a,
  html[data-theme="light"] body .mean-container .mean-nav ul li > a:first-child,
  html[data-theme="light"] body .mean-container .mean-nav ul li li a,
  html[data-theme="light"] body .mean-container .mean-nav ul li a.mean-expand {
    color: #ffffff !important;
    opacity: 1 !important;
    text-shadow: none !important;
    background: var(--decima-burgundy) !important;
    background-color: var(--decima-burgundy) !important;
    border-top-color: rgba(255,255,255,.26) !important;
    border-left-color: rgba(255,255,255,.26) !important;
  }

  body .mean-container .mean-nav ul li a:hover,
  body .mean-container .mean-nav ul li a:focus-visible,
  body .mean-container .mean-nav ul li a.mean-expand:hover,
  body .mean-container .mean-nav ul li a.mean-expand:focus-visible,
  html[data-theme="light"] body .mean-container .mean-nav ul li a:hover,
  html[data-theme="light"] body .mean-container .mean-nav ul li a:focus-visible,
  html[data-theme="light"] body .mean-container .mean-nav ul li a.mean-expand:hover,
  html[data-theme="light"] body .mean-container .mean-nav ul li a.mean-expand:focus-visible {
    color: #ffffff !important;
    background: rgba(0,0,0,.14) !important;
  }

  body.mobile-nav-open { overflow: hidden !important; }

  /* -----------------------------------------------------------------------
     Hero: preserve the two-column desktop idea but give the visual almost half
     the width and use mobile-specific focal points so key artwork stays visible.
     ----------------------------------------------------------------------- */
  .home-page .slider-area.one .row.bor-der {
    grid-template-columns: minmax(0, 52%) minmax(0, 48%) !important;
  }

  .home-page .slider-area.one .slider-thumb img {
    object-fit: cover !important;
    object-position: 40% center !important;
  }

  .home-page .hero-slides .slider-area.one:nth-child(2) .slider-thumb img {
    object-position: 62% center !important;
  }

  .home-page .slider-area.one .slider-thumb::before {
    background: linear-gradient(90deg, rgba(16,16,16,.08), rgba(16,16,16,0) 38%) !important;
  }

  /* -----------------------------------------------------------------------
     Home About: image first; the active Mission/Vision/Values copy sits below
     inside one burgundy content panel with the three switch controls on top.
     ----------------------------------------------------------------------- */
  .home-page .decima-home-about .container > .row:nth-of-type(2) {
    display: block !important;
    margin: 0 !important;
  }

  .home-page .decima-home-about .container > .row:nth-of-type(2) > .col-lg-6 {
    width: 100% !important;
    max-width: none !important;
    padding: 0 !important;
  }

  .home-page .decima-home-about .single-about-left {
    width: 100% !important;
    margin: 0 !important;
  }

  .home-page .decima-home-about .about-thumb img {
    width: 100% !important;
    height: 285px !important;
    object-fit: cover !important;
    object-position: center !important;
  }

  .home-page .decima-home-about .single-about-right {
    width: 100% !important;
    margin: 12px 0 0 !important;
    padding: 0 0px 22px !important;
    background: var(--decima-burgundy) !important;
    color: #ffffff !important;
  }

  .home-page .decima-home-about .appoinment-tab,
  .home-page .decima-home-about .tab,
  .home-page .decima-home-about .tab_content,
  .home-page .decima-home-about .tabs_item {
    width: 100% !important;
    background: transparent !important;
  }
  .home-page .decima-home-about .tab_content { padding: 0 18px; }

  .home-page .decima-home-about .tabs {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    width: calc(100%) !important;
    margin: 0 !important;
    border-bottom: 1px solid rgba(255,255,255,.36) !important;
    background: rgba(0,0,0,.08) !important;
    border-radius: 8px;
  }

  .home-page .decima-home-about .tabs li,
  .home-page .decima-home-about .tabs li.boder {
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    background: transparent !important;
  }

  .home-page .decima-home-about .tabs li a,
  html[data-theme="light"] .home-page .decima-home-about .tabs li a {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 14px 5px !important;
    color: rgba(255,255,255,.78) !important;
    border: 0 !important;
    border-right: 1px solid rgba(255,255,255,.20) !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    letter-spacing: .08em !important;
    text-align: center !important;
  }

  .home-page .decima-home-about .tabs li:last-child a { border-right: 0 !important; }

  .home-page .decima-home-about .tabs li.current a,
  html[data-theme="light"] .home-page .decima-home-about .tabs li.current a {
    color: #ffffff !important;
    background: rgba(0,0,0,.22) !important;
    box-shadow: inset 0 -3px 0 #ffffff !important;
  }

  .home-page .decima-home-about .tabs_item {
    padding: 22px 0 0 !important;
  }

  .home-page .decima-home-about .tab-thumb { display: none !important; }

  .home-page .decima-home-about .post-comment-description p,
  .home-page .decima-home-about .tab-title p,
  .home-page .decima-home-about .tab-title h3,
  .home-page .decima-home-about .decima-values-list li,
  html[data-theme="light"] .home-page .decima-home-about .post-comment-description p,
  html[data-theme="light"] .home-page .decima-home-about .tab-title p,
  html[data-theme="light"] .home-page .decima-home-about .tab-title h3,
  html[data-theme="light"] .home-page .decima-home-about .decima-values-list li {
    color: #ffffff !important;
  }

  .home-page .decima-home-about .post-comment-description p,
  .home-page .decima-home-about .tab-title p {
    font-size: 13px !important;
    line-height: 1.65 !important;
  }

  .home-page .decima-home-about .tab-title h3 {
    font-size: 17px !important;
    line-height: 1.35 !important;
  }

  /* -----------------------------------------------------------------------
     Footer: keep brand full-width, then place Explore beside Get in Touch.
     ----------------------------------------------------------------------- */
  body .decima-footer .footer-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 34px 4px !important;
  }

  body .decima-footer .footer-brand {
    grid-column: 1 / -1 !important;
  }

  body .decima-footer .footer-column {
    min-width: 0 !important;
  }

  body .decima-footer .footer-column h3 {
    font-size: 17px !important;
    margin-bottom: 16px !important;
  }

  body .decima-footer .footer-column li,
  body .decima-footer .footer-column a,
  body .decima-footer .footer-office span,
  body .decima-footer .footer-office div,
  body .decima-footer .footer-office strong {
    font-size: 11px !important;
    line-height: 1.55 !important;
    overflow-wrap: anywhere !important;
  }

  /* Footer right column alignment with left section text */
  body .decima-footer .footer-column {
    display: flex !important;
    flex-direction: column !important;
  }

  body .decima-footer .footer-column ul {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
  }

  body .decima-footer .footer-column ul li {
    display: flex !important;
    align-items: center !important;
    min-height: 20px !important;
  }

  body .decima-footer .footer-column:last-child .footer-office {
    margin-bottom: 12px !important;
  }

  body .decima-footer .footer-column:last-child ul {
    margin-top: auto !important;
  }

  body .decima-footer .footer-column:last-child ul li a {
    color: #a0a09d !important;
    transition: color 0.2s ease !important;
  }
  html[data-theme="light"] .decima-footer .footer-column:last-child ul li a {
    color: #333 !important;
  }

  body .decima-footer .footer-column:last-child ul li a:hover {
    color: #ffffff !important;
  }
  html[data-theme="light"] body .decima-footer .footer-column:last-child ul li a:hover {
    color: var(--decima-burgundy) !important;
  }

  /* -----------------------------------------------------------------------
     Home About Us button on mobile:
     Scales down the button and cleanly positions .about-button::before (the ring),
     a::after (the inner dot/box, positioned ~20% left within the ring),
     and a::before (the line leading into the ring from the left).
     ----------------------------------------------------------------------- */
  .home-page .about-area.one .single-about-left {
    text-align: center !important;
  }

  .home-page .about-area.one .about-button {
    display: inline-block !important;
    position: relative !important;
    top: -32px !important;
    margin: 0 auto !important;
    text-align: center !important;
    z-index: 2 !important;
  }

  .home-page .about-area.one .about-button a {
    position: relative !important;
    font-size: 14px !important;
    line-height: 24px !important;
    padding: 10px 30px 10px 18px !important;
    background: #161616 !important;
    color: #ffffff !important;
  }

  /* Outer ring on the button */
  .home-page .about-area.one .about-button::before {
    position: absolute !important;
    content: "" !important;
    top: 50% !important;
    right: 20% !important;
    left: auto !important;
    width: 20px !important;
    height: 20px !important;
    transform: translateY(-50%) !important;
    margin: 0 !important;
    z-index: 3 !important;
    pointer-events: none !important;
  }

  /* Line to the left of the outer ring */
  .home-page .about-area.one .about-button a::before {
    position: absolute !important;
    content: "" !important;
    top: 50% !important;
    right: calc(20% + 6px) !important;
    width: 8px !important;
    height: 8px !important;
    transform: translateY(-50%) !important;
    z-index: 1 !important;
  }

  /* Inner dot aligned inside the outer ring */
  .home-page .about-area.one .about-button a::after {
    position: absolute !important;
    content: "" !important;
    top: 50% !important;
    right: calc(20% + 11px) !important;
    width: 30% !important;
    height: 1px !important;
    transform: translateY(-50%) !important;
    z-index: -1 !important;
  }

  html, body {
    background-color: #101010 !important;
  }

  body .decima-footer {
    padding-bottom: calc(32px + env(safe-area-inset-bottom, 0px)) !important;
    margin-bottom: 0 !important;
  }

  /* -----------------------------------------------------------------------
     Insights archive + related insights: collapsed title rows open into a
     burgundy rectangle containing imagery, metadata, summary and read link.
     ----------------------------------------------------------------------- */
  .insights-page .decima-insights-archive .row.bd-tp,
  .insight-detail-page .decima-section.is-offwhite .insight-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  .insights-page .decima-insights-archive .row.bd-tp > [class*="col-"] {
    width: 100% !important;
    max-width: none !important;
    padding: 0 !important;
  }

  .insights-page .decima-insights-archive .single-blog-box,
  .insight-detail-page .decima-section.is-offwhite .insight-card {
    position: relative !important;
    height: auto !important;
    margin: 0 0 28px !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: none !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15) !important;
    background: #181818 !important;
  }

  html[data-theme="light"] .insights-page .decima-insights-archive .single-blog-box,
  html[data-theme="light"] .insight-detail-page .decima-section.is-offwhite .insight-card {
    background: #ffffff !important;
  }

  .insights-page .decima-insights-archive .single-blog-box > .blog-thumb,
  .insights-page .decima-insights-archive .single-blog-box > .blog-title,
  .insights-page .decima-insights-archive .single-blog-box > .blog-button,
  .insight-detail-page .decima-section.is-offwhite .insight-card > .insight-image,
  .insight-detail-page .decima-section.is-offwhite .insight-card > .insight-body {
    display: block !important;
  }

  .insights-page .decima-insights-archive .blog-thumb img,
  .insight-detail-page .decima-section.is-offwhite .insight-image img {
    width: 100% !important;
    height: 220px !important;
    object-fit: cover !important;
    display: block !important;
  }

  .insights-page .decima-insights-archive .blog-title h3 {
    display: block !important;
    font-size: 18px !important;
    line-height: 1.4 !important;
    margin: 8px 0 0 !important;
  }

  .insights-page .decima-insights-archive .blog-title h4 {
    display: block !important;
    font-size: 11px !important;
  }

  .insights-page .decima-insights-archive .blog-button {
    display: block !important;
    margin: 16px 20px 20px !important;
  }

  .insight-detail-page .decima-section.is-offwhite .insight-body {
    padding: 20px !important;
  }

  .insight-detail-page .decima-section.is-offwhite .insight-body h3 {
    display: block !important;
    font-size: 18px !important;
    line-height: 1.4 !important;
  }

  .insight-detail-page .decima-section.is-offwhite .insight-body p {
    display: block !important;
  }

  .insight-detail-page .decima-section.is-offwhite .insight-body .text-link {
    display: inline-flex !important;
    margin-top: 10px !important;
  }
}

@media (max-width: 380px) {
  .home-page .slider-area.one .row.bor-der {
    grid-template-columns: minmax(0, 54%) minmax(0, 46%) !important;
  }
}

/* -------------------------------------------------------------------------
   Projects map mobile enhancement. JS adds .mobile-phone-ui on phone load so
   these controls remain correctly styled if fullscreen landscape changes the
   viewport width beyond the portrait media-query breakpoint.
   ------------------------------------------------------------------------- */
body.mobile-phone-ui.projects-page .projects-map-section .map-mobile-stage {
  display: block;
  position: relative;
  width: 100%;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.18);
  background: #0c0c0c;
}

body.mobile-phone-ui.projects-page .projects-map-section .map-mobile-stage .map-canvas {
  position: relative !important;
  width: 100% !important;
  min-height: 280px !important;
  aspect-ratio: 1.35 / 1 !important;
  overflow: hidden !important;
  touch-action: pan-y;
  overscroll-behavior: contain;
  user-select: none;
  -webkit-user-select: none;
}

body.mobile-phone-ui.projects-page .projects-map-section .map-mobile-stage .map-canvas.is-map-zoomed {
  touch-action: none;
  cursor: grab;
}

body.mobile-phone-ui.projects-page .projects-map-section .map-mobile-stage .map-canvas.is-map-dragging {
  cursor: grabbing;
}

body.mobile-phone-ui.projects-page .projects-map-section .map-viewport {
  position: absolute;
  inset: 0;
  transform-origin: center center;
  will-change: transform;
}

body.mobile-phone-ui.projects-page .projects-map-section .map-viewport .map-base {
  position: absolute;
  inset: 0;
  width: 100% !important;
  height: 100% !important;
}

body.mobile-phone-ui.projects-page .projects-map-section .map-mobile-controls {
  position: absolute;
  z-index: 30;
  top: 10px;
  right: 10px;
  display: grid;
  grid-template-columns: repeat(2, 42px);
  gap: 6px;
}

body.mobile-phone-ui.projects-page .projects-map-section .map-mobile-controls button {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  padding: 0;
  border: 1px solid rgba(255,255,255,.72);
  border-radius: 0;
  background: rgba(16,16,16,.88);
  color: #ffffff;
  font-size: 18px;
  line-height: 1;
}

body.mobile-phone-ui.projects-page .projects-map-section .map-mobile-controls button[data-map-action="rotate"] {
  background: var(--decima-burgundy);
  border-color: var(--decima-burgundy);
}

body.mobile-phone-ui.projects-page .projects-map-section .map-mobile-controls .map-control-wide {
  grid-column: 1 / -1;
  width: 90px;
  min-height: 36px;
  height: 36px;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: .04em;
}

body.mobile-phone-ui.projects-page .projects-map-section .map-tooltip {
  position: absolute !important;
  z-index: 25 !important;
  top: auto !important;
  right: 10px !important;
  bottom: 10px !important;
  left: 10px !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  transform: none !important;
  padding: 10px 12px !important;
  pointer-events: none !important;
}

body.mobile-phone-ui.projects-page .projects-map-section .mobile-location-directory {
  display: block;
  margin-top: 22px;
  border-top: 1px solid rgba(255,255,255,.26);
  padding-top: 20px;
}

body.mobile-phone-ui.projects-page .projects-map-section .mobile-location-directory > h3 {
  margin: 0 0 8px;
  color: #ffffff;
  font-size: 18px;
}

body.mobile-phone-ui.projects-page .projects-map-section .mobile-location-directory > p {
  margin: 0 0 14px;
  color: rgba(255,255,255,.72);
  font-size: 12px;
  line-height: 1.55;
}

body.mobile-phone-ui.projects-page .projects-map-section .mobile-location-region,
body.mobile-phone-ui.projects-page .projects-map-section .mobile-location-continent {
  border: 1px solid rgba(255,255,255,.18);
  background: rgba(0,0,0,.18);
}

body.mobile-phone-ui.projects-page .projects-map-section .mobile-location-region + .mobile-location-region {
  margin-top: 8px;
}

body.mobile-phone-ui.projects-page .projects-map-section .mobile-location-region > summary,
body.mobile-phone-ui.projects-page .projects-map-section .mobile-location-continent > summary {
  position: relative;
  cursor: pointer;
  list-style: none;
  color: #ffffff;
}

body.mobile-phone-ui.projects-page .projects-map-section .mobile-location-region > summary::-webkit-details-marker,
body.mobile-phone-ui.projects-page .projects-map-section .mobile-location-continent > summary::-webkit-details-marker {
  display: none;
}

body.mobile-phone-ui.projects-page .projects-map-section .mobile-location-region > summary {
  padding: 14px 42px 14px 14px;
  background: rgba(140,27,28,.82);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .05em;
  text-transform: uppercase;
}

body.mobile-phone-ui.projects-page .projects-map-section .mobile-location-continent {
  margin: 8px;
  background: rgba(255,255,255,.04);
}

body.mobile-phone-ui.projects-page .projects-map-section .mobile-location-continent > summary {
  padding: 11px 40px 11px 12px;
  font-size: 12px;
  font-weight: 600;
}

body.mobile-phone-ui.projects-page .projects-map-section .mobile-location-region > summary::after,
body.mobile-phone-ui.projects-page .projects-map-section .mobile-location-continent > summary::after {
  content: "+";
  position: absolute;
  top: 50%;
  right: 13px;
  transform: translateY(-50%);
  font-size: 18px;
  line-height: 1;
}

body.mobile-phone-ui.projects-page .projects-map-section details[open] > summary::after {
  content: "−";
}

body.mobile-phone-ui.projects-page .projects-map-section .mobile-location-table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}

body.mobile-phone-ui.projects-page .projects-map-section .mobile-location-table td {
  padding: 9px 12px;
  border-top: 1px solid rgba(255,255,255,.10);
  color: rgba(255,255,255,.82);
  font-size: 11px;
  line-height: 1.45;
  vertical-align: top;
}

body.mobile-phone-ui.projects-page .projects-map-section .mobile-location-table td:last-child {
  width: 34%;
  color: rgba(255,255,255,.58);
  text-align: right;
}

body.mobile-phone-ui.map-landscape-fallback {
  overflow: hidden !important;
}

body.mobile-phone-ui.projects-page .projects-map-section .map-mobile-stage.is-landscape-fallback {
  position: fixed !important;
  z-index: 100000 !important;
  top: 50% !important;
  left: 50% !important;
  width: 100vh !important;
  height: 100vw !important;
  max-width: none !important;
  transform: translate(-50%, -50%) rotate(90deg) !important;
  background: #101010 !important;
}

body.mobile-phone-ui.projects-page .projects-map-section .map-mobile-stage.is-landscape-fallback .map-canvas,
body.mobile-phone-ui.projects-page .projects-map-section .map-mobile-stage:fullscreen .map-canvas,
body.mobile-phone-ui.projects-page .projects-map-section .map-mobile-stage:-webkit-full-screen .map-canvas {
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  aspect-ratio: auto !important;
}

body.mobile-phone-ui.projects-page .projects-map-section .map-mobile-stage:fullscreen,
body.mobile-phone-ui.projects-page .projects-map-section .map-mobile-stage:-webkit-full-screen {
  width: 100vw !important;
  height: 100vh !important;
  padding: 0 !important;
  background: #101010 !important;
}

@media (max-width: 767px) {
  /* Home-page insight cards use the same mobile accordion interaction as the Insights archive. */
  .home-page .decima-home-blog .container > .row:last-child {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  .home-page .decima-home-blog .container > .row:last-child > [class*="col-"] {
    width: 100% !important;
    max-width: none !important;
    padding: 0 !important;
  }

  .home-page .decima-home-blog .single-blog-box {
    position: relative !important;
    height: auto !important;
    margin: 0 0 16px !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: none !important;
    border-top: 3px solid var(--decima-burgundy) !important;
    border-radius: 4px !important;
    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.25) !important;
    background: #181818 !important;
  }

  html[data-theme="light"] .home-page .decima-home-blog .single-blog-box {
    background: #ffffff !important;
    border-top: 3px solid var(--decima-burgundy) !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08) !important;
  }

  .home-page .decima-home-blog .single-blog-box > .blog-thumb,
  .home-page .decima-home-blog .single-blog-box > .blog-title,
  .home-page .decima-home-blog .single-blog-box > .blog-button {
    display: block !important;
  }

  .home-page .decima-home-blog .single-blog-box .blog-thumb {
    position: relative !important;
    overflow: hidden !important;
    display: block !important;
    width: 100% !important;
  }

  .home-page .decima-home-blog .single-blog-box .blog-thumb img {
    width: 100% !important;
    height: 220px !important;
    object-fit: cover !important;
    display: block !important;
  }

  /* Remove reddish filter on mobile - keep clean image identical to desktop */
  .home-page .decima-home-blog .single-blog-box .blog-thumb::before {
    display: none !important;
    opacity: 0 !important;
  }

  .home-page .decima-home-blog .single-blog-box .blog-title h4 {
    display: block !important;
    font-size: 11px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.06em !important;
    color: #999999 !important;
    margin: 0 0 8px !important;
    line-height: 1.4 !important;
  }

  .home-page .decima-home-blog .single-blog-box .blog-title h4 span {
    color: var(--decima-burgundy) !important;
    font-weight: 600 !important;
    margin-left: 20px !important;
    position: relative !important;
  }

  .home-page .decima-home-blog .single-blog-box .blog-title h4 span::before {
    position: absolute !important;
    top: 2px !important;
    left: -10px !important;
    height: 12px !important;
    width: 2px !important;
    background: var(--decima-burgundy) !important;
    content: "" !important;
    transform: rotate(33deg) !important;
  }

  .home-page .decima-home-blog .single-blog-box .blog-title h3 {
    display: block !important;
    font-size: 17px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    margin: 0 0 12px !important;
  }

  .home-page .decima-home-blog .single-blog-box .blog-title h3 a {
    color: #ffffff !important;
    text-decoration: none !important;
  }

  html[data-theme="light"] .home-page .decima-home-blog .single-blog-box .blog-title h3 a {
    color: #101010 !important;
  }

  /* Desktop hover button state permanently active on mobile */
  .home-page .decima-home-blog .single-blog-box .blog-button {
    position: relative !important;
    display: inline-block !important;
    margin: 6px 20px 22px !important;
    padding-right: 20px !important;
    max-width: 100% !important;
    overflow: visible !important;
    z-index: 2 !important;
  }

  .home-page .decima-home-blog .single-blog-box .blog-button a {
    margin-left: 0 !important;
    position: relative !important;
    z-index: 1 !important;
    display: flex !important; align-items: center !important; justify-content: center !important;
    top: 6px !important;
    line-height: 1 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #ffffff !important;
    text-decoration: none !important;
    letter-spacing: 0.03em !important;
    vertical-align: middle !important;
  }

  html[data-theme="light"] .home-page .decima-home-blog .single-blog-box .blog-button a {
    color: #101010 !important;
  }

  .home-page .decima-home-blog .single-blog-box .blog-button::before {
    position: absolute !important;
    content: "" !important;
    top: 22px !important;
    right: 0 !important;
    width: 20px !important;
    height: 20px !important;
    z-index: 2 !important;
    display: block !important;
    border: 1px solid var(--decima-burgundy) !important;
    border-radius: 0 !important;
    transition: .5s !important;
  }

  .home-page .decima-home-blog .single-blog-box .blog-button a::before,
  .home-page .decima-home-blog .single-blog-box .blog-button a::after {
    position: absolute !important;
    content: "" !important;
    display: block !important;
    z-index: -1 !important;
    transition: .5s !important;
  }
  .home-page .decima-home-blog .single-blog-box .blog-button a::before {
    top: 17px !important;
    right: 4% !important;
    left: auto !important;
    width: 35% !important;
    height: 1px !important;
    background: var(--decima-burgundy) !important;
  }
  .home-page .decima-home-blog .single-blog-box .blog-button a::after {
    top: 16px !important;
    right: -8% !important;
    left: auto !important;
    width: 8px !important;
    height: 8px !important;
    border-radius: 0 !important;
    background: var(--decima-burgundy) !important;
  }

  html[data-theme="light"] .home-page .decima-home-blog .single-blog-box .blog-button::before {
    border-color: #101010 !important;
  }
  html[data-theme="light"] .home-page .decima-home-blog .single-blog-box .blog-button a::before,
  html[data-theme="light"] .home-page .decima-home-blog .single-blog-box .blog-button a::after {
    background: #101010 !important;
  }

  .home-page .decima-home-blog .mobile-blog-toggle,
  .home-page .decima-home-blog .mobile-blog-excerpt {
    display: none !important;
  }
}

@media (max-width: 767px) {
  /* MeanMenu's stock .mean-expand inherits the 90% link width; reset it so it
     cannot cover parent labels such as About, Services and Work. */
  body .mean-container .mean-nav ul li > a:first-child:not(.mean-expand),
  html[data-theme="light"] body .mean-container .mean-nav ul li > a:first-child:not(.mean-expand) {
    box-sizing: border-box !important;
    width: 100% !important;
    min-height: 50px !important;
    padding: 14px 62px 14px 5% !important;
  }

  body .mean-container .mean-nav ul li a.mean-expand,
  html[data-theme="light"] body .mean-container .mean-nav ul li a.mean-expand {
    box-sizing: border-box !important;
    top: 0 !important;
    right: 0 !important;
    width: 50px !important;
    height: 50px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: grid !important;
    place-items: center !important;
    float: none !important;
    text-align: center !important;
  }
}

@media (max-width: 767px) {
  /* Keep each hero artwork's mobile focal point stable after Owl wraps slides. */
  .home-page .hero-slides .slider-thumb img[src*="slide-01-data-center"] {
    object-position: 40% center !important;
  }

  .home-page .hero-slides .slider-thumb img[src*="slide-02-global-architecture"] {
    object-position: 62% center !important;
  }

  /* Expanded mobile insight panels use the solid Decima accent color. */
  .home-page .decima-home-blog .single-blog-box.is-mobile-blog-open,
  .insights-page .decima-insights-archive .single-blog-box.is-mobile-blog-open,
  .insight-detail-page .decima-section.is-offwhite .insight-card.is-mobile-blog-open {
    background: #8c1b1c !important;
    background-color: #8c1b1c !important;
    opacity: 1 !important;
  }
}


/* ========================================================================
   Mobile interaction reliability patch - August 12, 2026
   These rules are phone-only and intentionally do not alter desktop layouts.
   ======================================================================== */
@media (max-width: 767px) {
  /* The base theme sets overflow:hidden on .mobile-menu.mean-container,
     which clips the absolutely positioned MeanMenu navigation. */
  body .mobile-menu.mean-container,
  html[data-theme="light"] body .mobile-menu.mean-container {
    position: relative !important;
    overflow: visible !important;
  }

  body .mobile-menu.mean-container .mean-nav,
  html[data-theme="light"] body .mobile-menu.mean-container .mean-nav {
    display: block !important;
    visibility: visible !important;
  }

  body.mobile-nav-open .mobile-menu-area,
  body.mobile-nav-open .mobile-menu.mean-container,
  body.mobile-nav-open .mean-container .mean-bar {
    overflow: visible !important;
  }

  body.mobile-nav-open .mean-container .mean-nav {
    z-index: 2147483000 !important;
  }

  /* Keep the top-level list controlled by mobile-phone.js. Submenus continue
     using MeanMenu's own inline display states. */
  body .mean-container .mean-nav > ul {
    width: 100% !important;
    margin: 0 !important;
  }
}

/* Map controls continue to work after the map is visually rotated because
   .mobile-phone-ui remains on <body> even when the effective viewport changes. */
body.mobile-phone-ui.projects-page .projects-map-section .map-mobile-stage {
  display: flex !important;
  flex-direction: column !important;
}

body.mobile-phone-ui.projects-page .projects-map-section .map-mobile-controls {
  position: relative !important;
  z-index: 40 !important;
  top: auto !important;
  right: auto !important;
  left: auto !important;
  order: -1 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 44px 44px 44px !important;
  gap: 7px !important;
  width: 100% !important;
  padding: 8px !important;
  background: #101010 !important;
  border-bottom: 1px solid rgba(255,255,255,.22) !important;
}

body.mobile-phone-ui.projects-page .projects-map-section .map-mobile-controls button {
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  min-height: 44px !important;
  border: 1px solid rgba(255,255,255,.72) !important;
  background: #1b1b1b !important;
  color: #ffffff !important;
  touch-action: manipulation !important;
}

body.mobile-phone-ui.projects-page .projects-map-section .map-mobile-controls .map-rotate-control {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  width: auto !important;
  min-width: 0 !important;
  padding: 0 12px !important;
  background: var(--decima-burgundy) !important;
  border-color: var(--decima-burgundy) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
}

body.mobile-phone-ui.projects-page .projects-map-section .map-mobile-controls .map-control-label {
  display: inline !important;
  font-size: 12px !important;
  line-height: 1 !important;
}

body.mobile-phone-ui.projects-page .projects-map-section .map-mobile-stage .map-canvas {
  flex: 1 1 auto !important;
  touch-action: none !important;
}

body.mobile-phone-ui.projects-page .projects-map-section .map-mobile-stage.is-landscape-fallback {
  display: flex !important;
  flex-direction: column !important;
}

body.mobile-phone-ui.projects-page .projects-map-section .map-mobile-stage.is-landscape-fallback .map-canvas {
  flex: 1 1 auto !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  aspect-ratio: auto !important;
}

/* ==========================================================================
   Mobile Design Edits — Remaining Fixes
   ========================================================================== */
@media (max-width: 767px) {
  .home-page .decima-template-projects .project-shap,
  .home-page .decima-template-projects .project-shape {
    display: block !important;
    position: absolute !important;
    right: 14px !important;
    top: 68px !important;
    width: 54px !important;
    height: 54px !important;
    border: 2px solid rgba(255, 255, 255, 0.55) !important;
    z-index: 0 !important;
    pointer-events: none !important;
  }
  .home-page .decima-template-projects .project-shap img,
  .home-page .decima-template-projects .project-shape img {
    display: none !important;
  }
  html[data-theme="light"] .home-page .decima-template-projects .project-shap,
  html[data-theme="light"] .home-page .decima-template-projects .project-shape {
    border-color: rgba(16, 16, 16, 0.35) !important;
  }
}

@media (max-width: 767px) {
  .services-page .single-blog-box {
    position: relative !important;
    height: auto !important;
    margin: 0 0 28px !important;
    padding: 0 0 24px 0 !important;
    overflow: hidden !important;
    border: none !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25) !important;
    background: #181818 !important;
  }

  .services-page .single-blog-box .blog-thumb img {
    width: 100% !important;
    height: 220px !important;
    object-fit: cover !important;
    display: block !important;
  }

  .home-page .decima-home-blog .single-blog-box .blog-title {
    padding: 18px 20px 0 !important;
  }

  .services-page .single-blog-box .blog-card-cta {
    padding: 10px 20px 0 !important;
  }

  .services-page .single-blog-box .blog-title h3 {
    margin: 8px 0 12px !important;
  }

  .services-page .single-blog-box .blog-title h3 a {
    font-size: 19px !important;
    line-height: 1.35 !important;
    color: #ffffff !important;
  }

  html[data-theme="light"] .services-page .single-blog-box .blog-title h3 a {
    color: #101010 !important;
  }

  .services-page .single-blog-box .blog-title h4 {
    font-size: 13px !important;
    margin: 0 0 4px !important;
    color: #999999 !important;
  }

  html[data-theme="light"] .services-page .single-blog-box .blog-title h4 {
    color: #555555 !important;
  }

  .services-page .single-blog-box .blog-card-desc {
    font-size: 13px !important;
    line-height: 1.6 !important;
    color: #c5c5c0 !important;
    margin-bottom: 14px !important;
  }

  html[data-theme="light"] .services-page .single-blog-box .blog-card-desc {
    color: #555550 !important;
  }

  .services-page .single-blog-box .blog-card-list {
    margin-bottom: 14px !important;
  }

  .services-page .single-blog-box .blog-card-list li {
    font-size: 12px !important;
    line-height: 1.45 !important;
    color: #efefec !important;
  }

  html[data-theme="light"] .services-page .single-blog-box .blog-card-list li {
    color: #454543 !important;
  }
}

@media (max-width: 767px) {
  .services-page .sector-item {
    justify-items: center !important;
    text-align: center !important;
    padding: 22px 16px !important;
    align-content: center !important;
  }
  .services-page .sector-item i {
    margin-bottom: 14px !important;
  }
}

@media (max-width: 767px) {
  .insights-page .decima-insights-archive .single-blog-box .blog-thumb::before {
    display: none !important;
    opacity: 0 !important;
  }

  html[data-theme="dark"] .decima-insights-archive .single-blog-box .blog-button a,
  html[data-theme="dark"] .blog-area.one.upper .single-blog-box .blog-button a{
    color: #fff !important;
  }
  html[data-theme="light"] .decima-insights-archive .single-blog-box .blog-button a,
  html[data-theme="light"] .blog-area.one.upper .single-blog-box .blog-button a {
    color: #000 !important;
  }
  html[data-theme="light"] .decima-insights-archive .single-blog-box:hover .blog-button a,
  html[data-theme="light"] .blog-area.one.upper .single-blog-box:hover .blog-button a {
    color: #fff !important;
  }
  html[data-theme="dark"] .insights-page .decima-insights-archive .single-blog-box .blog-title h3,
  html[data-theme="dark"] .insights-page .decima-insights-archive .single-blog-box .blog-title h3 a {
    color: #fff !important;
  }
  html[data-theme="dark"] .insights-page .decima-insights-archive .single-blog-box .blog-title h3 a {
    color: #fff !important;
  }
}
.insights-page .decima-insights-archive .single-blog-box .blog-title h4 {
  color: #999999 !important;
}
html[data-theme="light"] .insights-page .decima-insights-archive .single-blog-box .blog-title h3 a {
  color: #101010 !important;
}
html[data-theme="light"] .insights-page .decima-insights-archive .single-blog-box .blog-title h4,
html[data-theme="dark"] .insights-page .decima-insights-archive .single-blog-box .blog-title h4 {
  color: #555555 !important;
}
.insights-page .decima-insights-archive .single-blog-box .blog-button a {
  color: #ffffff !important;
}
html[data-theme="light"] .insights-page .decima-insights-archive .single-blog-box .blog-button a,
html[data-theme="dark"] .insights-page .decima-insights-archive .single-blog-box .blog-button a {
  color: #101010 !important;
}

/* Team bio toggle button on mobile: zero borders/outlines even on click/tap */
.team-bio-toggle-btn,
.team-bio-toggle-btn:hover,
.team-bio-toggle-btn:focus,
.team-bio-toggle-btn:active,
.team-bio-toggle-btn:focus-visible {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  -webkit-tap-highlight-color: transparent !important;
  user-select: none !important;
}