{"id":9,"date":"2026-02-03T17:54:25","date_gmt":"2026-02-03T16:54:25","guid":{"rendered":"https:\/\/template.bidesign.it\/laenscape\/?page_id=9"},"modified":"2026-03-02T12:26:36","modified_gmt":"2026-03-02T11:26:36","slug":"laenscape","status":"publish","type":"page","link":"https:\/\/template.bidesign.it\/laenscape\/","title":{"rendered":"Laenscape"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"9\" class=\"elementor elementor-9\" data-elementor-settings=\"{&quot;ha_cmc_init_switcher&quot;:&quot;no&quot;}\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f805789 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"f805789\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t<div class=\"elementor-element elementor-element-617aa2f2 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-child\" data-id=\"617aa2f2\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t<div class=\"elementor-element elementor-element-2ec367fc e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-child\" data-id=\"2ec367fc\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t<div class=\"elementor-element elementor-element-121b463a e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-child\" data-id=\"121b463a\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7e0b1012 elementor-widget__width-inherit exad-sticky-section-no exad-glass-effect-no elementor-widget elementor-widget-image\" data-id=\"7e0b1012\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1280\" height=\"461\" src=\"https:\/\/template.bidesign.it\/laenscape\/wp-content\/uploads\/sites\/61\/2026\/02\/Progetto-senza-titolo-9-Photoroom.png\" class=\"attachment-full size-full wp-image-12\" alt=\"\" srcset=\"https:\/\/template.bidesign.it\/laenscape\/wp-content\/uploads\/sites\/61\/2026\/02\/Progetto-senza-titolo-9-Photoroom.png 1280w, https:\/\/template.bidesign.it\/laenscape\/wp-content\/uploads\/sites\/61\/2026\/02\/Progetto-senza-titolo-9-Photoroom-300x108.png 300w, https:\/\/template.bidesign.it\/laenscape\/wp-content\/uploads\/sites\/61\/2026\/02\/Progetto-senza-titolo-9-Photoroom-1024x369.png 1024w, https:\/\/template.bidesign.it\/laenscape\/wp-content\/uploads\/sites\/61\/2026\/02\/Progetto-senza-titolo-9-Photoroom-768x277.png 768w\" sizes=\"(max-width: 1280px) 100vw, 1280px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-63f10823 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-child\" data-id=\"63f10823\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5f1d1640 elementor-icon-list--layout-inline elementor-hidden-mobile elementor-tablet-align-center elementor-hidden-tablet elementor-list-item-link-full_width exad-sticky-section-no exad-glass-effect-no elementor-widget elementor-widget-icon-list\" data-id=\"5f1d1640\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items elementor-inline-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Home<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">About me<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Portfolio<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Services<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2d8d3ddb elementor-widget__width-auto exad-sticky-section-no exad-glass-effect-no elementor-widget elementor-widget-button\" data-id=\"2d8d3ddb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-arrow-right\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Contact me<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4e0d5a85 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"4e0d5a85\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t<div class=\"elementor-element elementor-element-5ee05b6d e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-child\" data-id=\"5ee05b6d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7b4e5555 exad-sticky-section-no exad-glass-effect-no elementor-widget elementor-widget-html\" data-id=\"7b4e5555\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t <!-- marquee -->\n    <style>\n    \n    \n        .card-one .icon-bg {\n    background-color: #CB4D00; \n}\n.card-two .icon-bg {\n    background-color: #CB4D00; \n}\n.card-three .icon-bg {\n    background-color: #CB4D00; \n}\n.card-four .icon-bg {\n    background-color: #CB4D00; \n}\n.card-five .icon-bg {\n    background-color: #CB4D00; \n}\n.card-six .icon-bg {\n    background-color: #CB4D00; \n}\n\n             \n        .marquee-container {\n            position: relative;\n            width: 100%;\n            height: 100vh;\n            min-height: 800px;\n            max-height: 1200px;\n            overflow-x: hidden;\n\n        }\n\n        @media screen and (max-width:767px) {\n            .marquee-container {\n                 height: 70vh;\n                 min-height: 500px;\n                 max-height: 700px;\n\n            }\n        }\n\n        .animation-clip {\n            position: absolute;\n            top: 0;\n            left: 50%;\n            \/* margin-top: 6vw; *\/\n            transform: translateX(-50%);\n            width: min(100vw, 2500px);\n            height: 100%;\n            overflow: hidden;\n            pointer-events: none;\n        }\n\n        .image-item {\n            position: absolute;\n            width: 16vw;\n            aspect-ratio: 1\/2;\n            \/*margin-top: -.5%;*\/\n            \/* height: 300px; *\/\n            border-radius: 32px;\n\n            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);\n            opacity: 0;\n            transition: transform 0.3s ease;\n            object-fit: cover;\n        }\n.image-item img {\n    display:block;\n    height: 100%;\n    object-fit: cover;\n    border-radius: 32px;\n    \n}\n        @media only screen and (max-width: 767px) {\n            .image-item img {\n    display:block;\n    height: 100%;\n    object-fit: cover;\n    border-radius: 24px;\n    \n}\n            .image-item {\n\n                width: 32.5vw;\n                aspect-ratio: 1\/2;\n                border-radius: 24px ;\n\n\n            }\n\n            .iphone-frame {\n                width: 33.5vw !important;\n                aspect-ratio: 1\/2;\n                \/*border-radius: 16px;*\/\n            }\n\n        }\n\n        \/* .image-item:hover {\n            transform: scale(1.2);\n            } *\/\n\n        .iphone-frame {\n            position: absolute;\n            \/* height: 320px; *\/\n            border-radius: 2.5vw;\n            aspect-ratio: 1\/2;\n            width: 16.5vw;\n            z-index: 10;\n            display: flex;\n\n            align-items: center;\n            justify-content: center;\n            transform: translate(-50%, -50%);\n        }\n\n        .iphone-screen img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n        }\n\n\n        .left-cloud {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 15%;\n    height: 100%;\n    background: linear-gradient(to right, #E0DFDF 0%, #E0DFDF 5%, transparent 100%);\n    filter: blur(5px);\n    z-index: 100;\n}\n\n.right-cloud {\n    position: absolute;\n    top: 0;\n    right: 0;\n    width: 15%;\n    height: 100%;\n    background: linear-gradient(to left, #E0DFDF 0%, #E0DFDF 5%, transparent 100%);\n    filter: blur(5px);\n    z-index: 100;\n}\n\n    <\/style>\n    <!-- hero-section -->\n    <style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n\n            position: relative;\n            overflow-x: hidden;\n        }\n\n        .hero-section {\n            min-height: 100vh;\n            background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));\n            background-size: cover;\n            background-position: center;\n            background-repeat: no-repeat;\n            \/* background-attachment: fixed; *\/\n            display: flex;\n            align-items: flex-end;\n            justify-content: center;\n            position: relative;\n\n            \/* overflow-x: hidden; *\/\n        }\n\n        .hero-content {\n            text-align: center;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            align-items: center;\n            color: white;\n            padding: 2rem;\n            z-index: 2;\n        }\n\n        .hero-heading {\n            font-size: clamp(2.5rem, 5vw, 4rem);\n            font-weight: 600;\n            text-transform: uppercase;\n            margin-bottom: 1.5rem;\n            letter-spacing: -0.02em;\n\n        }\n\n        .hero-paragraph {\n            font-size: clamp(1.1rem, 2vw, 1.25rem);\n            margin-bottom: 2.5rem;\n            max-width: 550px;\n            color: rgba(255, 255, 255, 0.95);\n            font-weight: 300;\n            line-height: 1.7;\n\n        }\n    <\/style>\n\n    <style>\n        :root {\n            --icon-width: 56px;\n            --icon-height: 56px;\n            --text-bar-width: 128px;\n            --text-bar-height: 56px;\n            --border-radius: 12px;\n            --gap: 0px;\n        }\n          @media screen and (max-width:767px) {\n              :root {\n                   --icon-width: 40px;\n            --icon-height: 40px;\n            --text-bar-width: 128px;\n            --text-bar-height: 40px;\n            --border-radius: 8px;\n              }\n          }\n\n\n        .hero-content-card {\n            position: absolute;\n            inset: 0;\n            height: 100vh;\n            width: 100vw;\n            pointer-events: none;\n            z-index: 100;\n\n        }\n\n        .card {\n\n            position: relative;\n            display: inline-block;\n            position: absolute;\n            font-size: 16px;\n             font-family: \"DM Sans\", Sans-serif;\n            \/* will-change: transform, opacity; *\/\n\n        }\n\n        .card-one {\n            top: 40%;\n            left: 15%;\n            font-family: \"DM Sans\", Sans-serif;\n        }\n\n        .card-two {\n            top: 60%;\n            left: 5%;\n        }\n\n        .card-three {\n            top: 73%;\n            left: 15%;\n        }\n\n        .card-four {\n            top: 35%;\n            right: 17%;\n        }\n\n        .card-five {\n            top: 45%;\n            right: 5%;\n        }\n\n        .card-six {\n            top: 65%;\n            right: 15%;\n        }\n         @media screen and (max-width:767px) {\n             .card-one {\n    top: 27%;\n    left: 3%; }\n             .card-five {\n                 top: 28% !important;\n                 right: 5%;\n             }\n             .card-two {\n                 top:13%;\n                 left: 5%;\n             }\n             .card-four {\n                 top:20%;\n                 left: 35%;\n             }\n            .card-three, .card-six  {\n                 opacity: 0;\n             }\n        }\n\n        .container {\n            position: relative;\n            border-radius: var(--border-radius);\n            display: flex;\n            align-items: center;\n        }\n\n.btn-sec-inner {\n  display: flex;\n  align-items: center;     \n  justify-content: center;  \n  gap: 10px;                \n}\n\n.btn-sec-inner p {\n  margin: 0;                \n}\n\n\n        .icon {\n            width: var(--icon-width);\n            height: var(--icon-height);\n            background-color: #CB4D00;\n            border-radius: var(--border-radius);\n            border-radius: 12px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);\n            position: relative;\n            z-index: 2;\n            flex-shrink: 0;\n        }\n\n        .icon img {\n            width: 60%;\n            aspect-ratio: 1\/1;\n        }\n\n        .icon-bg {\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            transform: translate(-50%, -50%);\n            width: 60%;\n            aspect-ratio: 1\/1;\n            border-radius: 50%;\n            background-color: rgb(255, 63, 63);\n            z-index: -1;\n        }\n\n        .text-bar {\n            background: rgba(255,255,255,0.12);\n  backdrop-filter: blur(20px) saturate(130%);\n  \n  -webkit-backdrop-filter: blur(20px) saturate(130%);\n            height: var(--icon-height);\n            \n            border-radius: 12px 0 0 12px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            color: white;\n            font-size: 14px;\n            font-weight: 500;\n            text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);\n            clip-path: inset(0 0 0 100%);\n            z-index: 1;\n            position: relative;\n            padding: 0 20px;\n            white-space: nowrap;\n            min-width: 100px;\n\n        }\n        .icon, .text-bar {\n            transform: scale(0);\n        }\n    <\/style>\n    \n    <style>\n        .spacer {\n    width: 100%;\n    height: 35vh;\n}\n@media screen and (max-width: 767px) {\n    .spacer {\n        height: 20vh;\n    }\n}\n.promo-section {\n    margin-bottom: 3rem;\n}\n.promo-heading-wrapper {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    flex-direction: column;\n}\n.promo-badge {\n    font-size: clamp(1.1rem, 2vw, 1.25rem);\n    margin-bottom: 2.5rem;\n    font-weight: 300;\n    line-height: 1.7;\n}\n\n.promo-heading {\n    \/*font-size: clamp(2.5rem, 5vw, 4rem);*\/\n    font-weight: 500;\n    text-align: center;\n  \n    \/*margin-bottom: 1.5rem;*\/\n    letter-spacing: -0.02em;\n}\n\n.promo-paragraph {\n    font-size: clamp(1.1rem, 2vw, 1.25rem);\n    margin-bottom: 2.5rem;\n    max-width: 550px;\n    text-align: center;\n    font-weight: 300;\n    line-height: 1.2em;\n}\n.hero-buttons {\n    display: flex;\n    gap: 1rem;\n    justify-content: center;\n    flex-wrap: wrap;\n    margin-bottom: 1rem;\n}\n\n.btn-primary {\n    display: flex;\n    gap: 1rem;\n    justify-content: center;\n    align-items: center;\n    background-color: white;\n    padding: 12px 24px;\n    border-radius: 16px;\n    color: black;\n    transform: translateY(25px);\n    opacity: 0; \n\n}\n\n.btn-icon {\n    width: 2rem;\n    aspect-ratio: 1\/1;\n    border-radius: 6px;\n    background-color: rgb(0, 0, 0);\n    display: flex;\n    justify-content: center;\n    align-items: center;\n\n}\n\n.btn-icon img {\n    width: 60%;\n\n\n}\n\n.btn-secondary {\n    display: flex;\n    gap: 1rem;\n    justify-content: center;\n    align-items: center;\n    padding: 10px 15px;\n    color: rgb(255, 255, 255);\n    position: relative;\n    \/* opacity: 0; *\/\n    \n    \n}\n.btn-secondary-bg {\n    position: absolute;\n    z-index: -1;\n    inset: 0;\n    width: 100%;\n    height: 100%;\n    background-color: #CB4D00;\n    border-radius: 10px;\n    \n\n}\n.btn-sec-inner {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    gap: 1rem;\n}\n.btn-sec-inner p {\n    transform: translateX(150%);\n}\n\n    \n\n \n  :root{\n    --icon-width: 48px;\n    --icon-height: 48px;\n    --border-radius: 10px;\n  }\n\n  .icon{\n    border-radius: 10px;\n  }\n\n  .text-bar{\n    height: var(--icon-height);\n    border-radius: 10px 0 0 10px;\n    padding: 12px 20px 12px 20px;\n  }\n<\/style>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2714aafc exad-sticky-section-no exad-glass-effect-no elementor-widget elementor-widget-html\" data-id=\"2714aafc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t  <div class=\"hero-content-card\">\r\n                <div class=\"card card-one\">\r\n                    <div class=\"container\">\r\n                        <div class=\"text-bar\">Mountain Escapes<\/div>\r\n                        <div class=\"icon\">\r\n                            <div class=\"icon-bg\"><\/div>\r\n                            <img decoding=\"async\" src=\"https:\/\/mintcream-gnu-256830.hostingersite.com\/wp-content\/uploads\/2025\/09\/2.svg\" alt=\"\">\r\n\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"card card-two\">\r\n                    <div class=\"container\">\r\n                        <div class=\"text-bar\">Golden Hour Shots<\/div>\r\n                        <div class=\"icon\">\r\n                            <div class=\"icon-bg\"><\/div>\r\n                            <img decoding=\"async\" src=\"https:\/\/mintcream-gnu-256830.hostingersite.com\/wp-content\/uploads\/2025\/09\/3.svg\" alt=\"\">\r\n\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"card card-three\">\r\n                    <div class=\"container\">\r\n                        <div class=\"text-bar\">Moody Forests<\/div>\r\n                        <div class=\"icon\">\r\n                            <div class=\"icon-bg\"><\/div>\r\n                            <img decoding=\"async\" src=\"https:\/\/mintcream-gnu-256830.hostingersite.com\/wp-content\/uploads\/2025\/09\/4.svg\" alt=\"\">\r\n\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"card card-four\">\r\n                    <div class=\"container\">\r\n                        <div class=\"text-bar\">Ocean Views<\/div>\r\n                        <div class=\"icon\">\r\n                            <div class=\"icon-bg\"><\/div>\r\n                            <img decoding=\"async\" src=\"https:\/\/mintcream-gnu-256830.hostingersite.com\/wp-content\/uploads\/2025\/09\/5.svg\" alt=\"\">\r\n\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"card card-five\">\r\n                    <div class=\"container\">\r\n                        <div class=\"text-bar\">Minimalist Horizons<\/div>\r\n                        <div class=\"icon\">\r\n                            <div class=\"icon-bg\"><\/div>\r\n                            <img decoding=\"async\" src=\"https:\/\/mintcream-gnu-256830.hostingersite.com\/wp-content\/uploads\/2025\/09\/6.svg\" alt=\"\">\r\n\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"card card-six\">\r\n                    <div class=\"container\">\r\n                        <div class=\"text-bar\">Wilderness Details<\/div>\r\n                        <div class=\"icon\">\r\n                            <div class=\"icon-bg\"><\/div>\r\n                            <img decoding=\"async\" src=\"https:\/\/mintcream-gnu-256830.hostingersite.com\/wp-content\/uploads\/2025\/09\/7.svg\" alt=\"\">\r\n\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5bf7fb7 hero-section e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-child\" data-id=\"5bf7fb7\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-3a5cda83 hero-content e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-child\" data-id=\"3a5cda83\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4d50bf7f exad-sticky-section-no exad-glass-effect-no elementor-widget elementor-widget-heading\" data-id=\"4d50bf7f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Capturing Earth\u2019s<br>Raw Beauty<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-de10caa elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-hidden-tablet exad-sticky-section-no exad-glass-effect-no elementor-widget elementor-widget-text-editor\" data-id=\"de10caa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p data-start=\"1204\" data-end=\"1470\">Explore the world through my lens \u2014 landscapes, horizons, and untouched wonders.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-71ede383 elementor-hidden-mobile e-con-full elementor-hidden-desktop e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-child\" data-id=\"71ede383\" data-element_type=\"container\" data-e-type=\"container\" id=\"glassm\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-22295f1e elementor-icon-list--layout-inline elementor-list-item-link-full_width exad-sticky-section-no exad-glass-effect-no elementor-widget elementor-widget-icon-list\" data-id=\"22295f1e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items elementor-inline-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Enter your email<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2823eac6 elementor-widget__width-auto exad-sticky-section-no exad-glass-effect-no elementor-widget elementor-widget-button\" data-id=\"2823eac6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-arrow-right\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Try for free<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7282bf58 exad-sticky-section-no exad-glass-effect-no elementor-widget elementor-widget-spacer\" data-id=\"7282bf58\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-60966e3 e-con-full promo-section e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-child\" data-id=\"60966e3\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t<div class=\"elementor-element elementor-element-343256d9 e-con-full promo-heading-wrapper e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-child\" data-id=\"343256d9\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-760f7e5f promo-heading exad-sticky-section-no exad-glass-effect-no elementor-widget elementor-widget-heading\" data-id=\"760f7e5f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Through My Lens<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-28db2224 promo-paragraph elementor-widget__width-initial exad-sticky-section-no exad-glass-effect-no elementor-widget elementor-widget-text-editor\" data-id=\"28db2224\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Step into a world shaped by light, texture, and time. These landscapes aren\u2019t just places \u2014 they\u2019re stories frozen in a frame, waiting to be felt.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2f4c3091 exad-sticky-section-no exad-glass-effect-no elementor-widget elementor-widget-html\" data-id=\"2f4c3091\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t   <div class=\"btn-secondary\">\r\n                <div class=\"btn-secondary-bg\"><\/div>\r\n                <div class=\"btn-sec-inner\">\r\n                    \r\n                    <p>Let's Work Together <\/p>\r\n                    <div class=\"btn-sec-icon\">\r\n                    <\/div>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2d398487 e-con-full marquee-container e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-child\" data-id=\"2d398487\" data-element_type=\"container\" data-e-type=\"container\" id=\"marquee-container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t<div class=\"elementor-element elementor-element-1fdeab8d e-con-full animation-clip e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-child\" data-id=\"1fdeab8d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t<div class=\"elementor-element elementor-element-6901ec39 e-con-full left-cloud e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-child\" data-id=\"6901ec39\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-46682746 e-con-full right-cloud e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-child\" data-id=\"46682746\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-239c448e e-con-full iphone-frame e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-child\" data-id=\"239c448e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t<div class=\"elementor-element elementor-element-496835af e-con-full iphone-screen e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-child\" data-id=\"496835af\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-356819fc exad-sticky-section-no exad-glass-effect-no elementor-widget elementor-widget-image\" data-id=\"356819fc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"372\" height=\"750\" src=\"https:\/\/template.bidesign.it\/laenscape\/wp-content\/uploads\/sites\/61\/2026\/02\/iframe.png\" class=\"attachment-large size-large wp-image-14\" alt=\"\" srcset=\"https:\/\/template.bidesign.it\/laenscape\/wp-content\/uploads\/sites\/61\/2026\/02\/iframe.png 372w, https:\/\/template.bidesign.it\/laenscape\/wp-content\/uploads\/sites\/61\/2026\/02\/iframe-149x300.png 149w\" sizes=\"(max-width: 372px) 100vw, 372px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-16ab56e4 image-item exad-sticky-section-no exad-glass-effect-no elementor-widget elementor-widget-image\" data-id=\"16ab56e4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"768\" height=\"1024\" src=\"https:\/\/template.bidesign.it\/laenscape\/wp-content\/uploads\/sites\/61\/2026\/02\/pexels-simon73-1266810-scaled-1-768x1024.jpg\" class=\"attachment-large size-large wp-image-15\" alt=\"\" srcset=\"https:\/\/template.bidesign.it\/laenscape\/wp-content\/uploads\/sites\/61\/2026\/02\/pexels-simon73-1266810-scaled-1-768x1024.jpg 768w, https:\/\/template.bidesign.it\/laenscape\/wp-content\/uploads\/sites\/61\/2026\/02\/pexels-simon73-1266810-scaled-1-225x300.jpg 225w, https:\/\/template.bidesign.it\/laenscape\/wp-content\/uploads\/sites\/61\/2026\/02\/pexels-simon73-1266810-scaled-1-1152x1536.jpg 1152w, https:\/\/template.bidesign.it\/laenscape\/wp-content\/uploads\/sites\/61\/2026\/02\/pexels-simon73-1266810-scaled-1-1536x2048.jpg 1536w, https:\/\/template.bidesign.it\/laenscape\/wp-content\/uploads\/sites\/61\/2026\/02\/pexels-simon73-1266810-scaled-1.jpg 1600w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5cf6c673 image-item exad-sticky-section-no exad-glass-effect-no elementor-widget elementor-widget-image\" data-id=\"5cf6c673\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"771\" height=\"1024\" src=\"https:\/\/template.bidesign.it\/laenscape\/wp-content\/uploads\/sites\/61\/2026\/02\/Tranquil-Mountain-Lake-Aerial-View-771x1024.png\" class=\"attachment-large size-large wp-image-16\" alt=\"\" srcset=\"https:\/\/template.bidesign.it\/laenscape\/wp-content\/uploads\/sites\/61\/2026\/02\/Tranquil-Mountain-Lake-Aerial-View-771x1024.png 771w, https:\/\/template.bidesign.it\/laenscape\/wp-content\/uploads\/sites\/61\/2026\/02\/Tranquil-Mountain-Lake-Aerial-View-226x300.png 226w, https:\/\/template.bidesign.it\/laenscape\/wp-content\/uploads\/sites\/61\/2026\/02\/Tranquil-Mountain-Lake-Aerial-View-768x1021.png 768w, https:\/\/template.bidesign.it\/laenscape\/wp-content\/uploads\/sites\/61\/2026\/02\/Tranquil-Mountain-Lake-Aerial-View.png 903w\" sizes=\"(max-width: 771px) 100vw, 771px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-28c72f95 image-item exad-sticky-section-no exad-glass-effect-no elementor-widget elementor-widget-image\" data-id=\"28c72f95\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"724\" height=\"1024\" src=\"https:\/\/template.bidesign.it\/laenscape\/wp-content\/uploads\/sites\/61\/2026\/02\/pexels-souvenirpixels-1486974-scaled-1-724x1024.jpg\" class=\"attachment-large size-large wp-image-17\" alt=\"\" srcset=\"https:\/\/template.bidesign.it\/laenscape\/wp-content\/uploads\/sites\/61\/2026\/02\/pexels-souvenirpixels-1486974-scaled-1-724x1024.jpg 724w, https:\/\/template.bidesign.it\/laenscape\/wp-content\/uploads\/sites\/61\/2026\/02\/pexels-souvenirpixels-1486974-scaled-1-212x300.jpg 212w, https:\/\/template.bidesign.it\/laenscape\/wp-content\/uploads\/sites\/61\/2026\/02\/pexels-souvenirpixels-1486974-scaled-1-768x1087.jpg 768w, https:\/\/template.bidesign.it\/laenscape\/wp-content\/uploads\/sites\/61\/2026\/02\/pexels-souvenirpixels-1486974-scaled-1-1086x1536.jpg 1086w, https:\/\/template.bidesign.it\/laenscape\/wp-content\/uploads\/sites\/61\/2026\/02\/pexels-souvenirpixels-1486974-scaled-1-1447x2048.jpg 1447w, https:\/\/template.bidesign.it\/laenscape\/wp-content\/uploads\/sites\/61\/2026\/02\/pexels-souvenirpixels-1486974-scaled-1.jpg 1600w\" sizes=\"(max-width: 724px) 100vw, 724px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-32c1ddf3 image-item exad-sticky-section-no exad-glass-effect-no elementor-widget elementor-widget-image\" data-id=\"32c1ddf3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"935\" height=\"1024\" src=\"https:\/\/template.bidesign.it\/laenscape\/wp-content\/uploads\/sites\/61\/2026\/02\/pexels-iamwanderingkhan-34032588-scaled-1-935x1024.jpg\" class=\"attachment-large size-large wp-image-18\" alt=\"\" srcset=\"https:\/\/template.bidesign.it\/laenscape\/wp-content\/uploads\/sites\/61\/2026\/02\/pexels-iamwanderingkhan-34032588-scaled-1-935x1024.jpg 935w, https:\/\/template.bidesign.it\/laenscape\/wp-content\/uploads\/sites\/61\/2026\/02\/pexels-iamwanderingkhan-34032588-scaled-1-274x300.jpg 274w, https:\/\/template.bidesign.it\/laenscape\/wp-content\/uploads\/sites\/61\/2026\/02\/pexels-iamwanderingkhan-34032588-scaled-1-768x841.jpg 768w, https:\/\/template.bidesign.it\/laenscape\/wp-content\/uploads\/sites\/61\/2026\/02\/pexels-iamwanderingkhan-34032588-scaled-1-1402x1536.jpg 1402w, https:\/\/template.bidesign.it\/laenscape\/wp-content\/uploads\/sites\/61\/2026\/02\/pexels-iamwanderingkhan-34032588-scaled-1.jpg 1600w\" sizes=\"(max-width: 935px) 100vw, 935px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6b33a555 image-item exad-sticky-section-no exad-glass-effect-no elementor-widget elementor-widget-image\" data-id=\"6b33a555\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"768\" src=\"https:\/\/template.bidesign.it\/laenscape\/wp-content\/uploads\/sites\/61\/2026\/02\/pexels-casia-charlie-1270232-2433467-scaled-1-1024x768.jpg\" class=\"attachment-large size-large wp-image-19\" alt=\"\" srcset=\"https:\/\/template.bidesign.it\/laenscape\/wp-content\/uploads\/sites\/61\/2026\/02\/pexels-casia-charlie-1270232-2433467-scaled-1-1024x768.jpg 1024w, https:\/\/template.bidesign.it\/laenscape\/wp-content\/uploads\/sites\/61\/2026\/02\/pexels-casia-charlie-1270232-2433467-scaled-1-300x225.jpg 300w, https:\/\/template.bidesign.it\/laenscape\/wp-content\/uploads\/sites\/61\/2026\/02\/pexels-casia-charlie-1270232-2433467-scaled-1-768x576.jpg 768w, https:\/\/template.bidesign.it\/laenscape\/wp-content\/uploads\/sites\/61\/2026\/02\/pexels-casia-charlie-1270232-2433467-scaled-1-1536x1152.jpg 1536w, https:\/\/template.bidesign.it\/laenscape\/wp-content\/uploads\/sites\/61\/2026\/02\/pexels-casia-charlie-1270232-2433467-scaled-1.jpg 1600w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7ffbc221 image-item exad-sticky-section-no exad-glass-effect-no elementor-widget elementor-widget-image\" data-id=\"7ffbc221\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/template.bidesign.it\/laenscape\/wp-content\/uploads\/sites\/61\/2026\/02\/Pristine-Alpine-Serenity-1024x1024.png\" class=\"attachment-large size-large wp-image-20\" alt=\"\" srcset=\"https:\/\/template.bidesign.it\/laenscape\/wp-content\/uploads\/sites\/61\/2026\/02\/Pristine-Alpine-Serenity-1024x1024.png 1024w, https:\/\/template.bidesign.it\/laenscape\/wp-content\/uploads\/sites\/61\/2026\/02\/Pristine-Alpine-Serenity-300x300.png 300w, https:\/\/template.bidesign.it\/laenscape\/wp-content\/uploads\/sites\/61\/2026\/02\/Pristine-Alpine-Serenity-150x150.png 150w, https:\/\/template.bidesign.it\/laenscape\/wp-content\/uploads\/sites\/61\/2026\/02\/Pristine-Alpine-Serenity-768x768.png 768w, https:\/\/template.bidesign.it\/laenscape\/wp-content\/uploads\/sites\/61\/2026\/02\/Pristine-Alpine-Serenity.png 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3354b3b0 image-item exad-sticky-section-no exad-glass-effect-no elementor-widget elementor-widget-image\" data-id=\"3354b3b0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"680\" src=\"https:\/\/template.bidesign.it\/laenscape\/wp-content\/uploads\/sites\/61\/2026\/02\/pexels-bella-white-201200-635279-scaled-1-1024x680.jpg\" class=\"attachment-large size-large wp-image-21\" alt=\"\" srcset=\"https:\/\/template.bidesign.it\/laenscape\/wp-content\/uploads\/sites\/61\/2026\/02\/pexels-bella-white-201200-635279-scaled-1-1024x680.jpg 1024w, https:\/\/template.bidesign.it\/laenscape\/wp-content\/uploads\/sites\/61\/2026\/02\/pexels-bella-white-201200-635279-scaled-1-300x199.jpg 300w, https:\/\/template.bidesign.it\/laenscape\/wp-content\/uploads\/sites\/61\/2026\/02\/pexels-bella-white-201200-635279-scaled-1-768x510.jpg 768w, https:\/\/template.bidesign.it\/laenscape\/wp-content\/uploads\/sites\/61\/2026\/02\/pexels-bella-white-201200-635279-scaled-1-1536x1020.jpg 1536w, https:\/\/template.bidesign.it\/laenscape\/wp-content\/uploads\/sites\/61\/2026\/02\/pexels-bella-white-201200-635279-scaled-1.jpg 1600w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4db26ba3 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-child\" data-id=\"4db26ba3\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-130e5506 exad-sticky-section-no exad-glass-effect-no elementor-widget elementor-widget-html\" data-id=\"130e5506\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n    \r\n    \r\n   <link rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/lenis@1.3.11\/dist\/lenis.css\"> \r\n   <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/gsap@3.13.0\/dist\/ScrollToPlugin.min.js\"> <\/script>\r\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/gsap@3.13.0\/dist\/ScrollTrigger.min.js\"><\/script>\r\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/gsap@3.13.0\/dist\/SplitText.min.js\"><\/script>\r\n<script src=\"https:\/\/unpkg.com\/lenis@1.3.8\/dist\/lenis.min.js\"><\/script>\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/gsap.min.js\"><\/script>\r\n<script>\/\/ Initialize a new Lenis instance for smooth scrolling\r\nconst lenis = new Lenis();\r\n\r\n\/\/ Synchronize Lenis scrolling with GSAP's ScrollTrigger plugin\r\nlenis.on('scroll', ScrollTrigger.update);\r\n\r\n\/\/ Add Lenis's requestAnimationFrame (raf) method to GSAP's ticker\r\n\/\/ This ensures Lenis's smooth scroll animation updates on each GSAP tick\r\ngsap.ticker.add((time) => {\r\n  lenis.raf(time * 1000); \/\/ Convert time from seconds to milliseconds\r\n});\r\n\r\n\/\/ Disable lag smoothing in GSAP to prevent any delay in scroll animations\r\ngsap.ticker.lagSmoothing(0);\r\n\r\n\r\n\r\n\/\/ new lenis \r\n\r\n\r\n\r\n\r\n<\/script>\r\n\r\n\r\n\/\/ <script>\r\n\/\/ gsap.registerPlugin(SplitText)\r\n\/\/ gsap.registerPlugin(ScrollTrigger)\r\n\/\/      gsap.registerPlugin(ScrollToPlugin) \r\n\/\/         \/\/ Create ScrollTrigger for section 2\r\n\/\/       ScrollTrigger.create({\r\n\/\/     trigger: \".promo-section\",\r\n\/\/     start: \"bottom 95%\",\r\n\/\/     onEnter: () => {\r\n        \r\n\/\/         \/\/ Wait for next frame to ensure smooth start\r\n\/\/         requestAnimationFrame(() => {\r\n\/\/             requestAnimationFrame(() => {\r\n\/\/                 gsap.to(window, { \r\n\/\/                     duration: 3, \r\n\/\/                     scrollTo: { \r\n\/\/                         y: \"#marquee-container\", \r\n\/\/                         offsetY: 150 \r\n\/\/                     },\r\n\/\/                     ease: \"power1.inOut\"\r\n\/\/                 });\r\n\/\/             });\r\n\/\/         });\r\n\/\/     },\r\n\/\/     \/\/ once: true\r\n\/\/ });\r\n\/\/ <\/script>\r\n<script> class ViewportTriggeredMarquee {\r\n    constructor() {\r\n        this.container = document.getElementById('marquee-container');\r\n        this.images = [];\r\n        this.amplitude = 150;\r\n        this.arcMultiplier = .3; \/\/ Default arc multiplier\r\n        this.hasAnimated = false;\r\n\r\n        this.init();\r\n    }\r\n\r\n    init() {\r\n        this.collectImages();\r\n        this.updateResponsiveSettings();\r\n        this.positionIPhoneFrame();\r\n        this.setupIntersectionObserver();\r\n\r\n        \/\/ Add resize listener\r\n        window.addEventListener('resize', () => {\r\n            this.updateResponsiveSettings();\r\n            this.positionIPhoneFrame();\r\n        });\r\n    }\r\n\r\n    updateResponsiveSettings() {\r\n        const width = window.innerWidth;\r\n\r\n        if (width < 768) {\r\n            \/\/ Mobile: 5 images\r\n            this.visibleImages = 5;\r\n            this.amplitude = 70;\r\n            this.arcMultiplier = -2;\r\n        } else if (width >= 768 && width <= 1200) {\r\n            \/\/ Tablet: 7 images\r\n            this.visibleImages = 7;\r\n            this.amplitude = 120;\r\n            this.arcMultiplier = .2;\r\n        } else if (width > 1200 && width <= 1350) {\r\n            \/\/ Large tablet: 9 images\r\n            this.visibleImages = 7;\r\n            this.amplitude = 120;\r\n            this.arcMultiplier = .3;\r\n        } else {\r\n            \/\/ Desktop: 11 images\r\n            this.visibleImages = 7;\r\n            this.amplitude = 150;\r\n            this.arcMultiplier = .3;\r\n        }\r\n\r\n        this.showHideImages();\r\n    }\r\n\r\n    showHideImages() {\r\n        \/\/ Show\/hide images based on screen size\r\n        this.images.forEach((imageObj, index) => {\r\n            if (index < this.visibleImages) {\r\n                imageObj.element.style.display = 'block';\r\n                imageObj.active = true;\r\n            } else {\r\n                \/\/ imageObj.element.style.display = 'none';\r\n                imageObj.active = false;\r\n            }\r\n        });\r\n\r\n        \/\/ Update active images array\r\n        this.activeImages = this.images.filter(img => img.active);\r\n    }\r\n\r\n    collectImages() {\r\n        const imageElements = this.container.querySelectorAll('.image-item');\r\n\r\n        this.images = Array.from(imageElements).map((element, index) => ({\r\n            element: element,\r\n            index: index,\r\n            active: true\r\n        }));\r\n    }\r\n\r\n    positionIPhoneFrame() {\r\n        \/\/ Always position at the center of the visible images\r\n        const centerProgress = 0.5;\r\n        const centerPosition = this.calculatePosition(centerProgress);\r\n\r\n        const iPhoneFrame = document.querySelector('.iphone-frame');\r\n        if (iPhoneFrame) {\r\n            iPhoneFrame.style.left = centerPosition.x + 'px';\r\n            iPhoneFrame.style.top = centerPosition.y + 'px';\r\n        }\r\n    }\r\n\r\n    setupIntersectionObserver() {\r\n        const observer = new IntersectionObserver(\r\n            (entries) => {\r\n                entries.forEach(entry => {\r\n                    if (entry.isIntersecting && entry.intersectionRatio >= 0.5 && !this.hasAnimated) {\r\n                        this.startAnimation();\r\n                        this.hasAnimated = true;\r\n                    }\r\n                });\r\n            },\r\n            {\r\n                threshold: [0.5]\r\n            }\r\n        );\r\n\r\n        observer.observe(this.container);\r\n    }\r\n\r\n    calculatePosition(progress) {\r\n        \/\/ Cap the effective window width at 2500px for ultra-wide screens\r\n        const actualWidth = window.innerWidth;\r\n        const windowWidth = Math.min(actualWidth, 2500);\r\n        const windowHeight = window.innerHeight;\r\n\r\n        \/\/ X position: start from right and move to left within the capped width\r\n        const x = (windowWidth + 100) - (progress * (windowWidth + 200));\r\n\r\n        \/\/ Y position follows an arc above center\r\n        \/\/ const normalizedX = Math.max(0, Math.min(1, progress)) * Math.PI;\r\n        \/\/ const y = (windowHeight \/ 2) - Math.sin(normalizedX) * this.amplitude;\r\n        const normalizedX = Math.max(0, Math.min(1, progress)) * Math.PI;\r\n        const arcOffset = this.amplitude * this.arcMultiplier;\r\n        const y = (windowHeight \/ 2) - Math.sin(normalizedX) * this.amplitude + arcOffset;\r\n\r\n        return { x, y };\r\n    }\r\n\r\n    getLeftOffset() {\r\n        const actualWidth = window.innerWidth;\r\n        return actualWidth > 2500 ? (actualWidth - 2500) \/ 2 : 0;\r\n    }\r\n\r\n    startAnimation() {\r\n        \/\/ Phase 1: Reveal all active cards along the path\r\n        this.revealCards().then(() => {\r\n            \/\/ Phase 2: Move cards sequentially\r\n            setTimeout(() => {\r\n                this.moveCardsSequentially();\r\n            }, 1000);\r\n        });\r\n    }\r\n\r\n    async revealCards() {\r\n        return new Promise((resolve) => {\r\n            const totalDuration = 2500;\r\n            const startTime = performance.now();\r\n\r\n            \/\/ Set initial positions for active images only\r\n            this.activeImages.forEach((imageObj, index) => {\r\n                const startProgress = (index \/ (this.activeImages.length - 1)) - 0.8;\r\n                const startPosition = this.calculatePosition(startProgress);\r\n\r\n                imageObj.element.style.left = startPosition.x + 'px';\r\n                imageObj.element.style.top = startPosition.y + 'px';\r\n                imageObj.element.style.transform = 'translate(-50%, -50%)';\r\n                imageObj.element.style.opacity = 1;\r\n            });\r\n\r\n            const animate = (currentTime) => {\r\n                const elapsed = currentTime - startTime;\r\n                const progress = Math.min(elapsed \/ totalDuration, 1);\r\n                const easedProgress = 1 - Math.pow(1 - progress, 3);\r\n\r\n                this.activeImages.forEach((imageObj, index) => {\r\n                    const startProgress = (index \/ (this.activeImages.length - 1)) - 0.8;\r\n                    const targetProgress = index \/ (this.activeImages.length - 1);\r\n                    const currentProgress = startProgress + (targetProgress - startProgress) * easedProgress;\r\n                    const position = this.calculatePosition(currentProgress);\r\n\r\n                    imageObj.element.style.left = position.x + 'px';\r\n                    imageObj.element.style.top = position.y + 'px';\r\n                });\r\n\r\n                if (progress < 1) {\r\n                    requestAnimationFrame(animate);\r\n                } else {\r\n                    \/\/ Ensure exact final positions\r\n                    this.activeImages.forEach((imageObj, index) => {\r\n                        const finalProgress = index \/ (this.activeImages.length - 1);\r\n                        const finalPosition = this.calculatePosition(finalProgress);\r\n                        imageObj.element.style.left = finalPosition.x + 'px';\r\n                        imageObj.element.style.top = finalPosition.y + 'px';\r\n                    });\r\n                    resolve();\r\n                }\r\n            };\r\n\r\n            requestAnimationFrame(animate);\r\n        });\r\n    }\r\n\r\n    moveCardsSequentially() {\r\n        this.stepIndex = 0;\r\n\r\n        \/\/ Ensure cards are in exact initial positions\r\n        this.activeImages.forEach((imageObj, index) => {\r\n            const initialProgress = index \/ (this.activeImages.length - 1);\r\n            const position = this.calculatePosition(initialProgress);\r\n            imageObj.element.style.left = position.x + 'px';\r\n            imageObj.element.style.top = position.y + 'px';\r\n            imageObj.element.style.opacity = 1;\r\n        });\r\n\r\n        this.moveToNextStep();\r\n    }\r\n\r\n    moveToNextStep() {\r\n        const stepDuration = 800;\r\n        const startTime = performance.now();\r\n\r\n        const currentPositions = this.activeImages.map((imageObj) => ({\r\n            x: parseFloat(imageObj.element.style.left),\r\n            y: parseFloat(imageObj.element.style.top)\r\n        }));\r\n\r\n        const animate = (currentTime) => {\r\n            const elapsed = currentTime - startTime;\r\n            const progress = Math.min(elapsed \/ stepDuration, 1);\r\n            const easedProgress = 1 - Math.pow(1 - progress, 3);\r\n\r\n            this.activeImages.forEach((imageObj, index) => {\r\n                const currentCardPosition = index + this.stepIndex;\r\n                const targetCardPosition = currentCardPosition + 1;\r\n\r\n                let normalizedTarget = (targetCardPosition \/ (this.activeImages.length - 1)) % (this.activeImages.length \/ (this.activeImages.length - 1));\r\n\r\n                const currentPos = currentPositions[index];\r\n                let targetPosition = this.calculatePosition(normalizedTarget);\r\n\r\n                if (targetPosition.x > currentPos.x + (window.innerWidth \/ 2)) {\r\n                    const offScreenRightProgress = -0.3;\r\n                    const offScreenRightPosition = this.calculatePosition(offScreenRightProgress);\r\n\r\n                    const x = offScreenRightPosition.x + (targetPosition.x - offScreenRightPosition.x) * easedProgress;\r\n                    const y = offScreenRightPosition.y + (targetPosition.y - offScreenRightPosition.y) * easedProgress;\r\n\r\n                    imageObj.element.style.left = x + 'px';\r\n                    imageObj.element.style.top = y + 'px';\r\n                } else {\r\n                    const x = currentPos.x + (targetPosition.x - currentPos.x) * easedProgress;\r\n                    const y = currentPos.y + (targetPosition.y - currentPos.y) * easedProgress;\r\n\r\n                    imageObj.element.style.left = x + 'px';\r\n                    imageObj.element.style.top = y + 'px';\r\n                }\r\n\r\n                const currentX = parseFloat(imageObj.element.style.left);\r\n                if (currentX < -100) {\r\n                    imageObj.element.style.opacity = 0;\r\n                } else {\r\n                    imageObj.element.style.opacity = 1;\r\n                }\r\n            });\r\n\r\n            if (progress < 1) {\r\n                requestAnimationFrame(animate);\r\n            } else {\r\n                this.stepIndex++;\r\n                setTimeout(() => {\r\n                    this.moveToNextStep();\r\n                }, 800);\r\n            }\r\n        };\r\n\r\n        requestAnimationFrame(animate);\r\n    }\r\n}\r\n\r\n\/\/ Initialize the marquee\r\nconst marquee = new ViewportTriggeredMarquee();<\/script>\r\n<script>\r\ngsap.registerPlugin(SplitText)\r\ngsap.registerPlugin(ScrollTrigger)\r\n\r\n\r\n\r\n\r\nconst breakpoint = 767;\r\n\r\ngsap.set('.icon', { scale: 0 })\r\ngsap.set('.text-bar', { scale: 0 })\r\n\r\nlet totalDistance;\r\n\r\nconst marqueeContainer = document.getElementById('marquee-container');\r\n\r\nconst buttonSecondary = document.querySelector('.btn-secondary')\r\nconst secondaryIcon = document.querySelector('.btn-sec-icon');\r\nconst buttonSecondaryWidth = buttonSecondary.offsetWidth\r\nconst secondaryIconWidth = secondaryIcon.offsetWidth\r\n\r\nconst buttonSecondarydistancefromLeft = buttonSecondary.getBoundingClientRect().right\r\nconst secondaryIcondistancefromLeft = secondaryIcon.getBoundingClientRect().right;\r\n\r\nconst button_icon_distance = buttonSecondarydistancefromLeft - secondaryIcondistancefromLeft;\r\n\r\nconst c = (2 * button_icon_distance) + secondaryIconWidth\r\nconst ratio_icon_button = c \/ buttonSecondaryWidth;\r\nconst offset = -(buttonSecondaryWidth \/ 2) + (c \/ 2);\r\n\/\/ console.log({\r\n\/\/     buttonSecondary, secondaryIcon, buttonSecondaryWidth, secondaryIconWidth,\r\n\/\/     buttonSecondarydistancefromLeft, secondaryIcondistancefromLeft, button_icon_distance, c, ratio_icon_button\r\n\/\/ })\r\n\r\ngsap.set(buttonSecondary, { x: -(buttonSecondaryWidth \/ 2) + (c \/ 2) })\r\ngsap.set('.btn-secondary-bg', { width: c, x: (buttonSecondaryWidth - c) })\r\n\/\/ gsap.set('.btn-sec-inner p', {xPercent: 100})\r\n\/\/ gsap.timeline({ delay: 2 }).to('.btn-secondary-bg', { width: buttonSecondaryWidth, x: (buttonSecondaryWidth \/ 2) - (c \/ 2) })\r\n\/\/     .to('.btn-sec-icon', { x: (buttonSecondaryWidth \/ 2) - (c \/ 2) }, '<')\r\n\/\/     .to('.btn-sec-inner p', { x: (buttonSecondaryWidth \/ 2) - (c \/ 2) }, '<')\r\n\r\n\r\ndocument.fonts.ready.then(() => {\r\n    const mainTimelineLanding = gsap.timeline()\r\n    const promoTimeline = gsap.timeline();\r\n    const splitHeading = SplitText.create(\".hero-heading\", {\r\n        type: \"words,lines\",\r\n        linesClass: \"line\",\r\n        autoSplit: true\r\n    });\r\n\r\n    const splitPara = SplitText.create(\".hero-paragraph\", {\r\n        type: \"words,lines\",\r\n        linesClass: \"line\",\r\n        autoSplit: true\r\n    });\r\n    const splitPromoHeading = SplitText.create(\".promo-heading\", {\r\n        type: \"words,lines\",\r\n        linesClass: \"line\",\r\n        autoSplit: true\r\n    });\r\n\r\n    const splitPromoPara = SplitText.create(\".promo-paragraph\", {\r\n        type: \"lines\",\r\n        linesClass: \"line\",\r\n        autoSplit: true\r\n    });\r\n    const splitPromoBadge = SplitText.create(\".promo-badge\", {\r\n        type: \"lines\",\r\n        linesClass: \"line\",\r\n        autoSplit: true\r\n    });\r\n    gsap.set(\".hero-heading\", { opacity: 1 });\r\n    gsap.set(\".hero-paragraph\", { opacity: 1 });\r\n    mainTimelineLanding\r\n        .from(splitHeading.words, {\r\n            duration: 1.3,\r\n            filter: 'blur(5px)',\r\n            yPercent: 40,\r\n            opacity: 0,\r\n            stagger: 0.02,\r\n            ease: \"expo.out\"\r\n        })\r\n        .from(splitPara.lines, {\r\n            duration: 1.3,\r\n            filter: 'blur(5px)',\r\n            yPercent: 100,\r\n            opacity: 0,\r\n            stagger: 0.2,\r\n            ease: \"expo.out\"\r\n        }, '-=1')\r\n        .to('.btn-primary', {\r\n            y: 0,\r\n            filter: 'blue(5px)',\r\n            duration: .3,\r\n            opacity: 1,\r\n            stagger: 0.1,\r\n            ease:'sine.out',\r\n        }, '-=.8')\r\n\r\n    gsap.from(splitPromoHeading.words, {\r\n        duration: 1.3,\r\n        filter: 'blur(5px)',\r\n        yPercent: 40,\r\n        opacity: 0,\r\n        stagger: 0.02,\r\n        ease: \"expo.out\",\r\n        scrollTrigger: {\r\n            trigger: splitPromoHeading.words[0]?.parentElement || \".promo-heading\",\r\n            start: \"top 70%\",\r\n            \/\/ toggleActions: \"play none none reverse\"\r\n        }\r\n    });\r\n\r\n    \/\/ Badge animation\r\n    gsap.from(splitPromoPara.lines, {\r\n        duration: 1.3,\r\n        filter: 'blur(5px)',\r\n        yPercent: 100,\r\n        opacity: 0,\r\n        stagger: 0.2,\r\n        ease: \"expo.out\",\r\n        scrollTrigger: {\r\n            trigger: splitPromoBadge.lines[0]?.parentElement || \".promo-badge\",\r\n            start: \"top 70%\",\r\n            \/\/ toggleActions: \"play none none reverse\"\r\n        }\r\n    });\r\n\r\n    \/\/ Button animation\r\n    gsap.from(splitPromoBadge.lines, {\r\n        yPercent: 80,\r\n        filter: 'blur(5px)',\r\n        duration: .8,\r\n        opacity: 0,\r\n        stagger: 0.2,\r\n        scrollTrigger: {\r\n            trigger: \".btn-primary\",\r\n            start: \"top 70%\",\r\n            \/\/ toggleActions: \"play none none reverse\"\r\n        }\r\n    });\r\n\r\n\r\n    gsap.timeline({\r\n        scrollTrigger: {\r\n            trigger: \".btn-secondary\", \/\/ Or use a parent container\r\n            start: \"top 70%\", \/\/ Animation starts when top of element hits 70% from top of viewport\r\n            \/\/ end: \"bottom 30%\", \/\/ Optional: end point\r\n            \/\/ toggleActions: \"play none none reverse\", \/\/ play on enter, reverse on leave\r\n            \/\/ markers: true, \/\/ Uncomment for debugging\r\n        }\r\n    })\r\n        .from('.btn-secondary', { scale: .1, duration: .4, transformOrigin: `${(buttonSecondaryWidth \/ 2) - offset}px center` })\r\n        .to('.btn-secondary-bg', {\r\n            width: buttonSecondaryWidth,\r\n            x: (buttonSecondaryWidth \/ 2) - (c \/ 2)\r\n        })\r\n        .to('.btn-sec-icon', {\r\n            x: (buttonSecondaryWidth \/ 2) - (c \/ 2)\r\n        }, '<')\r\n        .to('.btn-sec-inner p', {\r\n            x: (buttonSecondaryWidth \/ 2) - (c \/ 2)\r\n        }, '<');\r\n\r\n})\r\n\r\n\r\nfunction animateCard(card, delay = 0) {\r\n    const icon = card.querySelector('.icon');\r\n    const textBar = card.querySelector('.text-bar');\r\n    const container = card.querySelector('.container');\r\n\r\n    \/\/ Get actual dimensions\r\n    const textBarWidth = textBar.offsetWidth;\r\n    const iconWidth = icon.offsetWidth;\r\n    totalDistance = textBarWidth + iconWidth;\r\n\r\n    \/\/ Create timeline for this card\r\n    const tl = gsap.timeline({\r\n        delay: delay,\r\n        \/\/ repeat: -1,\r\n        repeatDelay: 2,\r\n    });\r\n\r\n    \/\/ Animation sequence\r\n    tl.to(icon, { scale: 1 })\r\n    tl.to(textBar, { scale: 1 }, '<')\r\n        .to(icon, {\r\n            x: -totalDistance * 2 \/ 3,\r\n            borderRadius: \"12px 0 0 12px\",\r\n            duration: 1.2,\r\n            ease: 'power2.out'\r\n        })\r\n        .to(textBar, {\r\n            clipPath: 'inset(0 0 0 0%)',\r\n            borderRadius: \"0 12px 12px 0\",\r\n            duration: 1.2,\r\n            x: totalDistance \/ 3,\r\n            ease: 'power2.out'\r\n        }, \"<\") \/\/ Start at the same time as icon animation\r\n\r\n\r\n}\r\n\r\n\r\n\/\/ Wait for page load then start animations\r\nconst cards = document.querySelectorAll('.card');\r\n\/\/ window.addEventListener('load', () => {\r\n    \/\/ gsap.matchMedia().add(`(min-width: ${breakpoint + 1}px)`, () => {\r\n\r\n        \/\/ Animate each card with a slight delay between them\r\n        cards.forEach((card, index) => {\r\n            \/\/ animateCard(card, 1.5 + (index * 0.3));\r\n            animateCard(card, 1.2);\r\n        });\r\n    \/\/ })\r\n\/\/ });\r\n\r\n\r\n\r\n\r\nfunction calculateDistance() {\r\n    const cardThree = document.querySelector('.card-three');\r\n    const btnSecondary = document.querySelector('.btn-secondary');\r\n\r\n    if (!cardThree || !btnSecondary) {\r\n        console.log('Elements not found!');\r\n        return null;\r\n    }\r\n\r\n    \/\/ Get bounding rectangles\r\n    const cardRect = cardThree.getBoundingClientRect();\r\n    const btnRect = btnSecondary.getBoundingClientRect();\r\n\r\n    \/\/ Calculate different types of distances\r\n    const verticalDistance = btnRect.top - cardRect.bottom;\r\n    const horizontalDistance = btnRect.left - cardRect.right;\r\n    const centerToCenter = Math.sqrt(\r\n        Math.pow(btnRect.left + btnRect.width \/ 2 - (cardRect.left + cardRect.width \/ 2), 2) +\r\n        Math.pow(btnRect.top + btnRect.height \/ 2 - (cardRect.top + cardRect.height \/ 2), 2)\r\n    );\r\n\r\n    \/\/ Get absolute positions (accounting for scroll)\r\n    const scrollY = window.scrollY;\r\n    const cardAbsoluteTop = cardRect.top + scrollY;\r\n    const btnAbsoluteTop = btnRect.top + scrollY;\r\n    const absoluteVerticalDistance = btnAbsoluteTop - (cardAbsoluteTop + cardRect.height);\r\n\r\n    const distances = {\r\n        vertical: verticalDistance,\r\n        horizontal: horizontalDistance,\r\n        centerToCenter: centerToCenter,\r\n        absoluteVertical: absoluteVerticalDistance,\r\n        cardPosition: cardAbsoluteTop,\r\n        buttonPosition: btnAbsoluteTop\r\n    };\r\n\r\n    console.log('Distance Results:', distances);\r\n    return distances;\r\n}\r\n\r\n\/\/ Call the function\r\nconst verticalDistance = calculateDistance().absoluteVertical \r\n\r\nsetTimeout(() => {\r\n    gsap.matchMedia().add(`(min-width: ${breakpoint + 1}px)`, () => {\r\n\r\n        cards.forEach((card, i) => {\r\n            const cardTimeline = gsap.timeline({\r\n                scrollTrigger: {\r\n                    trigger: \".card-three\",\r\n                    start: \"top 70%\",\r\n                    endTrigger: \".promo-section\",\r\n                    end: \"top 90%\",\r\n                    scrub: true,\r\n                    \/\/ markers:true,\r\n\r\n                }\r\n            })\r\n            const icon = card.querySelector('.icon')\r\n            const textBar = card.querySelector('.text-bar')\r\n            cardTimeline.to(icon, {\r\n\r\n                x: - totalDistance \/ 3,\r\n                borderRadius: \"12px 12px 12px 12px\",\r\n                duration: 1.2,\r\n                \/\/ ease: 'power2.out'\r\n            })\r\n                .to(textBar, {\r\n                    clipPath: 'inset(0 0 0 100%)',\r\n                    borderRadius: \"12px 12px 12px 12px\",\r\n                    duration: .7,\r\n                    x: -totalDistance * 1 \/ 3,\r\n                    opacity: 0\r\n                    \/\/ ease: 'power2.out'\r\n                }, '<') \/\/ Start at the same time as the reverse icon animation\r\n\r\n\r\n            const cardTimelineScale = gsap.timeline({\r\n                scrollTrigger: {\r\n                    trigger: \".promo-section\",\r\n                    start: \"top 90%\",\r\n                    endTrigger: \".btn-secondary\",\r\n                    end: \"top center\",\r\n                    scrub: true,\r\n                }\r\n            })\r\n            cardTimelineScale.to(icon, {\r\n                borderRadius: \"12px 12px 12px 12px\",\r\n                scale: 1.3\r\n            })\r\n\r\n\r\n        const offseta = (i % 3) * 100\r\n            \r\n        gsap.to(card, {\r\n            scrollTrigger: {\r\n                trigger: \".card-three\",\r\n                start: \"top 70%\",\r\n                endTrigger: \".btn-secondary\",\r\n                end: \"top center\",\r\n                scrub: true,\r\n\r\n\r\n\r\n            },\r\n\r\n            y: verticalDistance + offseta,\r\n            borderRadius: \"12px 12px 12px 12px\",\r\n            ease: \"none\",\r\n\r\n        });\r\n\r\n        })\r\n\r\n\r\n        \/\/ card vertical travel animation\r\n\r\n    })\r\n    gsap.matchMedia().add(`(max-width: ${breakpoint }px)`, () => {\r\nScrollTrigger.normalizeScroll(true);\r\n        cards.forEach((card, i) => {\r\n            const cardTimeline = gsap.timeline({\r\n                scrollTrigger: {\r\n                    trigger: \".card-three\",\r\n                    start: \"top 70%\",\r\n                    endTrigger: \".promo-section\",\r\n                    end: \"top 50%\",\r\n                    scrub: true,\r\n                    \/\/ markers:true,\r\n\r\n                }\r\n            })\r\n            const icon = card.querySelector('.icon')\r\n            const textBar = card.querySelector('.text-bar')\r\n            cardTimeline.to(icon, {\r\n\r\n                x: - totalDistance \/ 3,\r\n                borderRadius: \"12px 12px 12px 12px\",\r\n                duration: 1.2,\r\n                \/\/ ease: 'power2.out'\r\n            })\r\n                .to(textBar, {\r\n                    clipPath: 'inset(0 0 0 100%)',\r\n                    borderRadius: \"12px 12px 12px 12px\",\r\n                    duration: .7,\r\n                    x: -totalDistance * 1 \/ 3,\r\n                    opacity: 0\r\n                    \/\/ ease: 'power2.out'\r\n                }, '<') \/\/ Start at the same time as the reverse icon animation\r\n\r\n\r\n            const cardTimelineScale = gsap.timeline({\r\n                scrollTrigger: {\r\n                    trigger: \".promo-section\",\r\n                    start: \"top 90%\",\r\n                    endTrigger: \".btn-secondary\",\r\n                    end: \"top center\",\r\n                    scrub: true,\r\n                }\r\n            })\r\n            \/\/ cardTimelineScale.to(icon, {\r\n            \/\/     borderRadius: \"12px 12px 12px 12px\",\r\n            \/\/     scale: 1.3\r\n            \/\/ })\r\n\r\n\r\n        })\r\n            const offseta = 200;\r\n                  const animationConfig = {\r\n                0: verticalDistance + offseta,\r\n                1: (verticalDistance * 1.5) + offseta,\r\n                3: (verticalDistance * 1.3) + offseta,  \/\/ Example: 1.5x distance\r\n                4: (verticalDistance * 1) + offseta   \/\/ Example: 0.7x distance\r\n            };\r\n            \r\n            cards.forEach((card, i) => {\r\n                if (animationConfig[i] !== undefined) {\r\n                    gsap.to(card, {\r\n                        scrollTrigger: {\r\n                            trigger: \".card-three\",\r\n                            start: \"top 70%\",\r\n                            endTrigger: \".btn-secondary\",\r\n                            end: \"top center\",\r\n                            scrub: .5,\r\n                            invalidateOnRefresh: true,\r\n                            \/\/ markers:true,\r\n                        },\r\n                        y: animationConfig[i],\r\n                        x:(i % 2) * 30,\r\n                        borderRadius: \"12px 12px 12px 12px\",\r\n                        ease: \"none\",\r\n                    });\r\n                }\r\n            });\r\n\r\n\r\n        \/\/ card vertical travel animation\r\n\r\n    })\r\n\r\n\r\n\r\n\r\n}, 4000)\r\n\r\n\r\n\r\n\r\n\/\/ gsap.matchMedia().add(`(min-width: ${breakpoint + 1}px)`, () => {\r\n\r\n    cards.forEach((card, i) => {\r\n\r\n        gsap.to(cards[0].querySelector('.container'), { \/\/ Animate each card, not just cards[0]\r\n            scale: 0,\r\n            opacity: 0,\r\n            x: 120,\r\n            y: 70,\r\n            \/\/ x: 20 + (i * 50), \/\/ Different x for each card\r\n            \/\/ y: 15 + (i * 30),\r\n            \/\/ duration: 2.5,\r\n            scrollTrigger: {\r\n                trigger: marqueeContainer,\r\n                \/\/ trigger: '.btn-secondary',\r\n                start: \"top 52%\",\r\n                end: '+=500',\r\n                toggleActions: \"play none none reverse\",\r\n                \/\/ scrub: true,\r\n            },\r\n        });\r\n        gsap.to(cards[1].querySelector('.container'), { \/\/ Animate each card, not just cards[0]\r\n            scale: 0,\r\n            opacity: 0,\r\n            x: 150,\r\n\r\n\r\n            scrollTrigger: {\r\n                trigger: marqueeContainer,\r\n                \/\/ trigger: '.btn-secondary',\r\n                start: \"top 50%\",\r\n                end: '+=500',\r\n                toggleActions: \"play none none reverse\",\r\n                \/\/ scrub: true,\r\n            },\r\n        });\r\n        gsap.to(cards[2].querySelector('.container'), { \/\/ Animate each card, not just cards[0]\r\n            scale: 0,\r\n            opacity: 0,\r\n            x: 150,\r\n            y: -60,\r\n\r\n            scrollTrigger: {\r\n                trigger: marqueeContainer,\r\n                \/\/ trigger: '.btn-secondary',\r\n                start: \"top 50%\",\r\n                end: '+=500',\r\n                toggleActions: \"play none none reverse\",\r\n                \/\/ scrub: true,\r\n            },\r\n        });\r\n        gsap.to(cards[3].querySelector('.container'), { \/\/ Animate each card, not just cards[0]\r\n            scale: 0,\r\n            opacity: 0,\r\n            x: -150,\r\n            y: 70,\r\n            \/\/ x: 20 + (i * 50), \/\/ Different x for each card\r\n            \/\/ y: 15 + (i * 30),\r\n            \/\/ duration: 2.5,\r\n            scrollTrigger: {\r\n                trigger: marqueeContainer,\r\n                \/\/ trigger: '.btn-secondary',\r\n                start: \"top 50%\",\r\n                end: '+=500',\r\n                toggleActions: \"play none none reverse\",\r\n                \/\/ scrub: true,\r\n            },\r\n        });\r\n        gsap.to(cards[4].querySelector('.container'), { \/\/ Animate each card, not just cards[0]\r\n            scale: 0,\r\n            opacity: 0,\r\n            x: -100,\r\n\r\n\r\n            scrollTrigger: {\r\n                trigger: marqueeContainer,\r\n                \/\/ trigger: '.btn-secondary',\r\n                start: \"top 50%\",\r\n                end: '+=500',\r\n                toggleActions: \"play none none reverse\",\r\n                \/\/ scrub: true,\r\n            },\r\n        });\r\n        gsap.to(cards[5].querySelector('.container'), { \/\/ Animate each card, not just cards[0]\r\n            scale: 0,\r\n            opacity: 0,\r\n            x: -150,\r\n            y: -50,\r\n\r\n            scrollTrigger: {\r\n                trigger: marqueeContainer,\r\n                \/\/ trigger: '.btn-secondary',\r\n                start: \"top 50%\",\r\n                end: '+=500',\r\n                toggleActions: \"play none none reverse\",\r\n                \/\/ scrub: true,\r\n            },\r\n        });\r\n    });\r\n\/\/ });\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3e26c4fb e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"3e26c4fb\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1d419d7e elementor-widget-mobile__width-inherit exad-sticky-section-no exad-glass-effect-no elementor-widget elementor-widget-heading\" data-id=\"1d419d7e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Add more content here<\/h2>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Home About me Portfolio Services Contact me Mountain Escapes Golden Hour Shots Moody Forests Ocean Views Minimalist Horizons Wilderness Details Capturing Earth\u2019sRaw Beauty Explore the world through my lens \u2014 landscapes, horizons, and untouched wonders. Enter your email Try for free Through My Lens Step into a world shaped by light, texture, and time. These landscapes aren\u2019t just places \u2014 they\u2019re stories frozen in a frame, waiting to be felt. Let&#8217;s Work Together \/\/ Add more content here<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_kadence_starter_templates_imported_post":false,"footnotes":""},"class_list":["post-9","page","type-page","status-publish","hentry"],"blocksy_meta":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Laenscape - Laenscape Live Demo<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/template.bidesign.it\/laenscape\/\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Laenscape - Laenscape Live Demo\" \/>\n<meta property=\"og:description\" content=\"Home About me Portfolio Services Contact me Mountain Escapes Golden Hour Shots Moody Forests Ocean Views Minimalist Horizons Wilderness Details Capturing Earth\u2019sRaw Beauty Explore the world through my lens \u2014 landscapes, horizons, and untouched wonders. Enter your email Try for free Through My Lens Step into a world shaped by light, texture, and time. These landscapes aren\u2019t just places \u2014 they\u2019re stories frozen in a frame, waiting to be felt. Let&#8217;s Work Together \/\/ Add more content here\" \/>\n<meta property=\"og:url\" content=\"https:\/\/template.bidesign.it\/laenscape\/\" \/>\n<meta property=\"og:site_name\" content=\"Laenscape Live Demo\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-02T11:26:36+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/template.bidesign.it\/laenscape\/wp-content\/uploads\/sites\/61\/2026\/02\/Progetto-senza-titolo-9-Photoroom.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1280\" \/>\n\t<meta property=\"og:image:height\" content=\"461\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tempo di lettura stimato\" \/>\n\t<meta name=\"twitter:data1\" content=\"33 minuti\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/template.bidesign.it\\\/laenscape\\\/\",\"url\":\"https:\\\/\\\/template.bidesign.it\\\/laenscape\\\/\",\"name\":\"Laenscape - Laenscape Live Demo\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/template.bidesign.it\\\/laenscape\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/template.bidesign.it\\\/laenscape\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/template.bidesign.it\\\/laenscape\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/template.bidesign.it\\\/laenscape\\\/wp-content\\\/uploads\\\/sites\\\/61\\\/2026\\\/02\\\/Progetto-senza-titolo-9-Photoroom.png\",\"datePublished\":\"2026-02-03T16:54:25+00:00\",\"dateModified\":\"2026-03-02T11:26:36+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/template.bidesign.it\\\/laenscape\\\/#breadcrumb\"},\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/template.bidesign.it\\\/laenscape\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\\\/\\\/template.bidesign.it\\\/laenscape\\\/#primaryimage\",\"url\":\"https:\\\/\\\/template.bidesign.it\\\/laenscape\\\/wp-content\\\/uploads\\\/sites\\\/61\\\/2026\\\/02\\\/Progetto-senza-titolo-9-Photoroom.png\",\"contentUrl\":\"https:\\\/\\\/template.bidesign.it\\\/laenscape\\\/wp-content\\\/uploads\\\/sites\\\/61\\\/2026\\\/02\\\/Progetto-senza-titolo-9-Photoroom.png\",\"width\":1280,\"height\":461},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/template.bidesign.it\\\/laenscape\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/template.bidesign.it\\\/laenscape\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Laenscape\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/template.bidesign.it\\\/laenscape\\\/#website\",\"url\":\"https:\\\/\\\/template.bidesign.it\\\/laenscape\\\/\",\"name\":\"Laenscape Live Demo\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/template.bidesign.it\\\/laenscape\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"it-IT\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Laenscape - Laenscape Live Demo","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/template.bidesign.it\/laenscape\/","og_locale":"it_IT","og_type":"article","og_title":"Laenscape - Laenscape Live Demo","og_description":"Home About me Portfolio Services Contact me Mountain Escapes Golden Hour Shots Moody Forests Ocean Views Minimalist Horizons Wilderness Details Capturing Earth\u2019sRaw Beauty Explore the world through my lens \u2014 landscapes, horizons, and untouched wonders. Enter your email Try for free Through My Lens Step into a world shaped by light, texture, and time. These landscapes aren\u2019t just places \u2014 they\u2019re stories frozen in a frame, waiting to be felt. Let&#8217;s Work Together \/\/ Add more content here","og_url":"https:\/\/template.bidesign.it\/laenscape\/","og_site_name":"Laenscape Live Demo","article_modified_time":"2026-03-02T11:26:36+00:00","og_image":[{"width":1280,"height":461,"url":"https:\/\/template.bidesign.it\/laenscape\/wp-content\/uploads\/sites\/61\/2026\/02\/Progetto-senza-titolo-9-Photoroom.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Tempo di lettura stimato":"33 minuti"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/template.bidesign.it\/laenscape\/","url":"https:\/\/template.bidesign.it\/laenscape\/","name":"Laenscape - Laenscape Live Demo","isPartOf":{"@id":"https:\/\/template.bidesign.it\/laenscape\/#website"},"primaryImageOfPage":{"@id":"https:\/\/template.bidesign.it\/laenscape\/#primaryimage"},"image":{"@id":"https:\/\/template.bidesign.it\/laenscape\/#primaryimage"},"thumbnailUrl":"https:\/\/template.bidesign.it\/laenscape\/wp-content\/uploads\/sites\/61\/2026\/02\/Progetto-senza-titolo-9-Photoroom.png","datePublished":"2026-02-03T16:54:25+00:00","dateModified":"2026-03-02T11:26:36+00:00","breadcrumb":{"@id":"https:\/\/template.bidesign.it\/laenscape\/#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/template.bidesign.it\/laenscape\/"]}]},{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/template.bidesign.it\/laenscape\/#primaryimage","url":"https:\/\/template.bidesign.it\/laenscape\/wp-content\/uploads\/sites\/61\/2026\/02\/Progetto-senza-titolo-9-Photoroom.png","contentUrl":"https:\/\/template.bidesign.it\/laenscape\/wp-content\/uploads\/sites\/61\/2026\/02\/Progetto-senza-titolo-9-Photoroom.png","width":1280,"height":461},{"@type":"BreadcrumbList","@id":"https:\/\/template.bidesign.it\/laenscape\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/template.bidesign.it\/laenscape\/"},{"@type":"ListItem","position":2,"name":"Laenscape"}]},{"@type":"WebSite","@id":"https:\/\/template.bidesign.it\/laenscape\/#website","url":"https:\/\/template.bidesign.it\/laenscape\/","name":"Laenscape Live Demo","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/template.bidesign.it\/laenscape\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"it-IT"}]}},"_links":{"self":[{"href":"https:\/\/template.bidesign.it\/laenscape\/wp-json\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/template.bidesign.it\/laenscape\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/template.bidesign.it\/laenscape\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/template.bidesign.it\/laenscape\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/template.bidesign.it\/laenscape\/wp-json\/wp\/v2\/comments?post=9"}],"version-history":[{"count":19,"href":"https:\/\/template.bidesign.it\/laenscape\/wp-json\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":106,"href":"https:\/\/template.bidesign.it\/laenscape\/wp-json\/wp\/v2\/pages\/9\/revisions\/106"}],"wp:attachment":[{"href":"https:\/\/template.bidesign.it\/laenscape\/wp-json\/wp\/v2\/media?parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}