.elementor-3288 .elementor-element.elementor-element-d3840e9{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:10px;--padding-right:10px;overflow:visible;}.elementor-3288 .elementor-element.elementor-element-d3840e9:not(.elementor-motion-effects-element-type-background), .elementor-3288 .elementor-element.elementor-element-d3840e9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-3288 .elementor-element.elementor-element-f29d5ed{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--padding-top:5px;--padding-bottom:5px;--padding-left:5px;--padding-right:5px;overflow:visible;}.elementor-3288 .elementor-element.elementor-element-091d62c{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-end;--padding-top:5px;--padding-bottom:5px;--padding-left:5px;--padding-right:5px;overflow:visible;}.elementor-3288 .elementor-element.elementor-element-e607463 .elementor-menu-toggle{margin:0 auto;}.elementor-3288 .elementor-element.elementor-element-e607463 .elementor-nav-menu .elementor-item{font-family:"Roboto", Sans-serif;font-size:1.4em;font-weight:300;}.elementor-3288 .elementor-element.elementor-element-e607463 .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-uicore_white );fill:var( --e-global-color-uicore_white );}.elementor-3288 .elementor-element.elementor-element-e607463 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-3288 .elementor-element.elementor-element-e607463 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-3288 .elementor-element.elementor-element-e607463 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-3288 .elementor-element.elementor-element-e607463 .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-uicore_white );fill:var( --e-global-color-uicore_white );}.elementor-3288 .elementor-element.elementor-element-e607463 .elementor-nav-menu--dropdown a, .elementor-3288 .elementor-element.elementor-element-e607463 .elementor-menu-toggle{color:var( --e-global-color-uicore_white );fill:var( --e-global-color-uicore_white );}.elementor-3288 .elementor-element.elementor-element-e607463 .elementor-nav-menu--dropdown{background-color:#000000;}.elementor-3288 .elementor-element.elementor-element-e607463 .elementor-nav-menu--dropdown a:hover,
					.elementor-3288 .elementor-element.elementor-element-e607463 .elementor-nav-menu--dropdown a:focus,
					.elementor-3288 .elementor-element.elementor-element-e607463 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-3288 .elementor-element.elementor-element-e607463 .elementor-nav-menu--dropdown a.highlighted,
					.elementor-3288 .elementor-element.elementor-element-e607463 .elementor-menu-toggle:hover,
					.elementor-3288 .elementor-element.elementor-element-e607463 .elementor-menu-toggle:focus{color:var( --e-global-color-uicore_accent );}.elementor-3288 .elementor-element.elementor-element-e607463 .elementor-nav-menu--dropdown a:hover,
					.elementor-3288 .elementor-element.elementor-element-e607463 .elementor-nav-menu--dropdown a:focus,
					.elementor-3288 .elementor-element.elementor-element-e607463 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-3288 .elementor-element.elementor-element-e607463 .elementor-nav-menu--dropdown a.highlighted{background-color:#000000;}.elementor-3288 .elementor-element.elementor-element-e607463 div.elementor-menu-toggle{color:var( --e-global-color-uicore_white );}.elementor-3288 .elementor-element.elementor-element-e607463 div.elementor-menu-toggle svg{fill:var( --e-global-color-uicore_white );}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}@media(max-width:1024px){.elementor-3288 .elementor-element.elementor-element-e607463 .elementor-nav-menu .elementor-item{font-size:1em;}}@media(max-width:767px){.elementor-3288 .elementor-element.elementor-element-d3840e9{--padding-top:10px;--padding-bottom:10px;--padding-left:2px;--padding-right:2px;}.elementor-3288 .elementor-element.elementor-element-f29d5ed{--width:60%;}.elementor-3288 .elementor-element.elementor-element-091d62c{--width:39%;}.elementor-3288 .elementor-element.elementor-element-e607463 .elementor-nav-menu .elementor-item{font-size:1.3em;}.elementor-3288 .elementor-element.elementor-element-e607463{--nav-menu-icon-size:28px;}}@media(min-width:768px){.elementor-3288 .elementor-element.elementor-element-d3840e9{--content-width:1600px;}.elementor-3288 .elementor-element.elementor-element-f29d5ed{--width:20%;}.elementor-3288 .elementor-element.elementor-element-091d62c{--width:80%;}}@media(max-width:1024px) and (min-width:768px){.elementor-3288 .elementor-element.elementor-element-f29d5ed{--width:30%;}.elementor-3288 .elementor-element.elementor-element-091d62c{--width:69%;}}/* Start custom CSS for container, class: .elementor-element-091d62c *//* Main header area */
.smart-header {
    position: relative;
}

/* Menu widget wrapper */
.smart-menu {
    position: relative;
}

/* Make sure the menu items sit vertically centered */
@media (min-width: 767px) {
    .smart-menu .elementor-nav-menu {
        display: flex;
        align-items: center;
    }
}
/* Left-side hover text - now aligned to the menu itself */
.smart-menu::before {
    content: "";
    position: absolute;
    right: 100%;
    top: 50%;
    transform: translateY(-50%);

    margin-right: 80px;

    font-family: "Roboto", sans-serif;
    font-size: 1.4em;
    font-weight: 600;
    line-height: 1;

    color: #ffffff;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.25s ease, visibility 0.25s ease;
    pointer-events: none;
    white-space: nowrap;
}

/* Show text when menu item is hovered */
.smart-header:has(.nav-problems:hover) .smart-menu::before {
    content: "Research. Strategy. Creative.";
    opacity: 1;
    visibility: visible;
}

.smart-header:has(.nav-work:hover) .smart-menu::before {
    content: "Challenges. Solutions. Outcomes.";
    opacity: 1;
    visibility: visible;
}

.smart-header:has(.nav-about:hover) .smart-menu::before {
    content: "Approach. Services. Leadership";
    opacity: 1;
    visibility: visible;
}

.smart-header:has(.nav-contact:hover) .smart-menu::before {
    content: "Let's Talk.";
    opacity: 1;
    visibility: visible;
}

/* Menu links default style */
.smart-menu .elementor-nav-menu > li > a {
    font-family: "Roboto", sans-serif;
    font-size: 1.5em;
    line-height: 1;

    color: rgba(255, 255, 255, 0.75);
    font-weight: 400;

    transition: color 0.2s ease, font-weight 0.2s ease, transform 0.2s ease;
}

/* Hovered menu item becomes bolder */
.smart-menu .elementor-nav-menu > li > a:hover {
    color: #ffffff;
    font-weight: 900;
    transform: scale(1.03);
}

/* Active/current page menu item */
.smart-menu .elementor-nav-menu > li.current-menu-item > a,
.smart-menu .elementor-nav-menu > li.current_page_item > a {
    color: #ffffff;
    font-weight: 900;
}

/* Tablet and mobile */
@media (max-width: 1024px) {
    .smart-menu::before {
        display: none;
    }

    .smart-menu .elementor-nav-menu > li > a {
        font-size: 1em;
    }

    .smart-menu .elementor-nav-menu > li > a:hover {
        font-weight: 700;
        transform: none;
    }
}
@media (max-width: 767px) {
    .smart-menu .elementor-nav-menu {
        display: block;
    }

    .smart-menu .elementor-nav-menu > li {
        display: block;
        width: 100%;
    }

    .smart-menu .elementor-nav-menu > li > a {
        display: block;
        width: 100%;
        font-size: 1.2em;
        line-height: 1.2;
    }
}/* End custom CSS */