.elementor-23 .elementor-element.elementor-element-ff5a2e5{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;z-index:100;}.elementor-23 .elementor-element.elementor-element-ff5a2e5 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-23 .elementor-element.elementor-element-a01e004.elementor-column > .elementor-widget-wrap{justify-content:flex-start;}.elementor-23 .elementor-element.elementor-element-a01e004 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:0px;}.elementor-23 .elementor-element.elementor-element-a01e004 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-23 .elementor-element.elementor-element-5b52fda{text-align:start;}.elementor-23 .elementor-element.elementor-element-5b52fda img{width:2.5%;transition-duration:0.2s;}.elementor-23 .elementor-element.elementor-element-5b52fda > .elementor-widget-container{margin:0px 1px 0px 14px;}.elementor-23 .elementor-element.elementor-element-98c8c01 .elementor-menu-toggle{margin:0 auto;}.elementor-23 .elementor-element.elementor-element-98c8c01 .elementor-nav-menu .elementor-item{font-family:"DM Sans", Sans-serif;font-size:21px;font-weight:500;letter-spacing:0.2px;}.elementor-23 .elementor-element.elementor-element-98c8c01 .elementor-nav-menu--main .elementor-item{color:#171820;fill:#171820;padding-left:0px;padding-right:0px;padding-top:14px;padding-bottom:14px;}.elementor-23 .elementor-element.elementor-element-98c8c01 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-23 .elementor-element.elementor-element-98c8c01 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-23 .elementor-element.elementor-element-98c8c01 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-23 .elementor-element.elementor-element-98c8c01 .elementor-nav-menu--main .elementor-item:focus{color:#171820;fill:#171820;}.elementor-23 .elementor-element.elementor-element-98c8c01{--e-nav-menu-horizontal-menu-item-margin:calc( 6px / 2 );width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;z-index:1;}.elementor-23 .elementor-element.elementor-element-98c8c01 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:6px;}.elementor-23 .elementor-element.elementor-element-98c8c01 > .elementor-widget-container{margin:-16px 21px -2px 0px;padding:0px 0px 0px 0px;--e-transform-translateY:8px;}.elementor-23 .elementor-element.elementor-element-398152af > .elementor-container{min-height:180px;}.elementor-23 .elementor-element.elementor-element-398152af > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-23 .elementor-element.elementor-element-398152af:not(.elementor-motion-effects-element-type-background), .elementor-23 .elementor-element.elementor-element-398152af > .elementor-motion-effects-container > .elementor-motion-effects-layer{background:url("https://vantagevisuals.studio/wp-content/uploads/2026/10/vlcsnap-2026-10-04-20h04m06s656-scaled.png") 50% 50%;background-size:cover;}.elementor-23 .elementor-element.elementor-element-398152af > .elementor-background-overlay{opacity:0.5;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-23 .elementor-element.elementor-element-398152af{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0%;margin-bottom:-1%;padding:0px 0px 0px 0px;z-index:1;}.elementor-23 .elementor-element.elementor-element-5a72adae > .elementor-element-populated{margin:9px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-23 .elementor-element.elementor-element-5a72adae{z-index:1;}.elementor-23 .elementor-element.elementor-element-6d1f7821 img{width:97%;border-radius:0px 0px 0px 0px;}.elementor-23 .elementor-element.elementor-element-6d1f7821 > .elementor-widget-container{margin:0% 0% 0% 0%;padding:0% 0% 0% 0%;--e-transform-translateX:0px;--e-transform-translateY:0px;--e-transform-scale:1;}.elementor-23 .elementor-element.elementor-element-9bf87e1 .elementor-button{font-family:"DM Sans", Sans-serif;font-size:16px;font-weight:600;line-height:13px;letter-spacing:3.8px;fill:#292929;color:#292929;background-color:#FFFFFF00;border-style:solid;border-width:2px 2px 2px 2px;border-color:#292929;border-radius:4px 4px 4px 4px;padding:12px 12px 12px 12px;}.elementor-23 .elementor-element.elementor-element-9bf87e1 > .elementor-widget-container{margin:-146px 0px 0px 0px;padding:0px 0px 0px 0px;--e-transform-translateX:0px;--e-transform-translateY:0px;}.elementor-23 .elementor-element.elementor-element-9bf87e1{z-index:2;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-23 .elementor-element.elementor-element-a01e004{width:60.526%;}.elementor-23 .elementor-element.elementor-element-ed18fe5{width:39.474%;}}@media(max-width:1024px){.elementor-23 .elementor-element.elementor-element-398152af{margin-top:0%;margin-bottom:0%;}.elementor-23 .elementor-element.elementor-element-6d1f7821 img{max-width:22%;}.elementor-23 .elementor-element.elementor-element-6d1f7821 > .elementor-widget-container{margin:0% 0% 20% 0%;padding:0% 0% 0% 0%;}}@media(max-width:767px){.elementor-23 .elementor-element.elementor-element-398152af{margin-top:0%;margin-bottom:-4%;}.elementor-23 .elementor-element.elementor-element-6d1f7821 img{width:100%;max-width:100%;height:112px;}.elementor-23 .elementor-element.elementor-element-6d1f7821 > .elementor-widget-container{margin:0% 0% 5% 0%;padding:0% 0% 0% 0%;}}/* Start custom CSS for image, class: .elementor-element-5b52fda *//* =========================================
   VANTAGE NAV HAWK
   SMALL DISPLAY + HOVER CONTROLS
   ========================================= */

.elementor-23 .elementor-element.elementor-element-5b52fda {
    /* DESKTOP */
    --hawk-scale: 1;
    --hawk-x: 7px;
    --hawk-y: 0px;

    /* HOVER */
    --hawk-hover-scale: 1.06;
    --hawk-hover-lift: -3px;
}


/* HAWK */
.elementor-23 .elementor-element.elementor-element-5b52fda img {
    transform:
        translate(
            var(--hawk-x),
            var(--hawk-y)
        )
        scale(var(--hawk-scale));

    transform-origin: center center;

    transition:
        transform 0.30s ease !important;
}


/* HOVER */
.elementor-23 .elementor-element.elementor-element-5b52fda:hover img {
    transform:
        translate(
            var(--hawk-x),
            calc(var(--hawk-y) + var(--hawk-hover-lift))
        )
        scale(var(--hawk-hover-scale));
}


/* SMALLER DISPLAYS */
@media (max-width: 1600px) {

    .elementor-23 .elementor-element.elementor-element-5b52fda {
        --hawk-scale: 1.2;
        --hawk-x: 11px;
        --hawk-y: -3px;

        --hawk-hover-scale: 1.23;
    }
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-98c8c01 */.elementor-23 .elementor-element.elementor-element-98c8c01 .elementor-nav-menu--main > .elementor-nav-menu {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-end;
}.elementor-23 .elementor-element.elementor-element-98c8c01 .elementor-nav-menu--main > .elementor-nav-menu {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-end;
}

.elementor-23 .elementor-element.elementor-element-98c8c01 .elementor-nav-menu--main > .elementor-nav-menu > li:not(:last-child) > a {
    font-size: 16px !important;
    padding-left: 18px !important;
    padding-right: 18px !important;
    white-space: nowrap;
}.elementor-23 .elementor-element.elementor-element-98c8c01 .elementor-nav-menu--main > .elementor-nav-menu > li:not(:last-child) > a:hover,
.elementor-23 .elementor-element.elementor-element-98c8c01 .elementor-nav-menu--main > .elementor-nav-menu > li:not(:last-child) > a:focus-visible {
    color: #171820 !important;
    transform: translateY(-1px);
    transition: color .25s ease, transform .25s ease;
}/* ACTIVE PAGE */
.elementor-23 .elementor-element.elementor-element-98c8c01 .elementor-nav-menu--main .elementor-item-active {
    color: #171820 !important;
}

.elementor-23 .elementor-element.elementor-element-98c8c01 .elementor-nav-menu--main .elementor-item-active::after {
    background-color: #171820 !important;
}


/* BOOK A SHOOT */
.elementor-23 .elementor-element.elementor-element-98c8c01 .elementor-nav-menu--main > .elementor-nav-menu > li:last-child {
    margin-left: 20px !important;
    flex-shrink: 0;
}

.elementor-23 .elementor-element.elementor-element-98c8c01 .elementor-nav-menu--main > .elementor-nav-menu > li:last-child > a {
    font-size: 15px !important;
    font-weight: 300 !important;
    letter-spacing: 0.2px;

    padding: 3px 16px !important;

    background: #171820 !important;
    color: #ffffff !important;

    border: none !important;
    border-radius: 4px;

    white-space: nowrap;

    transition:
        background-color .25s ease,
        color .25s ease,
        transform .25s ease,
        box-shadow .25s ease !important;
}


/* BOOK A SHOOT HOVER */
.elementor-23 .elementor-element.elementor-element-98c8c01 .elementor-nav-menu--main > .elementor-nav-menu > li:last-child > a:hover,
.elementor-23 .elementor-element.elementor-element-98c8c01 .elementor-nav-menu--main > .elementor-nav-menu > li:last-child > a:focus-visible {
    background: rgba(255,255,255,.65) !important;
    color: #000000 !important;

    transform: translateY(-2px);

    box-shadow:
        inset 0 0 0 1px #000000,
        0 8px 18px rgba(23,24,32,.14) !important;
}


/* RESPONSIVE SHRINKING */
@media (max-width: 1500px) {
    .elementor-23 .elementor-element.elementor-element-98c8c01 .elementor-nav-menu--main > .elementor-nav-menu > li:not(:last-child) > a {
        font-size: 15px !important;
        padding-left: 13px !important;
        padding-right: 13px !important;
    }

    .elementor-23 .elementor-element.elementor-element-98c8c01 .elementor-nav-menu--main > .elementor-nav-menu > li:last-child {
        margin-left: 16px !important;
    }

    .elementor-23 .elementor-element.elementor-element-98c8c01 .elementor-nav-menu--main > .elementor-nav-menu > li:last-child > a {
        font-size: 14px !important;
        padding: 5px 16px !important;
    }
}

@media (max-width: 1200px) {
    .elementor-23 .elementor-element.elementor-element-98c8c01 .elementor-nav-menu--main > .elementor-nav-menu > li:not(:last-child) > a {
        font-size: 13px !important;
        padding-left: 9px !important;
        padding-right: 9px !important;
    }

    .elementor-23 .elementor-element.elementor-element-98c8c01 .elementor-nav-menu--main > .elementor-nav-menu > li:last-child {
        margin-left: 10px !important;
    }

    .elementor-23 .elementor-element.elementor-element-98c8c01 .elementor-nav-menu--main > .elementor-nav-menu > li:last-child > a {
        font-size: 12px !important;
        padding: 5px 12px !important;
    }
}

@media (max-width: 1024px) {
    .elementor-23 .elementor-element.elementor-element-98c8c01 .elementor-nav-menu--main > .elementor-nav-menu > li:not(:last-child) > a {
        font-size: 11px !important;
        padding-left: 6px !important;
        padding-right: 6px !important;
    }

    .elementor-23 .elementor-element.elementor-element-98c8c01 .elementor-nav-menu--main > .elementor-nav-menu > li:last-child {
        margin-left: 7px !important;
    }

    .elementor-23 .elementor-element.elementor-element-98c8c01 .elementor-nav-menu--main > .elementor-nav-menu > li:last-child > a {
        font-size: 11px !important;
        padding: 4px 9px !important;
    }
}/* =========================================
   FINAL NAV OVERRIDES
   ========================================= */

/* 1. MAKE MENU LARGER */
.elementor-23 .elementor-element.elementor-element-98c8c01 .elementor-nav-menu--main > .elementor-nav-menu > li:not(:last-child) > a {
    font-size: 18px !important;

padding-top: 6px !important;
padding-bottom: 6px !important;

padding-left: 15px !important;
padding-right: 15px !important;
}


/* 2. BOOK A SHOOT — FULLY OPAQUE */
.elementor-23 .elementor-element.elementor-element-98c8c01 .elementor-nav-menu--main > .elementor-nav-menu > li:last-child > a {
    font-size: 18px !important;
   padding: 4px 16px !important;
    background-color: #171820 !important;
    color: #ffffff !important;
    opacity: 1 !important;
}


/* BOOK A SHOOT HOVER — ALSO FULLY OPAQUE */
.elementor-23 .elementor-element.elementor-element-98c8c01 .elementor-nav-menu--main > .elementor-nav-menu > li:last-child > a:hover,
.elementor-23 .elementor-element.elementor-element-98c8c01 .elementor-nav-menu--main > .elementor-nav-menu > li:last-child > a:focus-visible {
    background-color: #171820 !important;
    color: #FFFFFF !important;
    opacity: 1 !important;
}


/* 3. NO UNDERLINE WHEN NORMAL LINKS ARE HOVERED */
.elementor-23 .elementor-element.elementor-element-98c8c01 .elementor-nav-menu--main .elementor-item:not(.elementor-item-active)::before,
.elementor-23 .elementor-element.elementor-element-98c8c01 .elementor-nav-menu--main .elementor-item:not(.elementor-item-active)::after,
.elementor-23 .elementor-element.elementor-element-98c8c01 .elementor-nav-menu--main .elementor-item:not(.elementor-item-active):hover::before,
.elementor-23 .elementor-element.elementor-element-98c8c01 .elementor-nav-menu--main .elementor-item:not(.elementor-item-active):hover::after {
    display: none !important;
}



/* NEVER UNDERLINE BOOK A SHOOT */
.elementor-23 .elementor-element.elementor-element-98c8c01 .elementor-nav-menu--main > .elementor-nav-menu > li:last-child > a::before,
.elementor-23 .elementor-element.elementor-element-98c8c01 .elementor-nav-menu--main > .elementor-nav-menu > li:last-child > a::after {
    display: none !important;
}/* PORTFOLIO DROPDOWN HOVER */
.elementor-23 .elementor-element.elementor-element-98c8c01 .elementor-nav-menu--dropdown a:hover,
.elementor-23 .elementor-element.elementor-element-98c8c01 .elementor-nav-menu--dropdown a:focus-visible {
    background-color: #2A2C31 !important;
    color: #C2AE82 !important;
}/* REMOVE ALL NORMAL NAV UNDERLINES */
.elementor-23 .elementor-element.elementor-element-98c8c01 .elementor-nav-menu--main > .elementor-nav-menu > li:not(:last-child) > a::before,
.elementor-23 .elementor-element.elementor-element-98c8c01 .elementor-nav-menu--main > .elementor-nav-menu > li:not(:last-child) > a::after {
    display: none !important;
    content: none !important;
}/* TIGHTEN PORTFOLIO → SERVICES GAP */
.elementor-23 .elementor-element.elementor-element-98c8c01 .elementor-nav-menu--main
.elementor-nav-menu > li.menu-item-has-children > a {
    padding-right: px !important;
}/* REMOVE CURRENT-PAGE UNDERLINE EVERYWHERE */
.elementor-23 .elementor-element.elementor-element-98c8c01 .elementor-nav-menu--main .elementor-item-active::before,
.elementor-23 .elementor-element.elementor-element-98c8c01 .elementor-nav-menu--main .elementor-item-active::after,
.elementor-23 .elementor-element.elementor-element-98c8c01 .elementor-nav-menu--main .current-menu-item > a::before,
.elementor-23 .elementor-element.elementor-element-98c8c01 .elementor-nav-menu--main .current-menu-item > a::after,
.elementor-23 .elementor-element.elementor-element-98c8c01 .elementor-nav-menu--main .current_page_item > a::before,
.elementor-23 .elementor-element.elementor-element-98c8c01 .elementor-nav-menu--main .current_page_item > a::after {
    display: none !important;
    content: none !important;
}

/* ALSO REMOVE ANY BORDER-STYLE ACTIVE INDICATOR */
.elementor-23 .elementor-element.elementor-element-98c8c01 .elementor-nav-menu--main .elementor-item-active,
.elementor-23 .elementor-element.elementor-element-98c8c01 .elementor-nav-menu--main .current-menu-item > a,
.elementor-23 .elementor-element.elementor-element-98c8c01 .elementor-nav-menu--main .current_page_item > a {
    border-bottom: none !important;
    box-shadow: none !important;
}/* SLIGHTLY ENLARGE HOME ONLY */
.elementor-23 .elementor-element.elementor-element-98c8c01 .elementor-nav-menu--main > .elementor-nav-menu > li:first-child > a {
    font-size: 18px !important;
}/* =========================================
   PORTFOLIO ARROW GAP
   CHANGE ONLY THIS NUMBER
   ========================================= */

.elementor-23 .elementor-element.elementor-element-98c8c01 {
    --portfolio-arrow-gap: 5px;
}

.elementor-23 .elementor-element.elementor-element-98c8c01 .elementor-nav-menu--main
.menu-item-has-children > a .sub-arrow {
    margin-left: var(--portfolio-arrow-gap) !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: auto !important;
}/* =========================================
   PORTFOLIO → SERVICES GAP
   CHANGE ONLY THIS NUMBER
   ========================================= */

.elementor-23 .elementor-element.elementor-element-98c8c01 {
    --portfolio-services-gap: 9px;
}

.elementor-23 .elementor-element.elementor-element-98c8c01 .elementor-nav-menu--main
.menu-item-has-children {
    margin-right: var(--portfolio-services-gap) !important;
}/* BOOK A SHOOT — MATCH SERVICES CTA */

.elementor-23 .elementor-element.elementor-element-98c8c01 .elementor-nav-menu--main
.elementor-nav-menu > li:last-child > a {
    background: rgba(23, 24, 32, 0.92) !important;
    color: #F7F5F0 !important;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-ff5a2e5 *//* =========================================================
   VANTAGE VISUALS NAVBAR
   COMPLETE MASTER CONTROL SYSTEM
   ========================================================= */

.elementor-23 .elementor-element.elementor-element-ff5a2e5 {

    /* =====================================================
       ★ SIMPLE MASTER CONTROLS ★
       EDIT THESE
       ===================================================== */


    /* ---------- WHOLE NAVBAR ---------- */

    /* Full-size bar height */
    --bar-height: 49px;


    /* ---------- FONT ---------- */

    --nav-font: "DM Sans", sans-serif;


    /* ---------- NORMAL MENU ----------
       Portfolio / Services / Reviews
       -------------------------------- */

    --link-size: 18.5px;
    --link-weight: 500;
    --link-spacing: -.1px;

    /* Horizontal space around normal links */
    --link-gap: 16px;

    /* Vertical space */
    --link-y-padding: 4px;


    /* ---------- HOME ----------
       FULLY INDEPENDENT
       ------------------------- */

    --home-size: 18.5px;
    --home-weight: 500;
    --home-spacing: -0.2px;

    --home-x-padding: 16px;
    --home-y-padding: 4px;


    /* ---------- PORTFOLIO POSITION ----------
       ONLY moves Portfolio inside its existing
       menu space.

       Positive = RIGHT
       Negative = LEFT
       -------------------------------------- */

    --portfolio-shift: 7px;


    /* ---------- BOOK A SHOOT ---------- */

    --cta-size: 18px;
    --cta-weight: 600;
    --cta-spacing: -0.1px;

    /* Button width */
    --cta-x-padding: 19px;

    /* Button height */
    --cta-y-padding: 6px;

    /* Button roundness */
    --cta-radius: 4px;


    /* ---------- PORTFOLIO ARROW ---------- */

    --arrow-size: 10px;
    --arrow-gap: 6px;


    /* ---------- COLORS ---------- */

    --charcoal: #171820;
    --ivory: #F4F1EA;
    --gold: #B4A178;
    --white: #FFFFFF;


    /* NORMAL / TOP OF HERO */

    --top-link-color: #171820;

    --top-bar-color:
        rgba(25, 28, 33, 0.08);

    --cta-color: #171820;
    --cta-text: #FFFFFF;

    --cta-hover-color: #F4F1EA;
    --cta-hover-text: #171820;


    /* AFTER SCROLL */

    --scroll-bar-color:
        rgba(25, 28, 33, 0.94);

    --scroll-link-color: #F4F1EA;

    --scroll-cta-color: #F4F1EA;
    --scroll-cta-text: #171820;

    --scroll-cta-hover-color: #B4A178;
    --scroll-cta-hover-text: #171820;


    /* ---------- HOVER ---------- */

    --hover-color: #B4A178;

    /* Negative = move upward */
    --hover-lift: -1px;


    /* ---------- EFFECTS ---------- */

    --top-blur: 12px;
    --scroll-blur: 16px;



    /* =====================================================
       OPTIONAL RESPONSIVE CONTROLS
       Normally LEAVE THESE ALONE.

       These decide how much each item shrinks
       from the master size above.
       ===================================================== */

    --bar-shrink: 8px;

    --link-shrink: 1.5px;
    --link-gap-shrink: 7px;
    --link-y-shrink: 1px;

    --home-shrink: 1.5px;
    --home-x-shrink: 7px;
    --home-y-shrink: 1px;

    --cta-shrink: 2.5px;
    --cta-x-shrink: 7px;
    --cta-y-shrink: 2px;

    --arrow-shrink: 2px;
    --arrow-gap-shrink: 2px;



    /* =====================================================
       ⛔ DO NOT EDIT BELOW THIS LINE ⛔
       ===================================================== */


    position: absolute !important;

    top: 0 !important;
    left: 0 !important;

    width: 100% !important;
    z-index: 100 !important;


    /* =====================================================
       RESPONSIVE BAR
       ===================================================== */

    height: clamp(
        calc(var(--bar-height) - var(--bar-shrink)),
        calc(2.9vw + var(--bar-height) - 56px),
        var(--bar-height)
    ) !important;

    min-height: clamp(
        calc(var(--bar-height) - var(--bar-shrink)),
        calc(2.9vw + var(--bar-height) - 56px),
        var(--bar-height)
    ) !important;


    /* =====================================================
       GLASS / BACKGROUND
       ===================================================== */

    background:
        var(--top-bar-color) !important;

    backdrop-filter:
        blur(var(--top-blur));

    -webkit-backdrop-filter:
        blur(var(--top-blur));

    border-bottom:
        1px solid rgba(255,255,255,0.10);

    transition:
        background-color 0.45s ease,
        border-color 0.45s ease,
        box-shadow 0.45s ease,
        backdrop-filter 0.45s ease;
}



/* =========================================================
   CENTER NAV CONTENT
   ========================================================= */

.elementor-23 .elementor-element.elementor-element-ff5a2e5 > .elementor-container {

    height: 100% !important;
    min-height: 100% !important;

    align-items: center !important;
}



/* =========================================================
   MENU LAYOUT
   ========================================================= */

body .elementor-23 .elementor-element.elementor-element-ff5a2e5
.elementor-nav-menu--main >
.elementor-nav-menu {

    display: flex !important;
    flex-wrap: nowrap !important;

    align-items: center !important;
    justify-content: flex-end !important;
}



/* =========================================================
   REGULAR MENU LINKS
   Portfolio / Services / Reviews
   ========================================================= */

body .elementor-23 .elementor-element.elementor-element-ff5a2e5
.elementor-nav-menu--main >
.elementor-nav-menu >
li:not(:last-child) > a {

    font-family:
        var(--nav-font) !important;


    /* Font shrinks automatically but changing
       --link-size moves EVERY size evenly */

    font-size: clamp(
        calc(var(--link-size) - var(--link-shrink)),
        calc(0.75vw + var(--link-size) - 16px),
        var(--link-size)
    ) !important;


    font-weight:
        var(--link-weight) !important;

    letter-spacing:
        var(--link-spacing) !important;

    line-height:
        1.1 !important;


    /* HORIZONTAL SPACING */

    padding-left: clamp(
        calc(var(--link-gap) - var(--link-gap-shrink)),
        calc(0.72vw + var(--link-gap) - 16px),
        var(--link-gap)
    ) !important;

    padding-right: clamp(
        calc(var(--link-gap) - var(--link-gap-shrink)),
        calc(0.72vw + var(--link-gap) - 16px),
        var(--link-gap)
    ) !important;


    /* VERTICAL SPACING */

    padding-top: clamp(
        calc(var(--link-y-padding) - var(--link-y-shrink)),
        calc(0.20vw + var(--link-y-padding) - 4px),
        var(--link-y-padding)
    ) !important;

    padding-bottom: clamp(
        calc(var(--link-y-padding) - var(--link-y-shrink)),
        calc(0.20vw + var(--link-y-padding) - 4px),
        var(--link-y-padding)
    ) !important;


    color:
        var(--top-link-color) !important;

    white-space:
        nowrap !important;

    transition:
        color 0.30s ease,
        transform 0.30s ease !important;
}



/* =========================================================
   HOME
   COMPLETELY INDEPENDENT
   ========================================================= */

body .elementor-23 .elementor-element.elementor-element-ff5a2e5
.elementor-nav-menu--main >
.elementor-nav-menu >
li:first-child > a {

    font-family:
        var(--nav-font) !important;


    font-size: clamp(
        calc(var(--home-size) - var(--home-shrink)),
        calc(0.80vw + var(--home-size) - 17px),
        var(--home-size)
    ) !important;


    font-weight:
        var(--home-weight) !important;

    letter-spacing:
        var(--home-spacing) !important;


    padding-left: clamp(
        calc(var(--home-x-padding) - var(--home-x-shrink)),
        calc(0.72vw + var(--home-x-padding) - 16px),
        var(--home-x-padding)
    ) !important;

    padding-right: clamp(
        calc(var(--home-x-padding) - var(--home-x-shrink)),
        calc(0.72vw + var(--home-x-padding) - 16px),
        var(--home-x-padding)
    ) !important;


    padding-top: clamp(
        calc(var(--home-y-padding) - var(--home-y-shrink)),
        calc(0.20vw + var(--home-y-padding) - 4px),
        var(--home-y-padding)
    ) !important;

    padding-bottom: clamp(
        calc(var(--home-y-padding) - var(--home-y-shrink)),
        calc(0.20vw + var(--home-y-padding) - 4px),
        var(--home-y-padding)
    ) !important;
}



/* =========================================================
   PORTFOLIO — INDEPENDENT POSITION

   Adds space to Portfolio's LEFT while removing
   the exact same amount from its RIGHT.

   This moves Portfolio without pushing Services.
   ========================================================= */

body .elementor-23 .elementor-element.elementor-element-ff5a2e5
.elementor-nav-menu--main >
.elementor-nav-menu >
li.menu-item-has-children > a {

    padding-left: clamp(

        calc(
            var(--link-gap)
            - var(--link-gap-shrink)
            + var(--portfolio-shift)
        ),

        calc(
            0.72vw
            + var(--link-gap)
            - 16px
            + var(--portfolio-shift)
        ),

        calc(
            var(--link-gap)
            + var(--portfolio-shift)
        )

    ) !important;


    padding-right: clamp(

        calc(
            var(--link-gap)
            - var(--link-gap-shrink)
            - var(--portfolio-shift)
        ),

        calc(
            0.72vw
            + var(--link-gap)
            - 16px
            - var(--portfolio-shift)
        ),

        calc(
            var(--link-gap)
            - var(--portfolio-shift)
        )

    ) !important;
}



/* =========================================================
   REGULAR LINK HOVER
   ========================================================= */

body .elementor-23 .elementor-element.elementor-element-ff5a2e5
.elementor-nav-menu--main >
.elementor-nav-menu >
li:not(:last-child) > a:hover {

    color:
        var(--hover-color) !important;

    transform:
        translateY(var(--hover-lift));
}



/* =========================================================
   PORTFOLIO ARROW
   ========================================================= */

body .elementor-23 .elementor-element.elementor-element-ff5a2e5
.elementor-nav-menu--main
.sub-arrow {

    font-size: clamp(
        calc(var(--arrow-size) - var(--arrow-shrink)),
        calc(0.45vw + var(--arrow-size) - 10px),
        var(--arrow-size)
    ) !important;


    margin-left: clamp(
        calc(var(--arrow-gap) - var(--arrow-gap-shrink)),
        calc(0.30vw + var(--arrow-gap) - 6px),
        var(--arrow-gap)
    ) !important;
}



/* =========================================================
   BOOK A SHOOT
   ========================================================= */

body .elementor-23 .elementor-element.elementor-element-ff5a2e5
.elementor-nav-menu--main >
.elementor-nav-menu >
li:last-child > a {

    font-family:
        var(--nav-font) !important;


    font-size: clamp(
        calc(var(--cta-size) - var(--cta-shrink)),
        calc(0.72vw + var(--cta-size) - 16px),
        var(--cta-size)
    ) !important;


    font-weight:
        var(--cta-weight) !important;

    letter-spacing:
        var(--cta-spacing) !important;

    line-height:
        1.1 !important;


    /* BUTTON WIDTH */

    padding-left: clamp(
        calc(var(--cta-x-padding) - var(--cta-x-shrink)),
        calc(0.80vw + var(--cta-x-padding) - 18px),
        var(--cta-x-padding)
    ) !important;

    padding-right: clamp(
        calc(var(--cta-x-padding) - var(--cta-x-shrink)),
        calc(0.80vw + var(--cta-x-padding) - 18px),
        var(--cta-x-padding)
    ) !important;


    /* BUTTON HEIGHT */

    padding-top: clamp(
        calc(var(--cta-y-padding) - var(--cta-y-shrink)),
        calc(0.28vw + var(--cta-y-padding) - 6px),
        var(--cta-y-padding)
    ) !important;

    padding-bottom: clamp(
        calc(var(--cta-y-padding) - var(--cta-y-shrink)),
        calc(0.28vw + var(--cta-y-padding) - 6px),
        var(--cta-y-padding)
    ) !important;


    background:
        var(--cta-color) !important;

    color:
        var(--cta-text) !important;

    border:
        none !important;

    border-radius:
        var(--cta-radius) !important;

    white-space:
        nowrap !important;

    transition:
        background-color 0.30s ease,
        color 0.30s ease,
        transform 0.30s ease !important;
}



/* =========================================================
   BOOK A SHOOT HOVER
   ========================================================= */

body .elementor-23 .elementor-element.elementor-element-ff5a2e5
.elementor-nav-menu--main >
.elementor-nav-menu >
li:last-child > a:hover {

    background:
        var(--cta-hover-color) !important;

    color:
        var(--cta-hover-text) !important;

    transform:
        translateY(var(--hover-lift));
}



/* =========================================================
   REMOVE ALL NAV UNDERLINES / POINTERS
   ========================================================= */

body .elementor-23 .elementor-element.elementor-element-ff5a2e5
.elementor-nav-menu--main a::before,

body .elementor-23 .elementor-element.elementor-element-ff5a2e5
.elementor-nav-menu--main a::after {

    display: none !important;
    content: none !important;
}


body .elementor-23 .elementor-element.elementor-element-ff5a2e5
.elementor-nav-menu--main
.elementor-item-active,

body .elementor-23 .elementor-element.elementor-element-ff5a2e5
.elementor-nav-menu--main
.current-menu-item > a,

body .elementor-23 .elementor-element.elementor-element-ff5a2e5
.elementor-nav-menu--main
.current_page_item > a {

    border-bottom:
        none !important;

    box-shadow:
        none !important;
}



/* =========================================================
   STICKY POSITION
   ========================================================= */

.elementor-23 .elementor-element.elementor-element-ff5a2e5.elementor-sticky--active {

    position:
        fixed !important;

    top:
        0 !important;

    left:
        0 !important;

    width:
        100% !important;
}



/* =========================================================
   AFTER SCROLL — BAR
   ========================================================= */

.elementor-23 .elementor-element.elementor-element-ff5a2e5.elementor-sticky--effects {

    background:
        var(--scroll-bar-color) !important;

    backdrop-filter:
        blur(var(--scroll-blur));

    -webkit-backdrop-filter:
        blur(var(--scroll-blur));

    border-bottom-color:
        rgba(255,255,255,0.08);

    box-shadow:
        0 6px 24px rgba(0,0,0,0.14);
}



/* =========================================================
   AFTER SCROLL — NORMAL LINKS
   ========================================================= */

body .elementor-23 .elementor-element.elementor-element-ff5a2e5.elementor-sticky--effects
.elementor-nav-menu--main >
.elementor-nav-menu >
li:not(:last-child) > a {

    color:
        var(--scroll-link-color) !important;
}



/* =========================================================
   AFTER SCROLL — NORMAL LINK HOVER
   ========================================================= */

body .elementor-23 .elementor-element.elementor-element-ff5a2e5.elementor-sticky--effects
.elementor-nav-menu--main >
.elementor-nav-menu >
li:not(:last-child) > a:hover {

    color:
        var(--hover-color) !important;
}



/* =========================================================
   AFTER SCROLL — BOOK A SHOOT
   ========================================================= */

body .elementor-23 .elementor-element.elementor-element-ff5a2e5.elementor-sticky--effects
.elementor-nav-menu--main >
.elementor-nav-menu >
li:last-child > a {

    background:
        var(--scroll-cta-color) !important;

    color:
        var(--scroll-cta-text) !important;
}



/* =========================================================
   AFTER SCROLL — BOOK A SHOOT HOVER
   ========================================================= */

body .elementor-23 .elementor-element.elementor-element-ff5a2e5.elementor-sticky--effects
.elementor-nav-menu--main >
.elementor-nav-menu >
li:last-child > a:hover {

    background:
        var(--scroll-cta-hover-color) !important;

    color:
        var(--scroll-cta-hover-text) !important;

    transform:
        translateY(var(--hover-lift));
}



/* =========================================================
   PORTFOLIO DROPDOWN HOVER
   ========================================================= */

body .elementor-23 .elementor-element.elementor-element-ff5a2e5
.elementor-nav-menu--dropdown a:hover,

body .elementor-23 .elementor-element.elementor-element-ff5a2e5
.elementor-nav-menu--dropdown a:focus-visible {

    background:
        #2A2C31 !important;

    color:
        var(--gold) !important;
}/* =========================================================
   HOVER — ANIMATION ONLY / NO COLOR CHANGE
   KEEP THIS AT THE VERY BOTTOM
   ========================================================= */

/* Normal links — top of page */
body .elementor-23 .elementor-element.elementor-element-ff5a2e5
.elementor-nav-menu--main >
.elementor-nav-menu >
li:not(:last-child) > a:hover {

    color: var(--top-link-color) !important;
    transform: translateY(var(--hover-lift));
}


/* Book a Shoot — top of page */
body .elementor-23 .elementor-element.elementor-element-ff5a2e5
.elementor-nav-menu--main >
.elementor-nav-menu >
li:last-child > a:hover {

    background: var(--cta-color) !important;
    color: var(--cta-text) !important;
    transform: translateY(var(--hover-lift));
}


/* Normal links — after scrolling */
body .elementor-23 .elementor-element.elementor-element-ff5a2e5.elementor-sticky--effects
.elementor-nav-menu--main >
.elementor-nav-menu >
li:not(:last-child) > a:hover {

    color: var(--scroll-link-color) !important;
    transform: translateY(var(--hover-lift));
}


/* Book a Shoot — after scrolling */
body .elementor-23 .elementor-element.elementor-element-ff5a2e5.elementor-sticky--effects
.elementor-nav-menu--main >
.elementor-nav-menu >
li:last-child > a:hover {

    background: var(--scroll-cta-color) !important;
    color: var(--scroll-cta-text) !important;
    transform: translateY(var(--hover-lift));
}/* =========================================================
   PREMIUM GLASS NAV
   KEEP AT VERY BOTTOM
   ========================================================= */

.elementor-23 .elementor-element.elementor-element-ff5a2e5 {
    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,0.14) 0%,
            rgba(255,255,255,0.07) 45%,
            rgba(25,28,33,0.08) 100%
        ) !important;

    backdrop-filter:
        blur(14px) saturate(115%) !important;

    -webkit-backdrop-filter:
        blur(14px) saturate(115%) !important;

    border-top:
        1px solid rgba(255,255,255,0.14);

    border-bottom:
        1px solid rgba(255,255,255,0.10);

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.08),
        0 6px 22px rgba(0,0,0,0.05);
}


/* AFTER SCROLL */

.elementor-23 .elementor-element.elementor-element-ff5a2e5.elementor-sticky--effects {
    background:
        rgba(23,24,30,0.88) !important;

    backdrop-filter:
        blur(18px) saturate(120%) !important;

    -webkit-backdrop-filter:
        blur(18px) saturate(120%) !important;

    border-top:
        1px solid rgba(255,255,255,0.08);

    border-bottom:
        1px solid rgba(255,255,255,0.08);

    box-shadow:
        0 8px 28px rgba(0,0,0,0.16);
/* =========================================
   VANTAGE HAWK — SCROLL FADE
   ========================================= */

/* HIDDEN AT TOP */
} /* =========================================
   VANTAGE HAWK — SCROLL REVEAL
   ========================================= */

/* HIDDEN BEFORE NAV TRANSITION */
.elementor-23 .elementor-element.elementor-element-ff5a2e5 .nav-hawk {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;

    transition:
        opacity 0.55s ease,
        visibility 0s linear 0.55s !important;
}


/* VISIBLE AFTER NAV TRANSITION */
.elementor-23 .elementor-element.elementor-element-ff5a2e5.elementor-sticky--effects .nav-hawk {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;

    transition:
        opacity 0.55s ease 0.08s,
        visibility 0s linear 0s !important;
}/* =========================================
   STICKY NAV — SOLID CHARCOAL
   ========================================= */

.elementor-23 .elementor-element.elementor-element-ff5a2e5.elementor-sticky--effects {
    background: #171820 !important;
    background-color: #171820 !important;

    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;

    border-top: none !important;
    border-bottom: none !important;

    box-shadow: 0 6px 20px rgba(0,0,0,0.14) !important;
}/* =========================================
   NAV TYPOGRAPHY
   ========================================= */

/* REGULAR MENU ITEMS — THINNER */
.elementor-23 .elementor-element.elementor-element-ff5a2e5 .elementor-nav-menu--main
> .elementor-nav-menu
> li:not(:last-child)
> a {
    font-weight: 400 !important;
}


/* =========================================
   BOOK A SHOOT — KEEP THICKER
   ========================================= */

.elementor-23 .elementor-element.elementor-element-ff5a2e5.elementor-sticky--effects
.elementor-nav-menu--main
> .elementor-nav-menu
> li:last-child
> a {
    background: transparent !important;

    color: #FFFFFF !important;

    border: 1px solid #FFFFFF !important;

    font-weight: 600 !important;

    box-shadow: none !important;

    transition:
        background-color 0.30s ease,
        color 0.30s ease,
        border-color 0.30s ease !important;
}


/* BOOK A SHOOT — HOVER */
.elementor-23 .elementor-element.elementor-element-ff5a2e5.elementor-sticky--effects
.elementor-nav-menu--main
> .elementor-nav-menu
> li:last-child
> a:hover {
    background: #FFFFFF !important;
    color: #171820 !important;
    border-color: #FFFFFF !important;
}/* =========================================================
   VANTAGE NAV — SCROLLED MENU STYLING
   ========================================================= */

/* REGULAR MENU LINKS — THINNER */
.elementor-23 .elementor-element.elementor-element-ff5a2e5.elementor-sticky--effects
.elementor-nav-menu--main
.elementor-nav-menu > li:not(:last-child) > a.elementor-item {
    font-weight: 400 !important;
}


/* BOOK A SHOOT — TRANSPARENT / WHITE OUTLINE */
.elementor-23 .elementor-element.elementor-element-ff5a2e5.elementor-sticky--effects
.elementor-nav-menu--main
.elementor-nav-menu > li:last-child > a.elementor-item {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;

    color: #FFFFFF !important;

    border: 1.5px solid #FFFFFF !important;

    font-weight: 600 !important;

    box-shadow: none !important;
}


/* REMOVE ANY ELEMENTOR BUTTON EFFECTS */
.elementor-23 .elementor-element.elementor-element-ff5a2e5.elementor-sticky--effects
.elementor-nav-menu--main
.elementor-nav-menu > li:last-child > a.elementor-item::before,
.elementor-23 .elementor-element.elementor-element-ff5a2e5.elementor-sticky--effects
.elementor-nav-menu--main
.elementor-nav-menu > li:last-child > a.elementor-item::after {
    display: none !important;
    content: none !important;
}


/* BOOK A SHOOT — HOVER */
.elementor-23 .elementor-element.elementor-element-ff5a2e5.elementor-sticky--effects
.elementor-nav-menu--main
.elementor-nav-menu > li:last-child > a.elementor-item:hover {
    background: #FFFFFF !important;
    background-color: #FFFFFF !important;

    color: #171820 !important;

    border-color: #FFFFFF !important;

    font-weight: 600 !important;
}/* =========================================
   PORTFOLIO ARROW — WHITE ON DARK NAV
   ========================================= */

.elementor-23 .elementor-element.elementor-element-ff5a2e5.elementor-sticky--effects
.elementor-nav-menu--main
.menu-item-has-children > a .sub-arrow {
    color: #FFFFFF !important;
}

.elementor-23 .elementor-element.elementor-element-ff5a2e5.elementor-sticky--effects
.elementor-nav-menu--main
.menu-item-has-children > a .sub-arrow svg,
.elementor-23 .elementor-element.elementor-element-ff5a2e5.elementor-sticky--effects
.elementor-nav-menu--main
.menu-item-has-children > a .sub-arrow svg path {
    fill: #FFFFFF !important;
    stroke: #FFFFFF !important;
}/* =========================================
   VANTAGE HAWK — ONE BOUNCE AFTER REVEAL
   ========================================= */

.elementor-23 .elementor-element.elementor-element-ff5a2e5.elementor-sticky--effects .nav-hawk img {
    animation: vantageHawkBounce 0.50s ease-out 0.52s 1;
}

@keyframes vantageHawkBounce {
    0% {
        translate: 0 0;
    }

    45% {
        translate: 0 -6px;
    }

    70% {
        translate: 0 1px;
    }

    100% {
        translate: 0 0;
    }
}/* =========================================
   PREMIUM CHARCOAL GLASS — STICKY NAV
   PASTE AT VERY BOTTOM
   ========================================= */

.elementor-23 .elementor-element.elementor-element-ff5a2e5.elementor-sticky--effects {
    background:
        linear-gradient(
            180deg,
            rgba(30, 31, 39, 0.94) 0%,
            rgba(23, 24, 32, 0.90) 100%
        ) !important;

    backdrop-filter:
        blur(18px)
        saturate(125%) !important;

    -webkit-backdrop-filter:
        blur(18px)
        saturate(125%) !important;

    border-bottom:
        1px solid rgba(255,255,255,0.07) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.05),
        0 5px 14px rgba(0,0,0,0.18),
        0 14px 34px rgba(0,0,0,0.20),
        0 28px 60px rgba(0,0,0,0.12) !important;
}/* =========================================
   PREMIUM GLASS — AFTER NAV TRANSITION
   ========================================= */

.elementor-23 .elementor-element.elementor-element-ff5a2e5.elementor-sticky--effects {
    background: rgba(23, 24, 32, 0.90) !important;

    backdrop-filter: blur(18px) saturate(125%) !important;
    -webkit-backdrop-filter: blur(18px) saturate(125%) !important;

    border-bottom: 1px solid rgba(255,255,255,0.07) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.05),
        0 5px 14px rgba(0,0,0,0.18),
        0 14px 34px rgba(0,0,0,0.20),
        0 28px 60px rgba(0,0,0,0.12) !important;

    transition:
        background-color 0.35s ease 0.45s,
        backdrop-filter 0.35s ease 0.45s,
        -webkit-backdrop-filter 0.35s ease 0.45s,
        box-shadow 0.35s ease 0.45s,
        border-color 0.35s ease 0.45s !important;
}/* =========================================
   HAWK — DELAYED REVEAL + BOUNCE
   ========================================= */

/* FADE IN A LITTLE LATER */
.elementor-23 .elementor-element.elementor-element-ff5a2e5.elementor-sticky--effects .nav-hawk {
    transition:
        opacity 0.55s ease 0.65s,
        visibility 0s linear 0.65s !important;
}


/* ONE BOUNCE AFTER FADE */
.elementor-23 .elementor-element.elementor-element-ff5a2e5.elementor-sticky--effects .nav-hawk img {
    animation: vantageHawkBounce 0.50s ease-out 1.0s 1;
}

@keyframes vantageHawkBounce {
    0% {
        translate: 0 0;
    }

    45% {
        translate: 0 -6px;
    }

    70% {
        translate: 0 1px;
    }

    100% {
        translate: 0 0;
    }
}/* =========================================
   VANTAGE — BLACK GLASS STICKY NAV
   ========================================= */

.elementor-23 .elementor-element.elementor-element-ff5a2e5.elementor-sticky--effects {
    background:
    linear-gradient(
        180deg,
        rgba(0, 0, 0, 0.64) 0%,
        rgba(0, 0, 0, 0.56) 100%
    ) !important;

    backdrop-filter:
        blur(22px)
        saturate(135%) !important;

    backdrop-filter:
    blur(24px)
    saturate(130%) !important;

-webkit-backdrop-filter:
    blur(24px)
    saturate(130%) !important;
    border-bottom:
        1px solid rgba(255,255,255,0.08) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.05),
        0 6px 16px rgba(0,0,0,0.22),
        0 16px 36px rgba(0,0,0,0.24),
        0 30px 64px rgba(0,0,0,0.16) !important;
}/* =========================================
   VANTAGE NAV — DELAYED EDGE + SHADOW
   ========================================= */

.elementor-23 .elementor-element.elementor-element-ff5a2e5.elementor-sticky--effects {
    border-bottom: 1px solid rgba(255,255,255,0.12) !important;

    box-shadow:
        inset 0 -1px 0 rgba(255,255,255,0.03),
        0 4px 10px rgba(0,0,0,0.28),
        0 12px 28px rgba(0,0,0,0.30),
        0 28px 64px rgba(0,0,0,0.22),
        0 40px 90px rgba(0,0,0,0.14) !important;

    transition:
        background 0.35s ease 0.45s,
        backdrop-filter 0.35s ease 0.45s,
        -webkit-backdrop-filter 0.35s ease 0.45s,
        border-color 0.35s ease 0.45s,
        box-shadow 0.35s ease 0.45s !important;
}/* SHARPER NAV EDGE */
.elementor-23 .elementor-element.elementor-element-ff5a2e5.elementor-sticky--effects {
    border-bottom: .0001px solid rgba(0,0,0,0.1) !important;

    box-shadow:
        inset 0 -1px 0 rgba(0,0,0,0.55),
        0 8px 24px rgba(0,0,0,0.22) !important;
}/* SLIGHTLY DEEPER STICKY NAV SHADOW */
.elementor-23 .elementor-element.elementor-element-ff5a2e5.elementor-sticky--effects {
    box-shadow:
    inset 0 -1px 0 rgba(55,57,66,0.55),
    0 5px 15px rgba(0,0,0,0.22),
    0 12px 25px rgba(0,0,0,0.12)
    !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6d1f7821 */.elementor-23 .elementor-element.elementor-element-6d1f7821 {
    position: relative;
    z-index: 0;
    isolation: isolate;
}

/* WHITE FADE */
.elementor-23 .elementor-element.elementor-element-6d1f7821::before {
    content: "";
    position: absolute;

    left: 50%;
    top: 65%;
    transform: translate(-50%, -50%);

    width: 160%;
    height: 100%;

    opacity: 0.8;

    background: radial-gradient(
        ellipse,
        rgba(255,255,255,1) 0%,
        rgba(255,255,255,0.65) 40%,
        rgba(255,255,255,0) 75%
    );

   
}

/* KEEP ACTUAL LOGO ABOVE THE FADE */
.elementor-23 .elementor-element.elementor-element-6d1f7821 img {
    position: relative;
    z-index: 1;

    animation: vantageLogoReveal 3s ease-out both !important;
}

/* LOGO SOFT REVEAL */
@keyframes vantageLogoReveal {
    0% {
        opacity: 0;
        filter: blur(4px);
    }

    100% {
        opacity: 1;
        filter: blur(0);
    }
}/* BIG DISPLAYS */
.elementor-23 .elementor-element.elementor-element-6d1f7821 img {
    transform: scale(1.00) !important;
    transform-origin: center bottom !important;
}

/* SMALL DISPLAY LOGO SIZE CONTROL */
.elementor-23 .elementor-element.elementor-element-6d1f7821 {
    --logo-small-scale: 1.07;
}

@media (max-width: 1600px) {
    .elementor-23 .elementor-element.elementor-element-6d1f7821 img {
        transform: scale(var(--logo-small-scale)) !important;
        transform-origin: center bottom !important;
    }
}
 
/* =========================================
   BIG DISPLAY LOGO VERTICAL POSITION
   CHANGE ONLY THIS NUMBER
   ========================================= */

.elementor-23 .elementor-element.elementor-element-6d1f7821 {
    --logo-big-y: -8px;
}


/* BIG DISPLAYS ONLY */
@media (min-width: 1601px) {
    .elementor-23 .elementor-element.elementor-element-6d1f7821 img {
        position: relative;
        top: var(--logo-big-y);
    }
}/* =========================================
   SMALL DISPLAY LOGO Y POSITION
   CHANGE ONLY THIS NUMBER
   ========================================= */

.elementor-23 .elementor-element.elementor-element-6d1f7821 {
    --logo-small-y: 5px;
}

@media (max-width: 1600px) {
    .elementor-23 .elementor-element.elementor-element-6d1f7821 img {
        position: relative;
        top: var(--logo-small-y) !important;
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-9bf87e1 *//* =========================================================
   VANTAGE VISUALS — SERVICES & PRICING CTA
   CLEAN MASTER VERSION
   ========================================================= */


/* =========================================================
   MASTER CONTROLS
   ========================================================= */

.elementor-23 .elementor-element.elementor-element-9bf87e1 {
    /* POSITION */
    margin-top: 97px !important;

    /* =========================
       BUTTON SIZE CONTROLS
       CHANGE ONLY THESE TWO
       ========================= */

    --cta-size-big: 19.5px;
    --cta-size-small: 17px;

    --cta-current-size: var(--cta-size-big);

    /* ORIGINAL FADE — KEEP THIS */
    animation:
        vantageButtonReveal
        1.8s
        ease-out
        0.5s
        both !important;
}


/* LAPTOP / SMALLER DESKTOP */
@media (max-width: 1600px) {
    .elementor-23 .elementor-element.elementor-element-9bf87e1 {
        --cta-current-size: var(--cta-size-small);
    }

}


/* =========================================================
   BUTTON — SIZE / TYPOGRAPHY / LAYOUT
   ========================================================= */

.elementor-23 .elementor-element.elementor-element-9bf87e1 .elementor-button {
    position: relative;
    overflow: hidden;

    /* Prevent any old Elementor animation */
    animation: none !important;

    /* Typography */
    font-family: "DM Sans", sans-serif !important;

    font-size: var(--cta-current-size) !important;

    font-weight: 400 !important;
    line-height: 1 !important;
    letter-spacing: 0.015em !important;

    /* Natural responsive width */
    width: auto !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;

    /* Everything scales relative to typography */
    padding: 0.55em 1.55em !important;

    border-radius: 0.28em !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 0.5em !important;
    white-space: nowrap !important;

    box-sizing: border-box !important;


    /* =====================================================
       CURRENT CHARCOAL LUXURY STYLE
       ===================================================== */

    background:
        rgba(23, 24, 32, 0.92) !important;

    backdrop-filter:
        blur(6px) !important;

    -webkit-backdrop-filter:
        blur(6px) !important;

    border:
        1px solid rgba(255, 255, 255, 0.12) !important;

    color:
        #F7F5F0 !important;


    /* Normal shadow */
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.10),
        0 3px 7px rgba(0,0,0,0.14),
        0 10px 24px rgba(0,0,0,0.18),
        0 20px 38px rgba(0,0,0,0.10) !important;


    /* Hover timing */
    transition:
        transform 0.30s ease,
        background 0.30s ease,
        border-color 0.45s ease,
        box-shadow 0.80s ease !important;
}


/* =========================================================
   TEXT
   ========================================================= */

.elementor-23 .elementor-element.elementor-element-9bf87e1 .elementor-button-text {
    font-size: 1em !important;
    line-height: 1 !important;

    color: #F7F5F0 !important;
}


/* =========================================================
   ARROW / ICON
   ========================================================= */

.elementor-23 .elementor-element.elementor-element-9bf87e1 .elementor-button-icon {
    font-size: 0.78em !important;
    color: #F7F5F0 !important;
}

.elementor-23 .elementor-element.elementor-element-9bf87e1 .elementor-button-icon svg {
    width: 0.78em !important;
    height: 0.78em !important;
}


/* =========================================================
   REMOVE OLD GLASS REFLECTION LAYERS
   ========================================================= */

.elementor-23 .elementor-element.elementor-element-9bf87e1 .elementor-button::before,
.elementor-23 .elementor-element.elementor-element-9bf87e1 .elementor-button::after {
    display: none !important;
    content: none !important;
}


/* =========================================================
   HOVER — GOLD BLOOM
   Button stays charcoal.
   Gold appears only in border / glow.
   ========================================================= */

.elementor-23 .elementor-element.elementor-element-9bf87e1 .elementor-button:hover {
    background:
        rgba(23, 24, 32, 0.92) !important;

    border-color:
        rgba(180, 161, 120, 0.75) !important;

    color:
        #F7F5F0 !important;

    transform:
        translateY(-2px);

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.10),

        0 4px 10px rgba(0,0,0,0.16),
        0 12px 26px rgba(0,0,0,0.18),

        0 0 12px rgba(180,161,120,0.30),
        0 0 28px rgba(180,161,120,0.24),
        0 0 44px rgba(180,161,120,0.14) !important;
}


.elementor-23 .elementor-element.elementor-element-9bf87e1 .elementor-button:hover .elementor-button-text,
.elementor-23 .elementor-element.elementor-element-9bf87e1 .elementor-button:hover .elementor-button-icon {
    color:
        #F7F5F0 !important;
}


/* =========================================================
   ENTRANCE ANIMATION
   ========================================================= */

/* =========================================================
   ORIGINAL BUTTON ENTRANCE — RESTORED
   ========================================================= */

.elementor-23 .elementor-element.elementor-element-9bf87e1 {
    margin-top: 97px !important;

    --cta-adjust: 1px;

    animation:
        vantageButtonReveal
        1.8s
        ease-out
        0.5s
        both !important;
}

.elementor-23 .elementor-element.elementor-element-9bf87e1 .elementor-button {
    animation: none !important;
}

@keyframes vantageButtonReveal {
    0% {
        opacity: 0;
        transform: translateY(8px);
        filter: blur(3px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
        filter: blur(0);
    }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-398152af */.elementor-23 .elementor-element.elementor-element-398152af {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;

    height: 100vh !important;
    min-height: 580px !important;

    z-index: 20 !important;
    pointer-events: none;
}

.elementor-23 .elementor-element.elementor-element-398152af .elementor-button {
    pointer-events: auto;
}/* End custom CSS */