{"id":12,"date":"2026-10-01T11:50:52","date_gmt":"2026-10-01T11:50:52","guid":{"rendered":"https:\/\/asgremodeling.com\/?page_id=12"},"modified":"2026-10-02T18:30:57","modified_gmt":"2026-10-02T18:30:57","slug":"homepage","status":"publish","type":"page","link":"https:\/\/asgremodeling.com\/","title":{"rendered":"HomePage"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"12\" class=\"elementor elementor-12\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-94faeb0 e-con e-atomic-element e-flexbox-base e-default-div e-ef32ec1 \" data-id=\"94faeb0\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"94faeb0\" data-e-type=\"e-flexbox\" data-id=\"94faeb0\">\n    \t\t<div class=\"elementor-element elementor-element-5eae629 elementor-widget elementor-widget-html\" data-id=\"5eae629\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"asg-main-hero\">\r\n\r\n    <video\r\n        class=\"asg-main-hero__video asg-main-hero__video--desktop\"\r\n        autoplay\r\n        muted\r\n        loop\r\n        playsinline\r\n        preload=\"auto\"\r\n    >\r\n        <source src=\"https:\/\/asgremodeling.com\/wp-content\/uploads\/2026\/10\/Hero.mp4\" type=\"video\/mp4\">\r\n    <\/video>\r\n\r\n    <video\r\n        class=\"asg-main-hero__video asg-main-hero__video--mobile\"\r\n        autoplay\r\n        muted\r\n        loop\r\n        playsinline\r\n        preload=\"auto\"\r\n    >\r\n        <source src=\"https:\/\/asgremodeling.com\/wp-content\/uploads\/2026\/10\/HERO-mobile.mp4\" type=\"video\/mp4\">\r\n    <\/video>\r\n\r\n    <div class=\"asg-main-hero__shade\"><\/div>\r\n\r\n    <img decoding=\"async\"\r\n        src=\"https:\/\/asgremodeling.com\/wp-content\/uploads\/2026\/10\/logo-no-bg.png\"\r\n        alt=\"ASG Construction Group Inc.\"\r\n        class=\"asg-main-hero__logo\"\r\n    >\r\n\r\n    <div class=\"asg-main-hero__content\">\r\n\r\n        <div class=\"asg-main-hero__eyebrow\">\r\n            ASG CONSTRUCTION GROUP INC.\r\n        <\/div>\r\n\r\n        <h1>\r\n            Built Right.<br>\r\n            <span>Built To Last.<\/span>\r\n        <\/h1>\r\n\r\n        <p>\r\n            Residential construction, remodeling and project management\r\n            with a focus on quality, detail and lasting results.\r\n        <\/p>\r\n\r\n        <div class=\"asg-main-hero__actions\">\r\n\r\n            <a href=\"#contact\" class=\"asg-main-hero__primary\">\r\n                Start a Project\r\n            <\/a>\r\n\r\n            <a href=\"#projects\" class=\"asg-main-hero__link\">\r\n                Explore Our Work\r\n                <span>\u2192<\/span>\r\n            <\/a>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"asg-main-hero__bottom\">\r\n        <span>CONSTRUCTION<\/span>\r\n        <i><\/i>\r\n        <span>REMODELING<\/span>\r\n        <i><\/i>\r\n        <span>PROJECT MANAGEMENT<\/span>\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n<style>\r\n\r\n.asg-main-hero{\r\n    position:relative;\r\n    width:100vw;\r\n    max-width:100vw;\r\n    margin-top:-20px;\r\n    margin-left:calc(50% - 50vw);\r\n    margin-right:calc(50% - 50vw);\r\n    height:100svh;\r\n    min-height:720px;\r\n    overflow:hidden;\r\n    background:#050505;\r\n    font-family:\"Montserrat\",Arial,sans-serif;\r\n    color:#fff;\r\n    isolation:isolate;\r\n    direction:ltr !important;\r\n    text-align:left !important;\r\n}\r\n\r\n.asg-main-hero__video{\r\n    position:absolute;\r\n    inset:0;\r\n    width:100%;\r\n    height:100%;\r\n    object-fit:cover;\r\n    object-position:center;\r\n    z-index:-3;\r\n}\r\n\r\n.asg-main-hero__video--mobile{\r\n    display:none;\r\n}\r\n\r\n.asg-main-hero__shade{\r\n    position:absolute;\r\n    inset:0;\r\n    z-index:-2;\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            rgba(0,0,0,.78) 0%,\r\n            rgba(0,0,0,.48) 38%,\r\n            rgba(0,0,0,.08) 72%,\r\n            rgba(0,0,0,.12) 100%\r\n        ),\r\n        linear-gradient(\r\n            180deg,\r\n            rgba(0,0,0,.18) 0%,\r\n            rgba(0,0,0,0) 55%,\r\n            rgba(0,0,0,.48) 100%\r\n        );\r\n}\r\n\r\n.asg-main-hero__logo{\r\n    position:absolute;\r\n    top:38px;\r\n    left:50%;\r\n    transform:translateX(-50%);\r\n    width:210px;\r\n    max-width:32vw;\r\n    height:auto;\r\n    z-index:3;\r\n    object-fit:contain;\r\n    filter:drop-shadow(0 8px 24px rgba(0,0,0,.35));\r\n}\r\n\r\n.asg-main-hero__content{\r\n    position:absolute;\r\n    left:max(6vw,40px);\r\n    bottom:18vh;\r\n    width:min(700px,80vw);\r\n    z-index:2;\r\n    direction:ltr !important;\r\n    text-align:left !important;\r\n}\r\n\r\n.asg-main-hero__eyebrow{\r\n    margin-bottom:25px;\r\n    font-size:11px;\r\n    font-weight:600;\r\n    line-height:1.2;\r\n    letter-spacing:4px;\r\n    color:rgba(255,255,255,.65);\r\n    direction:ltr !important;\r\n    text-align:left !important;\r\n}\r\n\r\n.asg-main-hero h1{\r\n    margin:0;\r\n    padding:0;\r\n    font-size:clamp(62px,7.2vw,116px);\r\n    line-height:.88;\r\n    letter-spacing:-5px;\r\n    font-weight:600;\r\n    color:#fff;\r\n    direction:ltr !important;\r\n    text-align:left !important;\r\n}\r\n\r\n.asg-main-hero h1 span{\r\n    font-weight:300;\r\n    color:#d5ad58;\r\n}\r\n\r\n.asg-main-hero p{\r\n    width:min(570px,100%);\r\n    margin:31px 0 0;\r\n    padding:0;\r\n    font-size:16px;\r\n    line-height:1.7;\r\n    font-weight:300;\r\n    color:rgba(255,255,255,.72);\r\n    direction:ltr !important;\r\n    text-align:left !important;\r\n}\r\n\r\n.asg-main-hero__actions{\r\n    margin-top:35px;\r\n    display:flex;\r\n    flex-direction:row;\r\n    justify-content:flex-start;\r\n    align-items:center;\r\n    gap:30px;\r\n    direction:ltr !important;\r\n}\r\n\r\n.asg-main-hero__primary{\r\n    display:inline-flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    min-width:175px;\r\n    height:54px;\r\n    padding:0 27px;\r\n    background:#fff;\r\n    color:#090909 !important;\r\n    text-decoration:none !important;\r\n    font-size:12px;\r\n    font-weight:600;\r\n    letter-spacing:1px;\r\n    text-transform:uppercase;\r\n    white-space:nowrap;\r\n    transition:\r\n        background .25s ease,\r\n        color .25s ease,\r\n        transform .25s ease;\r\n}\r\n\r\n.asg-main-hero__primary:hover{\r\n    background:#d5ad58;\r\n    color:#000 !important;\r\n    transform:translateY(-2px);\r\n}\r\n\r\n.asg-main-hero__link{\r\n    display:inline-flex;\r\n    align-items:center;\r\n    justify-content:flex-start;\r\n    gap:11px;\r\n    color:#fff !important;\r\n    text-decoration:none !important;\r\n    font-size:12px;\r\n    font-weight:500;\r\n    letter-spacing:.7px;\r\n    text-transform:uppercase;\r\n    white-space:nowrap;\r\n    direction:ltr !important;\r\n}\r\n\r\n.asg-main-hero__link span{\r\n    font-size:20px;\r\n    line-height:1;\r\n    transition:transform .25s ease;\r\n}\r\n\r\n.asg-main-hero__link:hover span{\r\n    transform:translateX(5px);\r\n}\r\n\r\n.asg-main-hero__bottom{\r\n    position:absolute;\r\n    right:max(5vw,35px);\r\n    bottom:42px;\r\n    display:flex;\r\n    align-items:center;\r\n    gap:13px;\r\n    color:rgba(255,255,255,.48);\r\n    font-size:9px;\r\n    font-weight:500;\r\n    letter-spacing:2px;\r\n    z-index:2;\r\n    direction:ltr !important;\r\n}\r\n\r\n.asg-main-hero__bottom i{\r\n    display:block;\r\n    width:3px;\r\n    height:3px;\r\n    background:#cda551;\r\n    border-radius:50%;\r\n}\r\n\r\n@media(max-width:767px){\r\n\r\n    .asg-main-hero{\r\n        height:100svh;\r\n        min-height:680px;\r\n        margin-top:-20px;\r\n    }\r\n\r\n    .asg-main-hero__video--desktop{\r\n        display:none;\r\n    }\r\n\r\n    .asg-main-hero__video--mobile{\r\n        display:block;\r\n        object-position:center center;\r\n    }\r\n\r\n    .asg-main-hero__shade{\r\n        background:\r\n            linear-gradient(\r\n                180deg,\r\n                rgba(0,0,0,.08) 0%,\r\n                rgba(0,0,0,.04) 25%,\r\n                rgba(0,0,0,.18) 42%,\r\n                rgba(0,0,0,.70) 67%,\r\n                rgba(0,0,0,.94) 100%\r\n            );\r\n    }\r\n\r\n    .asg-main-hero__logo{\r\n        top:28px;\r\n        width:150px;\r\n        max-width:none;\r\n    }\r\n\r\n    .asg-main-hero__content{\r\n        left:22px !important;\r\n        right:22px !important;\r\n        bottom:66px;\r\n        width:auto;\r\n        max-width:none;\r\n        transform:none;\r\n        direction:ltr !important;\r\n        text-align:left !important;\r\n    }\r\n\r\n    .asg-main-hero__eyebrow{\r\n        margin:0 0 13px;\r\n        font-size:8px;\r\n        line-height:1;\r\n        font-weight:700;\r\n        letter-spacing:2.5px;\r\n        color:rgba(255,255,255,.65);\r\n        text-align:left !important;\r\n    }\r\n\r\n    .asg-main-hero h1{\r\n        width:100%;\r\n        margin:0;\r\n        font-size:clamp(47px,14.3vw,64px);\r\n        line-height:.89;\r\n        letter-spacing:-3.5px;\r\n        text-align:left !important;\r\n    }\r\n\r\n    .asg-main-hero h1 span{\r\n        display:block;\r\n        margin-top:5px;\r\n    }\r\n\r\n    .asg-main-hero p{\r\n        width:100%;\r\n        max-width:390px;\r\n        margin:21px 0 0;\r\n        font-size:13px;\r\n        line-height:1.65;\r\n        font-weight:300;\r\n        color:rgba(255,255,255,.72);\r\n        text-align:left !important;\r\n    }\r\n\r\n    .asg-main-hero__actions{\r\n        width:100%;\r\n        margin-top:26px;\r\n        display:flex;\r\n        flex-direction:row !important;\r\n        justify-content:flex-start !important;\r\n        align-items:center;\r\n        gap:18px;\r\n        direction:ltr !important;\r\n    }\r\n\r\n    .asg-main-hero__primary{\r\n        order:1;\r\n        min-width:146px;\r\n        height:49px;\r\n        padding:0 19px;\r\n        font-size:9px;\r\n        letter-spacing:1px;\r\n    }\r\n\r\n    .asg-main-hero__link{\r\n        order:2;\r\n        gap:8px;\r\n        font-size:9px;\r\n        letter-spacing:.75px;\r\n    }\r\n\r\n    .asg-main-hero__link span{\r\n        font-size:17px;\r\n    }\r\n\r\n    .asg-main-hero__bottom{\r\n        display:none;\r\n    }\r\n\r\n}\r\n\r\n@media(max-width:390px){\r\n\r\n    .asg-main-hero{\r\n        min-height:650px;\r\n    }\r\n\r\n    .asg-main-hero__logo{\r\n        top:25px;\r\n        width:142px;\r\n    }\r\n\r\n    .asg-main-hero__content{\r\n        left:18px !important;\r\n        right:18px !important;\r\n        bottom:48px;\r\n    }\r\n\r\n    .asg-main-hero h1{\r\n        font-size:clamp(43px,13.7vw,54px);\r\n        letter-spacing:-3px;\r\n    }\r\n\r\n    .asg-main-hero p{\r\n        margin-top:18px;\r\n        font-size:12.5px;\r\n        line-height:1.6;\r\n    }\r\n\r\n    .asg-main-hero__actions{\r\n        margin-top:23px;\r\n        gap:14px;\r\n    }\r\n\r\n    .asg-main-hero__primary{\r\n        min-width:135px;\r\n        height:47px;\r\n        padding:0 15px;\r\n        font-size:8.5px;\r\n    }\r\n\r\n    .asg-main-hero__link{\r\n        font-size:8.5px;\r\n        gap:6px;\r\n    }\r\n\r\n}\r\n\r\n@media(max-height:700px) and (max-width:767px){\r\n\r\n    .asg-main-hero__logo{\r\n        width:130px;\r\n        top:22px;\r\n    }\r\n\r\n    .asg-main-hero__content{\r\n        bottom:35px;\r\n    }\r\n\r\n    .asg-main-hero h1{\r\n        font-size:44px;\r\n    }\r\n\r\n    .asg-main-hero p{\r\n        margin-top:15px;\r\n        line-height:1.5;\r\n    }\r\n\r\n    .asg-main-hero__actions{\r\n        margin-top:19px;\r\n    }\r\n\r\n}\r\n\r\n.elementor-widget-html:has(.asg-main-hero){\r\n    width:100% !important;\r\n    max-width:none !important;\r\n}\r\n\r\n.elementor-widget-html:has(.asg-main-hero) .elementor-widget-container{\r\n    overflow:visible !important;\r\n}\r\n\r\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-2bce11f e-con e-atomic-element e-flexbox-base e-default-div e-08b7352 \" data-id=\"2bce11f\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"2bce11f\" data-e-type=\"e-flexbox\" data-id=\"2bce11f\">\n    \t\t<div class=\"elementor-element elementor-element-9d3509f elementor-widget elementor-widget-html\" data-id=\"9d3509f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"asg-story\">\r\n\r\n    <div class=\"asg-story__bgword\">\r\n        ASG\r\n    <\/div>\r\n\r\n    <div class=\"asg-story__inner\">\r\n\r\n        <div class=\"asg-story__main\">\r\n\r\n            <div class=\"asg-story__label\">\r\n                <span><\/span>\r\n                BUILT FOR REAL LIFE\r\n            <\/div>\r\n\r\n            <h2 class=\"asg-story__headline\">\r\n                <span class=\"asg-story__line\">Good work<\/span>\r\n                <span class=\"asg-story__line asg-story__serif\">should feel<\/span>\r\n                <span class=\"asg-story__line\">obvious.<\/span>\r\n            <\/h2>\r\n\r\n            <div class=\"asg-story__micro\">\r\n                <span>CONSTRUCTION<\/span>\r\n                <b>\/<\/b>\r\n                <span>REMODELING<\/span>\r\n                <b>\/<\/b>\r\n                <span>ADDITIONS<\/span>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"asg-story__panel\">\r\n\r\n            <div class=\"asg-story__panel-top\">\r\n                <span>ASG CONSTRUCTION GROUP INC.<\/span>\r\n                <span>EST. \/ LOS ANGELES<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"asg-story__panel-copy\">\r\n\r\n                <p class=\"asg-story__lead\">\r\n                    You should notice the finish, the fit and the way the space works.\r\n                <\/p>\r\n\r\n                <p>\r\n                    Not the problems that had to be solved to get it there.\r\n                    We handle the build, the details and the execution so the final result simply feels right.\r\n                <\/p>\r\n\r\n                <a href=\"#projects\" class=\"asg-story__link\">\r\n                    <span>See our work<\/span>\r\n                    <i>\u2197<\/i>\r\n                <\/a>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"asg-story__panel-mark\">\r\n                A\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n<style>\r\n\r\n.asg-story{\r\n    position:relative;\r\n    width:100vw;\r\n    max-width:100vw;\r\n    margin-left:calc(50% - 50vw);\r\n    margin-right:calc(50% - 50vw);\r\n    margin-top:-20px;\r\n    overflow:hidden;\r\n    background:#fff;\r\n    color:#0d0d0d;\r\n    direction:ltr !important;\r\n    text-align:left !important;\r\n}\r\n\r\n.asg-story *{\r\n    box-sizing:border-box;\r\n}\r\n\r\n.asg-story__inner{\r\n    position:relative;\r\n    z-index:2;\r\n    width:min(1500px,calc(100% - 100px));\r\n    min-height:850px;\r\n    margin:0 auto;\r\n    padding:130px 0 110px;\r\n    display:grid;\r\n    grid-template-columns:minmax(0,1.2fr) minmax(380px,.8fr);\r\n    gap:8vw;\r\n    align-items:center;\r\n}\r\n\r\n.asg-story__bgword{\r\n    position:absolute;\r\n    left:-25px;\r\n    bottom:-80px;\r\n    font-family:Arial,Helvetica,sans-serif;\r\n    font-size:clamp(250px,34vw,620px);\r\n    line-height:.7;\r\n    font-weight:900;\r\n    letter-spacing:-35px;\r\n    color:rgba(0,0,0,.025);\r\n    pointer-events:none;\r\n    user-select:none;\r\n    will-change:transform;\r\n}\r\n\r\n.asg-story__main{\r\n    position:relative;\r\n    z-index:2;\r\n}\r\n\r\n.asg-story__label{\r\n    display:flex;\r\n    align-items:center;\r\n    gap:14px;\r\n    margin-bottom:38px;\r\n    font-family:Arial,Helvetica,sans-serif;\r\n    font-size:9px;\r\n    font-weight:700;\r\n    letter-spacing:3.2px;\r\n    color:#9b742d;\r\n    opacity:0;\r\n    transform:translateY(20px);\r\n    transition:\r\n        opacity .7s ease,\r\n        transform .8s ease;\r\n}\r\n\r\n.asg-story__label span{\r\n    width:42px;\r\n    height:1px;\r\n    background:#9b742d;\r\n}\r\n\r\n.asg-story__headline{\r\n    margin:0;\r\n    font-family:Arial,Helvetica,sans-serif;\r\n    font-size:clamp(72px,8vw,138px);\r\n    line-height:.84;\r\n    letter-spacing:-7px;\r\n    font-weight:800;\r\n}\r\n\r\n.asg-story__line{\r\n    display:block;\r\n    overflow:hidden;\r\n    opacity:0;\r\n    transform:translateY(90px);\r\n    transition:\r\n        opacity .9s ease,\r\n        transform 1s cubic-bezier(.18,.78,.2,1);\r\n}\r\n\r\n.asg-story__line:nth-child(2){\r\n    transition-delay:.08s;\r\n}\r\n\r\n.asg-story__line:nth-child(3){\r\n    transition-delay:.16s;\r\n}\r\n\r\n.asg-story__serif{\r\n    margin-left:5vw;\r\n    font-family:Georgia,\"Times New Roman\",serif;\r\n    font-style:italic;\r\n    font-weight:400;\r\n    letter-spacing:-5px;\r\n    color:#aa8138;\r\n}\r\n\r\n.asg-story__micro{\r\n    display:flex;\r\n    align-items:center;\r\n    flex-wrap:wrap;\r\n    gap:11px;\r\n    margin-top:58px;\r\n    font-family:Arial,Helvetica,sans-serif;\r\n    font-size:8px;\r\n    font-weight:700;\r\n    letter-spacing:2px;\r\n    color:#777;\r\n    opacity:0;\r\n    transform:translateY(20px);\r\n    transition:\r\n        opacity .7s ease .28s,\r\n        transform .8s ease .28s;\r\n}\r\n\r\n.asg-story__micro b{\r\n    font-weight:400;\r\n    color:#b58b42;\r\n}\r\n\r\n.asg-story__panel{\r\n    position:relative;\r\n    min-height:560px;\r\n    padding:38px 40px 42px;\r\n    display:flex;\r\n    flex-direction:column;\r\n    justify-content:space-between;\r\n    overflow:hidden;\r\n    background:#0b0b0b;\r\n    color:#fff;\r\n    opacity:0;\r\n    transform:translateY(55px) rotate(.8deg);\r\n    transition:\r\n        opacity .9s ease .12s,\r\n        transform 1.05s cubic-bezier(.18,.78,.2,1) .12s;\r\n}\r\n\r\n.asg-story__panel:before{\r\n    content:\"\";\r\n    position:absolute;\r\n    top:0;\r\n    left:0;\r\n    width:4px;\r\n    height:0;\r\n    background:#b48a3c;\r\n    transition:height 1.1s cubic-bezier(.18,.78,.2,1) .45s;\r\n}\r\n\r\n.asg-story__panel-top{\r\n    position:relative;\r\n    z-index:2;\r\n    display:flex;\r\n    align-items:flex-start;\r\n    justify-content:space-between;\r\n    gap:20px;\r\n    font-family:Arial,Helvetica,sans-serif;\r\n    font-size:7px;\r\n    line-height:1.4;\r\n    font-weight:700;\r\n    letter-spacing:1.8px;\r\n    color:rgba(255,255,255,.38);\r\n}\r\n\r\n.asg-story__panel-copy{\r\n    position:relative;\r\n    z-index:2;\r\n    max-width:390px;\r\n}\r\n\r\n.asg-story__lead{\r\n    margin:0 0 25px !important;\r\n    font-family:Georgia,\"Times New Roman\",serif !important;\r\n    font-size:29px !important;\r\n    line-height:1.18 !important;\r\n    font-weight:400 !important;\r\n    color:#fff !important;\r\n}\r\n\r\n.asg-story__panel-copy p{\r\n    margin:0;\r\n    font-family:Arial,Helvetica,sans-serif;\r\n    font-size:14px;\r\n    line-height:1.75;\r\n    font-weight:400;\r\n    color:rgba(255,255,255,.58);\r\n    text-align:left !important;\r\n}\r\n\r\n.asg-story__link{\r\n    display:inline-flex;\r\n    align-items:center;\r\n    gap:18px;\r\n    margin-top:34px;\r\n    color:#fff !important;\r\n    text-decoration:none !important;\r\n    font-family:Arial,Helvetica,sans-serif;\r\n}\r\n\r\n.asg-story__link span{\r\n    padding-bottom:6px;\r\n    border-bottom:1px solid rgba(255,255,255,.6);\r\n    font-size:9px;\r\n    font-weight:700;\r\n    letter-spacing:1.9px;\r\n    text-transform:uppercase;\r\n}\r\n\r\n.asg-story__link i{\r\n    font-style:normal;\r\n    font-size:22px;\r\n    line-height:1;\r\n    color:#c69b4b;\r\n    transition:transform .3s ease;\r\n}\r\n\r\n.asg-story__link:hover i{\r\n    transform:translate(5px,-5px);\r\n}\r\n\r\n.asg-story__panel-mark{\r\n    position:absolute;\r\n    right:-28px;\r\n    bottom:-70px;\r\n    font-family:Georgia,\"Times New Roman\",serif;\r\n    font-size:260px;\r\n    line-height:1;\r\n    font-style:italic;\r\n    color:rgba(255,255,255,.025);\r\n    pointer-events:none;\r\n}\r\n\r\n.asg-story.is-visible .asg-story__label,\r\n.asg-story.is-visible .asg-story__line,\r\n.asg-story.is-visible .asg-story__micro,\r\n.asg-story.is-visible .asg-story__panel{\r\n    opacity:1;\r\n    transform:translateY(0) rotate(0);\r\n}\r\n\r\n.asg-story.is-visible .asg-story__panel:before{\r\n    height:100%;\r\n}\r\n\r\n@media(max-width:1050px){\r\n\r\n    .asg-story__inner{\r\n        width:calc(100% - 60px);\r\n        grid-template-columns:1fr .75fr;\r\n        gap:60px;\r\n    }\r\n\r\n    .asg-story__headline{\r\n        font-size:clamp(65px,8vw,105px);\r\n        letter-spacing:-5px;\r\n    }\r\n\r\n    .asg-story__panel{\r\n        min-height:520px;\r\n        padding:32px;\r\n    }\r\n\r\n}\r\n\r\n@media(max-width:767px){\r\n\r\n    .asg-story{\r\n        margin-top:-20px;\r\n    }\r\n\r\n    .asg-story__inner{\r\n        width:100%;\r\n        min-height:0;\r\n        padding:0;\r\n        display:flex;\r\n        flex-direction:column;\r\n        gap:0;\r\n    }\r\n\r\n    .asg-story__main{\r\n        width:100%;\r\n        padding:82px 20px 68px;\r\n    }\r\n\r\n    .asg-story__label{\r\n        margin-bottom:27px;\r\n        font-size:8px;\r\n        letter-spacing:2.5px;\r\n    }\r\n\r\n    .asg-story__label span{\r\n        width:30px;\r\n    }\r\n\r\n    .asg-story__headline{\r\n        font-size:clamp(52px,14.8vw,72px);\r\n        line-height:.88;\r\n        letter-spacing:-3.5px;\r\n    }\r\n\r\n    .asg-story__serif{\r\n        margin-left:0;\r\n        margin-top:7px;\r\n        margin-bottom:7px;\r\n        letter-spacing:-2.5px;\r\n    }\r\n\r\n    .asg-story__micro{\r\n        margin-top:38px;\r\n        gap:8px;\r\n        font-size:7px;\r\n        letter-spacing:1.5px;\r\n    }\r\n\r\n    .asg-story__panel{\r\n        width:calc(100% - 24px);\r\n        min-height:470px;\r\n        margin:0 0 0 24px;\r\n        padding:30px 24px 35px;\r\n        transform:none;\r\n    }\r\n\r\n    .asg-story__panel-top{\r\n        font-size:6px;\r\n        letter-spacing:1.3px;\r\n    }\r\n\r\n    .asg-story__panel-top span:last-child{\r\n        text-align:right;\r\n    }\r\n\r\n    .asg-story__lead{\r\n        max-width:310px;\r\n        margin-bottom:22px !important;\r\n        font-size:24px !important;\r\n        line-height:1.2 !important;\r\n    }\r\n\r\n    .asg-story__panel-copy p{\r\n        max-width:330px;\r\n        font-size:13.5px;\r\n        line-height:1.68;\r\n    }\r\n\r\n    .asg-story__link{\r\n        margin-top:28px;\r\n    }\r\n\r\n    .asg-story__panel-mark{\r\n        right:-20px;\r\n        bottom:-55px;\r\n        font-size:210px;\r\n    }\r\n\r\n    .asg-story__bgword{\r\n        display:none;\r\n    }\r\n\r\n}\r\n\r\n@media(max-width:390px){\r\n\r\n    .asg-story__main{\r\n        padding:70px 17px 58px;\r\n    }\r\n\r\n    .asg-story__headline{\r\n        font-size:clamp(47px,14vw,56px);\r\n    }\r\n\r\n    .asg-story__panel{\r\n        width:calc(100% - 17px);\r\n        margin-left:17px;\r\n        min-height:440px;\r\n        padding:27px 20px 31px;\r\n    }\r\n\r\n    .asg-story__lead{\r\n        font-size:22px !important;\r\n    }\r\n\r\n}\r\n\r\n.elementor-widget-html:has(.asg-story){\r\n    width:100% !important;\r\n    max-width:none !important;\r\n}\r\n\r\n.elementor-widget-html:has(.asg-story) .elementor-widget-container{\r\n    overflow:visible !important;\r\n}\r\n\r\n<\/style>\r\n\r\n<script>\r\n\r\ndocument.addEventListener(\"DOMContentLoaded\",function(){\r\n\r\n    const section=document.querySelector(\".asg-story\");\r\n    const bgword=document.querySelector(\".asg-story__bgword\");\r\n\r\n    if(!section) return;\r\n\r\n    const observer=new IntersectionObserver(function(entries){\r\n\r\n        entries.forEach(function(entry){\r\n\r\n            if(entry.isIntersecting){\r\n                section.classList.add(\"is-visible\");\r\n                observer.unobserve(section);\r\n            }\r\n\r\n        });\r\n\r\n    },{\r\n        threshold:.14\r\n    });\r\n\r\n    observer.observe(section);\r\n\r\n    let ticking=false;\r\n\r\n    function parallax(){\r\n\r\n        if(!bgword) return;\r\n\r\n        const rect=section.getBoundingClientRect();\r\n        const viewport=window.innerHeight;\r\n\r\n        if(rect.bottom>0 && rect.top<viewport){\r\n\r\n            const progress=\r\n                (viewport-rect.top) \/\r\n                (viewport+rect.height);\r\n\r\n            const move=(progress-.5)*80;\r\n\r\n            bgword.style.transform=\"translate3d(\"+move+\"px,0,0)\";\r\n        }\r\n\r\n        ticking=false;\r\n    }\r\n\r\n    window.addEventListener(\"scroll\",function(){\r\n\r\n        if(!ticking){\r\n            requestAnimationFrame(parallax);\r\n            ticking=true;\r\n        }\r\n\r\n    },{\r\n        passive:true\r\n    });\r\n\r\n});\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-e37992d e-con e-atomic-element e-flexbox-base e-default-div e-d309442 \" data-id=\"e37992d\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"e37992d\" data-e-type=\"e-flexbox\" data-id=\"e37992d\">\n    \t\t<div class=\"elementor-element elementor-element-9507209 elementor-widget elementor-widget-html\" data-id=\"9507209\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"asg-work-v2\" id=\"projects\">\r\n\r\n    <div class=\"asg-work-v2__head\">\r\n\r\n        <div class=\"asg-work-v2__head-left\">\r\n\r\n            <div class=\"asg-work-v2__label\">\r\n                <span><\/span>\r\n                SELECTED PROJECTS\r\n            <\/div>\r\n\r\n            <h2>\r\n                <span>Selected<\/span>\r\n                Work\r\n            <\/h2>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"asg-work-v2__head-right\">\r\n\r\n            <div class=\"asg-work-v2__count\">\r\n                <strong>27<\/strong>\r\n                <span>PROJECT VIEWS<\/span>\r\n            <\/div>\r\n\r\n            <p>\r\n                Kitchens, additions, bathrooms, living spaces and complete remodels.\r\n                Built across different homes, with one standard throughout.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"asg-work-v2__nav\">\r\n\r\n        <button class=\"asg-work-filter is-active\" data-filter=\"all\">\r\n            <span>ALL<\/span>\r\n            <b>27<\/b>\r\n        <\/button>\r\n\r\n        <button class=\"asg-work-filter\" data-filter=\"adu\">\r\n            <span>ADU<\/span>\r\n            <b>11<\/b>\r\n        <\/button>\r\n\r\n        <button class=\"asg-work-filter\" data-filter=\"kitchen\">\r\n            <span>KITCHEN + LIVING<\/span>\r\n            <b>05<\/b>\r\n        <\/button>\r\n\r\n        <button class=\"asg-work-filter\" data-filter=\"bathroom\">\r\n            <span>BATHROOMS<\/span>\r\n            <b>07<\/b>\r\n        <\/button>\r\n\r\n        <button class=\"asg-work-filter\" data-filter=\"bedroom\">\r\n            <span>BEDROOMS<\/span>\r\n            <b>04<\/b>\r\n        <\/button>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"asg-work-v2__grid\">\r\n\r\n        <figure class=\"asg-project-v2 asg-feature\" data-category=\"adu\">\r\n            <img decoding=\"async\" src=\"https:\/\/asgremodeling.com\/wp-content\/uploads\/2026\/10\/exterior.jpg\" alt=\"ASG ADU exterior project\" loading=\"lazy\">\r\n            <figcaption><span>ADU<\/span><b>01<\/b><\/figcaption>\r\n        <\/figure>\r\n\r\n        <figure class=\"asg-project-v2 asg-portrait\" data-category=\"adu\">\r\n            <img decoding=\"async\" src=\"https:\/\/asgremodeling.com\/wp-content\/uploads\/2026\/10\/exterior-adu.png\" alt=\"ASG ADU project\" loading=\"lazy\">\r\n            <figcaption><span>ADU<\/span><b>02<\/b><\/figcaption>\r\n        <\/figure>\r\n\r\n        <figure class=\"asg-project-v2\" data-category=\"adu\">\r\n            <img decoding=\"async\" src=\"https:\/\/asgremodeling.com\/wp-content\/uploads\/2026\/10\/exterior-front-1.jpg\" alt=\"ASG exterior project\" loading=\"lazy\">\r\n            <figcaption><span>ADU<\/span><b>03<\/b><\/figcaption>\r\n        <\/figure>\r\n\r\n        <figure class=\"asg-project-v2 asg-tall\" data-category=\"adu\">\r\n            <img decoding=\"async\" src=\"https:\/\/asgremodeling.com\/wp-content\/uploads\/2026\/10\/exterior-front2.jpg\" alt=\"ASG exterior construction project\" loading=\"lazy\">\r\n            <figcaption><span>ADU<\/span><b>04<\/b><\/figcaption>\r\n        <\/figure>\r\n\r\n        <figure class=\"asg-project-v2\" data-category=\"adu\">\r\n            <img decoding=\"async\" src=\"https:\/\/asgremodeling.com\/wp-content\/uploads\/2026\/10\/IMG_3396-2-1.png\" alt=\"ASG ADU construction\" loading=\"lazy\">\r\n            <figcaption><span>ADU<\/span><b>05<\/b><\/figcaption>\r\n        <\/figure>\r\n\r\n        <figure class=\"asg-project-v2 asg-feature\" data-category=\"adu\">\r\n            <img decoding=\"async\" src=\"https:\/\/asgremodeling.com\/wp-content\/uploads\/2026\/10\/inside-adu.jpg\" alt=\"ASG ADU interior\" loading=\"lazy\">\r\n            <figcaption><span>ADU<\/span><b>06<\/b><\/figcaption>\r\n        <\/figure>\r\n\r\n        <figure class=\"asg-project-v2\" data-category=\"adu\">\r\n            <img decoding=\"async\" src=\"https:\/\/asgremodeling.com\/wp-content\/uploads\/2026\/10\/kitchen2.png\" alt=\"ASG ADU kitchen\" loading=\"lazy\">\r\n            <figcaption><span>ADU<\/span><b>07<\/b><\/figcaption>\r\n        <\/figure>\r\n\r\n        <figure class=\"asg-project-v2 asg-portrait\" data-category=\"adu\">\r\n            <img decoding=\"async\" src=\"https:\/\/asgremodeling.com\/wp-content\/uploads\/2026\/10\/living1.jpg\" alt=\"ASG ADU living room\" loading=\"lazy\">\r\n            <figcaption><span>ADU<\/span><b>08<\/b><\/figcaption>\r\n        <\/figure>\r\n\r\n        <figure class=\"asg-project-v2\" data-category=\"adu\">\r\n            <img decoding=\"async\" src=\"https:\/\/asgremodeling.com\/wp-content\/uploads\/2026\/10\/living-2.jpg\" alt=\"ASG ADU living space\" loading=\"lazy\">\r\n            <figcaption><span>ADU<\/span><b>09<\/b><\/figcaption>\r\n        <\/figure>\r\n\r\n        <figure class=\"asg-project-v2 asg-feature\" data-category=\"adu\">\r\n            <img decoding=\"async\" src=\"https:\/\/asgremodeling.com\/wp-content\/uploads\/2026\/10\/LV.jpg\" alt=\"ASG ADU project interior\" loading=\"lazy\">\r\n            <figcaption><span>ADU<\/span><b>10<\/b><\/figcaption>\r\n        <\/figure>\r\n\r\n        <figure class=\"asg-project-v2\" data-category=\"adu\">\r\n            <img decoding=\"async\" src=\"https:\/\/asgremodeling.com\/wp-content\/uploads\/2026\/10\/ADU-2.jpg\" alt=\"ASG ADU project\" loading=\"lazy\">\r\n            <figcaption><span>ADU<\/span><b>11<\/b><\/figcaption>\r\n        <\/figure>\r\n\r\n        <figure class=\"asg-project-v2 asg-feature\" data-category=\"kitchen\">\r\n            <img decoding=\"async\" src=\"https:\/\/asgremodeling.com\/wp-content\/uploads\/2026\/10\/kitchen1.png\" alt=\"ASG kitchen remodeling\" loading=\"lazy\">\r\n            <figcaption><span>KITCHEN + LIVING<\/span><b>12<\/b><\/figcaption>\r\n        <\/figure>\r\n\r\n        <figure class=\"asg-project-v2 asg-portrait\" data-category=\"kitchen\">\r\n            <img decoding=\"async\" src=\"https:\/\/asgremodeling.com\/wp-content\/uploads\/2026\/10\/kitchen-remodeling.jpg\" alt=\"ASG kitchen remodeling project\" loading=\"lazy\">\r\n            <figcaption><span>KITCHEN + LIVING<\/span><b>13<\/b><\/figcaption>\r\n        <\/figure>\r\n\r\n        <figure class=\"asg-project-v2\" data-category=\"kitchen\">\r\n            <img decoding=\"async\" src=\"https:\/\/asgremodeling.com\/wp-content\/uploads\/2026\/10\/kitchen-renovation-vannuys.jpg\" alt=\"ASG kitchen renovation\" loading=\"lazy\">\r\n            <figcaption><span>KITCHEN + LIVING<\/span><b>14<\/b><\/figcaption>\r\n        <\/figure>\r\n\r\n        <figure class=\"asg-project-v2 asg-feature\" data-category=\"kitchen\">\r\n            <img decoding=\"async\" src=\"https:\/\/asgremodeling.com\/wp-content\/uploads\/2026\/10\/living.jpg\" alt=\"ASG living room remodeling\" loading=\"lazy\">\r\n            <figcaption><span>KITCHEN + LIVING<\/span><b>15<\/b><\/figcaption>\r\n        <\/figure>\r\n\r\n        <figure class=\"asg-project-v2\" data-category=\"kitchen\">\r\n            <img decoding=\"async\" src=\"https:\/\/asgremodeling.com\/wp-content\/uploads\/2026\/10\/Los-Angeles-Remodeling-7.jpg\" alt=\"ASG Los Angeles remodeling project\" loading=\"lazy\">\r\n            <figcaption><span>KITCHEN + LIVING<\/span><b>16<\/b><\/figcaption>\r\n        <\/figure>\r\n\r\n        <figure class=\"asg-project-v2 asg-portrait\" data-category=\"bathroom\">\r\n            <img decoding=\"async\" src=\"https:\/\/asgremodeling.com\/wp-content\/uploads\/2026\/10\/bathroom1.jpg\" alt=\"ASG bathroom remodeling\" loading=\"lazy\">\r\n            <figcaption><span>BATHROOM<\/span><b>17<\/b><\/figcaption>\r\n        <\/figure>\r\n\r\n        <figure class=\"asg-project-v2\" data-category=\"bathroom\">\r\n            <img decoding=\"async\" src=\"https:\/\/asgremodeling.com\/wp-content\/uploads\/2026\/10\/bathroom-1-1.jpg\" alt=\"ASG bathroom project\" loading=\"lazy\">\r\n            <figcaption><span>BATHROOM<\/span><b>18<\/b><\/figcaption>\r\n        <\/figure>\r\n\r\n        <figure class=\"asg-project-v2 asg-feature\" data-category=\"bathroom\">\r\n            <img decoding=\"async\" src=\"https:\/\/asgremodeling.com\/wp-content\/uploads\/2026\/10\/bathroom-2.jpg\" alt=\"ASG bathroom renovation\" loading=\"lazy\">\r\n            <figcaption><span>BATHROOM<\/span><b>19<\/b><\/figcaption>\r\n        <\/figure>\r\n\r\n        <figure class=\"asg-project-v2\" data-category=\"bathroom\">\r\n            <img decoding=\"async\" src=\"https:\/\/asgremodeling.com\/wp-content\/uploads\/2026\/10\/laundry-bath.png\" alt=\"ASG laundry bathroom remodel\" loading=\"lazy\">\r\n            <figcaption><span>BATHROOM<\/span><b>20<\/b><\/figcaption>\r\n        <\/figure>\r\n\r\n        <figure class=\"asg-project-v2 asg-portrait\" data-category=\"bathroom\">\r\n            <img decoding=\"async\" src=\"https:\/\/asgremodeling.com\/wp-content\/uploads\/2026\/10\/PHOTO-2025-06-24-19-54-11-4.jpg\" alt=\"ASG bathroom construction project\" loading=\"lazy\">\r\n            <figcaption><span>BATHROOM<\/span><b>21<\/b><\/figcaption>\r\n        <\/figure>\r\n\r\n        <figure class=\"asg-project-v2\" data-category=\"bathroom\">\r\n            <img decoding=\"async\" src=\"https:\/\/asgremodeling.com\/wp-content\/uploads\/2026\/10\/bath2.png\" alt=\"ASG bathroom renovation project\" loading=\"lazy\">\r\n            <figcaption><span>BATHROOM<\/span><b>22<\/b><\/figcaption>\r\n        <\/figure>\r\n\r\n        <figure class=\"asg-project-v2 asg-feature\" data-category=\"bathroom\">\r\n            <img decoding=\"async\" src=\"https:\/\/asgremodeling.com\/wp-content\/uploads\/2026\/10\/shwer.png\" alt=\"ASG shower remodeling\" loading=\"lazy\">\r\n            <figcaption><span>BATHROOM<\/span><b>23<\/b><\/figcaption>\r\n        <\/figure>\r\n\r\n        <figure class=\"asg-project-v2 asg-feature\" data-category=\"bedroom\">\r\n            <img decoding=\"async\" src=\"https:\/\/asgremodeling.com\/wp-content\/uploads\/2026\/10\/bedroom-1-1.jpg\" alt=\"ASG bedroom remodeling\" loading=\"lazy\">\r\n            <figcaption><span>BEDROOM<\/span><b>24<\/b><\/figcaption>\r\n        <\/figure>\r\n\r\n        <figure class=\"asg-project-v2 asg-portrait\" data-category=\"bedroom\">\r\n            <img decoding=\"async\" src=\"https:\/\/asgremodeling.com\/wp-content\/uploads\/2026\/10\/bedroom1.jpg\" alt=\"ASG bedroom project\" loading=\"lazy\">\r\n            <figcaption><span>BEDROOM<\/span><b>25<\/b><\/figcaption>\r\n        <\/figure>\r\n\r\n        <figure class=\"asg-project-v2\" data-category=\"bedroom\">\r\n            <img decoding=\"async\" src=\"https:\/\/asgremodeling.com\/wp-content\/uploads\/2026\/10\/room-addition-4.jpg\" alt=\"ASG room addition\" loading=\"lazy\">\r\n            <figcaption><span>BEDROOM<\/span><b>26<\/b><\/figcaption>\r\n        <\/figure>\r\n\r\n        <figure class=\"asg-project-v2 asg-feature\" data-category=\"bedroom\">\r\n            <img decoding=\"async\" src=\"https:\/\/asgremodeling.com\/wp-content\/uploads\/2026\/10\/bedroom.jpg\" alt=\"ASG bedroom construction\" loading=\"lazy\">\r\n            <figcaption><span>BEDROOM<\/span><b>27<\/b><\/figcaption>\r\n        <\/figure>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"asg-work-v2__footer\">\r\n\r\n        <div class=\"asg-work-v2__footer-line\"><\/div>\r\n\r\n        <div class=\"asg-work-v2__footer-text\">\r\n            <span>ASG CONSTRUCTION GROUP INC.<\/span>\r\n            <span>LOS ANGELES \/ CALIFORNIA<\/span>\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"asg-work-v2__cursor\">\r\n        <span>VIEW<\/span>\r\n        <b>\u2197<\/b>\r\n    <\/div>\r\n\r\n    <div class=\"asg-work-v2__lightbox\">\r\n\r\n        <button class=\"asg-work-v2__close\">\u00d7<\/button>\r\n\r\n        <button class=\"asg-work-v2__prev\">\u2190<\/button>\r\n\r\n        <div class=\"asg-work-v2__stage\">\r\n\r\n            <img decoding=\"async\" src=\"\" alt=\"\">\r\n\r\n            <div class=\"asg-work-v2__meta\">\r\n                <span class=\"asg-work-v2__category\"><\/span>\r\n                <span class=\"asg-work-v2__position\"><\/span>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <button class=\"asg-work-v2__next\">\u2192<\/button>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n<style>\r\n\r\n.asg-work-v2{\r\n    position:relative;\r\n    width:100vw;\r\n    max-width:100vw;\r\n    margin-left:calc(50% - 50vw);\r\n    margin-right:calc(50% - 50vw);\r\n    margin-top:-20px;\r\n    padding:125px 0 70px;\r\n    overflow:hidden;\r\n    background:#090909;\r\n    color:#fff;\r\n    direction:ltr !important;\r\n    text-align:left !important;\r\n    font-family:Arial,Helvetica,sans-serif;\r\n}\r\n\r\n.asg-work-v2 *{\r\n    box-sizing:border-box;\r\n}\r\n\r\n.asg-work-v2__head{\r\n    width:min(1500px,calc(100% - 100px));\r\n    margin:0 auto;\r\n    display:grid;\r\n    grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);\r\n    gap:100px;\r\n    align-items:end;\r\n}\r\n\r\n.asg-work-v2__label{\r\n    display:flex;\r\n    align-items:center;\r\n    gap:14px;\r\n    margin-bottom:28px;\r\n    font-size:9px;\r\n    font-weight:700;\r\n    letter-spacing:3px;\r\n    color:#b78d43;\r\n}\r\n\r\n.asg-work-v2__label span{\r\n    width:36px;\r\n    height:1px;\r\n    background:#b78d43;\r\n}\r\n\r\n.asg-work-v2__head h2{\r\n    margin:0;\r\n    font-family:Arial,Helvetica,sans-serif;\r\n    font-size:clamp(78px,9vw,155px);\r\n    line-height:.78;\r\n    letter-spacing:-8px;\r\n    font-weight:800;\r\n}\r\n\r\n.asg-work-v2__head h2 span{\r\n    display:block;\r\n    margin-bottom:6px;\r\n    font-family:Georgia,\"Times New Roman\",serif;\r\n    font-size:.68em;\r\n    line-height:1;\r\n    font-weight:400;\r\n    font-style:italic;\r\n    letter-spacing:-5px;\r\n    color:#b78d43;\r\n}\r\n\r\n.asg-work-v2__head-right{\r\n    padding-bottom:6px;\r\n}\r\n\r\n.asg-work-v2__count{\r\n    display:flex;\r\n    align-items:flex-end;\r\n    gap:15px;\r\n    margin-bottom:30px;\r\n}\r\n\r\n.asg-work-v2__count strong{\r\n    font-family:Georgia,\"Times New Roman\",serif;\r\n    font-size:65px;\r\n    line-height:.7;\r\n    font-weight:400;\r\n    font-style:italic;\r\n    color:#fff;\r\n}\r\n\r\n.asg-work-v2__count span{\r\n    padding-bottom:4px;\r\n    font-size:8px;\r\n    font-weight:700;\r\n    letter-spacing:2px;\r\n    color:#777;\r\n}\r\n\r\n.asg-work-v2__head-right p{\r\n    max-width:380px;\r\n    margin:0;\r\n    font-size:14px;\r\n    line-height:1.7;\r\n    color:#777;\r\n}\r\n\r\n.asg-work-v2__nav{\r\n    position:relative;\r\n    width:min(1500px,calc(100% - 100px));\r\n    margin:80px auto 36px;\r\n    display:flex;\r\n    gap:0;\r\n    overflow-x:auto;\r\n    scrollbar-width:none;\r\n    border-top:1px solid #292929;\r\n    border-bottom:1px solid #292929;\r\n}\r\n\r\n.asg-work-v2__nav::-webkit-scrollbar{\r\n    display:none;\r\n}\r\n\r\n.asg-work-filter{\r\n    position:relative;\r\n    flex:1 0 auto;\r\n    min-width:150px;\r\n    height:72px;\r\n    padding:0 22px;\r\n    border:0;\r\n    border-right:1px solid #292929;\r\n    background:transparent;\r\n    color:#707070;\r\n    cursor:pointer;\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:space-between;\r\n    gap:25px;\r\n    font-family:Arial,Helvetica,sans-serif;\r\n    transition:\r\n        background .3s ease,\r\n        color .3s ease;\r\n}\r\n\r\n.asg-work-filter:first-child{\r\n    border-left:1px solid #292929;\r\n}\r\n\r\n.asg-work-filter span{\r\n    font-size:9px;\r\n    font-weight:700;\r\n    letter-spacing:1.8px;\r\n}\r\n\r\n.asg-work-filter b{\r\n    font-family:Georgia,\"Times New Roman\",serif;\r\n    font-size:12px;\r\n    font-weight:400;\r\n    font-style:italic;\r\n    color:#555;\r\n}\r\n\r\n.asg-work-filter:hover,\r\n.asg-work-filter.is-active{\r\n    background:#fff;\r\n    color:#0a0a0a;\r\n}\r\n\r\n.asg-work-filter.is-active b,\r\n.asg-work-filter:hover b{\r\n    color:#a07833;\r\n}\r\n\r\n.asg-work-v2__grid{\r\n    width:min(1500px,calc(100% - 100px));\r\n    margin:0 auto;\r\n    display:grid;\r\n    grid-template-columns:repeat(12,1fr);\r\n    grid-auto-flow:dense;\r\n    gap:13px;\r\n}\r\n\r\n.asg-project-v2{\r\n    position:relative;\r\n    grid-column:span 4;\r\n    height:400px;\r\n    margin:0;\r\n    overflow:hidden;\r\n    background:#151515;\r\n    cursor:none;\r\n    opacity:0;\r\n    transform:translateY(50px);\r\n    transition:\r\n        opacity .7s ease,\r\n        transform .9s cubic-bezier(.18,.78,.2,1);\r\n}\r\n\r\n.asg-project-v2.asg-feature{\r\n    grid-column:span 8;\r\n}\r\n\r\n.asg-project-v2.asg-portrait{\r\n    height:580px;\r\n}\r\n\r\n.asg-project-v2.asg-tall{\r\n    height:510px;\r\n}\r\n\r\n.asg-project-v2.is-visible{\r\n    opacity:1;\r\n    transform:translateY(0);\r\n}\r\n\r\n.asg-project-v2 img{\r\n    width:100%;\r\n    height:100%;\r\n    display:block;\r\n    object-fit:cover;\r\n    transform:scale(1.01);\r\n    transition:\r\n        transform 1s cubic-bezier(.2,.7,.2,1),\r\n        filter .45s ease;\r\n}\r\n\r\n.asg-project-v2:after{\r\n    content:\"\";\r\n    position:absolute;\r\n    inset:0;\r\n    background:\r\n        linear-gradient(\r\n            180deg,\r\n            transparent 55%,\r\n            rgba(0,0,0,.72) 100%\r\n        );\r\n    pointer-events:none;\r\n    opacity:.6;\r\n    transition:opacity .35s ease;\r\n}\r\n\r\n.asg-project-v2:hover img{\r\n    transform:scale(1.045);\r\n}\r\n\r\n.asg-project-v2:hover:after{\r\n    opacity:.9;\r\n}\r\n\r\n.asg-project-v2 figcaption{\r\n    position:absolute;\r\n    z-index:2;\r\n    left:22px;\r\n    right:22px;\r\n    bottom:18px;\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:space-between;\r\n    pointer-events:none;\r\n}\r\n\r\n.asg-project-v2 figcaption span{\r\n    font-size:9px;\r\n    font-weight:700;\r\n    letter-spacing:2px;\r\n    color:#fff;\r\n}\r\n\r\n.asg-project-v2 figcaption b{\r\n    font-family:Georgia,\"Times New Roman\",serif;\r\n    font-size:13px;\r\n    font-weight:400;\r\n    font-style:italic;\r\n    color:#b78d43;\r\n}\r\n\r\n.asg-project-v2.is-hidden{\r\n    display:none;\r\n}\r\n\r\n.asg-project-v2.filter-in{\r\n    animation:asgWorkIn .65s cubic-bezier(.18,.78,.2,1) both;\r\n}\r\n\r\n.asg-work-v2__footer{\r\n    width:min(1500px,calc(100% - 100px));\r\n    margin:62px auto 0;\r\n}\r\n\r\n.asg-work-v2__footer-line{\r\n    height:1px;\r\n    background:#242424;\r\n}\r\n\r\n.asg-work-v2__footer-text{\r\n    padding-top:18px;\r\n    display:flex;\r\n    justify-content:space-between;\r\n    gap:20px;\r\n    font-size:7px;\r\n    font-weight:700;\r\n    letter-spacing:2px;\r\n    color:#505050;\r\n}\r\n\r\n.asg-work-v2__cursor{\r\n    position:fixed;\r\n    z-index:99998;\r\n    left:0;\r\n    top:0;\r\n    width:84px;\r\n    height:84px;\r\n    border-radius:50%;\r\n    display:flex;\r\n    flex-direction:column;\r\n    align-items:center;\r\n    justify-content:center;\r\n    background:#fff;\r\n    color:#090909;\r\n    pointer-events:none;\r\n    opacity:0;\r\n    transform:translate(-50%,-50%) scale(.4);\r\n    transition:\r\n        opacity .2s ease,\r\n        transform .2s ease;\r\n}\r\n\r\n.asg-work-v2__cursor.is-active{\r\n    opacity:1;\r\n    transform:translate(-50%,-50%) scale(1);\r\n}\r\n\r\n.asg-work-v2__cursor span{\r\n    font-size:8px;\r\n    font-weight:800;\r\n    letter-spacing:1.5px;\r\n}\r\n\r\n.asg-work-v2__cursor b{\r\n    margin-top:3px;\r\n    font-size:15px;\r\n    font-weight:400;\r\n    color:#a67d34;\r\n}\r\n\r\n.asg-work-v2__lightbox{\r\n    position:fixed;\r\n    z-index:999999;\r\n    inset:0;\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    padding:55px 90px;\r\n    background:rgba(4,4,4,.97);\r\n    opacity:0;\r\n    visibility:hidden;\r\n    transition:\r\n        opacity .3s ease,\r\n        visibility .3s ease;\r\n}\r\n\r\n.asg-work-v2__lightbox.is-open{\r\n    opacity:1;\r\n    visibility:visible;\r\n}\r\n\r\n.asg-work-v2__stage{\r\n    position:relative;\r\n    width:min(1200px,calc(100vw - 210px));\r\n    height:min(80vh,850px);\r\n}\r\n\r\n.asg-work-v2__stage img{\r\n    width:100%;\r\n    height:100%;\r\n    object-fit:contain;\r\n    display:block;\r\n    opacity:0;\r\n    transform:scale(.975);\r\n    transition:\r\n        opacity .35s ease,\r\n        transform .45s cubic-bezier(.18,.78,.2,1);\r\n}\r\n\r\n.asg-work-v2__lightbox.is-open .asg-work-v2__stage img{\r\n    opacity:1;\r\n    transform:scale(1);\r\n}\r\n\r\n.asg-work-v2__meta{\r\n    position:absolute;\r\n    left:0;\r\n    right:0;\r\n    bottom:-30px;\r\n    display:flex;\r\n    justify-content:space-between;\r\n    gap:20px;\r\n    font-size:8px;\r\n    font-weight:700;\r\n    letter-spacing:2px;\r\n    color:#666;\r\n}\r\n\r\n.asg-work-v2__close,\r\n.asg-work-v2__prev,\r\n.asg-work-v2__next{\r\n    position:absolute;\r\n    border:0;\r\n    background:none;\r\n    color:#fff;\r\n    cursor:pointer;\r\n    font-family:Arial,Helvetica,sans-serif;\r\n    font-weight:300;\r\n}\r\n\r\n.asg-work-v2__close{\r\n    top:23px;\r\n    right:32px;\r\n    font-size:38px;\r\n}\r\n\r\n.asg-work-v2__prev,\r\n.asg-work-v2__next{\r\n    top:50%;\r\n    transform:translateY(-50%);\r\n    font-size:32px;\r\n}\r\n\r\n.asg-work-v2__prev{\r\n    left:28px;\r\n}\r\n\r\n.asg-work-v2__next{\r\n    right:28px;\r\n}\r\n\r\n@keyframes asgWorkIn{\r\n    from{\r\n        opacity:0;\r\n        transform:translateY(28px) scale(.99);\r\n    }\r\n\r\n    to{\r\n        opacity:1;\r\n        transform:translateY(0) scale(1);\r\n    }\r\n}\r\n\r\n@media(max-width:1100px){\r\n\r\n    .asg-work-v2__head,\r\n    .asg-work-v2__nav,\r\n    .asg-work-v2__grid,\r\n    .asg-work-v2__footer{\r\n        width:calc(100% - 60px);\r\n    }\r\n\r\n    .asg-project-v2,\r\n    .asg-project-v2.asg-feature{\r\n        grid-column:span 6;\r\n    }\r\n\r\n}\r\n\r\n@media(max-width:767px){\r\n\r\n    .asg-work-v2{\r\n        padding:82px 0 45px;\r\n    }\r\n\r\n    .asg-work-v2__head{\r\n        width:calc(100% - 38px);\r\n        display:block;\r\n    }\r\n\r\n    .asg-work-v2__label{\r\n        margin-bottom:21px;\r\n        font-size:8px;\r\n        letter-spacing:2.4px;\r\n    }\r\n\r\n    .asg-work-v2__label span{\r\n        width:28px;\r\n    }\r\n\r\n    .asg-work-v2__head h2{\r\n        font-size:clamp(58px,17vw,82px);\r\n        line-height:.82;\r\n        letter-spacing:-4px;\r\n    }\r\n\r\n    .asg-work-v2__head h2 span{\r\n        margin-bottom:4px;\r\n        font-size:.72em;\r\n        letter-spacing:-2.5px;\r\n    }\r\n\r\n    .asg-work-v2__head-right{\r\n        margin-top:42px;\r\n        display:grid;\r\n        grid-template-columns:auto 1fr;\r\n        gap:25px;\r\n        align-items:start;\r\n    }\r\n\r\n    .asg-work-v2__count{\r\n        display:block;\r\n        margin:0;\r\n    }\r\n\r\n    .asg-work-v2__count strong{\r\n        display:block;\r\n        font-size:50px;\r\n    }\r\n\r\n    .asg-work-v2__count span{\r\n        display:block;\r\n        margin-top:12px;\r\n        font-size:6px;\r\n        line-height:1.4;\r\n        letter-spacing:1.5px;\r\n    }\r\n\r\n    .asg-work-v2__head-right p{\r\n        max-width:none;\r\n        font-size:12.5px;\r\n        line-height:1.65;\r\n    }\r\n\r\n    .asg-work-v2__nav{\r\n        width:100%;\r\n        margin:55px 0 18px;\r\n        padding-left:19px;\r\n        padding-right:19px;\r\n        border-left:0;\r\n        border-right:0;\r\n    }\r\n\r\n    .asg-work-filter{\r\n        min-width:auto;\r\n        height:59px;\r\n        padding:0 17px;\r\n        gap:15px;\r\n        border-right:1px solid #292929;\r\n    }\r\n\r\n    .asg-work-filter:first-child{\r\n        border-left:1px solid #292929;\r\n    }\r\n\r\n    .asg-work-filter span{\r\n        font-size:8px;\r\n        letter-spacing:1.4px;\r\n        white-space:nowrap;\r\n    }\r\n\r\n    .asg-work-filter b{\r\n        font-size:10px;\r\n    }\r\n\r\n    .asg-work-v2__grid{\r\n        width:calc(100% - 20px);\r\n        grid-template-columns:repeat(2,1fr);\r\n        gap:7px;\r\n    }\r\n\r\n    .asg-project-v2,\r\n    .asg-project-v2.asg-feature,\r\n    .asg-project-v2.asg-portrait,\r\n    .asg-project-v2.asg-tall{\r\n        grid-column:span 1;\r\n        height:58vw;\r\n        min-height:210px;\r\n        max-height:340px;\r\n        cursor:pointer;\r\n    }\r\n\r\n    .asg-project-v2:nth-child(5n+1){\r\n        grid-column:span 2;\r\n        height:76vw;\r\n        max-height:520px;\r\n    }\r\n\r\n    .asg-project-v2:nth-child(4n+2){\r\n        height:82vw;\r\n        max-height:500px;\r\n    }\r\n\r\n    .asg-project-v2 figcaption{\r\n        left:13px;\r\n        right:13px;\r\n        bottom:11px;\r\n    }\r\n\r\n    .asg-project-v2 figcaption span{\r\n        font-size:7px;\r\n        letter-spacing:1.3px;\r\n    }\r\n\r\n    .asg-project-v2 figcaption b{\r\n        font-size:10px;\r\n    }\r\n\r\n    .asg-work-v2__cursor{\r\n        display:none;\r\n    }\r\n\r\n    .asg-work-v2__footer{\r\n        width:calc(100% - 38px);\r\n        margin-top:38px;\r\n    }\r\n\r\n    .asg-work-v2__footer-text{\r\n        font-size:6px;\r\n        letter-spacing:1.3px;\r\n    }\r\n\r\n    .asg-work-v2__footer-text span:last-child{\r\n        text-align:right;\r\n    }\r\n\r\n    .asg-work-v2__lightbox{\r\n        padding:55px 14px 75px;\r\n    }\r\n\r\n    .asg-work-v2__stage{\r\n        width:100%;\r\n        height:72vh;\r\n    }\r\n\r\n    .asg-work-v2__close{\r\n        top:13px;\r\n        right:18px;\r\n        font-size:35px;\r\n    }\r\n\r\n    .asg-work-v2__prev,\r\n    .asg-work-v2__next{\r\n        top:auto;\r\n        bottom:18px;\r\n        transform:none;\r\n        font-size:28px;\r\n    }\r\n\r\n    .asg-work-v2__prev{\r\n        left:22px;\r\n    }\r\n\r\n    .asg-work-v2__next{\r\n        right:22px;\r\n    }\r\n\r\n}\r\n\r\n@media(max-width:390px){\r\n\r\n    .asg-work-v2__head{\r\n        width:calc(100% - 32px);\r\n    }\r\n\r\n    .asg-work-v2__head h2{\r\n        font-size:clamp(54px,16vw,65px);\r\n    }\r\n\r\n    .asg-work-v2__head-right{\r\n        gap:18px;\r\n    }\r\n\r\n    .asg-work-v2__grid{\r\n        width:calc(100% - 14px);\r\n        gap:5px;\r\n    }\r\n\r\n    .asg-project-v2,\r\n    .asg-project-v2.asg-feature,\r\n    .asg-project-v2.asg-portrait,\r\n    .asg-project-v2.asg-tall{\r\n        min-height:190px;\r\n    }\r\n\r\n}\r\n\r\n.elementor-widget-html:has(.asg-work-v2){\r\n    width:100% !important;\r\n    max-width:none !important;\r\n}\r\n\r\n.elementor-widget-html:has(.asg-work-v2) .elementor-widget-container{\r\n    overflow:visible !important;\r\n}\r\n\r\n<\/style>\r\n\r\n<script>\r\n\r\ndocument.addEventListener(\"DOMContentLoaded\",function(){\r\n\r\n    const section=document.querySelector(\".asg-work-v2\");\r\n\r\n    if(!section) return;\r\n\r\n    const filters=Array.from(section.querySelectorAll(\".asg-work-filter\"));\r\n    const projects=Array.from(section.querySelectorAll(\".asg-project-v2\"));\r\n\r\n    const cursor=section.querySelector(\".asg-work-v2__cursor\");\r\n\r\n    const lightbox=section.querySelector(\".asg-work-v2__lightbox\");\r\n    const lightboxImg=section.querySelector(\".asg-work-v2__stage img\");\r\n    const category=section.querySelector(\".asg-work-v2__category\");\r\n    const position=section.querySelector(\".asg-work-v2__position\");\r\n\r\n    const closeBtn=section.querySelector(\".asg-work-v2__close\");\r\n    const prevBtn=section.querySelector(\".asg-work-v2__prev\");\r\n    const nextBtn=section.querySelector(\".asg-work-v2__next\");\r\n\r\n    let visibleProjects=[...projects];\r\n    let currentIndex=0;\r\n\r\n    const revealObserver=new IntersectionObserver(function(entries){\r\n\r\n        entries.forEach(function(entry){\r\n\r\n            if(entry.isIntersecting){\r\n\r\n                const index=projects.indexOf(entry.target);\r\n\r\n                setTimeout(function(){\r\n                    entry.target.classList.add(\"is-visible\");\r\n                },Math.min(index%6,5)*70);\r\n\r\n                revealObserver.unobserve(entry.target);\r\n            }\r\n\r\n        });\r\n\r\n    },{\r\n        threshold:.06\r\n    });\r\n\r\n    projects.forEach(function(project){\r\n        revealObserver.observe(project);\r\n    });\r\n\r\n    filters.forEach(function(button){\r\n\r\n        button.addEventListener(\"click\",function(){\r\n\r\n            const filter=this.dataset.filter;\r\n\r\n            filters.forEach(function(item){\r\n                item.classList.remove(\"is-active\");\r\n            });\r\n\r\n            this.classList.add(\"is-active\");\r\n\r\n            projects.forEach(function(project){\r\n                project.classList.remove(\"filter-in\");\r\n            });\r\n\r\n            setTimeout(function(){\r\n\r\n                projects.forEach(function(project){\r\n\r\n                    const match=\r\n                        filter===\"all\" ||\r\n                        project.dataset.category===filter;\r\n\r\n                    project.classList.toggle(\"is-hidden\",!match);\r\n\r\n                });\r\n\r\n                visibleProjects=projects.filter(function(project){\r\n                    return !project.classList.contains(\"is-hidden\");\r\n                });\r\n\r\n                visibleProjects.forEach(function(project,index){\r\n\r\n                    setTimeout(function(){\r\n                        project.classList.add(\"filter-in\");\r\n                    },index*35);\r\n\r\n                });\r\n\r\n            },30);\r\n\r\n        });\r\n\r\n    });\r\n\r\n    if(window.matchMedia(\"(pointer:fine)\").matches){\r\n\r\n        document.addEventListener(\"mousemove\",function(e){\r\n\r\n            cursor.style.left=e.clientX+\"px\";\r\n            cursor.style.top=e.clientY+\"px\";\r\n\r\n        });\r\n\r\n        projects.forEach(function(project){\r\n\r\n            project.addEventListener(\"mouseenter\",function(){\r\n                cursor.classList.add(\"is-active\");\r\n            });\r\n\r\n            project.addEventListener(\"mouseleave\",function(){\r\n                cursor.classList.remove(\"is-active\");\r\n            });\r\n\r\n        });\r\n\r\n    }\r\n\r\n    function openProject(project){\r\n\r\n        visibleProjects=projects.filter(function(item){\r\n            return !item.classList.contains(\"is-hidden\");\r\n        });\r\n\r\n        currentIndex=visibleProjects.indexOf(project);\r\n\r\n        updateLightbox();\r\n\r\n        lightbox.classList.add(\"is-open\");\r\n        document.body.style.overflow=\"hidden\";\r\n\r\n    }\r\n\r\n    function updateLightbox(){\r\n\r\n        const project=visibleProjects[currentIndex];\r\n\r\n        if(!project) return;\r\n\r\n        const img=project.querySelector(\"img\");\r\n        const label=project.querySelector(\"figcaption span\");\r\n\r\n        lightboxImg.style.opacity=\"0\";\r\n\r\n        setTimeout(function(){\r\n\r\n            lightboxImg.src=img.src;\r\n            lightboxImg.alt=img.alt;\r\n\r\n            category.textContent=label.textContent;\r\n\r\n            position.textContent=\r\n                String(currentIndex+1).padStart(2,\"0\")+\r\n                \" \/ \"+\r\n                String(visibleProjects.length).padStart(2,\"0\");\r\n\r\n            lightboxImg.style.opacity=\"1\";\r\n\r\n        },120);\r\n\r\n    }\r\n\r\n    function closeLightbox(){\r\n\r\n        lightbox.classList.remove(\"is-open\");\r\n        document.body.style.overflow=\"\";\r\n\r\n    }\r\n\r\n    function nextProject(){\r\n\r\n        currentIndex++;\r\n\r\n        if(currentIndex>=visibleProjects.length){\r\n            currentIndex=0;\r\n        }\r\n\r\n        updateLightbox();\r\n\r\n    }\r\n\r\n    function prevProject(){\r\n\r\n        currentIndex--;\r\n\r\n        if(currentIndex<0){\r\n            currentIndex=visibleProjects.length-1;\r\n        }\r\n\r\n        updateLightbox();\r\n\r\n    }\r\n\r\n    projects.forEach(function(project){\r\n\r\n        project.addEventListener(\"click\",function(){\r\n            openProject(project);\r\n        });\r\n\r\n    });\r\n\r\n    closeBtn.addEventListener(\"click\",closeLightbox);\r\n    nextBtn.addEventListener(\"click\",nextProject);\r\n    prevBtn.addEventListener(\"click\",prevProject);\r\n\r\n    lightbox.addEventListener(\"click\",function(e){\r\n\r\n        if(e.target===lightbox){\r\n            closeLightbox();\r\n        }\r\n\r\n    });\r\n\r\n    document.addEventListener(\"keydown\",function(e){\r\n\r\n        if(!lightbox.classList.contains(\"is-open\")) return;\r\n\r\n        if(e.key===\"Escape\"){\r\n            closeLightbox();\r\n        }\r\n\r\n        if(e.key===\"ArrowRight\"){\r\n            nextProject();\r\n        }\r\n\r\n        if(e.key===\"ArrowLeft\"){\r\n            prevProject();\r\n        }\r\n\r\n    });\r\n\r\n    let touchStartX=0;\r\n\r\n    lightbox.addEventListener(\"touchstart\",function(e){\r\n\r\n        touchStartX=e.changedTouches[0].clientX;\r\n\r\n    },{\r\n        passive:true\r\n    });\r\n\r\n    lightbox.addEventListener(\"touchend\",function(e){\r\n\r\n        const touchEndX=e.changedTouches[0].clientX;\r\n        const distance=touchStartX-touchEndX;\r\n\r\n        if(Math.abs(distance)<50) return;\r\n\r\n        if(distance>0){\r\n            nextProject();\r\n        }else{\r\n            prevProject();\r\n        }\r\n\r\n    },{\r\n        passive:true\r\n    });\r\n\r\n});\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-48b5f5b e-con e-atomic-element e-flexbox-base e-default-div e-835f78c \" data-id=\"48b5f5b\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"48b5f5b\" data-e-type=\"e-flexbox\" data-id=\"48b5f5b\">\n    \t\t<div class=\"elementor-element elementor-element-ca459e8 elementor-widget elementor-widget-html\" data-id=\"ca459e8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"asg-services\" id=\"services\">\r\n\r\n    <div class=\"asg-services__inner\">\r\n\r\n        <div class=\"asg-services__visual\">\r\n\r\n            <div class=\"asg-services__image-wrap\">\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/asgremodeling.com\/wp-content\/uploads\/2026\/10\/exterior.jpg\"\r\n                    alt=\"ASG Construction Services\"\r\n                    class=\"asg-services__image is-active\"\r\n                    data-image=\"adu\"\r\n                >\r\n\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/asgremodeling.com\/wp-content\/uploads\/2026\/10\/kitchen-remodeling.jpg\"\r\n                    alt=\"Kitchen Remodeling\"\r\n                    class=\"asg-services__image\"\r\n                    data-image=\"kitchen\"\r\n                >\r\n\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/asgremodeling.com\/wp-content\/uploads\/2026\/10\/bathroom1.jpg\"\r\n                    alt=\"Bathroom Remodeling\"\r\n                    class=\"asg-services__image\"\r\n                    data-image=\"bathroom\"\r\n                >\r\n\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/asgremodeling.com\/wp-content\/uploads\/2026\/10\/room-addition-4.jpg\"\r\n                    alt=\"Room Additions\"\r\n                    class=\"asg-services__image\"\r\n                    data-image=\"addition\"\r\n                >\r\n\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/asgremodeling.com\/wp-content\/uploads\/2026\/10\/living.jpg\"\r\n                    alt=\"Full Home Remodeling\"\r\n                    class=\"asg-services__image\"\r\n                    data-image=\"home\"\r\n                >\r\n\r\n                <div class=\"asg-services__image-index\">\r\n                    <span class=\"asg-services__current\">01<\/span>\r\n                    <span class=\"asg-services__slash\">\/<\/span>\r\n                    <span>05<\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"asg-services__content\">\r\n\r\n            <div class=\"asg-services__label\">\r\n                <span><\/span>\r\n                WHAT WE DO\r\n            <\/div>\r\n\r\n            <div class=\"asg-services__heading\">\r\n                <h2>\r\n                    Built around\r\n                    <em>your space.<\/em>\r\n                <\/h2>\r\n            <\/div>\r\n\r\n            <div class=\"asg-services__list\">\r\n\r\n                <button class=\"asg-service is-active\" data-target=\"adu\" data-number=\"01\">\r\n                    <span class=\"asg-service__number\">01<\/span>\r\n                    <span class=\"asg-service__name\">ADU Construction<\/span>\r\n                    <span class=\"asg-service__arrow\">\u2197<\/span>\r\n                <\/button>\r\n\r\n                <button class=\"asg-service\" data-target=\"kitchen\" data-number=\"02\">\r\n                    <span class=\"asg-service__number\">02<\/span>\r\n                    <span class=\"asg-service__name\">Kitchen Remodeling<\/span>\r\n                    <span class=\"asg-service__arrow\">\u2197<\/span>\r\n                <\/button>\r\n\r\n                <button class=\"asg-service\" data-target=\"bathroom\" data-number=\"03\">\r\n                    <span class=\"asg-service__number\">03<\/span>\r\n                    <span class=\"asg-service__name\">Bathroom Remodeling<\/span>\r\n                    <span class=\"asg-service__arrow\">\u2197<\/span>\r\n                <\/button>\r\n\r\n                <button class=\"asg-service\" data-target=\"addition\" data-number=\"04\">\r\n                    <span class=\"asg-service__number\">04<\/span>\r\n                    <span class=\"asg-service__name\">Room Additions<\/span>\r\n                    <span class=\"asg-service__arrow\">\u2197<\/span>\r\n                <\/button>\r\n\r\n                <button class=\"asg-service\" data-target=\"home\" data-number=\"05\">\r\n                    <span class=\"asg-service__number\">05<\/span>\r\n                    <span class=\"asg-service__name\">Full Home Remodeling<\/span>\r\n                    <span class=\"asg-service__arrow\">\u2197<\/span>\r\n                <\/button>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"asg-services__bottom\">\r\n\r\n                <p>\r\n                    From focused renovations to complete transformations,\r\n                    every project is managed with the same attention to execution,\r\n                    detail and finish.\r\n                <\/p>\r\n\r\n                <a href=\"tel:+18186335462\">\r\n                    Start a project\r\n                    <span>\u2197<\/span>\r\n                <\/a>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n<style>\r\n\r\n.asg-services{\r\n    position:relative;\r\n    width:100vw;\r\n    max-width:100vw;\r\n    margin-left:calc(50% - 50vw);\r\n    margin-right:calc(50% - 50vw);\r\n    margin-top:-20px;\r\n    overflow:hidden;\r\n    background:#f7f7f5;\r\n    color:#111;\r\n    direction:ltr !important;\r\n    text-align:left !important;\r\n    font-family:Arial,Helvetica,sans-serif;\r\n}\r\n\r\n.asg-services *{\r\n    box-sizing:border-box;\r\n}\r\n\r\n.asg-services__inner{\r\n    width:min(1500px,calc(100% - 100px));\r\n    margin:0 auto;\r\n    padding:120px 0;\r\n    display:grid;\r\n    grid-template-columns:minmax(420px,.9fr) minmax(500px,1.1fr);\r\n    gap:8vw;\r\n    align-items:center;\r\n}\r\n\r\n.asg-services__visual{\r\n    position:relative;\r\n}\r\n\r\n.asg-services__image-wrap{\r\n    position:relative;\r\n    width:100%;\r\n    height:720px;\r\n    overflow:hidden;\r\n    background:#111;\r\n}\r\n\r\n.asg-services__image{\r\n    position:absolute;\r\n    inset:0;\r\n    width:100%;\r\n    height:100%;\r\n    object-fit:cover;\r\n    opacity:0;\r\n    transform:scale(1.06);\r\n    transition:\r\n        opacity .55s ease,\r\n        transform 1.1s cubic-bezier(.2,.7,.2,1);\r\n}\r\n\r\n.asg-services__image.is-active{\r\n    opacity:1;\r\n    transform:scale(1);\r\n}\r\n\r\n.asg-services__image-wrap:after{\r\n    content:\"\";\r\n    position:absolute;\r\n    inset:0;\r\n    background:\r\n        linear-gradient(\r\n            180deg,\r\n            transparent 55%,\r\n            rgba(0,0,0,.45) 100%\r\n        );\r\n    pointer-events:none;\r\n}\r\n\r\n.asg-services__image-index{\r\n    position:absolute;\r\n    z-index:3;\r\n    left:24px;\r\n    bottom:22px;\r\n    display:flex;\r\n    align-items:center;\r\n    gap:7px;\r\n    font-size:9px;\r\n    font-weight:700;\r\n    letter-spacing:2px;\r\n    color:rgba(255,255,255,.6);\r\n}\r\n\r\n.asg-services__current{\r\n    color:#fff;\r\n    font-family:Georgia,\"Times New Roman\",serif;\r\n    font-style:italic;\r\n    font-size:22px;\r\n    font-weight:400;\r\n    letter-spacing:0;\r\n}\r\n\r\n.asg-services__slash{\r\n    color:#b88d43;\r\n}\r\n\r\n.asg-services__content{\r\n    position:relative;\r\n}\r\n\r\n.asg-services__label{\r\n    display:flex;\r\n    align-items:center;\r\n    gap:13px;\r\n    margin-bottom:30px;\r\n    font-size:9px;\r\n    font-weight:700;\r\n    letter-spacing:3px;\r\n    color:#9d7632;\r\n}\r\n\r\n.asg-services__label span{\r\n    width:38px;\r\n    height:1px;\r\n    background:#9d7632;\r\n}\r\n\r\n.asg-services__heading h2{\r\n    margin:0 0 60px;\r\n    max-width:720px;\r\n    font-size:clamp(60px,6vw,100px);\r\n    line-height:.92;\r\n    letter-spacing:-5px;\r\n    font-weight:700;\r\n    color:#111;\r\n}\r\n\r\n.asg-services__heading h2 em{\r\n    display:block;\r\n    margin-top:6px;\r\n    font-family:Georgia,\"Times New Roman\",serif;\r\n    font-size:.9em;\r\n    font-style:italic;\r\n    font-weight:400;\r\n    letter-spacing:-3px;\r\n    color:#a47c34;\r\n}\r\n\r\n.asg-services__list{\r\n    width:100%;\r\n    border-top:1px solid rgba(0,0,0,.18);\r\n}\r\n\r\n.asg-service{\r\n    position:relative;\r\n    width:100%;\r\n    min-height:92px;\r\n    padding:0;\r\n    border:0;\r\n    border-bottom:1px solid rgba(0,0,0,.18);\r\n    background:transparent;\r\n    display:grid;\r\n    grid-template-columns:55px 1fr 35px;\r\n    gap:15px;\r\n    align-items:center;\r\n    color:#aaa;\r\n    text-align:left;\r\n    cursor:pointer;\r\n    transition:\r\n        color .35s ease,\r\n        padding-left .35s cubic-bezier(.2,.7,.2,1),\r\n        background .35s ease;\r\n}\r\n\r\n.asg-service:before{\r\n    content:\"\";\r\n    position:absolute;\r\n    left:0;\r\n    top:50%;\r\n    width:0;\r\n    height:1px;\r\n    background:#a47c34;\r\n    transition:width .35s ease;\r\n}\r\n\r\n.asg-service:hover,\r\n.asg-service.is-active{\r\n    color:#111;\r\n    padding-left:18px;\r\n}\r\n\r\n.asg-service:hover:before,\r\n.asg-service.is-active:before{\r\n    width:8px;\r\n}\r\n\r\n.asg-service__number{\r\n    font-family:Georgia,\"Times New Roman\",serif;\r\n    font-size:12px;\r\n    font-style:italic;\r\n    color:#9a9a9a;\r\n}\r\n\r\n.asg-service.is-active .asg-service__number{\r\n    color:#a47c34;\r\n}\r\n\r\n.asg-service__name{\r\n    font-size:clamp(24px,2.1vw,36px);\r\n    line-height:1;\r\n    font-weight:500;\r\n    letter-spacing:-1.2px;\r\n}\r\n\r\n.asg-service__arrow{\r\n    justify-self:end;\r\n    font-size:20px;\r\n    line-height:1;\r\n    opacity:0;\r\n    transform:translate(-8px,8px);\r\n    transition:\r\n        opacity .3s ease,\r\n        transform .3s ease;\r\n}\r\n\r\n.asg-service:hover .asg-service__arrow,\r\n.asg-service.is-active .asg-service__arrow{\r\n    opacity:1;\r\n    transform:translate(0,0);\r\n}\r\n\r\n.asg-services__bottom{\r\n    margin-top:45px;\r\n    display:grid;\r\n    grid-template-columns:1fr auto;\r\n    gap:40px;\r\n    align-items:end;\r\n}\r\n\r\n.asg-services__bottom p{\r\n    max-width:440px;\r\n    margin:0;\r\n    font-size:14px;\r\n    line-height:1.7;\r\n    color:#666;\r\n}\r\n\r\n.asg-services__bottom a{\r\n    display:inline-flex;\r\n    align-items:center;\r\n    gap:13px;\r\n    color:#111 !important;\r\n    text-decoration:none !important;\r\n    font-size:9px;\r\n    font-weight:700;\r\n    letter-spacing:1.7px;\r\n    text-transform:uppercase;\r\n    white-space:nowrap;\r\n}\r\n\r\n.asg-services__bottom a span{\r\n    font-size:18px;\r\n    color:#a47c34;\r\n    transition:transform .3s ease;\r\n}\r\n\r\n.asg-services__bottom a:hover span{\r\n    transform:translate(5px,-5px);\r\n}\r\n\r\n@media(max-width:1100px){\r\n\r\n    .asg-services__inner{\r\n        width:calc(100% - 60px);\r\n        grid-template-columns:.85fr 1fr;\r\n        gap:60px;\r\n    }\r\n\r\n    .asg-services__image-wrap{\r\n        height:620px;\r\n    }\r\n\r\n    .asg-service{\r\n        min-height:82px;\r\n    }\r\n\r\n}\r\n\r\n@media(max-width:767px){\r\n\r\n    .asg-services{\r\n        background:#f8f8f7;\r\n    }\r\n\r\n    .asg-services__inner{\r\n        width:100%;\r\n        padding:0 0 70px;\r\n        display:flex;\r\n        flex-direction:column;\r\n        gap:0;\r\n    }\r\n\r\n    .asg-services__visual{\r\n        width:100%;\r\n        order:1;\r\n    }\r\n\r\n    .asg-services__image-wrap{\r\n        width:100%;\r\n        height:58vh;\r\n        min-height:400px;\r\n        max-height:560px;\r\n    }\r\n\r\n    .asg-services__image-index{\r\n        left:18px;\r\n        bottom:17px;\r\n    }\r\n\r\n    .asg-services__content{\r\n        width:100%;\r\n        padding:72px 19px 0;\r\n        order:2;\r\n    }\r\n\r\n    .asg-services__label{\r\n        margin-bottom:22px;\r\n        font-size:8px;\r\n        letter-spacing:2.5px;\r\n    }\r\n\r\n    .asg-services__label span{\r\n        width:28px;\r\n    }\r\n\r\n    .asg-services__heading h2{\r\n        margin-bottom:42px;\r\n        font-size:clamp(48px,13.5vw,64px);\r\n        line-height:.95;\r\n        letter-spacing:-3px;\r\n    }\r\n\r\n    .asg-services__heading h2 em{\r\n        margin-top:4px;\r\n        letter-spacing:-2px;\r\n    }\r\n\r\n    .asg-service{\r\n        min-height:72px;\r\n        grid-template-columns:38px 1fr 24px;\r\n        gap:10px;\r\n    }\r\n\r\n    .asg-service:hover,\r\n    .asg-service.is-active{\r\n        padding-left:10px;\r\n    }\r\n\r\n    .asg-service__number{\r\n        font-size:10px;\r\n    }\r\n\r\n    .asg-service__name{\r\n        font-size:21px;\r\n        letter-spacing:-.7px;\r\n    }\r\n\r\n    .asg-service__arrow{\r\n        font-size:17px;\r\n    }\r\n\r\n    .asg-services__bottom{\r\n        margin-top:35px;\r\n        display:block;\r\n    }\r\n\r\n    .asg-services__bottom p{\r\n        max-width:360px;\r\n        font-size:13px;\r\n        line-height:1.65;\r\n    }\r\n\r\n    .asg-services__bottom a{\r\n        margin-top:25px;\r\n        font-size:8px;\r\n        letter-spacing:1.5px;\r\n    }\r\n\r\n}\r\n\r\n@media(max-width:390px){\r\n\r\n    .asg-services__image-wrap{\r\n        height:54vh;\r\n        min-height:370px;\r\n    }\r\n\r\n    .asg-services__content{\r\n        padding-left:16px;\r\n        padding-right:16px;\r\n    }\r\n\r\n    .asg-services__heading h2{\r\n        font-size:clamp(44px,13vw,54px);\r\n    }\r\n\r\n    .asg-service__name{\r\n        font-size:19px;\r\n    }\r\n\r\n}\r\n\r\n.elementor-widget-html:has(.asg-services){\r\n    width:100% !important;\r\n    max-width:none !important;\r\n}\r\n\r\n.elementor-widget-html:has(.asg-services) .elementor-widget-container{\r\n    overflow:visible !important;\r\n}\r\n\r\n<\/style>\r\n\r\n<script>\r\n\r\ndocument.addEventListener(\"DOMContentLoaded\",function(){\r\n\r\n    const section=document.querySelector(\".asg-services\");\r\n\r\n    if(!section) return;\r\n\r\n    const services=Array.from(section.querySelectorAll(\".asg-service\"));\r\n    const images=Array.from(section.querySelectorAll(\".asg-services__image\"));\r\n    const current=section.querySelector(\".asg-services__current\");\r\n\r\n    function activateService(service){\r\n\r\n        const target=service.dataset.target;\r\n        const number=service.dataset.number;\r\n\r\n        services.forEach(function(item){\r\n            item.classList.remove(\"is-active\");\r\n        });\r\n\r\n        images.forEach(function(image){\r\n            image.classList.remove(\"is-active\");\r\n        });\r\n\r\n        service.classList.add(\"is-active\");\r\n\r\n        const nextImage=section.querySelector(\r\n            '.asg-services__image[data-image=\"'+target+'\"]'\r\n        );\r\n\r\n        if(nextImage){\r\n            nextImage.classList.add(\"is-active\");\r\n        }\r\n\r\n        if(current){\r\n            current.textContent=number;\r\n        }\r\n\r\n    }\r\n\r\n    services.forEach(function(service){\r\n\r\n        service.addEventListener(\"mouseenter\",function(){\r\n\r\n            if(window.matchMedia(\"(pointer:fine)\").matches){\r\n                activateService(service);\r\n            }\r\n\r\n        });\r\n\r\n        service.addEventListener(\"click\",function(){\r\n\r\n            activateService(service);\r\n\r\n            if(window.innerWidth<=767){\r\n\r\n                const visual=section.querySelector(\".asg-services__visual\");\r\n\r\n                if(visual){\r\n\r\n                    visual.scrollIntoView({\r\n                        behavior:\"smooth\",\r\n                        block:\"start\"\r\n                    });\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\n<\/div>\n<div class=\"elementor-element elementor-element-eec5053 e-con e-atomic-element e-flexbox-base e-default-div e-5afee30 \" data-id=\"eec5053\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"eec5053\" data-e-type=\"e-flexbox\" data-id=\"eec5053\">\n    \t\t<div class=\"elementor-element elementor-element-929e881 elementor-widget elementor-widget-html\" data-id=\"929e881\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"asg-process\" id=\"process\">\r\n\r\n    <div class=\"asg-process__inner\">\r\n\r\n        <div class=\"asg-process__top\">\r\n\r\n            <div class=\"asg-process__label\">\r\n                <span><\/span>\r\n                HOW WE WORK\r\n            <\/div>\r\n\r\n            <h2>\r\n                Simple process.\r\n                <em>Serious execution.<\/em>\r\n            <\/h2>\r\n\r\n            <p>\r\n                Every project moves through a clear path from the first conversation\r\n                to the final walkthrough.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"asg-process__track\">\r\n\r\n            <div class=\"asg-process__line\">\r\n                <div class=\"asg-process__line-fill\"><\/div>\r\n            <\/div>\r\n\r\n            <article class=\"asg-process__step\">\r\n                <div class=\"asg-process__step-number\">01<\/div>\r\n\r\n                <div class=\"asg-process__step-body\">\r\n                    <span class=\"asg-process__step-label\">PLAN<\/span>\r\n\r\n                    <h3>Understand the space.<\/h3>\r\n\r\n                    <p>\r\n                        We start with the scope, the priorities and the details that shape\r\n                        how the project should come together.\r\n                    <\/p>\r\n                <\/div>\r\n            <\/article>\r\n\r\n            <article class=\"asg-process__step\">\r\n                <div class=\"asg-process__step-number\">02<\/div>\r\n\r\n                <div class=\"asg-process__step-body\">\r\n                    <span class=\"asg-process__step-label\">BUILD<\/span>\r\n\r\n                    <h3>Make it happen.<\/h3>\r\n\r\n                    <p>\r\n                        Materials, scheduling and execution stay coordinated so the work\r\n                        keeps moving without unnecessary friction.\r\n                    <\/p>\r\n                <\/div>\r\n            <\/article>\r\n\r\n            <article class=\"asg-process__step\">\r\n                <div class=\"asg-process__step-number\">03<\/div>\r\n\r\n                <div class=\"asg-process__step-body\">\r\n                    <span class=\"asg-process__step-label\">FINISH<\/span>\r\n\r\n                    <h3>Leave it right.<\/h3>\r\n\r\n                    <p>\r\n                        Final details matter. We close out the work, review the finish and\r\n                        hand over a space that feels complete.\r\n                    <\/p>\r\n                <\/div>\r\n            <\/article>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"asg-process__bottom\">\r\n\r\n            <div class=\"asg-process__bottom-text\">\r\n                READY WHEN YOU ARE\r\n            <\/div>\r\n\r\n            <a href=\"tel:+18186335462\">\r\n                Talk to Joe\r\n                <span>\u2197<\/span>\r\n            <\/a>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n<style>\r\n\r\n.asg-process{\r\n    position:relative;\r\n    width:100vw;\r\n    max-width:100vw;\r\n    margin-left:calc(50% - 50vw);\r\n    margin-right:calc(50% - 50vw);\r\n    margin-top:-20px;\r\n    overflow:hidden;\r\n    background:#fff;\r\n    color:#111;\r\n    direction:ltr !important;\r\n    text-align:left !important;\r\n    font-family:Arial,Helvetica,sans-serif;\r\n}\r\n\r\n.asg-process *{\r\n    box-sizing:border-box;\r\n}\r\n\r\n.asg-process__inner{\r\n    width:min(1500px,calc(100% - 100px));\r\n    margin:0 auto;\r\n    padding:125px 0 105px;\r\n}\r\n\r\n.asg-process__top{\r\n    display:grid;\r\n    grid-template-columns:170px minmax(0,1fr) minmax(300px,380px);\r\n    gap:60px;\r\n    align-items:end;\r\n}\r\n\r\n.asg-process__label{\r\n    display:flex;\r\n    align-items:center;\r\n    gap:13px;\r\n    padding-bottom:11px;\r\n    font-size:9px;\r\n    font-weight:700;\r\n    letter-spacing:3px;\r\n    color:#a47c34;\r\n}\r\n\r\n.asg-process__label span{\r\n    width:34px;\r\n    height:1px;\r\n    background:#a47c34;\r\n}\r\n\r\n.asg-process__top h2{\r\n    margin:0;\r\n    max-width:780px;\r\n    font-size:clamp(62px,6.4vw,105px);\r\n    line-height:.9;\r\n    letter-spacing:-5px;\r\n    font-weight:700;\r\n    color:#111;\r\n}\r\n\r\n.asg-process__top h2 em{\r\n    display:block;\r\n    margin-top:6px;\r\n    font-family:Georgia,\"Times New Roman\",serif;\r\n    font-size:.9em;\r\n    line-height:1;\r\n    font-weight:400;\r\n    font-style:italic;\r\n    letter-spacing:-3px;\r\n    color:#a47c34;\r\n}\r\n\r\n.asg-process__top > p{\r\n    margin:0 0 7px;\r\n    font-size:14px;\r\n    line-height:1.7;\r\n    color:#666;\r\n}\r\n\r\n.asg-process__track{\r\n    position:relative;\r\n    margin-top:110px;\r\n    padding-top:22px;\r\n    display:grid;\r\n    grid-template-columns:repeat(3,1fr);\r\n    gap:0;\r\n}\r\n\r\n.asg-process__line{\r\n    position:absolute;\r\n    left:0;\r\n    top:0;\r\n    width:100%;\r\n    height:1px;\r\n    overflow:hidden;\r\n    background:#d8d8d8;\r\n}\r\n\r\n.asg-process__line-fill{\r\n    width:0;\r\n    height:100%;\r\n    background:#111;\r\n    transition:width 1.6s cubic-bezier(.18,.78,.2,1);\r\n}\r\n\r\n.asg-process.is-visible .asg-process__line-fill{\r\n    width:100%;\r\n}\r\n\r\n.asg-process__step{\r\n    position:relative;\r\n    min-height:390px;\r\n    padding:28px 48px 25px;\r\n    border-right:1px solid #dedede;\r\n    opacity:0;\r\n    transform:translateY(45px);\r\n    transition:\r\n        opacity .8s ease,\r\n        transform .9s cubic-bezier(.18,.78,.2,1);\r\n}\r\n\r\n.asg-process__step:first-of-type{\r\n    padding-left:0;\r\n}\r\n\r\n.asg-process__step:last-of-type{\r\n    border-right:0;\r\n    padding-right:0;\r\n}\r\n\r\n.asg-process__step:nth-of-type(2){\r\n    transition-delay:.1s;\r\n}\r\n\r\n.asg-process__step:nth-of-type(3){\r\n    transition-delay:.2s;\r\n}\r\n\r\n.asg-process.is-visible .asg-process__step{\r\n    opacity:1;\r\n    transform:translateY(0);\r\n}\r\n\r\n.asg-process__step:before{\r\n    content:\"\";\r\n    position:absolute;\r\n    top:-27px;\r\n    left:48px;\r\n    width:7px;\r\n    height:7px;\r\n    border-radius:50%;\r\n    background:#fff;\r\n    border:1px solid #111;\r\n    transform:scale(.3);\r\n    transition:\r\n        transform .5s ease,\r\n        background .5s ease;\r\n}\r\n\r\n.asg-process__step:first-of-type:before{\r\n    left:0;\r\n}\r\n\r\n.asg-process.is-visible .asg-process__step:before{\r\n    transform:scale(1);\r\n    background:#a47c34;\r\n    border-color:#a47c34;\r\n}\r\n\r\n.asg-process__step-number{\r\n    margin-bottom:70px;\r\n    font-family:Georgia,\"Times New Roman\",serif;\r\n    font-size:46px;\r\n    line-height:1;\r\n    font-weight:400;\r\n    font-style:italic;\r\n    color:#d1d1d1;\r\n}\r\n\r\n.asg-process__step-label{\r\n    display:block;\r\n    margin-bottom:16px;\r\n    font-size:8px;\r\n    font-weight:700;\r\n    letter-spacing:2.5px;\r\n    color:#a47c34;\r\n}\r\n\r\n.asg-process__step h3{\r\n    margin:0 0 18px;\r\n    max-width:320px;\r\n    font-size:clamp(28px,2.4vw,40px);\r\n    line-height:1.05;\r\n    letter-spacing:-1.7px;\r\n    font-weight:600;\r\n    color:#111;\r\n}\r\n\r\n.asg-process__step p{\r\n    max-width:330px;\r\n    margin:0;\r\n    font-size:13.5px;\r\n    line-height:1.75;\r\n    color:#777;\r\n}\r\n\r\n.asg-process__bottom{\r\n    margin-top:40px;\r\n    padding-top:24px;\r\n    border-top:1px solid #d8d8d8;\r\n    display:flex;\r\n    justify-content:space-between;\r\n    align-items:center;\r\n    gap:30px;\r\n}\r\n\r\n.asg-process__bottom-text{\r\n    font-size:8px;\r\n    font-weight:700;\r\n    letter-spacing:2.5px;\r\n    color:#8d8d8d;\r\n}\r\n\r\n.asg-process__bottom a{\r\n    display:inline-flex;\r\n    align-items:center;\r\n    gap:14px;\r\n    color:#111 !important;\r\n    text-decoration:none !important;\r\n    font-size:10px;\r\n    font-weight:700;\r\n    letter-spacing:1.6px;\r\n    text-transform:uppercase;\r\n}\r\n\r\n.asg-process__bottom a span{\r\n    font-size:19px;\r\n    color:#a47c34;\r\n    transition:transform .3s ease;\r\n}\r\n\r\n.asg-process__bottom a:hover span{\r\n    transform:translate(5px,-5px);\r\n}\r\n\r\n@media(max-width:1050px){\r\n\r\n    .asg-process__inner{\r\n        width:calc(100% - 60px);\r\n    }\r\n\r\n    .asg-process__top{\r\n        grid-template-columns:130px 1fr;\r\n    }\r\n\r\n    .asg-process__top > p{\r\n        grid-column:2;\r\n        max-width:500px;\r\n        margin-top:10px;\r\n    }\r\n\r\n    .asg-process__step{\r\n        padding-left:30px;\r\n        padding-right:30px;\r\n    }\r\n\r\n    .asg-process__step:before{\r\n        left:30px;\r\n    }\r\n\r\n}\r\n\r\n@media(max-width:767px){\r\n\r\n    .asg-process__inner{\r\n        width:calc(100% - 38px);\r\n        padding:82px 0 65px;\r\n    }\r\n\r\n    .asg-process__top{\r\n        display:block;\r\n    }\r\n\r\n    .asg-process__label{\r\n        padding:0;\r\n        margin-bottom:24px;\r\n        font-size:8px;\r\n        letter-spacing:2.5px;\r\n    }\r\n\r\n    .asg-process__label span{\r\n        width:28px;\r\n    }\r\n\r\n    .asg-process__top h2{\r\n        font-size:clamp(49px,14vw,65px);\r\n        line-height:.93;\r\n        letter-spacing:-3px;\r\n    }\r\n\r\n    .asg-process__top h2 em{\r\n        margin-top:5px;\r\n        letter-spacing:-2px;\r\n    }\r\n\r\n    .asg-process__top > p{\r\n        max-width:360px;\r\n        margin-top:28px;\r\n        font-size:13.5px;\r\n        line-height:1.65;\r\n    }\r\n\r\n    .asg-process__track{\r\n        margin-top:65px;\r\n        padding:0 0 0 30px;\r\n        display:block;\r\n    }\r\n\r\n    .asg-process__line{\r\n        top:0;\r\n        left:3px;\r\n        width:1px;\r\n        height:100%;\r\n        background:#d5d5d5;\r\n    }\r\n\r\n    .asg-process__line-fill{\r\n        width:100%;\r\n        height:0;\r\n        transition:height 1.6s cubic-bezier(.18,.78,.2,1);\r\n    }\r\n\r\n    .asg-process.is-visible .asg-process__line-fill{\r\n        width:100%;\r\n        height:100%;\r\n    }\r\n\r\n    .asg-process__step,\r\n    .asg-process__step:first-of-type,\r\n    .asg-process__step:last-of-type{\r\n        min-height:0;\r\n        padding:0 0 68px;\r\n        border:0;\r\n    }\r\n\r\n    .asg-process__step:last-of-type{\r\n        padding-bottom:20px;\r\n    }\r\n\r\n    .asg-process__step:before,\r\n    .asg-process__step:first-of-type:before{\r\n        top:5px;\r\n        left:-30px;\r\n        width:7px;\r\n        height:7px;\r\n    }\r\n\r\n    .asg-process__step-number{\r\n        margin-bottom:26px;\r\n        font-size:36px;\r\n    }\r\n\r\n    .asg-process__step-label{\r\n        margin-bottom:12px;\r\n        font-size:7px;\r\n        letter-spacing:2px;\r\n    }\r\n\r\n    .asg-process__step h3{\r\n        margin-bottom:13px;\r\n        font-size:29px;\r\n        letter-spacing:-1px;\r\n    }\r\n\r\n    .asg-process__step p{\r\n        max-width:330px;\r\n        font-size:13px;\r\n        line-height:1.7;\r\n    }\r\n\r\n    .asg-process__bottom{\r\n        margin-top:42px;\r\n        padding-top:20px;\r\n    }\r\n\r\n}\r\n\r\n@media(max-width:390px){\r\n\r\n    .asg-process__inner{\r\n        width:calc(100% - 32px);\r\n    }\r\n\r\n    .asg-process__top h2{\r\n        font-size:clamp(45px,13vw,55px);\r\n    }\r\n\r\n    .asg-process__bottom{\r\n        align-items:flex-start;\r\n        flex-direction:column;\r\n        gap:18px;\r\n    }\r\n\r\n}\r\n\r\n.elementor-widget-html:has(.asg-process){\r\n    width:100% !important;\r\n    max-width:none !important;\r\n}\r\n\r\n.elementor-widget-html:has(.asg-process) .elementor-widget-container{\r\n    overflow:visible !important;\r\n}\r\n\r\n<\/style>\r\n\r\n<script>\r\n\r\ndocument.addEventListener(\"DOMContentLoaded\",function(){\r\n\r\n    const section=document.querySelector(\".asg-process\");\r\n\r\n    if(!section) return;\r\n\r\n    const observer=new IntersectionObserver(function(entries){\r\n\r\n        entries.forEach(function(entry){\r\n\r\n            if(entry.isIntersecting){\r\n                section.classList.add(\"is-visible\");\r\n                observer.unobserve(section);\r\n            }\r\n\r\n        });\r\n\r\n    },{\r\n        threshold:.15\r\n    });\r\n\r\n    observer.observe(section);\r\n\r\n});\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-9c6fada e-con e-atomic-element e-flexbox-base e-default-div e-e106702 \" data-id=\"9c6fada\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"9c6fada\" data-e-type=\"e-flexbox\" data-id=\"9c6fada\">\n    \t\t<div class=\"elementor-element elementor-element-2406baf elementor-widget elementor-widget-html\" data-id=\"2406baf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"asg-contact\" id=\"contact\">\r\n\r\n    <div class=\"asg-contact__ghost\">\r\n        LET'S BUILD\r\n    <\/div>\r\n\r\n    <div class=\"asg-contact__inner\">\r\n\r\n        <div class=\"asg-contact__left\">\r\n\r\n            <div class=\"asg-contact__label\">\r\n                <span><\/span>\r\n                START A CONVERSATION\r\n            <\/div>\r\n\r\n            <h2>\r\n                Ready to make\r\n                <em>it happen?<\/em>\r\n            <\/h2>\r\n\r\n            <p class=\"asg-contact__intro\">\r\n                Tell us what you're planning and leave your details.\r\n                We'll get back to you and take it from there.\r\n            <\/p>\r\n\r\n            <div class=\"asg-contact__direct\">\r\n\r\n                <span class=\"asg-contact__direct-label\">\r\n                    RATHER TALK NOW?\r\n                <\/span>\r\n\r\n                <a href=\"tel:+18186335462\">\r\n\r\n                    <span class=\"asg-contact__joe\">\r\n                        Joe\r\n                    <\/span>\r\n\r\n                    <span class=\"asg-contact__phone\">\r\n                        818 633 5462\r\n                    <\/span>\r\n\r\n                    <span class=\"asg-contact__phone-arrow\">\r\n                        \u2197\r\n                    <\/span>\r\n\r\n                <\/a>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"asg-contact__form\">\r\n\r\n            <div class=\"asg-contact__form-head\">\r\n\r\n                <span>YOUR PROJECT<\/span>\r\n\r\n                <span class=\"asg-contact__form-no\">\r\n                    01 \/ 01\r\n                <\/span>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"asg-contact__form-title\">\r\n                Let's talk.\r\n            <\/div>\r\n\r\n            <div class=\"asg-contact__shortcode\">\r\n                \t\t<div data-elementor-type=\"section\" data-elementor-id=\"116\" class=\"elementor elementor-116\" data-elementor-post-type=\"elementor_library\">\n\t\t\t<div class=\"elementor-element elementor-element-4db858a e-con e-atomic-element e-flexbox-base e-default-div e-9de7e9a \" data-id=\"4db858a\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"4db858a\" data-e-type=\"e-flexbox\" data-id=\"4db858a\">\n    \t\t<div class=\"elementor-element elementor-element-372de38 elementor-button-align-stretch elementor-widget elementor-widget-form\" data-id=\"372de38\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;step_next_label&quot;:&quot;Next&quot;,&quot;step_previous_label&quot;:&quot;Previous&quot;,&quot;button_width&quot;:&quot;100&quot;,&quot;step_type&quot;:&quot;number_text&quot;,&quot;step_icon_shape&quot;:&quot;circle&quot;}\" data-widget_type=\"form.default\">\n\t\t\t\t\t\t\t<form class=\"elementor-form\" method=\"post\" name=\"New Form\" aria-label=\"New Form\">\n\t\t\t<input type=\"hidden\" name=\"post_id\" value=\"116\"\/>\n\t\t\t<input type=\"hidden\" name=\"form_id\" value=\"372de38\"\/>\n\t\t\t<input type=\"hidden\" name=\"referer_title\" value=\"\" \/>\n\n\t\t\t\n\t\t\t<div class=\"elementor-form-fields-wrapper elementor-labels-above\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-name elementor-col-100 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-name\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tName\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[name]\" id=\"form-field-name\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" placeholder=\"Name\" required=\"required\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-tel elementor-field-group elementor-column elementor-field-group-email elementor-col-100 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-email\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tPhone\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t<input size=\"1\" type=\"tel\" name=\"form_fields[email]\" id=\"form-field-email\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" placeholder=\"Phone to call back \" required=\"required\" pattern=\"[0-9()#&amp;+*-=.]+\" title=\"Only numbers and phone characters (#, -, *, etc) are accepted.\">\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-textarea elementor-field-group elementor-column elementor-field-group-message elementor-col-100\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-message\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tMessage\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t<textarea class=\"elementor-field-textual elementor-field  elementor-size-sm\" name=\"form_fields[message]\" id=\"form-field-message\" rows=\"4\" placeholder=\"Message\"><\/textarea>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-group elementor-column elementor-field-type-submit elementor-col-100 e-form__buttons\">\n\t\t\t\t\t<button class=\"elementor-button elementor-size-sm\" type=\"submit\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Send<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/button>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/form>\n\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"asg-contact__bottom\">\r\n\r\n        <span>ASG CONSTRUCTION GROUP INC.<\/span>\r\n\r\n        <div><\/div>\r\n\r\n        <span>LOS ANGELES \/ CALIFORNIA<\/span>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n<style>\r\n\r\n.asg-contact{\r\n    position:relative;\r\n    width:100vw;\r\n    max-width:100vw;\r\n    margin-left:calc(50% - 50vw);\r\n    margin-right:calc(50% - 50vw);\r\n    margin-top:-20px;\r\n    padding:130px 0 42px;\r\n    overflow:hidden;\r\n    background:#090909;\r\n    color:#fff;\r\n    direction:ltr !important;\r\n    text-align:left !important;\r\n    font-family:Arial,Helvetica,sans-serif;\r\n}\r\n\r\n.asg-contact *{\r\n    box-sizing:border-box;\r\n}\r\n\r\n.asg-contact__inner{\r\n    position:relative;\r\n    z-index:2;\r\n    width:min(1500px,calc(100% - 100px));\r\n    margin:0 auto;\r\n    display:grid;\r\n    grid-template-columns:minmax(350px,.85fr) minmax(480px,1.15fr);\r\n    gap:9vw;\r\n    align-items:center;\r\n}\r\n\r\n.asg-contact__ghost{\r\n    position:absolute;\r\n    left:-40px;\r\n    top:20px;\r\n    font-family:Arial,Helvetica,sans-serif;\r\n    font-size:clamp(170px,24vw,410px);\r\n    line-height:.75;\r\n    font-weight:900;\r\n    letter-spacing:-25px;\r\n    white-space:nowrap;\r\n    color:rgba(255,255,255,.022);\r\n    pointer-events:none;\r\n    user-select:none;\r\n}\r\n\r\n.asg-contact__left{\r\n    position:relative;\r\n    z-index:2;\r\n    max-width:640px;\r\n}\r\n\r\n.asg-contact__label{\r\n    display:flex;\r\n    align-items:center;\r\n    gap:14px;\r\n    margin-bottom:33px;\r\n    font-size:9px;\r\n    font-weight:700;\r\n    letter-spacing:3px;\r\n    color:#b78b3e;\r\n    opacity:0;\r\n    transform:translateY(25px);\r\n    transition:\r\n        opacity .7s ease,\r\n        transform .8s ease;\r\n}\r\n\r\n.asg-contact__label span{\r\n    width:40px;\r\n    height:1px;\r\n    background:#b78b3e;\r\n}\r\n\r\n.asg-contact h2{\r\n    margin:0 !important;\r\n    max-width:680px;\r\n    font-family:Arial,Helvetica,sans-serif !important;\r\n    font-size:clamp(70px,7vw,120px) !important;\r\n    line-height:.86 !important;\r\n    letter-spacing:-6px !important;\r\n    font-weight:700 !important;\r\n    color:#fff !important;\r\n    opacity:0;\r\n    transform:translateY(45px);\r\n    transition:\r\n        opacity .85s ease .08s,\r\n        transform 1s cubic-bezier(.18,.78,.2,1) .08s;\r\n}\r\n\r\n.asg-contact h2 em{\r\n    display:block;\r\n    margin-top:7px;\r\n    font-family:Georgia,\"Times New Roman\",serif;\r\n    font-weight:400;\r\n    font-style:italic;\r\n    letter-spacing:-4px;\r\n    color:#b78b3e;\r\n}\r\n\r\n.asg-contact__intro{\r\n    max-width:470px;\r\n    margin:38px 0 0 !important;\r\n    font-size:16px;\r\n    line-height:1.7;\r\n    color:rgba(255,255,255,.56);\r\n    opacity:0;\r\n    transform:translateY(30px);\r\n    transition:\r\n        opacity .8s ease .16s,\r\n        transform .9s ease .16s;\r\n}\r\n\r\n.asg-contact__direct{\r\n    margin-top:75px;\r\n    padding-top:20px;\r\n    border-top:1px solid rgba(255,255,255,.14);\r\n    opacity:0;\r\n    transform:translateY(25px);\r\n    transition:\r\n        opacity .8s ease .24s,\r\n        transform .9s ease .24s;\r\n}\r\n\r\n.asg-contact__direct-label{\r\n    display:block;\r\n    margin-bottom:17px;\r\n    font-size:7px;\r\n    font-weight:700;\r\n    letter-spacing:2.4px;\r\n    color:rgba(255,255,255,.35);\r\n}\r\n\r\n.asg-contact__direct a{\r\n    width:100%;\r\n    display:grid;\r\n    grid-template-columns:auto 1fr auto;\r\n    align-items:center;\r\n    gap:18px;\r\n    color:#fff !important;\r\n    text-decoration:none !important;\r\n}\r\n\r\n.asg-contact__joe{\r\n    font-family:Georgia,\"Times New Roman\",serif;\r\n    font-size:23px;\r\n    font-style:italic;\r\n    color:#b78b3e;\r\n}\r\n\r\n.asg-contact__phone{\r\n    font-size:clamp(21px,2.2vw,32px);\r\n    font-weight:600;\r\n    letter-spacing:-1px;\r\n}\r\n\r\n.asg-contact__phone-arrow{\r\n    font-size:22px;\r\n    color:#b78b3e;\r\n    transition:transform .3s ease;\r\n}\r\n\r\n.asg-contact__direct a:hover .asg-contact__phone-arrow{\r\n    transform:translate(5px,-5px);\r\n}\r\n\r\n.asg-contact__form{\r\n    position:relative;\r\n    z-index:3;\r\n    width:100%;\r\n    max-width:680px;\r\n    justify-self:end;\r\n    padding:46px 52px 50px;\r\n    background:#fff;\r\n    color:#111;\r\n    opacity:0;\r\n    transform:translateY(55px);\r\n    transition:\r\n        opacity .9s ease .14s,\r\n        transform 1s cubic-bezier(.18,.78,.2,1) .14s;\r\n}\r\n\r\n.asg-contact__form:before{\r\n    content:\"\";\r\n    position:absolute;\r\n    top:0;\r\n    left:0;\r\n    width:4px;\r\n    height:0;\r\n    background:#b78b3e;\r\n    transition:height 1s ease .5s;\r\n}\r\n\r\n.asg-contact__form-head{\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:space-between;\r\n    gap:20px;\r\n    margin-bottom:45px;\r\n    font-size:7px;\r\n    font-weight:700;\r\n    letter-spacing:2px;\r\n    color:#929292;\r\n}\r\n\r\n.asg-contact__form-no{\r\n    font-family:Georgia,\"Times New Roman\",serif;\r\n    font-size:10px;\r\n    font-style:italic;\r\n    font-weight:400;\r\n    letter-spacing:0;\r\n    color:#ac8136;\r\n}\r\n\r\n.asg-contact__form-title{\r\n    margin-bottom:35px;\r\n    font-family:Georgia,\"Times New Roman\",serif;\r\n    font-size:47px;\r\n    line-height:1;\r\n    font-style:italic;\r\n    letter-spacing:-2px;\r\n    color:#111;\r\n}\r\n\r\n.asg-contact__shortcode{\r\n    width:100%;\r\n}\r\n\r\n.asg-contact__shortcode .elementor-form{\r\n    width:100% !important;\r\n}\r\n\r\n.asg-contact__shortcode .elementor-field-group{\r\n    margin-bottom:21px !important;\r\n}\r\n\r\n.asg-contact__shortcode .elementor-field-label{\r\n    margin:0 0 7px !important;\r\n    font-family:Arial,Helvetica,sans-serif !important;\r\n    font-size:7px !important;\r\n    line-height:1.2 !important;\r\n    font-weight:700 !important;\r\n    letter-spacing:1.8px !important;\r\n    text-transform:uppercase !important;\r\n    color:#777 !important;\r\n    text-align:left !important;\r\n}\r\n\r\n.asg-contact__shortcode input.elementor-field,\r\n.asg-contact__shortcode textarea.elementor-field,\r\n.asg-contact__shortcode select.elementor-field{\r\n    width:100% !important;\r\n    min-height:52px !important;\r\n    padding:8px 0 !important;\r\n    border:0 !important;\r\n    border-bottom:1px solid #d1d1d1 !important;\r\n    border-radius:0 !important;\r\n    outline:0 !important;\r\n    background:transparent !important;\r\n    box-shadow:none !important;\r\n    font-family:Arial,Helvetica,sans-serif !important;\r\n    font-size:16px !important;\r\n    font-weight:400 !important;\r\n    color:#111 !important;\r\n    text-align:left !important;\r\n    direction:ltr !important;\r\n    transition:border-color .3s ease !important;\r\n}\r\n\r\n.asg-contact__shortcode textarea.elementor-field{\r\n    min-height:95px !important;\r\n    resize:vertical;\r\n}\r\n\r\n.asg-contact__shortcode input.elementor-field:focus,\r\n.asg-contact__shortcode textarea.elementor-field:focus,\r\n.asg-contact__shortcode select.elementor-field:focus{\r\n    border-bottom-color:#a67d33 !important;\r\n}\r\n\r\n.asg-contact__shortcode input.elementor-field::placeholder,\r\n.asg-contact__shortcode textarea.elementor-field::placeholder{\r\n    color:#aaa !important;\r\n    opacity:1 !important;\r\n}\r\n\r\n.asg-contact__shortcode .elementor-field-type-submit{\r\n    margin-top:15px !important;\r\n}\r\n\r\n.asg-contact__shortcode .elementor-button{\r\n    width:100% !important;\r\n    min-height:60px !important;\r\n    padding:0 25px !important;\r\n    border:1px solid #111 !important;\r\n    border-radius:0 !important;\r\n    background:#111 !important;\r\n    color:#fff !important;\r\n    font-family:Arial,Helvetica,sans-serif !important;\r\n    font-size:9px !important;\r\n    font-weight:700 !important;\r\n    letter-spacing:2px !important;\r\n    text-transform:uppercase !important;\r\n    transition:\r\n        background .3s ease,\r\n        color .3s ease,\r\n        border-color .3s ease !important;\r\n}\r\n\r\n.asg-contact__shortcode .elementor-button:hover{\r\n    background:#b78b3e !important;\r\n    border-color:#b78b3e !important;\r\n    color:#090909 !important;\r\n}\r\n\r\n.asg-contact__shortcode .elementor-message{\r\n    margin-top:15px !important;\r\n    font-family:Arial,Helvetica,sans-serif !important;\r\n    font-size:12px !important;\r\n}\r\n\r\n.asg-contact__bottom{\r\n    position:relative;\r\n    z-index:2;\r\n    width:min(1500px,calc(100% - 100px));\r\n    margin:95px auto 0;\r\n    display:grid;\r\n    grid-template-columns:auto 1fr auto;\r\n    align-items:center;\r\n    gap:25px;\r\n}\r\n\r\n.asg-contact__bottom div{\r\n    height:1px;\r\n    background:rgba(255,255,255,.13);\r\n}\r\n\r\n.asg-contact__bottom span{\r\n    font-size:7px;\r\n    font-weight:700;\r\n    letter-spacing:2px;\r\n    color:rgba(255,255,255,.28);\r\n}\r\n\r\n.asg-contact.is-visible .asg-contact__label,\r\n.asg-contact.is-visible h2,\r\n.asg-contact.is-visible .asg-contact__intro,\r\n.asg-contact.is-visible .asg-contact__direct,\r\n.asg-contact.is-visible .asg-contact__form{\r\n    opacity:1;\r\n    transform:translateY(0);\r\n}\r\n\r\n.asg-contact.is-visible .asg-contact__form:before{\r\n    height:100%;\r\n}\r\n\r\n@media(max-width:1050px){\r\n\r\n    .asg-contact__inner{\r\n        width:calc(100% - 60px);\r\n        grid-template-columns:.8fr 1.2fr;\r\n        gap:60px;\r\n    }\r\n\r\n    .asg-contact__form{\r\n        padding:40px 35px 42px;\r\n    }\r\n\r\n    .asg-contact__bottom{\r\n        width:calc(100% - 60px);\r\n    }\r\n\r\n}\r\n\r\n@media(max-width:767px){\r\n\r\n    .asg-contact{\r\n        padding:78px 0 28px;\r\n    }\r\n\r\n    .asg-contact__ghost{\r\n        display:none;\r\n    }\r\n\r\n    .asg-contact__inner{\r\n        width:100%;\r\n        display:flex;\r\n        flex-direction:column;\r\n        gap:52px;\r\n    }\r\n\r\n    .asg-contact__left{\r\n        width:calc(100% - 38px);\r\n        max-width:none;\r\n    }\r\n\r\n    .asg-contact__label{\r\n        margin-bottom:24px;\r\n        font-size:8px;\r\n        letter-spacing:2.4px;\r\n    }\r\n\r\n    .asg-contact__label span{\r\n        width:29px;\r\n    }\r\n\r\n    .asg-contact h2{\r\n        max-width:530px;\r\n        font-size:clamp(52px,15vw,70px) !important;\r\n        line-height:.89 !important;\r\n        letter-spacing:-3.5px !important;\r\n    }\r\n\r\n    .asg-contact h2 em{\r\n        margin-top:5px;\r\n        letter-spacing:-2.5px;\r\n    }\r\n\r\n    .asg-contact__intro{\r\n        max-width:350px;\r\n        margin-top:27px !important;\r\n        font-size:14px;\r\n        line-height:1.65;\r\n    }\r\n\r\n    .asg-contact__direct{\r\n        margin-top:44px;\r\n        padding-top:17px;\r\n    }\r\n\r\n    .asg-contact__direct a{\r\n        gap:11px;\r\n    }\r\n\r\n    .asg-contact__joe{\r\n        font-size:19px;\r\n    }\r\n\r\n    .asg-contact__phone{\r\n        font-size:21px;\r\n    }\r\n\r\n    .asg-contact__form{\r\n        width:calc(100% - 20px);\r\n        max-width:none;\r\n        margin-left:20px;\r\n        padding:37px 22px 38px;\r\n    }\r\n\r\n    .asg-contact__form-head{\r\n        margin-bottom:34px;\r\n    }\r\n\r\n    .asg-contact__form-title{\r\n        margin-bottom:30px;\r\n        font-size:38px;\r\n    }\r\n\r\n    .asg-contact__shortcode .elementor-field-group{\r\n        margin-bottom:18px !important;\r\n    }\r\n\r\n    .asg-contact__shortcode input.elementor-field,\r\n    .asg-contact__shortcode textarea.elementor-field,\r\n    .asg-contact__shortcode select.elementor-field{\r\n        min-height:49px !important;\r\n        font-size:16px !important;\r\n    }\r\n\r\n    .asg-contact__shortcode .elementor-button{\r\n        min-height:57px !important;\r\n    }\r\n\r\n    .asg-contact__bottom{\r\n        width:calc(100% - 38px);\r\n        margin-top:55px;\r\n        grid-template-columns:1fr;\r\n        gap:13px;\r\n    }\r\n\r\n    .asg-contact__bottom div{\r\n        order:-1;\r\n    }\r\n\r\n    .asg-contact__bottom span:last-child{\r\n        display:none;\r\n    }\r\n\r\n}\r\n\r\n@media(max-width:390px){\r\n\r\n    .asg-contact__left{\r\n        width:calc(100% - 32px);\r\n    }\r\n\r\n    .asg-contact h2{\r\n        font-size:clamp(48px,14vw,57px) !important;\r\n    }\r\n\r\n    .asg-contact__form{\r\n        width:calc(100% - 16px);\r\n        margin-left:16px;\r\n        padding-left:18px;\r\n        padding-right:18px;\r\n    }\r\n\r\n    .asg-contact__phone{\r\n        font-size:19px;\r\n    }\r\n\r\n}\r\n\r\n.elementor-widget-html:has(.asg-contact),\r\n.elementor-widget-shortcode:has(.asg-contact),\r\n.elementor-widget-text-editor:has(.asg-contact){\r\n    width:100% !important;\r\n    max-width:none !important;\r\n}\r\n\r\n<\/style>\r\n\r\n<script>\r\n\r\ndocument.addEventListener(\"DOMContentLoaded\",function(){\r\n\r\n    const section=document.querySelector(\".asg-contact\");\r\n\r\n    if(!section) return;\r\n\r\n    const observer=new IntersectionObserver(function(entries){\r\n\r\n        entries.forEach(function(entry){\r\n\r\n            if(entry.isIntersecting){\r\n\r\n                section.classList.add(\"is-visible\");\r\n                observer.unobserve(section);\r\n\r\n            }\r\n\r\n        });\r\n\r\n    },{\r\n        threshold:.12\r\n    });\r\n\r\n    observer.observe(section);\r\n\r\n});\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>ASG CONSTRUCTION GROUP INC. Built Right. Built To Last. Residential construction, remodeling and project management with a focus on quality, detail and lasting results. Start a Project Explore Our Work \u2192 CONSTRUCTION REMODELING PROJECT MANAGEMENT ASG BUILT FOR REAL LIFE Good work should feel obvious. CONSTRUCTION \/ REMODELING \/ ADDITIONS ASG CONSTRUCTION GROUP INC. EST. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-12","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/asgremodeling.com\/index.php?rest_route=\/wp\/v2\/pages\/12","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/asgremodeling.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/asgremodeling.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/asgremodeling.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/asgremodeling.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=12"}],"version-history":[{"count":49,"href":"https:\/\/asgremodeling.com\/index.php?rest_route=\/wp\/v2\/pages\/12\/revisions"}],"predecessor-version":[{"id":128,"href":"https:\/\/asgremodeling.com\/index.php?rest_route=\/wp\/v2\/pages\/12\/revisions\/128"}],"wp:attachment":[{"href":"https:\/\/asgremodeling.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=12"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}