.elementor-1469 .elementor-element.elementor-element-1209891{--display:flex;--align-items:stretch;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1469 .elementor-element.elementor-element-3285ee0{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1469 .elementor-element.elementor-element-1fe7e5c{--display:flex;}.elementor-1469 .elementor-element.elementor-element-64dbfb1{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1469 .elementor-element.elementor-element-0d2fea3{--display:flex;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-1469 .elementor-element.elementor-element-e2e8aa0{--display:flex;}.elementor-1469 .elementor-element.elementor-element-1271222{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1469 .elementor-element.elementor-element-10b9fdf{--display:flex;}.elementor-1469 .elementor-element.elementor-element-0b37726{--display:flex;}.elementor-1469 .elementor-element.elementor-element-a61dd4b{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1469 .elementor-element.elementor-element-691d31c{--display:flex;}.elementor-1469 .elementor-element.elementor-element-8d95dc5{--display:flex;}.elementor-1469 .elementor-element.elementor-element-0a90768{--display:flex;}.elementor-1469 .elementor-element.elementor-element-f3020cd{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1469 .elementor-element.elementor-element-7bd9f38{--display:flex;}.elementor-1469 .elementor-element.elementor-element-69f0818{--display:flex;}.elementor-1469 .elementor-element.elementor-element-87dec7c{--display:flex;}.elementor-1469 .elementor-element.elementor-element-8b5742f{--display:flex;}.elementor-1469 .elementor-element.elementor-element-2d8f14b{--display:flex;}.elementor-1469 .elementor-element.elementor-element-2425124{--display:flex;}.elementor-1469 .elementor-element.elementor-element-e71db7d{--display:flex;}.elementor-1469 .elementor-element.elementor-element-a8ca0b2{--display:flex;}.elementor-1469 .elementor-element.elementor-element-8533ba6{--display:flex;}.elementor-1469 .elementor-element.elementor-element-28da4ef{--display:flex;}.elementor-1469 .elementor-element.elementor-element-322545a{--display:flex;}.elementor-1469 .elementor-element.elementor-element-af2502b{--display:flex;}.elementor-1469 .elementor-element.elementor-element-6023396{--display:flex;}.elementor-1469 .elementor-element.elementor-element-0fcb33d{--display:flex;}.elementor-1469 .elementor-element.elementor-element-ec255da{--display:flex;}.elementor-1469 .elementor-element.elementor-element-6d478ab{--display:flex;}.elementor-1469 .elementor-element.elementor-element-6ac3665{--display:flex;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1469 .elementor-element.elementor-element-ea08206{--display:flex;}.elementor-1469 .elementor-element.elementor-element-af010da{--display:flex;}.elementor-1469 .elementor-element.elementor-element-c6858ec{--display:flex;}.elementor-1469 .elementor-element.elementor-element-a14031e{--display:flex;}.elementor-1469 .elementor-element.elementor-element-e4f557b{--display:flex;}.elementor-1469 .elementor-element.elementor-element-4478de3{--display:flex;}.elementor-1469 .elementor-element.elementor-element-54967fb{--display:flex;}.elementor-1469 .elementor-element.elementor-element-9d486fe{--display:flex;}.elementor-1469 .elementor-element.elementor-element-b1018e6{--display:flex;}.elementor-1469 .elementor-element.elementor-element-b481995{--display:flex;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-1469 .elementor-element.elementor-element-8af2fa9{--grid-columns:1;}.elementor-1469 .elementor-element.elementor-element-c0cba52{--grid-columns:1;}.elementor-1469 .elementor-element.elementor-element-a2825ec{--display:flex;}.elementor-1469 .elementor-element.elementor-element-0275531{--display:flex;}@media(min-width:768px){.elementor-1469 .elementor-element.elementor-element-1209891{--width:100%;}.elementor-1469 .elementor-element.elementor-element-3285ee0{--width:100%;}.elementor-1469 .elementor-element.elementor-element-1271222{--width:100%;}.elementor-1469 .elementor-element.elementor-element-a61dd4b{--width:100%;}.elementor-1469 .elementor-element.elementor-element-f3020cd{--width:100%;}}@media(max-width:1024px){.elementor-1469 .elementor-element.elementor-element-8af2fa9{--grid-columns:1;}.elementor-1469 .elementor-element.elementor-element-c0cba52{--grid-columns:1;}}@media(max-width:767px){.elementor-1469 .elementor-element.elementor-element-8af2fa9{--grid-columns:1;}.elementor-1469 .elementor-element.elementor-element-c0cba52{--grid-columns:1;}}/* Start custom CSS for container, class: .elementor-element-3285ee0 *//* =========================================================
   GÓC CÓ GU — HOME V2
   SECTION 01 / HERO
   PRODUCTION V2.1

   PRINCIPLE:
   - Composition / spatial treatment follows A+ demo
   - Typography follows Góc Có Gu production system
   - No oversized prototype typography

   SEMANTIC:
   H1 = GÓC CÓ GU / SETUP + LIFESTYLE
   H2 = Một góc nhỏ. Đúng cảm giác.
========================================================= */


/* =========================================================
   01. HERO SECTION
========================================================= */

.elementor-1469 .elementor-element.elementor-element-3285ee0{
    position:relative;

    display:flex;

    align-items:center;

    width:100%;

    min-height:
        clamp(
            700px,
            82svh,
            860px
        );

    padding:
        28px
        0
        38px;

    background:
        var(--gcg-paper-2);

    overflow:hidden;
}


/* =========================================================
   02. HERO INNER
   Spatial composition from demo,
   but balanced for production content.
========================================================= */

.elementor-1469 .elementor-element.elementor-element-3285ee0 .gcg-home-hero__inner{
    position:relative;

    display:grid;

    grid-template-columns:
        minmax(0,.88fr)
        minmax(0,1.12fr);

    align-items:center;

    gap:
        clamp(
            24px,
            2.8vw,
            46px
        );

    min-height:
        clamp(
            620px,
            74svh,
            760px
        );
}


/* =========================================================
   03. HERO COPY
========================================================= */

.elementor-1469 .elementor-element.elementor-element-3285ee0 .gcg-home-hero__copy{
    position:relative;

    z-index:5;

    display:flex;

    flex-direction:column;

    align-items:flex-start;

    justify-content:center;

    min-width:0;

    padding:
        38px
        0;
}


/* =========================================================
   04. HERO EYEBROW / SEMANTIC H1
========================================================= */

.elementor-1469 .elementor-element.elementor-element-3285ee0 .gcg-home-hero__eyebrow{
    width:auto;

    margin:
        0
        0
        18px;
}


.elementor-1469 .elementor-element.elementor-element-3285ee0
.gcg-home-hero__eyebrow
.elementor-heading-title{
    margin:0;

    font-family:
        "Quicksand",
        system-ui,
        -apple-system,
        BlinkMacSystemFont,
        sans-serif;

    font-size:11px;

    line-height:1.35;

    font-weight:700;

    letter-spacing:.17em;

    text-transform:uppercase;

    color:
        var(--gcg-slate);
}


/* =========================================================
   05. HERO DISPLAY TITLE / H2

   IMPORTANT:
   Production scale.
   NOT prototype 128px scale.
========================================================= */

.elementor-1469 .elementor-element.elementor-element-3285ee0 .gcg-home-hero__title{
    position:relative;

    z-index:6;

    width:100%;

    max-width:610px;
}


.elementor-1469 .elementor-element.elementor-element-3285ee0
.gcg-home-hero__title
.elementor-heading-title{
    margin:0;

    max-width:610px;

    font-family:
        "Quicksand",
        system-ui,
        -apple-system,
        BlinkMacSystemFont,
        sans-serif;

    font-size:
        clamp(
            62px,
            5.8vw,
            82px
        );

    line-height:.94;

    letter-spacing:-.055em;

    font-weight:700;

    color:
        var(--gcg-navy);
}


/* =========================================================
   06. HERO SUPPORTING COPY
========================================================= */

.elementor-1469 .elementor-element.elementor-element-3285ee0 .gcg-home-hero__lead{
    width:100%;

    max-width:500px;

    margin-top:24px;
}


.elementor-1469 .elementor-element.elementor-element-3285ee0 .gcg-home-hero__lead,
.elementor-1469 .elementor-element.elementor-element-3285ee0 .gcg-home-hero__lead p{
    margin:0;

    font-family:
        "Quicksand",
        system-ui,
        -apple-system,
        BlinkMacSystemFont,
        sans-serif;

    font-size:15px;

    line-height:1.72;

    font-weight:500;

    color:
        var(--gcg-slate);
}


/* =========================================================
   07. HERO META
========================================================= */

.elementor-1469 .elementor-element.elementor-element-3285ee0 .gcg-home-hero__meta{
    width:100%;

    margin-top:32px;
}


.elementor-1469 .elementor-element.elementor-element-3285ee0 .gcg-home-meta{
    display:flex;

    align-items:center;

    flex-wrap:wrap;

    gap:
        12px
        24px;
}


.elementor-1469 .elementor-element.elementor-element-3285ee0 .gcg-home-meta span{
    display:inline-flex;

    align-items:center;

    white-space:nowrap;

    font-family:
        "Quicksand",
        system-ui,
        sans-serif;

    font-size:10.5px;

    line-height:1.3;

    font-weight:700;

    letter-spacing:.12em;

    text-transform:uppercase;

    color:
        var(--gcg-navy);
}


.elementor-1469 .elementor-element.elementor-element-3285ee0 .gcg-home-meta i{
    display:inline-block;

    width:5px;

    height:5px;

    flex:
        0
        0
        5px;

    margin-right:8px;

    border-radius:50%;

    background:
        var(--gcg-taupe);
}


/* =========================================================
   08. HERO VISUAL

   Keep spatial overlap from demo,
   but slightly restrained for production.
========================================================= */

.elementor-1469 .elementor-element.elementor-element-3285ee0 .gcg-home-hero__visual{
    position:relative;

    z-index:2;

    width:100%;

    min-width:0;

    height:
        min(
            72svh,
            700px
        );

    min-height:560px;

    margin-left:-2.5vw;
}


/* =========================================================
   09. HERO IMAGE / FRAME
========================================================= */

.elementor-1469 .elementor-element.elementor-element-3285ee0 .gcg-home-hero__image{
    position:absolute;

    inset:
        4%
        0
        4%
        5%;

    z-index:2;

    overflow:hidden;

    border-radius:30px;

    box-shadow:
        0
        28px
        76px
        rgba(14,19,33,.11);
}


.elementor-1469 .elementor-element.elementor-element-3285ee0
.gcg-home-hero__image
.elementor-widget-container{
    width:100%;

    height:100%;

    overflow:hidden;

    border-radius:inherit;
}


.elementor-1469 .elementor-element.elementor-element-3285ee0
.gcg-home-hero__image img{
    display:block;

    width:100%;

    height:100%;

    object-fit:cover;

    object-position:center;

    border-radius:inherit;

    transform:
        scale(1.045);
}


/* subtle photographic wash */

.elementor-1469 .elementor-element.elementor-element-3285ee0 .gcg-home-hero__image::after{
    content:"";

    position:absolute;

    inset:0;

    z-index:1;

    pointer-events:none;

    background:
        linear-gradient(
            110deg,
            rgba(237,231,221,.10),
            transparent 48%
        );
}


/* =========================================================
   10. DECOR LAYER
   Orbit stays ABOVE image.
========================================================= */

.elementor-1469 .elementor-element.elementor-element-3285ee0 .gcg-home-hero__decor{
    position:absolute;

    inset:0;

    z-index:3;

    width:100%;

    height:100%;

    pointer-events:none;
}


.elementor-1469 .elementor-element.elementor-element-3285ee0 .gcg-home-hero-orbit{
    position:absolute;

    display:block;

    border:
        1px solid
        rgba(184,156,132,.32);

    border-radius:50%;

    pointer-events:none;
}


/* Orbit 01 */

.elementor-1469 .elementor-element.elementor-element-3285ee0 .gcg-home-hero-orbit--01{
    width:
        clamp(
            330px,
            32vw,
            420px
        );

    height:
        clamp(
            126px,
            12vw,
            160px
        );

    right:-2%;

    top:7%;

    transform:
        rotate(-11deg);
}


/* Orbit 02 */

.elementor-1469 .elementor-element.elementor-element-3285ee0 .gcg-home-hero-orbit--02{
    width:
        clamp(
            245px,
            24vw,
            310px
        );

    height:
        clamp(
            94px,
            9vw,
            118px
        );

    right:4%;

    top:13%;

    opacity:.55;

    transform:
        rotate(14deg);
}


/* =========================================================
   11. HERO INDEX
========================================================= */

.elementor-1469 .elementor-element.elementor-element-3285ee0 .gcg-home-hero__index{
    position:absolute;

    z-index:5;

    right:20px;

    top:18px;

    width:auto !important;
}


.elementor-1469 .elementor-element.elementor-element-3285ee0
.gcg-home-hero__index
.elementor-heading-title{
    margin:0;

    font-family:
        "Quicksand",
        system-ui,
        sans-serif;

    font-size:10px;

    line-height:1.3;

    font-weight:700;

    letter-spacing:.17em;

    text-transform:uppercase;

    color:
        var(--gcg-slate);
}


/* =========================================================
   12. FLOATING QUOTE
========================================================= */

.elementor-1469 .elementor-element.elementor-element-3285ee0 .gcg-home-hero__quote{
    position:absolute;

    z-index:6;

    right:-2%;

    bottom:9%;

    width:220px;

    padding:
        18px
        18px
        20px;

    display:flex;

    flex-direction:column;

    align-items:flex-start;

    gap:8px;

    border:
        1px solid
        rgba(255,255,255,.50);

    border-radius:
        18px
        18px
        18px
        6px;

    background:
        rgba(251,248,243,.90);

    -webkit-backdrop-filter:
        blur(14px);

    backdrop-filter:
        blur(14px);

    box-shadow:
        0
        18px
        48px
        rgba(14,19,33,.10);
}


.elementor-1469 .elementor-element.elementor-element-3285ee0 .gcg-home-hero__quote-title{
    width:100%;
}


.elementor-1469 .elementor-element.elementor-element-3285ee0
.gcg-home-hero__quote-title
.elementor-heading-title{
    margin:0;

    font-family:
        "Quicksand",
        system-ui,
        sans-serif;

    font-size:14px;

    line-height:1.34;

    letter-spacing:-.015em;

    font-weight:700;

    color:
        var(--gcg-navy);
}


.elementor-1469 .elementor-element.elementor-element-3285ee0 .gcg-home-hero__quote-copy{
    width:100%;
}


.elementor-1469 .elementor-element.elementor-element-3285ee0 .gcg-home-hero__quote-copy,
.elementor-1469 .elementor-element.elementor-element-3285ee0 .gcg-home-hero__quote-copy p{
    margin:0;

    font-family:
        "Quicksand",
        system-ui,
        sans-serif;

    font-size:12px;

    line-height:1.55;

    font-weight:500;

    color:
        var(--gcg-slate);
}


/* =========================================================
   13. AMBIENT GLOW
========================================================= */

.elementor-1469 .elementor-element.elementor-element-3285ee0::before{
    content:"";

    position:absolute;

    width:500px;

    height:500px;

    right:-180px;

    top:-170px;

    border-radius:50%;

    pointer-events:none;

    background:
        radial-gradient(
            circle,
            rgba(184,156,132,.08) 0%,
            rgba(184,156,132,0) 70%
        );
}


/* =========================================================
   TABLET
   <= 900px
========================================================= */

@media(max-width:900px){

    .elementor-1469 .elementor-element.elementor-element-3285ee0{
        min-height:0;

        padding:
            34px
            0
            56px;
    }


    .elementor-1469 .elementor-element.elementor-element-3285ee0 .gcg-home-hero__inner{
        grid-template-columns:1fr;

        gap:38px;

        min-height:0;
    }


    .elementor-1469 .elementor-element.elementor-element-3285ee0 .gcg-home-hero__copy{
        max-width:720px;

        padding:
            20px
            0
            30px;
    }


    .elementor-1469 .elementor-element.elementor-element-3285ee0 .gcg-home-hero__title{
        max-width:700px;
    }


    .elementor-1469 .elementor-element.elementor-element-3285ee0
    .gcg-home-hero__title
    .elementor-heading-title{
        max-width:700px;

        font-size:
            clamp(
                54px,
                8vw,
                68px
            );

        line-height:.96;

        letter-spacing:-.05em;
    }


    .elementor-1469 .elementor-element.elementor-element-3285ee0 .gcg-home-hero__lead{
        max-width:570px;

        margin-top:22px;
    }


    .elementor-1469 .elementor-element.elementor-element-3285ee0 .gcg-home-hero__visual{
        width:100%;

        height:
            clamp(
                440px,
                58vw,
                560px
            );

        min-height:0;

        margin-left:0;
    }


    .elementor-1469 .elementor-element.elementor-element-3285ee0 .gcg-home-hero__image{
        inset:0;

        border-radius:26px;
    }


    .elementor-1469 .elementor-element.elementor-element-3285ee0 .gcg-home-hero__quote{
        right:18px;

        bottom:18px;

        width:220px;
    }


    .elementor-1469 .elementor-element.elementor-element-3285ee0 .gcg-home-hero__index{
        top:18px;

        right:18px;
    }


    /*
     * Same responsive philosophy as demo:
     * remove decorative orbit.
     */

    .elementor-1469 .elementor-element.elementor-element-3285ee0 .gcg-home-hero__decor{
        display:none;
    }

}


/* =========================================================
   MOBILE
   <= 560px
========================================================= */

@media(max-width:560px){

    .elementor-1469 .elementor-element.elementor-element-3285ee0{
        padding:
            28px
            0
            46px;
    }


    .elementor-1469 .elementor-element.elementor-element-3285ee0 .gcg-home-hero__inner{
        gap:30px;
    }


    .elementor-1469 .elementor-element.elementor-element-3285ee0 .gcg-home-hero__copy{
        padding:
            10px
            0
            20px;
    }


    .elementor-1469 .elementor-element.elementor-element-3285ee0 .gcg-home-hero__eyebrow{
        margin-bottom:15px;
    }


    .elementor-1469 .elementor-element.elementor-element-3285ee0
    .gcg-home-hero__eyebrow
    .elementor-heading-title{
        font-size:10.5px;

        letter-spacing:.15em;
    }


    .elementor-1469 .elementor-element.elementor-element-3285ee0
    .gcg-home-hero__title
    .elementor-heading-title{
        font-size:
            clamp(
                42px,
                12vw,
                48px
            );

        line-height:.98;

        letter-spacing:-.045em;
    }


    .elementor-1469 .elementor-element.elementor-element-3285ee0 .gcg-home-hero__lead{
        margin-top:20px;
    }


    .elementor-1469 .elementor-element.elementor-element-3285ee0 .gcg-home-hero__lead,
    .elementor-1469 .elementor-element.elementor-element-3285ee0 .gcg-home-hero__lead p{
        font-size:14.5px;

        line-height:1.68;
    }


    .elementor-1469 .elementor-element.elementor-element-3285ee0 .gcg-home-hero__meta{
        margin-top:26px;
    }


    .elementor-1469 .elementor-element.elementor-element-3285ee0 .gcg-home-meta{
        gap:
            11px
            16px;
    }


    .elementor-1469 .elementor-element.elementor-element-3285ee0 .gcg-home-meta span{
        font-size:10.5px;

        letter-spacing:.10em;
    }


    .elementor-1469 .elementor-element.elementor-element-3285ee0 .gcg-home-hero__visual{
        height:
            clamp(
                330px,
                91vw,
                400px
            );
    }


    .elementor-1469 .elementor-element.elementor-element-3285ee0 .gcg-home-hero__image{
        border-radius:22px;
    }


    .elementor-1469 .elementor-element.elementor-element-3285ee0 .gcg-home-hero__quote{
        right:12px;

        bottom:12px;

        width:
            min(
                184px,
                58%
            );

        padding:
            14px
            14px
            15px;

        gap:6px;

        border-radius:
            15px
            15px
            15px
            5px;
    }


    .elementor-1469 .elementor-element.elementor-element-3285ee0
    .gcg-home-hero__quote-title
    .elementor-heading-title{
        font-size:12.5px;

        line-height:1.3;
    }


    .elementor-1469 .elementor-element.elementor-element-3285ee0 .gcg-home-hero__quote-copy,
    .elementor-1469 .elementor-element.elementor-element-3285ee0 .gcg-home-hero__quote-copy p{
        font-size:11.5px;

        line-height:1.48;
    }


    .elementor-1469 .elementor-element.elementor-element-3285ee0 .gcg-home-hero__index{
        top:14px;

        right:14px;
    }


    .elementor-1469 .elementor-element.elementor-element-3285ee0
    .gcg-home-hero__index
    .elementor-heading-title{
        font-size:9px;

        letter-spacing:.15em;
    }


    .elementor-1469 .elementor-element.elementor-element-3285ee0::before{
        width:300px;

        height:300px;

        right:-180px;

        top:-100px;

        opacity:.6;
    }

}


/* =========================================================
   SMALL MOBILE
   <= 380px
========================================================= */

@media(max-width:380px){

    .elementor-1469 .elementor-element.elementor-element-3285ee0{
        padding-top:24px;
    }


    .elementor-1469 .elementor-element.elementor-element-3285ee0
    .gcg-home-hero__title
    .elementor-heading-title{
        font-size:40px;
    }


    .elementor-1469 .elementor-element.elementor-element-3285ee0 .gcg-home-hero__visual{
        height:320px;
    }


    .elementor-1469 .elementor-element.elementor-element-3285ee0 .gcg-home-hero__quote{
        width:172px;

        padding:13px;
    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1271222 *//* =========================================================
   GÓC CÓ GU — HOME V2
   SECTION 02 / MANIFESTO
   PRODUCTION V2.0 — DEMO ALIGNED

   SOURCE:
   A+ Spatial Editorial Prototype

   PRINCIPLE:
   - Composition + motion follow demo
   - Typography follows Góc Có Gu production scale
========================================================= */


/* =========================================================
   01. SECTION
========================================================= */

.elementor-1469 .elementor-element.elementor-element-1271222{
    position:relative;

    display:flex;

    align-items:center;

    width:100%;

    min-height:
        clamp(
            700px,
            88svh,
            900px
        );

    padding:
        104px
        0
        108px;

    background:
        var(--gcg-cream);

    border-top:
        1px solid
        var(--gcg-line-soft);

    border-bottom:
        1px solid
        var(--gcg-line-soft);

    overflow:hidden;
}


/* =========================================================
   02. INNER
========================================================= */

.elementor-1469 .elementor-element.elementor-element-1271222 .gcg-home-manifesto__inner{
    position:relative;

    z-index:2;

    display:flex;

    flex-direction:column;

    align-items:stretch;

    width:100%;

    min-height:0;
}


/* =========================================================
   03. EYEBROW
========================================================= */

.elementor-1469 .elementor-element.elementor-element-1271222 .gcg-home-manifesto__eyebrow{
    position:relative;

    z-index:4;

    width:auto;

    margin-bottom:30px;
}


.elementor-1469 .elementor-element.elementor-element-1271222 .gcg-home-manifesto__eyebrow::after{
    content:"";

    display:block;

    width:72px;

    height:2px;

    margin-top:18px;

    background:
        var(--gcg-taupe);
}


/* =========================================================
   04. TITLE WRAPPER
========================================================= */

.elementor-1469 .elementor-element.elementor-element-1271222 .gcg-home-manifesto__title-widget{
    position:relative;

    z-index:3;

    width:100%;
}


/* =========================================================
   05. MANIFESTO DISPLAY

   DEMO:
   huge 70–172px experimental typography

   PRODUCTION:
   preserve hierarchy, cap at 104px.
========================================================= */

.elementor-1469 .elementor-element.elementor-element-1271222 .gcg-home-manifesto__title{
    margin:0;

    width:100%;

    max-width:1100px;

    font-family:
        "Quicksand",
        system-ui,
        -apple-system,
        BlinkMacSystemFont,
        sans-serif;

    font-size:
        clamp(
            72px,
            7vw,
            104px
        );

    line-height:.86;

    letter-spacing:-.065em;

    font-weight:700;

    color:
        var(--gcg-navy);
}


/* =========================================================
   06. INDIVIDUAL LINES
   JS targets these directly.
========================================================= */

.elementor-1469 .elementor-element.elementor-element-1271222 .gcg-home-manifesto__line{
    position:relative;

    display:block;

    width:max-content;

    max-width:100%;

    transform-origin:center center;

    will-change:
        transform,
        opacity;
}


/* =========================================================
   07. GHOST / OUTLINE LINE
========================================================= */

.elementor-1469 .elementor-element.elementor-element-1271222 .gcg-home-manifesto__line.is-ghost{
    color:transparent;

    -webkit-text-stroke:
        1.15px
        rgba(14,19,33,.28);

    text-stroke:
        1.15px
        rgba(14,19,33,.28);
}


/* =========================================================
   08. BOTTOM CONTENT

   Demo:
   2 columns / large editorial gap.
========================================================= */

.elementor-1469 .elementor-element.elementor-element-1271222 .gcg-home-manifesto__bottom{
    position:relative;

    z-index:4;

    display:grid;

    grid-template-columns:
        minmax(0,1fr)
        minmax(0,1fr);

    align-items:end;

    gap:
        clamp(
            56px,
            7vw,
            90px
        );

    margin-top:
        clamp(
            38px,
            4.5vw,
            54px
        );
}


/* =========================================================
   09. BODY COPY
========================================================= */

.elementor-1469 .elementor-element.elementor-element-1271222 .gcg-home-manifesto__copy{
    width:100%;

    max-width:430px;
}


.elementor-1469 .elementor-element.elementor-element-1271222 .gcg-home-manifesto__copy,
.elementor-1469 .elementor-element.elementor-element-1271222 .gcg-home-manifesto__copy p{
    margin:0;

    font-family:
        "Quicksand",
        system-ui,
        -apple-system,
        BlinkMacSystemFont,
        sans-serif;

    font-size:15px;

    line-height:1.72;

    font-weight:500;

    color:
        var(--gcg-slate);
}


/* =========================================================
   10. QUOTE
========================================================= */

.elementor-1469 .elementor-element.elementor-element-1271222 .gcg-home-manifesto__quote{
    justify-self:end;

    width:100%;

    max-width:460px;
}


.elementor-1469 .elementor-element.elementor-element-1271222
.gcg-home-manifesto__quote
.elementor-heading-title{
    margin:0;

    font-family:
        "Quicksand",
        system-ui,
        -apple-system,
        BlinkMacSystemFont,
        sans-serif;

    font-size:
        clamp(
            20px,
            1.7vw,
            24px
        );

    line-height:1.3;

    letter-spacing:-.025em;

    font-weight:650;

    color:
        var(--gcg-navy);
}


/* =========================================================
   11. DECOR LAYER
========================================================= */

.elementor-1469 .elementor-element.elementor-element-1271222 .gcg-home-manifesto__decor{
    position:absolute;

    inset:0;

    z-index:1;

    pointer-events:none;
}


/* =========================================================
   12. MAIN RING

   Closely follows prototype:
   ~440px circle / right -100px.
========================================================= */

.elementor-1469 .elementor-element.elementor-element-1271222 .gcg-home-manifesto-ring{
    position:absolute;

    width:
        clamp(
            350px,
            34vw,
            440px
        );

    aspect-ratio:1;

    right:-100px;

    top:50%;

    transform:
        translateY(-50%);

    transform-origin:
        50%
        50%;

    border:
        1px solid
        rgba(184,156,132,.23);

    border-radius:50%;

    will-change:transform;
}


/* inner rings */

.elementor-1469 .elementor-element.elementor-element-1271222 .gcg-home-manifesto-ring > span{
    position:absolute;

    display:block;

    border:
        1px solid
        rgba(184,156,132,.13);

    border-radius:50%;
}


.elementor-1469 .elementor-element.elementor-element-1271222
.gcg-home-manifesto-ring
> span:first-child{
    inset:42px;
}


.elementor-1469 .elementor-element.elementor-element-1271222
.gcg-home-manifesto-ring
> span:last-child{
    inset:94px;
}


/* =========================================================
   13. SUBTLE AMBIENT LIGHT
========================================================= */

.elementor-1469 .elementor-element.elementor-element-1271222::before{
    content:"";

    position:absolute;

    width:580px;

    height:580px;

    left:-300px;

    bottom:-350px;

    border-radius:50%;

    pointer-events:none;

    background:
        radial-gradient(
            circle,
            rgba(255,255,255,.28) 0%,
            rgba(255,255,255,0) 68%
        );
}


/* =========================================================
   TABLET
   <= 900px
========================================================= */

@media(max-width:900px){

    .elementor-1469 .elementor-element.elementor-element-1271222{
        min-height:0;

        padding:
            94px
            0
            98px;
    }


    .elementor-1469 .elementor-element.elementor-element-1271222
    .gcg-home-manifesto__eyebrow{
        margin-bottom:26px;
    }


    .elementor-1469 .elementor-element.elementor-element-1271222
    .gcg-home-manifesto__title{
        max-width:820px;

        font-size:
            clamp(
                62px,
                9vw,
                82px
            );

        line-height:.88;

        letter-spacing:-.06em;
    }


    .elementor-1469 .elementor-element.elementor-element-1271222
    .gcg-home-manifesto__bottom{
        grid-template-columns:1fr;

        gap:28px;

        margin-top:44px;
    }


    .elementor-1469 .elementor-element.elementor-element-1271222
    .gcg-home-manifesto__copy{
        max-width:560px;
    }


    .elementor-1469 .elementor-element.elementor-element-1271222
    .gcg-home-manifesto__quote{
        justify-self:start;

        max-width:560px;
    }


    .elementor-1469 .elementor-element.elementor-element-1271222
    .gcg-home-manifesto-ring{
        width:330px;

        right:-145px;

        top:42%;
    }

}


/* =========================================================
   MOBILE
   <= 560px
========================================================= */

@media(max-width:560px){

    .elementor-1469 .elementor-element.elementor-element-1271222{
        padding:
            78px
            0
            82px;
    }


    .elementor-1469 .elementor-element.elementor-element-1271222
    .gcg-home-manifesto__eyebrow{
        margin-bottom:22px;
    }


    .elementor-1469 .elementor-element.elementor-element-1271222
    .gcg-home-manifesto__eyebrow::after{
        width:56px;

        margin-top:15px;
    }


    /*
     * Mobile retains statement character,
     * but stays inside Góc Có Gu readable scale.
     */

    .elementor-1469 .elementor-element.elementor-element-1271222
    .gcg-home-manifesto__title{
        max-width:100%;

        font-size:
            clamp(
                44px,
                12vw,
                52px
            );

        line-height:.90;

        letter-spacing:-.05em;
    }


    .elementor-1469 .elementor-element.elementor-element-1271222
    .gcg-home-manifesto__line{
        width:auto;

        max-width:100%;
    }


    .elementor-1469 .elementor-element.elementor-element-1271222
    .gcg-home-manifesto__line.is-ghost{
        -webkit-text-stroke:
            1px
            rgba(14,19,33,.27);

        text-stroke:
            1px
            rgba(14,19,33,.27);
    }


    .elementor-1469 .elementor-element.elementor-element-1271222
    .gcg-home-manifesto__bottom{
        display:flex;

        flex-direction:column;

        align-items:flex-start;

        gap:25px;

        margin-top:36px;
    }


    .elementor-1469 .elementor-element.elementor-element-1271222
    .gcg-home-manifesto__copy{
        max-width:100%;
    }


    .elementor-1469 .elementor-element.elementor-element-1271222
    .gcg-home-manifesto__copy,
    .elementor-1469 .elementor-element.elementor-element-1271222
    .gcg-home-manifesto__copy p{
        font-size:14.5px;

        line-height:1.68;
    }


    .elementor-1469 .elementor-element.elementor-element-1271222
    .gcg-home-manifesto__quote{
        max-width:100%;
    }


    .elementor-1469 .elementor-element.elementor-element-1271222
    .gcg-home-manifesto__quote
    .elementor-heading-title{
        font-size:18px;

        line-height:1.38;
    }


    /*
     * Demo removes / minimizes decoration on narrow screens.
     * Production keeps only a faint partial ring.
     */

    .elementor-1469 .elementor-element.elementor-element-1271222
    .gcg-home-manifesto-ring{
        width:240px;

        right:-160px;

        top:34%;

        opacity:.48;
    }


    .elementor-1469 .elementor-element.elementor-element-1271222
    .gcg-home-manifesto-ring
    > span:first-child{
        inset:30px;
    }


    .elementor-1469 .elementor-element.elementor-element-1271222
    .gcg-home-manifesto-ring
    > span:last-child{
        inset:64px;
    }


    .elementor-1469 .elementor-element.elementor-element-1271222::before{
        width:340px;

        height:340px;

        left:-230px;

        bottom:-210px;
    }

}


/* =========================================================
   SMALL MOBILE
   <= 380px
========================================================= */

@media(max-width:380px){

    .elementor-1469 .elementor-element.elementor-element-1271222{
        padding:
            72px
            0
            76px;
    }


    .elementor-1469 .elementor-element.elementor-element-1271222
    .gcg-home-manifesto__title{
        font-size:42px;

        line-height:.92;
    }


    .elementor-1469 .elementor-element.elementor-element-1271222
    .gcg-home-manifesto__bottom{
        margin-top:32px;
    }


    .elementor-1469 .elementor-element.elementor-element-1271222
    .gcg-home-manifesto__quote
    .elementor-heading-title{
        font-size:17px;
    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a61dd4b *//* =========================================================
   GÓC CÓ GU — HOME V2
   SECTION 03 / WORLDS
   PRODUCTION V6.1 — STRONG VISUAL BALANCE

   BASE:
   V4.2 Editorial / No Meta

   KEEP:
   - Desktop = 2 × 2 editorial grid
   - Tablet = 2 × 2
   - Mobile = 1 column
   - Entire World card remains the category link
   - Existing content hierarchy remains unchanged

   CHANGE:
   - Raster image → inline SVG line-art visual
   - Light editorial card treatment
   - CSS-only micro motion on desktop
   - No ScrollTrigger / no section JS
========================================================= */


/* =========================================================
   01. SECTION
========================================================= */

.elementor-1469 .elementor-element.elementor-element-a61dd4b{
    position:relative;
    display:block !important;
    width:100% !important;
    max-width:none !important;
    min-width:0;
    margin:0 !important;
    padding:110px 0 112px !important;
    background:var(--gcg-paper-2);
    overflow:visible !important;
}


/* =========================================================
   02. INTRO
========================================================= */

.elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-home-worlds__intro{
    position:relative;
    display:block !important;
    width:100% !important;
    max-width:none !important;
    margin:0;
    padding:0;
}

.elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-home-worlds__intro-inner{
    position:relative;
    z-index:2;
}


/* =========================================================
   03. EYEBROW
========================================================= */

.elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-home-worlds__eyebrow{
    margin-bottom:18px;
}


/* =========================================================
   04. INTRO ROW
========================================================= */

.elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-home-worlds__intro-row{
    display:grid !important;
    grid-template-columns:minmax(0,1.18fr) minmax(320px,.82fr);
    align-items:end;
    gap:clamp(48px,7vw,100px);
    width:100%;
}


/* =========================================================
   05. SECTION TITLE
========================================================= */

.elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-home-worlds__title{
    min-width:0;
}

.elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-home-worlds__title .elementor-heading-title{
    margin:0;
    max-width:720px;
    font-family:"Quicksand",system-ui,-apple-system,BlinkMacSystemFont,sans-serif;
    font-size:var(--gcg-fs-section-title);
    line-height:1;
    letter-spacing:var(--gcg-ls-title);
    font-weight:700;
    color:var(--gcg-navy);
}


/* =========================================================
   06. DESCRIPTION
========================================================= */

.elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-home-worlds__description{
    justify-self:end;
    max-width:420px;
}

.elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-home-worlds__description,
.elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-home-worlds__description p{
    margin:0;
    font-family:"Quicksand",system-ui,-apple-system,BlinkMacSystemFont,sans-serif;
    font-size:var(--gcg-fs-body-lg);
    line-height:var(--gcg-lh-body-lg);
    font-weight:500;
    color:var(--gcg-slate);
}


/* =========================================================
   07. GRID WRAPPER
========================================================= */

.elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-home-worlds__pin{
    position:relative !important;
    inset:auto !important;
    display:block !important;
    width:100% !important;
    max-width:none !important;
    height:auto !important;
    min-height:0 !important;
    margin:54px 0 0 !important;
    padding:0 !important;
    overflow:visible !important;
    background:none !important;
}


/* =========================================================
   08. GRID
========================================================= */

.elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-home-worlds__track{
    position:relative !important;
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:20px !important;
    width:min(var(--gcg-max),calc(100% - 48px)) !important;
    min-width:0 !important;
    max-width:var(--gcg-max) !important;
    margin:0 auto !important;
    padding:0 !important;
    transform:none !important;
    translate:none !important;
    will-change:auto !important;
}


/* =========================================================
   09. WORLD CARD
========================================================= */

.elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-home-worlds__card{
    position:relative;
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    height:clamp(460px,34vw,560px);
    min-height:0;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden;
    border:1px solid rgba(14,19,33,.10);
    border-radius:28px;
    background:linear-gradient(155deg,var(--gcg-paper-2) 0%,var(--gcg-cream) 100%);
    color:inherit;
    text-decoration:none !important;
    isolation:isolate;
    box-shadow:0 18px 52px rgba(14,19,33,.055);
    transform:translateZ(0) !important;
    opacity:1 !important;
    transition:transform .45s cubic-bezier(.2,.7,.2,1),
               box-shadow .45s ease,
               border-color .45s ease;
}

/* per-card ambient tint */
.elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-home-worlds__card:nth-child(1){--gcg-world-accent:rgba(184,156,132,.38);}
.elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-home-worlds__card:nth-child(2){--gcg-world-accent:rgba(136,120,98,.27);}
.elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-home-worlds__card:nth-child(3){--gcg-world-accent:rgba(104,132,112,.28);}
.elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-home-worlds__card:nth-child(4){--gcg-world-accent:rgba(24,34,56,.18);}


/* =========================================================
   10. LINK / ACCESSIBILITY
========================================================= */

.elementor-1469 .elementor-element.elementor-element-a61dd4b a.gcg-home-worlds__card{
    cursor:pointer;
    text-decoration:none !important;
}

.elementor-1469 .elementor-element.elementor-element-a61dd4b a.gcg-home-worlds__card:focus-visible{
    outline:2px solid var(--gcg-taupe);
    outline-offset:-6px;
}


/* =========================================================
   11. HTML / SVG VISUAL
   Put BOTH classes on each HTML widget:
   gcg-home-worlds__image gcg-world-visual ...
========================================================= */

.elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-home-worlds__image{
    position:absolute !important;
    inset:0 !important;
    z-index:1;
    display:block !important;
    width:100% !important;
    height:100% !important;
    margin:0 !important;
    pointer-events:none;
    overflow:hidden;
}

.elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-home-worlds__image .elementor-widget-container{
    width:100%;
    height:100%;
}

.elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-world-art{
    position:relative;
    width:100%;
    height:100%;
    overflow:hidden;
    background:
        radial-gradient(circle at 64% 25%,var(--gcg-world-accent) 0%,rgba(255,255,255,0) 43%),
        linear-gradient(180deg,rgba(255,255,255,.36) 0%,rgba(255,255,255,0) 62%);
}

.elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-world-art::after{
    content:"";
    position:absolute;
    inset:0;
    z-index:2;
    pointer-events:none;
    background:linear-gradient(
        180deg,
        rgba(247,243,237,0) 0%,
        rgba(247,243,237,0) 50%,
        rgba(237,231,221,.08) 64%,
        rgba(237,231,221,.20) 80%,
        rgba(237,231,221,.42) 100%
    );
}

.elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-world-art__svg{
    position:relative;
    z-index:1;
    display:block;
    width:100%;
    height:100%;
    transform:scale(1.015);
    transform-origin:center;
    transition:transform .7s cubic-bezier(.2,.7,.2,1);
}


/* =========================================================
   12. SVG DESIGN LANGUAGE
========================================================= */

.elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-world-line{
    fill:none;
    stroke:rgba(14,19,33,.80);
    stroke-width:1.72;
    stroke-linecap:round;
    stroke-linejoin:round;
    vector-effect:non-scaling-stroke;
    transition:stroke .45s ease,opacity .45s ease;
}

.elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-world-line--soft{stroke:rgba(14,19,33,.36);}
.elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-world-line--faint{stroke:rgba(14,19,33,.17);}
.elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-world-line--paper{stroke:rgba(247,243,237,.82);}

.elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-world-line--dash{
    stroke:rgba(14,19,33,.38);
    stroke-dasharray:7 9;
    animation:gcg-world-dash 18s linear infinite;
}

.elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-world-fill{stroke:none;}
.elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-world-fill--paper{fill:rgba(252,249,244,.99);}
.elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-world-fill--taupe{fill:rgba(184,156,132,.94);}
.elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-world-fill--taupe-soft{fill:rgba(184,156,132,.45);}
.elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-world-fill--brown{fill:rgba(94,77,65,.91);}
.elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-world-fill--navy{fill:rgba(14,19,33,.98);}
.elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-world-fill--navy-soft{fill:rgba(24,34,56,.88);}
.elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-world-fill--green{fill:rgba(82,106,89,.94);}
.elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-world-fill--green-soft{fill:rgba(112,137,118,.78);}
.elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-world-fill--glass{fill:rgba(224,235,230,.66);}
.elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-world-fill--water{fill:rgba(153,194,188,.48);}
.elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-world-fill--stone{fill:rgba(183,173,162,.88);}

.elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-world-dot{
    fill:var(--gcg-taupe);
    opacity:.82;
    animation:gcg-world-pulse 4.8s ease-in-out infinite;
}

.elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-world-light-cone{
    fill:rgba(238,214,171,.20);
    opacity:.72;
}

.elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-world-orbit{
    transform-box:fill-box;
    transform-origin:center;
    animation:gcg-world-orbit 18s linear infinite;
}

.elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-world-orbit--reverse{
    animation-direction:reverse;
    animation-duration:23s;
}

.elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-world-float{
    animation:gcg-world-float 7s ease-in-out infinite;
}


/* =========================================================
   13. CONTENT-SAFE PAPER GRADIENT
========================================================= */

.elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-home-worlds__card::after{
    content:"";
    position:absolute;
    inset:44% 0 0;
    z-index:2;
    pointer-events:none;
    background:linear-gradient(
        to bottom,
        rgba(237,231,221,0) 0%,
        rgba(237,231,221,.08) 18%,
        rgba(237,231,221,.52) 47%,
        rgba(237,231,221,.90) 72%,
        rgba(237,231,221,.98) 88%,
        var(--gcg-cream) 100%
    );
}


/* =========================================================
   14. CONTENT
========================================================= */

.elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-home-worlds__content{
    position:absolute !important;
    z-index:3;
    left:30px !important;
    right:30px !important;
    bottom:30px !important;
    top:auto !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    width:auto !important;
    max-width:520px;
    margin:0 !important;
    padding:0 !important;
    pointer-events:none;
}


/* =========================================================
   15. CARD TITLE
========================================================= */

.elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-home-worlds__card-title{
    width:100%;
    max-width:500px;
    margin:0;
}

.elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-home-worlds__card-title .elementor-heading-title{
    margin:0;
    font-family:"Quicksand",system-ui,-apple-system,BlinkMacSystemFont,sans-serif;
    font-size:clamp(36px,3.1vw,46px);
    line-height:.98;
    letter-spacing:-.048em;
    font-weight:700;
    text-transform:none;
    text-wrap:balance;
    color:var(--gcg-navy);
    text-shadow:none;
}


/* =========================================================
   16. DESCRIPTOR
========================================================= */

.elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-home-worlds__descriptor{
    width:auto;
    margin-top:18px;
}

.elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-home-worlds__descriptor .elementor-heading-title{
    margin:0;
    font-family:"Quicksand",system-ui,-apple-system,BlinkMacSystemFont,sans-serif;
    font-size:var(--gcg-fs-eyebrow);
    line-height:1.4;
    font-weight:700;
    letter-spacing:.105em;
    text-transform:uppercase;
    color:var(--gcg-slate);
    text-shadow:none;
}


/* =========================================================
   17. SUPPORTING COPY
========================================================= */

.elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-home-worlds__card-copy{
    width:100%;
    max-width:430px;
    margin-top:9px;
}

.elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-home-worlds__card-copy,
.elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-home-worlds__card-copy p{
    margin:0;
    font-family:"Quicksand",system-ui,-apple-system,BlinkMacSystemFont,sans-serif;
    font-size:var(--gcg-fs-body-card);
    line-height:var(--gcg-lh-body-card);
    font-weight:500;
    color:#505967;
    text-shadow:none;
}


/* =========================================================
   18. EDITORIAL CORNER
========================================================= */

.elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-home-worlds__card::before{
    content:"";
    position:absolute;
    z-index:4;
    top:20px;
    right:20px;
    width:48px;
    height:48px;
    border-top:1px solid rgba(184,156,132,.58);
    border-right:1px solid rgba(184,156,132,.58);
    pointer-events:none;
    transition:width .45s ease,height .45s ease,border-color .45s ease;
}


/* =========================================================
   19. DESKTOP HOVER
========================================================= */

@media(hover:hover) and (pointer:fine){

    .elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-home-worlds__card:hover{
        transform:translateY(-7px) !important;
        border-color:rgba(14,19,33,.15);
        box-shadow:0 30px 78px rgba(14,19,33,.12);
    }

    .elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-home-worlds__card:hover .gcg-world-art__svg{
        transform:scale(1.055) translateY(-4px);
    }

    .elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-home-worlds__card:hover .gcg-world-line{
        stroke:rgba(14,19,33,.90);
    }

    .elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-home-worlds__card:hover::before{
        width:62px;
        height:62px;
        border-color:rgba(184,156,132,.84);
    }

}


/* =========================================================
   20. MOTION KEYFRAMES
========================================================= */

@keyframes gcg-world-orbit{
    from{transform:rotate(0deg);}
    to{transform:rotate(360deg);}
}

@keyframes gcg-world-float{
    0%,100%{transform:translateY(0);}
    50%{transform:translateY(-5px);}
}

@keyframes gcg-world-pulse{
    0%,100%{opacity:.45;}
    50%{opacity:1;}
}

@keyframes gcg-world-dash{
    from{stroke-dashoffset:0;}
    to{stroke-dashoffset:-128;}
}


/* =========================================================
   20B. WORLD 01–03 — VISUAL BALANCE BOOST

   No HTML changes required.
   Each card keeps the existing SVG markup.
   The goal is to bring 01–03 closer to the visual weight
   of World 04 without making all four cards identical.
========================================================= */


/* ---------------------------------------------------------
   WORLD 01 / HƯỚNG DẪN SETUP
   Signature: stronger monitor + desk + scan light
--------------------------------------------------------- */

.elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-home-worlds__card:nth-child(1) .gcg-world-grid{
    opacity:.58;
}

.elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-home-worlds__card:nth-child(1) .gcg-world-grid .gcg-world-line{
    stroke:rgba(14,19,33,.24);
}

.elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-home-worlds__card:nth-child(1) .gcg-world-float{
    filter:drop-shadow(0 14px 16px rgba(14,19,33,.07));
}

.elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-home-worlds__card:nth-child(1) .gcg-world-fill--navy{
    fill:#0E1321;
}

.elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-home-worlds__card:nth-child(1) .gcg-world-fill--navy-soft{
    fill:rgba(24,34,56,.93);
}

.elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-home-worlds__card:nth-child(1) .gcg-world-fill--taupe{
    fill:rgba(184,156,132,.98);
}

.elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-home-worlds__card:nth-child(1) .gcg-world-art::before{
    content:"";
    position:absolute;
    z-index:2;
    left:35%;
    top:18%;
    width:31%;
    height:29%;
    border-radius:18px;
    pointer-events:none;
    background:
        linear-gradient(
            105deg,
            rgba(255,255,255,0) 15%,
            rgba(255,255,255,.52) 47%,
            rgba(255,255,255,0) 80%
        );
    opacity:.68;
    transform:translateX(-52%) rotate(-5deg);
    mix-blend-mode:screen;
    animation:gcg-world-setup-scan 5.8s ease-in-out infinite;
}


/* ---------------------------------------------------------
   WORLD 02 / DECOR & MOOD
   Signature: warm light cone + material depth
--------------------------------------------------------- */

.elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-home-worlds__card:nth-child(2) .gcg-world-float{
    filter:drop-shadow(0 15px 18px rgba(94,77,65,.08));
}

.elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-home-worlds__card:nth-child(2) .gcg-world-light-cone{
    fill:rgba(232,190,118,.42);
    opacity:.92;
    filter:drop-shadow(0 0 18px rgba(232,190,118,.18));
}

.elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-home-worlds__card:nth-child(2) .gcg-world-fill--brown{
    fill:rgba(94,77,65,.96);
}

.elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-home-worlds__card:nth-child(2) .gcg-world-fill--taupe{
    fill:rgba(184,156,132,.97);
}

.elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-home-worlds__card:nth-child(2) .gcg-world-art::before{
    content:"";
    position:absolute;
    z-index:0;
    right:8%;
    top:8%;
    width:48%;
    aspect-ratio:1;
    border-radius:50%;
    pointer-events:none;
    background:
        radial-gradient(
            circle,
            rgba(238,205,143,.42) 0%,
            rgba(238,205,143,.15) 38%,
            rgba(238,205,143,0) 72%
        );
    filter:blur(3px);
    animation:gcg-world-decor-glow 7.2s ease-in-out infinite;
}


/* ---------------------------------------------------------
   WORLD 03 / GÓC XANH
   Signature: richer foliage + glass reflection
--------------------------------------------------------- */

.elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-home-worlds__card:nth-child(3) .gcg-world-float{
    filter:drop-shadow(0 14px 18px rgba(82,106,89,.08));
}

.elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-home-worlds__card:nth-child(3) .gcg-world-fill--green{
    fill:rgba(70,102,80,.98);
}

.elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-home-worlds__card:nth-child(3) .gcg-world-fill--green-soft{
    fill:rgba(112,143,119,.86);
}

.elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-home-worlds__card:nth-child(3) .gcg-world-fill--glass{
    fill:rgba(220,235,229,.78);
}

.elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-home-worlds__card:nth-child(3) .gcg-world-fill--water{
    fill:rgba(133,185,177,.58);
}

.elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-home-worlds__card:nth-child(3) .gcg-world-art::before{
    content:"";
    position:absolute;
    z-index:2;
    left:24%;
    top:18%;
    width:27%;
    height:45%;
    border-radius:40%;
    pointer-events:none;
    background:
        linear-gradient(
            112deg,
            rgba(255,255,255,0) 12%,
            rgba(255,255,255,.66) 43%,
            rgba(255,255,255,.08) 57%,
            rgba(255,255,255,0) 78%
        );
    opacity:.64;
    transform:rotate(-8deg);
    mix-blend-mode:screen;
    animation:gcg-world-green-glass 6.8s ease-in-out infinite;
}


/* ---------------------------------------------------------
   DESKTOP HOVER — card-specific lift
--------------------------------------------------------- */

@media(hover:hover) and (pointer:fine){

    .elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-home-worlds__card:nth-child(1):hover .gcg-world-grid{
        opacity:.72;
    }

    .elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-home-worlds__card:nth-child(2):hover .gcg-world-light-cone{
        fill:rgba(232,190,118,.52);
        filter:drop-shadow(0 0 24px rgba(232,190,118,.25));
    }

    .elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-home-worlds__card:nth-child(3):hover .gcg-world-fill--water{
        fill:rgba(133,185,177,.68);
    }

}


/* ---------------------------------------------------------
   KEYFRAMES
--------------------------------------------------------- */

@keyframes gcg-world-setup-scan{
    0%,20%{
        transform:translateX(-62%) rotate(-5deg);
        opacity:0;
    }
    40%{
        opacity:.72;
    }
    72%,100%{
        transform:translateX(64%) rotate(-5deg);
        opacity:0;
    }
}

@keyframes gcg-world-decor-glow{
    0%,100%{
        transform:scale(.96);
        opacity:.72;
    }
    50%{
        transform:scale(1.06);
        opacity:1;
    }
}

@keyframes gcg-world-green-glass{
    0%,100%{
        transform:translateX(-5px) rotate(-8deg);
        opacity:.40;
    }
    50%{
        transform:translateX(13px) rotate(-8deg);
        opacity:.72;
    }
}


/* ---------------------------------------------------------
   TABLET / MOBILE
   Keep the stronger static visual, stop continuous effects.
--------------------------------------------------------- */

@media(max-width:900px){

    .elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-home-worlds__card:nth-child(1) .gcg-world-art::before,
    .elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-home-worlds__card:nth-child(2) .gcg-world-art::before,
    .elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-home-worlds__card:nth-child(3) .gcg-world-art::before{
        animation:none !important;
    }

    .elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-home-worlds__card:nth-child(1) .gcg-world-art::before{
        opacity:.30;
        transform:translateX(6%) rotate(-5deg);
    }

    .elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-home-worlds__card:nth-child(2) .gcg-world-art::before{
        opacity:.78;
        transform:none;
    }

    .elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-home-worlds__card:nth-child(3) .gcg-world-art::before{
        opacity:.42;
        transform:translateX(4px) rotate(-8deg);
    }

}

/* =========================================================
   TABLET
========================================================= */

@media(max-width:900px){

    .elementor-1469 .elementor-element.elementor-element-a61dd4b{
        padding:92px 0 94px !important;
    }

    .elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-home-worlds__intro-row{
        grid-template-columns:1fr;
        align-items:start;
        gap:24px;
    }

    .elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-home-worlds__title .elementor-heading-title{
        max-width:700px;
    }

    .elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-home-worlds__description{
        justify-self:start;
        max-width:570px;
    }

    .elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-home-worlds__pin{
        margin-top:42px !important;
    }

    .elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-home-worlds__track{
        gap:16px !important;
        width:calc(100% - 48px) !important;
    }

    .elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-home-worlds__card{
        height:500px;
        border-radius:26px;
    }

    .elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-home-worlds__content{
        left:24px !important;
        right:24px !important;
        bottom:25px !important;
    }

    .elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-home-worlds__card-title .elementor-heading-title{
        font-size:clamp(32px,5vw,40px);
    }

    /* no continuous ambient animation on tablet/touch-sized layouts */
    .elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-world-orbit,
    .elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-world-float,
    .elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-world-dot,
    .elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-world-line--dash{
        animation:none !important;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media(max-width:560px){

    .elementor-1469 .elementor-element.elementor-element-a61dd4b{
        padding:76px 0 78px !important;
    }

    .elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-home-worlds__eyebrow{
        margin-bottom:15px;
    }

    .elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-home-worlds__intro-row{
        gap:20px;
    }

    .elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-home-worlds__title .elementor-heading-title{
        max-width:100%;
        line-height:1.04;
        letter-spacing:-.043em;
    }

    .elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-home-worlds__description{
        max-width:100%;
    }

    .elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-home-worlds__pin{
        margin-top:32px !important;
    }

    .elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-home-worlds__track{
        grid-template-columns:minmax(0,1fr) !important;
        gap:14px !important;
        width:calc(100% - 28px) !important;
    }

    .elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-home-worlds__card{
        height:clamp(400px,108vw,500px);
        border-radius:22px;
    }

    .elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-home-worlds__card::after{
        inset:34% 0 0;
        background:linear-gradient(
            to bottom,
            rgba(237,231,221,0) 0%,
            rgba(237,231,221,.25) 24%,
            rgba(237,231,221,.88) 62%,
            rgba(237,231,221,.99) 84%,
            var(--gcg-cream) 100%
        );
    }

    .elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-home-worlds__content{
        left:22px !important;
        right:22px !important;
        bottom:23px !important;
        max-width:none;
    }

    .elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-home-worlds__card-title .elementor-heading-title{
        font-size:clamp(32px,10vw,40px);
        line-height:1;
    }

    .elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-home-worlds__descriptor{
        margin-top:14px;
    }

    .elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-home-worlds__descriptor .elementor-heading-title{
        line-height:1.4;
        letter-spacing:.09em;
    }

    .elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-home-worlds__card-copy{
        margin-top:8px;
    }

    .elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-home-worlds__card::before{
        width:38px;
        height:38px;
        top:16px;
        right:16px;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media(max-width:380px){

    .elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-home-worlds__track{
        width:calc(100% - 24px) !important;
    }

    .elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-home-worlds__card{
        height:400px;
    }

    .elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-home-worlds__card-title .elementor-heading-title{
        font-size:31px;
    }

}


/* =========================================================
   REDUCED MOTION
========================================================= */

@media(prefers-reduced-motion:reduce){

    .elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-home-worlds__card:nth-child(1) .gcg-world-art::before,
    .elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-home-worlds__card:nth-child(2) .gcg-world-art::before,
    .elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-home-worlds__card:nth-child(3) .gcg-world-art::before,
    .elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-world-orbit,
    .elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-world-float,
    .elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-world-dot,
    .elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-world-line--dash{
        animation:none !important;
    }

    .elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-home-worlds__card,
    .elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-world-art__svg,
    .elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-home-worlds__card::before{
        transition:none !important;
    }

}

/* =========================================================
   21. WORLD 04 — CẢM HỨNG
   KINETIC EDITORIAL COLLAGE

   Expected inner HTML root:
   <div class="gcg-world-visual gcg-world-visual--camhung">
     <div class="gcg-camhung-stage">...</div>
   </div>
========================================================= */

.elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-world-visual--camhung{
    position:relative;
    width:100%;
    height:100%;
    overflow:hidden;
}

.elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-world-visual--camhung .gcg-camhung-stage{
    position:relative;
    width:100%;
    height:100%;
    overflow:hidden;
    isolation:isolate;
    background:
        radial-gradient(circle at 28% 25%,rgba(255,255,255,.92) 0%,rgba(255,255,255,.20) 35%,rgba(255,255,255,0) 58%),
        radial-gradient(circle at 74% 24%,rgba(184,156,132,.32) 0%,rgba(184,156,132,0) 39%);
}

.elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-world-visual--camhung .gcg-camhung-glow{
    position:absolute;
    z-index:1;
    width:56%;
    aspect-ratio:1;
    left:4%;
    top:-5%;
    border-radius:50%;
    background:radial-gradient(circle,rgba(255,255,255,.98) 0%,rgba(255,255,255,.38) 36%,rgba(255,255,255,0) 72%);
    filter:blur(8px);
}

.elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-world-visual--camhung .gcg-camhung-orbit{
    position:absolute;
    z-index:1;
    border:1.3px solid rgba(14,19,33,.16);
    border-radius:50%;
    pointer-events:none;
    transform-origin:center;
}

.elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-world-visual--camhung .gcg-camhung-orbit--1{
    width:77%;
    height:55%;
    left:8%;
    top:6%;
    transform:rotate(12deg);
    animation:gcg-camhung-orbit-a 20s linear infinite;
}

.elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-world-visual--camhung .gcg-camhung-orbit--2{
    width:54%;
    height:38%;
    right:4%;
    top:24%;
    opacity:.56;
    transform:rotate(-16deg);
    animation:gcg-camhung-orbit-b 24s linear infinite reverse;
}

.elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-world-visual--camhung .gcg-camhung-panel{
    position:absolute;
    z-index:3;
    border-radius:22px;
    transform-origin:center;
}

/* Main focal point */
.elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-world-visual--camhung .gcg-camhung-panel--hero{
    left:35%;
    top:15%;
    width:34%;
    height:44%;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.16);
    background:linear-gradient(145deg,var(--gcg-navy-2) 0%,var(--gcg-navy) 100%);
    box-shadow:0 24px 44px rgba(14,19,33,.22);
    transform:rotate(-4deg);
    animation:gcg-camhung-hero-float 6.8s ease-in-out infinite;
}

.elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-world-visual--camhung .gcg-camhung-panel--hero::before{
    content:"";
    position:absolute;
    inset:12%;
    border:1px solid rgba(237,231,221,.26);
    border-radius:16px;
}

.elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-world-visual--camhung .gcg-camhung-panel--hero::after{
    content:"";
    position:absolute;
    inset:-45%;
    background:linear-gradient(108deg,transparent 38%,rgba(255,255,255,.26) 48%,transparent 58%);
    transform:translateX(-76%) rotate(8deg);
    animation:gcg-camhung-shine 6.2s ease-in-out infinite;
}

.elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-world-visual--camhung .gcg-camhung-panel--paper{
    left:20%;
    top:20%;
    width:31%;
    height:38%;
    z-index:2;
    border:1px solid rgba(14,19,33,.09);
    background:rgba(251,248,243,.94);
    box-shadow:0 15px 30px rgba(14,19,33,.09);
    transform:rotate(-8deg);
    animation:gcg-camhung-paper-float 7.6s ease-in-out infinite;
}

.elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-world-visual--camhung .gcg-camhung-panel--note{
    right:11%;
    top:18%;
    width:31%;
    height:34%;
    z-index:2;
    background:linear-gradient(145deg,rgba(216,207,195,.96),rgba(184,156,132,.68));
    box-shadow:0 14px 30px rgba(14,19,33,.08);
    transform:rotate(6deg);
    animation:gcg-camhung-note-float 8.4s ease-in-out infinite;
}

.elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-world-visual--camhung .gcg-camhung-tape{
    position:absolute;
    z-index:6;
    left:55%;
    top:10%;
    width:11%;
    height:7%;
    border-radius:5px;
    background:rgba(210,184,151,.94);
    box-shadow:0 7px 14px rgba(14,19,33,.07);
    transform:rotate(26deg);
}

/* Connector */
.elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-world-visual--camhung .gcg-camhung-connector{
    position:absolute;
    z-index:7;
    left:50%;
    top:25%;
    width:31%;
    height:16%;
}

.elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-world-visual--camhung .gcg-camhung-connector .dot{
    position:absolute;
    z-index:2;
    width:13px;
    height:13px;
    border-radius:50%;
    background:#D3B99A;
    box-shadow:0 0 0 8px rgba(211,185,154,.13);
    animation:gcg-camhung-dot 3.8s ease-in-out infinite;
}

.elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-world-visual--camhung .gcg-camhung-connector .dot-a{
    left:0;
    top:38%;
}

.elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-world-visual--camhung .gcg-camhung-connector .dot-b{
    right:0;
    top:5%;
    animation-delay:-1.6s;
}

.elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-world-visual--camhung .gcg-camhung-connector .line{
    position:absolute;
    left:10px;
    right:10px;
    top:40%;
    height:0;
    border-top:2px dashed rgba(14,19,33,.72);
    transform:rotate(-24deg);
    transform-origin:left center;
}

/* Graphic marks */
.elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-world-visual--camhung .gcg-camhung-hero-mark{
    position:absolute;
    inset:0;
    z-index:8;
    pointer-events:none;
}

.elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-world-visual--camhung .mark-card{
    position:absolute;
    border-radius:16px;
    background:transparent;
}

.elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-world-visual--camhung .mark-card--1{
    left:40%;
    top:23%;
    width:24%;
    height:28%;
    border:2.5px solid rgba(237,231,221,.90);
    transform:rotate(-4deg);
}

.elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-world-visual--camhung .mark-card--2{
    left:59%;
    top:18%;
    width:22%;
    height:26%;
    border:2.5px solid rgba(14,19,33,.66);
    transform:rotate(2deg);
}

.elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-world-visual--camhung .mark-curve{
    position:absolute;
    left:63%;
    top:29%;
    width:14%;
    height:10%;
    border-top:3px solid rgba(14,19,33,.80);
    border-radius:50% 50% 0 0;
    transform:rotate(-7deg);
}

.elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-world-visual--camhung .mark-bar{
    position:absolute;
    right:17%;
    height:3px;
    border-radius:999px;
    background:rgba(14,19,33,.76);
}

.elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-world-visual--camhung .mark-bar--1{top:34%;width:13%;}
.elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-world-visual--camhung .mark-bar--2{top:40%;width:13%;}
.elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-world-visual--camhung .mark-bar--3{top:46%;width:11%;}

.elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-world-visual--camhung .gcg-camhung-disc{
    position:absolute;
    z-index:2;
    right:10%;
    bottom:14%;
    width:18%;
    aspect-ratio:1;
    border-radius:50%;
    border:2px solid rgba(14,19,33,.16);
    background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.60),rgba(255,255,255,0) 58%);
}

.elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-world-visual--camhung .gcg-camhung-shadow{
    position:absolute;
    z-index:1;
    right:14%;
    bottom:12%;
    width:29%;
    height:8%;
    border-radius:999px;
    background:rgba(14,19,33,.12);
    filter:blur(.4px);
    transform:skewX(-28deg) rotate(-11deg);
}


/* =========================================================
   22. WORLD 04 HOVER
========================================================= */

@media(hover:hover) and (pointer:fine){

    .elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-home-worlds__card:hover .gcg-camhung-panel--hero{
        box-shadow:0 30px 58px rgba(14,19,33,.29);
    }

    .elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-home-worlds__card:hover .gcg-camhung-panel--paper{
        transform:rotate(-10deg) translate3d(-4px,-4px,0);
    }

    .elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-home-worlds__card:hover .gcg-camhung-panel--note{
        transform:rotate(8deg) translate3d(5px,-3px,0);
    }

    .elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-home-worlds__card:hover .gcg-camhung-disc{
        transform:translateY(-4px) scale(1.04);
        transition:transform .45s ease;
    }
}


/* =========================================================
   23. WORLD 04 KEYFRAMES
========================================================= */

@keyframes gcg-camhung-orbit-a{
    from{transform:rotate(12deg);}
    to{transform:rotate(372deg);}
}

@keyframes gcg-camhung-orbit-b{
    from{transform:rotate(-16deg);}
    to{transform:rotate(344deg);}
}

@keyframes gcg-camhung-hero-float{
    0%,100%{transform:rotate(-4deg) translateY(0);}
    50%{transform:rotate(-3deg) translateY(-5px);}
}

@keyframes gcg-camhung-paper-float{
    0%,100%{transform:rotate(-8deg) translateY(0);}
    50%{transform:rotate(-6.5deg) translateY(5px);}
}

@keyframes gcg-camhung-note-float{
    0%,100%{transform:rotate(6deg) translateY(0);}
    50%{transform:rotate(7.5deg) translateY(-4px);}
}

@keyframes gcg-camhung-shine{
    0%,58%{
        transform:translateX(-76%) rotate(8deg);
        opacity:0;
    }
    68%{opacity:.85;}
    82%,100%{
        transform:translateX(76%) rotate(8deg);
        opacity:0;
    }
}

@keyframes gcg-camhung-dot{
    0%,100%{transform:scale(1);opacity:.92;}
    50%{transform:scale(1.15);opacity:.68;}
}


/* =========================================================
   TABLET / TOUCH STABILITY
========================================================= */

@media(max-width:900px){

    .elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-camhung-orbit,
    .elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-camhung-panel--hero,
    .elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-camhung-panel--paper,
    .elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-camhung-panel--note,
    .elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-camhung-panel--hero::after,
    .elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-camhung-connector .dot{
        animation:none !important;
    }
}


/* =========================================================
   MOBILE / WORLD 04
========================================================= */

@media(max-width:560px){

    .elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-world-visual--camhung .gcg-camhung-glow{
        width:64%;
        left:-2%;
        top:-4%;
    }

    .elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-world-visual--camhung .gcg-camhung-panel--hero{
        left:33%;
        top:15%;
        width:38%;
        height:42%;
        border-radius:17px;
    }

    .elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-world-visual--camhung .gcg-camhung-panel--paper{
        left:15%;
        top:20%;
        width:34%;
        height:35%;
        border-radius:17px;
    }

    .elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-world-visual--camhung .gcg-camhung-panel--note{
        right:5%;
        top:20%;
        width:34%;
        height:31%;
        border-radius:17px;
    }

    .elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-world-visual--camhung .gcg-camhung-tape{
        left:56%;
        top:9%;
        width:12%;
        height:7%;
    }

    .elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-world-visual--camhung .gcg-camhung-connector{
        left:49%;
        top:26%;
        width:35%;
    }

    .elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-world-visual--camhung .gcg-camhung-connector .dot{
        width:10px;
        height:10px;
        box-shadow:0 0 0 6px rgba(211,185,154,.12);
    }

    .elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-world-visual--camhung .mark-card--1{
        left:39%;
        top:23%;
        width:26%;
        height:27%;
        border-width:2px;
        border-radius:13px;
    }

    .elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-world-visual--camhung .mark-card--2{
        left:59%;
        top:19%;
        width:24%;
        height:24%;
        border-width:2px;
        border-radius:13px;
    }

    .elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-world-visual--camhung .mark-curve{
        left:64%;
        top:29%;
        width:15%;
        border-top-width:2.5px;
    }

    .elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-world-visual--camhung .mark-bar{
        right:12%;
        height:2.5px;
    }

    .elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-world-visual--camhung .gcg-camhung-disc{
        right:7%;
        bottom:14%;
        width:19%;
    }

    .elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-world-visual--camhung .gcg-camhung-shadow{
        right:11%;
        bottom:12%;
        width:32%;
    }
}


/* =========================================================
   REDUCED MOTION / WORLD 04
========================================================= */

@media(prefers-reduced-motion:reduce){

    .elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-camhung-orbit,
    .elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-camhung-panel--hero,
    .elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-camhung-panel--paper,
    .elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-camhung-panel--note,
    .elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-camhung-panel--hero::after,
    .elementor-1469 .elementor-element.elementor-element-a61dd4b .gcg-camhung-connector .dot{
        animation:none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28da4ef *//* =========================================================
   GÓC CÓ GU — HOME V2
   SECTION 04 / SPATIAL STORY
   PRODUCTION V2.3 HYBRID

   SOURCE OF TRUTH:
   - V2 cinematic composition / scene / interaction
   - V1 light paper atmosphere
   - Shorter scroll runway
   - Step 03 overlap fixed
   - Desktop restores progress line + percentage only
   - Tablet/mobile switch to NON-STICKY interaction mode
   - No scroll-scrub or continuous pointer motion on touch devices
   - Production keeps scroll instruction text removed

   IMPORTANT:
   Root V1.5 typography tokens remain the master.
========================================================= */


/* =========================================================
   01. SECTION / SCROLL RUNWAY
========================================================= */

.elementor-1469 .elementor-element.elementor-element-28da4ef{
    --gcg-spatial-p:0;
    --gcg-spatial-mx:0;
    --gcg-spatial-my:0;

    position:relative;

    display:block !important;

    width:100% !important;
    max-width:none !important;

    height:300vh;

    margin:0 !important;
    padding:0 !important;

    background:
        var(--gcg-paper);

    overflow:visible !important;

    isolation:isolate;
}


/* light V1 atmosphere */

.elementor-1469 .elementor-element.elementor-element-28da4ef::before{
    content:"";

    position:absolute;

    inset:0;

    z-index:0;

    pointer-events:none;

    background:
        radial-gradient(
            circle at 74% 18%,
            rgba(184,156,132,.12),
            transparent 25%
        ),
        radial-gradient(
            circle at 15% 72%,
            rgba(216,207,195,.10),
            transparent 24%
        ),
        linear-gradient(
            180deg,
            rgba(255,255,255,.26),
            transparent 38%
        );
}


/* =========================================================
   02. STICKY INNER
========================================================= */

.elementor-1469 .elementor-element.elementor-element-28da4ef .gcg-home-story__grid{
    position:sticky !important;

    top:0;

    z-index:2;

    display:grid !important;

    grid-template-columns:
        minmax(310px,.72fr)
        minmax(0,1.28fr);

    align-items:center !important;

    gap:56px !important;

    width:
        min(
            var(--gcg-max),
            calc(100% - 48px)
        ) !important;

    max-width:
        var(--gcg-max) !important;

    height:100svh;

    min-height:720px;

    margin:
        0
        auto !important;

    padding:0 !important;

    overflow:visible !important;
}


/* =========================================================
   03. COPY
========================================================= */

.elementor-1469 .elementor-element.elementor-element-28da4ef .gcg-home-story__copy{
    position:relative;

    z-index:20;

    display:flex !important;

    flex-direction:column !important;

    align-items:flex-start !important;

    justify-content:center !important;

    min-width:0;

    padding-top:12px !important;
}


/* EYEBROW */

.elementor-1469 .elementor-element.elementor-element-28da4ef .gcg-home-story__eyebrow{
    margin:
        0
        0
        20px !important;
}


.elementor-1469 .elementor-element.elementor-element-28da4ef
.gcg-home-story__eyebrow
.elementor-heading-title{
    display:flex;

    align-items:center;

    gap:10px;

    color:
        rgba(14,19,33,.46) !important;
}


.elementor-1469 .elementor-element.elementor-element-28da4ef
.gcg-home-story__eyebrow
.elementor-heading-title::before{
    content:"";

    flex:0 0 auto;

    width:5px;

    height:5px;

    border-radius:50%;

    background:
        var(--gcg-taupe);

    box-shadow:
        0
        0
        20px
        rgba(184,156,132,.40);
}


/* TITLE */

.elementor-1469 .elementor-element.elementor-element-28da4ef .gcg-home-story__title{
    width:100%;

    max-width:590px;

    margin:0 !important;
}


.elementor-1469 .elementor-element.elementor-element-28da4ef
.gcg-home-story__title
.elementor-heading-title{
    line-height:.98 !important;

    letter-spacing:
        -.055em !important;

    color:
        var(--gcg-navy) !important;
}


.elementor-1469 .elementor-element.elementor-element-28da4ef .gcg-home-story__title-soft{
    color:
        var(--gcg-brown);
}


/* DESCRIPTION */

.elementor-1469 .elementor-element.elementor-element-28da4ef .gcg-home-story__description{
    width:100%;

    max-width:515px;

    min-height:98px;

    margin:
        25px
        0
        0 !important;
}


.elementor-1469 .elementor-element.elementor-element-28da4ef .gcg-home-story__description,
.elementor-1469 .elementor-element.elementor-element-28da4ef .gcg-home-story__description p{
    color:
        var(--gcg-slate) !important;
}


/* =========================================================
   04. CHAPTERS
========================================================= */

.elementor-1469 .elementor-element.elementor-element-28da4ef .gcg-home-story__chapters{
    width:100%;

    max-width:515px;

    margin:
        30px
        0
        0 !important;
}


.elementor-1469 .elementor-element.elementor-element-28da4ef
.gcg-home-story__chapters
.elementor-widget-container{
    width:100%;
}


.elementor-1469 .elementor-element.elementor-element-28da4ef .gcg-spatial-chapters{
    width:100%;

    border-top:
        1px solid
        rgba(14,19,33,.10);
}


.elementor-1469 .elementor-element.elementor-element-28da4ef .gcg-spatial-chapter{
    position:relative;

    display:grid;

    grid-template-columns:
        42px
        minmax(0,1fr)
        auto;

    align-items:center;

    gap:12px;

    width:100%;

    min-width:0;

    margin:0;

    padding:
        15px
        0;

    border:0;

    border-bottom:
        1px solid
        rgba(14,19,33,.085);

    background:
        transparent;

    color:
        rgba(14,19,33,.34);

    text-align:left;

    cursor:pointer;

    transition:
        color .45s ease,
        transform .45s ease;
}


.elementor-1469 .elementor-element.elementor-element-28da4ef .gcg-spatial-chapter::before{
    content:"";

    position:absolute;

    left:0;

    bottom:-1px;

    width:0;

    height:1px;

    background:
        linear-gradient(
            90deg,
            var(--gcg-taupe),
            rgba(14,19,33,.09)
        );

    transition:
        width
        .65s
        cubic-bezier(.2,.8,.2,1);
}


.elementor-1469 .elementor-element.elementor-element-28da4ef .gcg-spatial-chapter.is-active{
    color:
        var(--gcg-navy);

    transform:
        translateX(6px);
}


.elementor-1469 .elementor-element.elementor-element-28da4ef .gcg-spatial-chapter.is-active::before{
    width:100%;
}


.elementor-1469 .elementor-element.elementor-element-28da4ef .gcg-spatial-chapter__num{
    color:
        var(--gcg-taupe);

    font-size:10px;

    line-height:1.3;

    font-weight:700;

    letter-spacing:.12em;
}


.elementor-1469 .elementor-element.elementor-element-28da4ef .gcg-spatial-chapter__name{
    font-size:14px;

    line-height:1.4;

    font-weight:700;
}


.elementor-1469 .elementor-element.elementor-element-28da4ef .gcg-spatial-chapter__tag{
    color:
        rgba(14,19,33,.30);

    font-size:9px;

    line-height:1.3;

    font-weight:700;

    letter-spacing:.16em;

    text-transform:uppercase;
}



/* =========================================================
   04B. DESKTOP PROGRESS
   No instructional text — only line + percentage.
========================================================= */

.elementor-1469 .elementor-element.elementor-element-28da4ef .gcg-spatial-progress{
    display:flex;

    align-items:center;

    gap:14px;

    width:100%;

    max-width:515px;

    margin-top:20px;

    color:
        rgba(14,19,33,.38);

    font-size:9px;

    line-height:1;

    font-weight:700;

    letter-spacing:.14em;
}


.elementor-1469 .elementor-element.elementor-element-28da4ef .gcg-spatial-progress__track{
    position:relative;

    display:block;

    width:128px;

    height:1px;

    overflow:hidden;

    background:
        rgba(14,19,33,.11);
}


.elementor-1469 .elementor-element.elementor-element-28da4ef .gcg-spatial-progress__fill{
    position:absolute;

    inset:0;

    display:block;

    background:
        linear-gradient(
            90deg,
            var(--gcg-taupe),
            var(--gcg-navy)
        );

    transform:
        scaleX(
            var(--gcg-spatial-p)
        );

    transform-origin:
        left center;

    will-change:
        transform;
}


.elementor-1469 .elementor-element.elementor-element-28da4ef .gcg-spatial-progress__value{
    display:block;

    min-width:34px;

    font-variant-numeric:
        tabular-nums;
}

/* =========================================================
   05. VISUAL
========================================================= */

.elementor-1469 .elementor-element.elementor-element-28da4ef .gcg-home-story__visual{
    position:relative;

    z-index:3;

    display:grid !important;

    place-items:center !important;

    min-width:0;

    height:
        min(
            78vh,
            710px
        );

    min-height:585px;

    perspective:1600px;

    perspective-origin:
        55% 42%;

    overflow:visible !important;
}


.elementor-1469 .elementor-element.elementor-element-28da4ef .gcg-home-story__visual::before,
.elementor-1469 .elementor-element.elementor-element-28da4ef .gcg-home-story__visual::after{
    content:"";

    position:absolute;

    z-index:0;

    border-radius:50%;

    pointer-events:none;
}


.elementor-1469 .elementor-element.elementor-element-28da4ef .gcg-home-story__visual::before{
    width:88%;

    height:48%;

    border:
        1px solid
        rgba(14,19,33,.08);

    transform:
        rotate(-13deg);

    animation:
        gcg-spatial-orbit-01
        14s
        ease-in-out
        infinite
        alternate;
}


.elementor-1469 .elementor-element.elementor-element-28da4ef .gcg-home-story__visual::after{
    width:62%;

    height:70%;

    border:
        1px solid
        rgba(184,156,132,.16);

    transform:
        rotate(18deg);

    animation:
        gcg-spatial-orbit-02
        17s
        ease-in-out
        infinite
        alternate;
}


@keyframes gcg-spatial-orbit-01{
    to{
        transform:
            rotate(-7deg)
            scale(1.035);
    }
}


@keyframes gcg-spatial-orbit-02{
    to{
        transform:
            rotate(12deg)
            scale(.97);
    }
}


/* Elementor HTML widget wrapper */

.elementor-1469 .elementor-element.elementor-element-28da4ef .gcg-home-story__scene-widget{
    position:relative;

    z-index:2;

    width:100%;

    max-width:760px;

    margin:0 !important;
}


.elementor-1469 .elementor-element.elementor-element-28da4ef
.gcg-home-story__scene-widget
.elementor-widget-container{
    width:100%;
}


/* =========================================================
   06. SCENE
========================================================= */

.elementor-1469 .elementor-element.elementor-element-28da4ef .gcg-spatial-scene{
    position:relative;

    width:min(100%,760px);

    aspect-ratio:
        1.13 / 1;

    transform-style:
        preserve-3d;

    transform:
        translate3d(
            calc(var(--gcg-spatial-mx) * 7px),
            calc(var(--gcg-spatial-my) * 5px),
            0
        )
        rotateX(
            calc(var(--gcg-spatial-my) * -2.5deg)
        )
        rotateY(
            calc(var(--gcg-spatial-mx) * 3.8deg)
        )
        scale(
            calc(
                .97 +
                var(--gcg-spatial-p) * .025
            )
        );

    transition:
        transform
        .18s
        ease-out;

    will-change:
        transform;
}


/* ghost typography */

.elementor-1469 .elementor-element.elementor-element-28da4ef .gcg-spatial-ghost{
    position:absolute;

    z-index:-2;

    right:-1vw;

    top:50%;

    transform:
        translateY(-50%);

    font-size:
        clamp(
            120px,
            18vw,
            310px
        );

    line-height:.75;

    font-weight:700;

    letter-spacing:-.08em;

    color:
        rgba(14,19,33,.025);

    white-space:nowrap;

    user-select:none;

    pointer-events:none;
}


/* pointer light */

.elementor-1469 .elementor-element.elementor-element-28da4ef .gcg-spatial-cursor-light{
    position:absolute;

    z-index:-1;

    width:420px;

    height:420px;

    left:
        calc(
            50% +
            var(--gcg-spatial-mx) * 22%
        );

    top:
        calc(
            50% +
            var(--gcg-spatial-my) * 22%
        );

    transform:
        translate(-50%,-50%);

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(184,156,132,.13),
            rgba(184,156,132,.03) 37%,
            transparent 68%
        );

    filter:blur(2px);

    pointer-events:none;
}


/* main card */

.elementor-1469 .elementor-element.elementor-element-28da4ef .gcg-spatial-card{
    position:absolute;

    inset:
        6%
        1%
        5%
        2%;

    overflow:hidden;

    border-radius:40px;

    background:#ebe3d8;

    box-shadow:
        0
        46px
        100px
        rgba(14,19,33,.18),
        0
        0
        0
        1px
        rgba(255,255,255,.45),
        inset
        0
        0
        0
        1px
        rgba(255,255,255,.55);

    transform-style:
        preserve-3d;
}


.elementor-1469 .elementor-element.elementor-element-28da4ef .gcg-spatial-room{
    display:block;

    width:100%;

    height:100%;
}


/* cinematic shine */

.elementor-1469 .elementor-element.elementor-element-28da4ef .gcg-spatial-shine{
    position:absolute;

    z-index:12;

    inset:-30%;

    pointer-events:none;

    opacity:.48;

    background:
        linear-gradient(
            105deg,
            transparent 34%,
            rgba(255,255,255,.22) 47%,
            transparent 60%
        );

    transform:
        translateX(
            calc(
                -48% +
                var(--gcg-spatial-p) * 110%
            )
        )
        rotate(5deg);

    mix-blend-mode:screen;
}


/* =========================================================
   07. SVG STATE LAYERS
========================================================= */

.elementor-1469 .elementor-element.elementor-element-28da4ef .gcg-spatial__blueprint{
    opacity:.58;

    transition:
        opacity
        1s
        ease;
}


.elementor-1469 .elementor-element.elementor-element-28da4ef .gcg-spatial__wire{
    opacity:.94;

    transition:
        opacity .9s ease,
        filter .9s ease;
}


.elementor-1469 .elementor-element.elementor-element-28da4ef .gcg-spatial__materials{
    opacity:.16;

    filter:
        saturate(.25)
        brightness(.98);

    transition:
        opacity 1.1s ease,
        filter 1.1s ease;
}


.elementor-1469 .elementor-element.elementor-element-28da4ef .gcg-spatial__lighting{
    opacity:.02;

    transition:
        opacity
        1.1s
        ease;
}


.elementor-1469 .elementor-element.elementor-element-28da4ef .gcg-spatial__decor{
    opacity:0;

    transform:
        translateY(24px);

    transform-origin:center;

    transition:
        opacity .9s ease,
        transform
        1s
        cubic-bezier(.2,.8,.2,1);
}


.elementor-1469 .elementor-element.elementor-element-28da4ef .gcg-spatial__plant{
    opacity:0;

    transform-origin:
        655px
        395px;

    transform:
        scale(.82)
        translateY(28px);

    transition:
        opacity .85s ease .1s,
        transform
        1.1s
        cubic-bezier(.2,.8,.2,1)
        .1s;
}


.elementor-1469 .elementor-element.elementor-element-28da4ef .gcg-spatial__lamp-glow{
    opacity:0;

    transition:
        opacity
        1.1s
        ease;
}


.elementor-1469 .elementor-element.elementor-element-28da4ef .gcg-spatial__screen-glow{
    opacity:.15;

    transition:
        opacity
        1s
        ease;
}


.elementor-1469 .elementor-element.elementor-element-28da4ef .gcg-spatial__sun-beam{
    opacity:0;

    transition:
        opacity
        1.15s
        ease;
}


.elementor-1469 .elementor-element.elementor-element-28da4ef .gcg-spatial__shadow-move{
    opacity:.08;

    transform:
        translateX(-34px);

    transition:
        transform
        1.3s
        cubic-bezier(.2,.8,.2,1),
        opacity
        1.2s
        ease;
}


/* =========================================================
   08. STEP STATES
========================================================= */

/* STEP 01 */

.elementor-1469 .elementor-element.elementor-element-28da4ef[data-spatial-step="1"]
.gcg-spatial__blueprint{
    opacity:.62;
}


.elementor-1469 .elementor-element.elementor-element-28da4ef[data-spatial-step="1"]
.gcg-spatial__wire{
    opacity:.96;
}


.elementor-1469 .elementor-element.elementor-element-28da4ef[data-spatial-step="1"]
.gcg-spatial__materials{
    opacity:.16;

    filter:
        saturate(.2);
}


.elementor-1469 .elementor-element.elementor-element-28da4ef[data-spatial-step="1"]
.gcg-spatial-hud--01{
    opacity:1;

    transform:
        translateY(0);
}


.elementor-1469 .elementor-element.elementor-element-28da4ef[data-spatial-step="1"]
.gcg-spatial-hotspot--01{
    opacity:1;

    transform:
        scale(1);
}


/* STEP 02 */

.elementor-1469 .elementor-element.elementor-element-28da4ef[data-spatial-step="2"]
.gcg-spatial__blueprint{
    opacity:.14;
}


.elementor-1469 .elementor-element.elementor-element-28da4ef[data-spatial-step="2"]
.gcg-spatial__wire{
    opacity:.42;

    filter:
        blur(.1px);
}


.elementor-1469 .elementor-element.elementor-element-28da4ef[data-spatial-step="2"]
.gcg-spatial__materials{
    opacity:.82;

    filter:
        saturate(.8)
        brightness(1.01);
}


.elementor-1469 .elementor-element.elementor-element-28da4ef[data-spatial-step="2"]
.gcg-spatial__lighting{
    opacity:1;
}


.elementor-1469 .elementor-element.elementor-element-28da4ef[data-spatial-step="2"]
.gcg-spatial__lamp-glow{
    opacity:1;
}


.elementor-1469 .elementor-element.elementor-element-28da4ef[data-spatial-step="2"]
.gcg-spatial__screen-glow{
    opacity:.9;
}


.elementor-1469 .elementor-element.elementor-element-28da4ef[data-spatial-step="2"]
.gcg-spatial__sun-beam{
    opacity:1;
}


.elementor-1469 .elementor-element.elementor-element-28da4ef[data-spatial-step="2"]
.gcg-spatial__shadow-move{
    opacity:.28;

    transform:
        translateX(4px);
}


.elementor-1469 .elementor-element.elementor-element-28da4ef[data-spatial-step="2"]
.gcg-spatial-hud--02{
    opacity:1;

    transform:
        translateY(0);
}


.elementor-1469 .elementor-element.elementor-element-28da4ef[data-spatial-step="2"]
.gcg-spatial-hotspot--02{
    opacity:1;

    transform:
        scale(1);
}


/* STEP 03 */

.elementor-1469 .elementor-element.elementor-element-28da4ef[data-spatial-step="3"]
.gcg-spatial__blueprint{
    opacity:.03;
}


.elementor-1469 .elementor-element.elementor-element-28da4ef[data-spatial-step="3"]
.gcg-spatial__wire{
    opacity:.08;
}


.elementor-1469 .elementor-element.elementor-element-28da4ef[data-spatial-step="3"]
.gcg-spatial__materials{
    opacity:1;

    filter:
        saturate(1.04)
        brightness(1.01);
}


.elementor-1469 .elementor-element.elementor-element-28da4ef[data-spatial-step="3"]
.gcg-spatial__lighting{
    opacity:.92;
}


.elementor-1469 .elementor-element.elementor-element-28da4ef[data-spatial-step="3"]
.gcg-spatial__lamp-glow{
    opacity:1;
}


.elementor-1469 .elementor-element.elementor-element-28da4ef[data-spatial-step="3"]
.gcg-spatial__screen-glow{
    opacity:1;
}


.elementor-1469 .elementor-element.elementor-element-28da4ef[data-spatial-step="3"]
.gcg-spatial__sun-beam{
    opacity:.88;
}


.elementor-1469 .elementor-element.elementor-element-28da4ef[data-spatial-step="3"]
.gcg-spatial__shadow-move{
    opacity:.32;

    transform:
        translateX(12px);
}


.elementor-1469 .elementor-element.elementor-element-28da4ef[data-spatial-step="3"]
.gcg-spatial__decor{
    opacity:1;

    transform:
        translateY(0);
}


.elementor-1469 .elementor-element.elementor-element-28da4ef[data-spatial-step="3"]
.gcg-spatial__plant{
    opacity:1;

    transform:
        scale(1)
        translateY(0);
}


.elementor-1469 .elementor-element.elementor-element-28da4ef[data-spatial-step="3"]
.gcg-spatial-hud--03{
    opacity:1;

    transform:
        translateY(0);
}


.elementor-1469 .elementor-element.elementor-element-28da4ef[data-spatial-step="3"]
.gcg-spatial-hotspot--03{
    opacity:1;

    transform:
        scale(1);
}


.elementor-1469 .elementor-element.elementor-element-28da4ef[data-spatial-step="3"]
.gcg-spatial-particles{
    opacity:1;
}


.elementor-1469 .elementor-element.elementor-element-28da4ef[data-spatial-step="3"]
.gcg-spatial-final
span{
    opacity:1;

    transform:
        translateY(0);
}


/* =========================================================
   09. HUD
========================================================= */

.elementor-1469 .elementor-element.elementor-element-28da4ef .gcg-spatial-hud{
    position:absolute;

    z-index:30;

    padding:
        10px
        12px;

    border:
        1px solid
        rgba(237,231,221,.13);

    border-radius:12px;

    background:
        rgba(9,13,22,.50);

    color:
        rgba(237,231,221,.72);

    backdrop-filter:
        blur(14px);

    -webkit-backdrop-filter:
        blur(14px);

    box-shadow:
        0
        14px
        30px
        rgba(0,0,0,.17);

    font-size:9px;

    line-height:1.45;

    letter-spacing:.08em;

    opacity:0;

    transform:
        translateY(8px);

    transition:
        opacity .6s ease,
        transform .6s ease;

    pointer-events:none;
}


.elementor-1469 .elementor-element.elementor-element-28da4ef .gcg-spatial-hud strong{
    display:block;

    margin-bottom:2px;

    color:
        var(--gcg-cream);

    font-size:10px;

    letter-spacing:.04em;
}


.elementor-1469 .elementor-element.elementor-element-28da4ef .gcg-spatial-hud--01{
    left:5%;

    top:18%;
}


.elementor-1469 .elementor-element.elementor-element-28da4ef .gcg-spatial-hud--02{
    right:2%;

    top:12%;
}


/* refined position — prevents Step 03 collision */

.elementor-1469 .elementor-element.elementor-element-28da4ef .gcg-spatial-hud--03{
    right:3%;

    bottom:21%;

    max-width:210px;
}


/* =========================================================
   10. CONNECTORS + HOTSPOTS
========================================================= */

.elementor-1469 .elementor-element.elementor-element-28da4ef .gcg-spatial-connector{
    position:absolute;

    z-index:18;

    height:1px;

    transform-origin:
        left
        center;

    background:
        linear-gradient(
            90deg,
            rgba(184,156,132,.52),
            transparent
        );

    opacity:.48;

    pointer-events:none;
}


.elementor-1469 .elementor-element.elementor-element-28da4ef .gcg-spatial-connector--01{
    left:9%;

    top:29%;

    width:110px;

    transform:
        rotate(14deg);
}


.elementor-1469 .elementor-element.elementor-element-28da4ef .gcg-spatial-connector--02{
    right:8%;

    top:25%;

    width:104px;

    transform:
        rotate(162deg);
}


.elementor-1469 .elementor-element.elementor-element-28da4ef .gcg-spatial-connector--03{
    right:9%;

    bottom:19%;

    width:106px;

    transform:
        rotate(198deg);
}


.elementor-1469 .elementor-element.elementor-element-28da4ef .gcg-spatial-hotspot{
    position:absolute;

    z-index:25;

    width:18px;

    height:18px;

    border:
        1px solid
        rgba(237,231,221,.35);

    border-radius:50%;

    background:
        rgba(14,19,33,.76);

    box-shadow:
        0
        0
        0
        8px
        rgba(184,156,132,.08),
        0
        0
        25px
        rgba(184,156,132,.22);

    opacity:.25;

    transform:
        scale(.76);

    transition:
        opacity .55s ease,
        transform .55s ease,
        box-shadow .55s ease;
}


.elementor-1469 .elementor-element.elementor-element-28da4ef .gcg-spatial-hotspot::before{
    content:"";

    position:absolute;

    inset:5px;

    border-radius:50%;

    background:
        var(--gcg-taupe);
}


.elementor-1469 .elementor-element.elementor-element-28da4ef .gcg-spatial-hotspot::after{
    content:"";

    position:absolute;

    inset:-9px;

    border:
        1px solid
        rgba(184,156,132,.25);

    border-radius:50%;

    animation:
        gcg-spatial-pulse
        2.2s
        ease-out
        infinite;
}


@keyframes gcg-spatial-pulse{
    0%{
        transform:
            scale(.65);

        opacity:0;
    }

    35%{
        opacity:.7;
    }

    100%{
        transform:
            scale(1.55);

        opacity:0;
    }
}


.elementor-1469 .elementor-element.elementor-element-28da4ef .gcg-spatial-hotspot--01{
    left:29%;

    top:58%;
}


.elementor-1469 .elementor-element.elementor-element-28da4ef .gcg-spatial-hotspot--02{
    right:27%;

    top:30%;
}


.elementor-1469 .elementor-element.elementor-element-28da4ef .gcg-spatial-hotspot--03{
    right:18%;

    bottom:27%;
}


/* =========================================================
   11. PARTICLES
========================================================= */

.elementor-1469 .elementor-element.elementor-element-28da4ef .gcg-spatial-particles{
    position:absolute;

    inset:
        7%
        3%
        6%;

    z-index:16;

    overflow:hidden;

    border-radius:38px;

    opacity:0;

    transition:
        opacity
        1.2s
        ease;

    pointer-events:none;
}


.elementor-1469 .elementor-element.elementor-element-28da4ef .gcg-spatial-dust{
    position:absolute;

    width:3px;

    height:3px;

    border-radius:50%;

    background:
        rgba(255,231,179,.78);

    box-shadow:
        0
        0
        10px
        rgba(255,211,126,.55);

    animation:
        gcg-spatial-dust
        6s
        ease-in-out
        infinite;
}


.elementor-1469 .elementor-element.elementor-element-28da4ef .gcg-spatial-dust.d1{
    left:56%;

    top:28%;

    animation-delay:-.4s;
}

.elementor-1469 .elementor-element.elementor-element-28da4ef .gcg-spatial-dust.d2{
    left:62%;

    top:42%;

    animation-delay:-2.8s;
}

.elementor-1469 .elementor-element.elementor-element-28da4ef .gcg-spatial-dust.d3{
    left:71%;

    top:24%;

    animation-delay:-1.7s;
}

.elementor-1469 .elementor-element.elementor-element-28da4ef .gcg-spatial-dust.d4{
    left:49%;

    top:38%;

    animation-delay:-4.1s;
}

.elementor-1469 .elementor-element.elementor-element-28da4ef .gcg-spatial-dust.d5{
    left:77%;

    top:49%;

    animation-delay:-3.3s;
}

.elementor-1469 .elementor-element.elementor-element-28da4ef .gcg-spatial-dust.d6{
    left:67%;

    top:59%;

    animation-delay:-5.2s;
}

.elementor-1469 .elementor-element.elementor-element-28da4ef .gcg-spatial-dust.d7{
    left:52%;

    top:52%;

    animation-delay:-2.1s;
}


@keyframes gcg-spatial-dust{
    0%,
    100%{
        transform:
            translate3d(0,10px,0);

        opacity:.15;
    }

    45%{
        transform:
            translate3d(12px,-18px,0);

        opacity:1;
    }

    70%{
        transform:
            translate3d(-5px,-7px,0);

        opacity:.5;
    }
}


/* =========================================================
   12. MICRO UI
========================================================= */

.elementor-1469 .elementor-element.elementor-element-28da4ef .gcg-spatial-corner{
    position:absolute;

    z-index:40;

    display:flex;

    align-items:center;

    gap:10px;

    color:
        rgba(14,19,33,.32);

    font-size:8px;

    font-weight:700;

    text-transform:uppercase;

    letter-spacing:.17em;

    pointer-events:none;
}


.elementor-1469 .elementor-element.elementor-element-28da4ef .gcg-spatial-corner::before{
    content:"";

    width:28px;

    height:1px;

    background:
        rgba(14,19,33,.18);
}


.elementor-1469 .elementor-element.elementor-element-28da4ef .gcg-spatial-corner--top{
    right:1%;

    top:1%;
}


.elementor-1469 .elementor-element.elementor-element-28da4ef .gcg-spatial-corner--bottom{
    left:2%;

    bottom:1.5%;
}


/* =========================================================
   13. FINAL WHISPER
========================================================= */

.elementor-1469 .elementor-element.elementor-element-28da4ef .gcg-spatial-final{
    position:absolute;

    z-index:35;

    right:5%;

    bottom:4.5%;

    width:
        min(
            300px,
            40%
        );

    display:flex;

    justify-content:flex-end;

    pointer-events:none;
}


.elementor-1469 .elementor-element.elementor-element-28da4ef .gcg-spatial-final span{
    width:100%;

    max-width:300px;

    padding:
        11px
        13px;

    border:
        1px solid
        rgba(14,19,33,.08);

    border-radius:12px;

    background:
        rgba(247,243,237,.82);

    box-shadow:
        0
        12px
        28px
        rgba(14,19,33,.08);

    backdrop-filter:
        blur(10px);

    -webkit-backdrop-filter:
        blur(10px);

    color:
        rgba(14,19,33,.68);

    font-size:12px;

    line-height:1.5;

    text-align:right;

    opacity:0;

    transform:
        translateY(12px);

    transition:
        opacity .8s ease .15s,
        transform .8s ease .15s;
}


.elementor-1469 .elementor-element.elementor-element-28da4ef .gcg-spatial-final b{
    color:
        var(--gcg-navy);
}


/* =========================================================
   TOUCH / TABLET
   <= 1024px

   IMPORTANT:
   - No sticky runway.
   - No scroll-driven progress.
   - Chapters work as tap controls.
   - Scene remains fully visible in normal document flow.
========================================================= */

@media(max-width:1024px), (hover:none), (pointer:coarse){

    .elementor-1469 .elementor-element.elementor-element-28da4ef{
        height:auto;

        padding:
            92px
            0
            96px !important;
    }


    .elementor-1469 .elementor-element.elementor-element-28da4ef .gcg-home-story__grid{
        position:relative !important;

        top:auto !important;

        display:grid !important;

        grid-template-columns:
            minmax(0,1fr);

        align-items:start !important;

        align-content:initial !important;

        gap:32px !important;

        width:
            calc(100% - 48px) !important;

        max-width:none !important;

        height:auto;

        min-height:0;

        margin:
            0
            auto !important;

        overflow:visible !important;
    }


    .elementor-1469 .elementor-element.elementor-element-28da4ef .gcg-home-story__copy{
        align-self:auto !important;

        justify-content:flex-start !important;

        padding-top:0 !important;
    }


    .elementor-1469 .elementor-element.elementor-element-28da4ef .gcg-home-story__title{
        max-width:720px;
    }


    .elementor-1469 .elementor-element.elementor-element-28da4ef .gcg-home-story__description{
        max-width:720px;

        min-height:0;

        margin-top:
            16px !important;
    }


    .elementor-1469 .elementor-element.elementor-element-28da4ef .gcg-home-story__chapters{
        max-width:none;

        margin-top:
            20px !important;
    }


    .elementor-1469 .elementor-element.elementor-element-28da4ef .gcg-spatial-chapters{
        display:grid;

        grid-template-columns:
            repeat(
                3,
                minmax(0,1fr)
            );

        gap:8px;

        border-top:0;
    }


    .elementor-1469 .elementor-element.elementor-element-28da4ef .gcg-spatial-chapter{
        grid-template-columns:
            30px
            minmax(0,1fr);

        padding:
            11px
            0;
    }


    .elementor-1469 .elementor-element.elementor-element-28da4ef .gcg-spatial-chapter__tag{
        display:none;
    }


    /* progress is a desktop scroll affordance only */

    .elementor-1469 .elementor-element.elementor-element-28da4ef .gcg-spatial-progress{
        display:none;
    }


    .elementor-1469 .elementor-element.elementor-element-28da4ef .gcg-home-story__visual{
        align-self:auto !important;

        width:
            min(
                100%,
                720px
            );

        height:auto;

        min-height:0;

        aspect-ratio:
            1.13 / 1;

        margin:
            0
            auto;

        perspective:none;

        overflow:visible !important;
    }


    .elementor-1469 .elementor-element.elementor-element-28da4ef .gcg-home-story__scene-widget{
        width:100%;

        max-width:none;

        margin:0 !important;
    }


    .elementor-1469 .elementor-element.elementor-element-28da4ef .gcg-spatial-scene{
        width:100%;

        transform:none !important;

        transition:none !important;
    }


    /* Keep the orbit graphic but stop continuous animation. */

    .elementor-1469 .elementor-element.elementor-element-28da4ef .gcg-home-story__visual::before{
        width:92%;

        height:50%;

        animation:none !important;

        transform:
            rotate(-10deg);
    }


    .elementor-1469 .elementor-element.elementor-element-28da4ef .gcg-home-story__visual::after{
        width:66%;

        height:72%;

        animation:none !important;

        transform:
            rotate(15deg);
    }


    /* Remove the expensive / crowded micro layers on touch. */

    .elementor-1469 .elementor-element.elementor-element-28da4ef .gcg-spatial-hud,
    .elementor-1469 .elementor-element.elementor-element-28da4ef .gcg-spatial-connector,
    .elementor-1469 .elementor-element.elementor-element-28da4ef .gcg-spatial-corner{
        display:none;
    }


    .elementor-1469 .elementor-element.elementor-element-28da4ef .gcg-spatial-hotspot::after{
        animation:none !important;
    }


    .elementor-1469 .elementor-element.elementor-element-28da4ef .gcg-spatial-particles{
        display:none;
    }


    .elementor-1469 .elementor-element.elementor-element-28da4ef .gcg-spatial-cursor-light{
        left:50%;

        top:50%;

        width:360px;

        height:360px;

        transform:
            translate(-50%,-50%);
    }


    .elementor-1469 .elementor-element.elementor-element-28da4ef .gcg-spatial-shine{
        transform:
            translateX(
                calc(
                    -48% +
                    var(--gcg-spatial-p) * 110%
                )
            )
            rotate(5deg);

        transition:
            transform
            .75s
            cubic-bezier(.2,.8,.2,1);
    }


    .elementor-1469 .elementor-element.elementor-element-28da4ef .gcg-spatial-final{
        right:3%;

        bottom:4%;

        width:
            min(
                280px,
                42%
            );
    }


    .elementor-1469 .elementor-element.elementor-element-28da4ef .gcg-spatial-final span{
        max-width:280px;

        font-size:11px;
    }

}


/* =========================================================
   MOBILE
   <= 560px
========================================================= */

@media(max-width:560px){

    .elementor-1469 .elementor-element.elementor-element-28da4ef{
        padding:
            76px
            0
            82px !important;
    }


    .elementor-1469 .elementor-element.elementor-element-28da4ef .gcg-home-story__grid{
        gap:22px !important;

        width:
            calc(100% - 28px) !important;
    }


    .elementor-1469 .elementor-element.elementor-element-28da4ef .gcg-home-story__eyebrow{
        margin-bottom:
            12px !important;
    }


    .elementor-1469 .elementor-element.elementor-element-28da4ef .gcg-home-story__title{
        max-width:100%;
    }


    .elementor-1469 .elementor-element.elementor-element-28da4ef
    .gcg-home-story__title
    .elementor-heading-title{
        line-height:
            1.02 !important;
    }


    .elementor-1469 .elementor-element.elementor-element-28da4ef .gcg-home-story__description{
        margin-top:
            12px !important;
    }


    .elementor-1469 .elementor-element.elementor-element-28da4ef .gcg-home-story__chapters{
        margin-top:
            12px !important;
    }


    .elementor-1469 .elementor-element.elementor-element-28da4ef .gcg-spatial-chapter{
        display:block;

        padding:
            9px
            0;
    }


    .elementor-1469 .elementor-element.elementor-element-28da4ef .gcg-spatial-chapter__num{
        display:block;

        margin-bottom:3px;

        font-size:8px;
    }


    .elementor-1469 .elementor-element.elementor-element-28da4ef .gcg-spatial-chapter__name{
        font-size:11.5px;
    }


    .elementor-1469 .elementor-element.elementor-element-28da4ef .gcg-home-story__visual{
        width:100%;

        aspect-ratio:
            1.13 / 1;
    }


    .elementor-1469 .elementor-element.elementor-element-28da4ef .gcg-home-story__scene-widget{
        width:100%;

        transform:none;
    }


    .elementor-1469 .elementor-element.elementor-element-28da4ef .gcg-spatial-card{
        border-radius:24px;
    }


    .elementor-1469 .elementor-element.elementor-element-28da4ef .gcg-home-story__visual::before{
        width:104%;

        height:46%;
    }


    .elementor-1469 .elementor-element.elementor-element-28da4ef .gcg-home-story__visual::after{
        width:72%;

        height:74%;
    }


    .elementor-1469 .elementor-element.elementor-element-28da4ef .gcg-spatial-cursor-light{
        width:280px;

        height:280px;
    }


    .elementor-1469 .elementor-element.elementor-element-28da4ef .gcg-spatial-hotspot{
        width:14px;

        height:14px;
    }


    .elementor-1469 .elementor-element.elementor-element-28da4ef .gcg-spatial-hotspot::before{
        inset:4px;
    }


    .elementor-1469 .elementor-element.elementor-element-28da4ef .gcg-spatial-final{
        right:2%;

        bottom:2.5%;

        width:170px;
    }


    .elementor-1469 .elementor-element.elementor-element-28da4ef .gcg-spatial-final span{
        max-width:170px;

        padding:
            7px
            8px;

        font-size:9px;

        line-height:1.4;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media(max-width:380px){

    .elementor-1469 .elementor-element.elementor-element-28da4ef .gcg-home-story__grid{
        width:
            calc(100% - 24px) !important;
    }


    .elementor-1469 .elementor-element.elementor-element-28da4ef .gcg-spatial-chapter__name{
        font-size:11px;
    }


    .elementor-1469 .elementor-element.elementor-element-28da4ef .gcg-spatial-final{
        width:155px;
    }


    .elementor-1469 .elementor-element.elementor-element-28da4ef .gcg-spatial-final span{
        max-width:155px;

        font-size:8.5px;
    }

}


/* =========================================================
   REDUCED MOTION
========================================================= */

@media(prefers-reduced-motion:reduce){

    .elementor-1469 .elementor-element.elementor-element-28da4ef .gcg-home-story__visual::before,
    .elementor-1469 .elementor-element.elementor-element-28da4ef .gcg-home-story__visual::after,
    .elementor-1469 .elementor-element.elementor-element-28da4ef .gcg-spatial-hotspot::after,
    .elementor-1469 .elementor-element.elementor-element-28da4ef .gcg-spatial-dust{
        animation:none !important;
    }


    .elementor-1469 .elementor-element.elementor-element-28da4ef .gcg-spatial-scene{
        transition:none !important;
    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0fcb33d *//* =========================================================
   GÓC CÓ GU — HOME V2
   SECTION 05 / GÓC CÓ GU SELECT
   PRODUCTION V4.1 — DIRECT SPATIAL CARDS + CATEGORY CTA

   SOURCE:
   Home V2 A+ Spatial Editorial

   ARCHITECTURE:
   PHP Shortcode
   → .gcg-home-select__space
   → 3 direct cards

   DESKTOP:
   exact spatial composition

   TABLET:
   2 columns

   MOBILE:
   1 column

   NO Elementor Loop Grid.
========================================================= */


/* =========================================================
   01. SECTION
========================================================= */

.elementor-1469 .elementor-element.elementor-element-0fcb33d{
    position:relative;

    display:block !important;

    width:100% !important;
    max-width:none !important;

    min-width:0;

    margin:0 !important;

    padding:
        120px
        0 !important;

    background:
        var(--gcg-cream);

    color:
        var(--gcg-navy);

    border-top:
        1px solid
        var(--gcg-line);

    border-bottom:
        1px solid
        var(--gcg-line);

    overflow:hidden !important;
}


/* =========================================================
   02. INNER
========================================================= */

.elementor-1469 .elementor-element.elementor-element-0fcb33d .gcg-home-select__inner{

    position:relative;

    width:
        min(
            var(--gcg-max),
            calc(100% - 48px)
        ) !important;

    max-width:
        var(--gcg-max) !important;

    min-width:0;

    margin:
        0
        auto !important;

    padding:0 !important;
}


/* =========================================================
   03. HEAD
========================================================= */

.elementor-1469 .elementor-element.elementor-element-0fcb33d .gcg-home-select__head{

    position:relative;

    z-index:4;

    display:grid !important;

    grid-template-columns:
        minmax(0,1.15fr)
        minmax(320px,.85fr);

    grid-template-areas:
        "heading description"
        "heading cta";

    align-items:start;

    column-gap:
        50px;

    row-gap:
        20px;

    width:100% !important;

    margin:
        0
        0
        54px !important;

    padding:0 !important;
}


/* =========================================================
   04. HEADING
========================================================= */

.elementor-1469 .elementor-element.elementor-element-0fcb33d .gcg-home-select__heading{

    grid-area:heading;

    display:flex !important;

    flex-direction:column !important;

    align-items:flex-start !important;

    width:100%;

    min-width:0;

    margin:0 !important;

    padding:0 !important;

    gap:0 !important;
}


.elementor-1469 .elementor-element.elementor-element-0fcb33d .gcg-home-select__eyebrow{

    margin:
        0
        0
        15px !important;
}


.elementor-1469 .elementor-element.elementor-element-0fcb33d
.gcg-home-select__title
.elementor-heading-title{

    margin:0;

    max-width:720px;

    font-family:
        "Quicksand",
        system-ui,
        sans-serif;

    font-size:
        clamp(
            50px,
            4.8vw,
            64px
        );

    line-height:1;

    letter-spacing:-.048em;

    font-weight:700;

    color:
        var(--gcg-navy);
}


/* =========================================================
   05. DESCRIPTION
========================================================= */

.elementor-1469 .elementor-element.elementor-element-0fcb33d .gcg-home-select__description{

    grid-area:description;

    justify-self:end;

    max-width:430px;

    margin:0 !important;
}


.elementor-1469 .elementor-element.elementor-element-0fcb33d .gcg-home-select__description,
.elementor-1469 .elementor-element.elementor-element-0fcb33d .gcg-home-select__description p{

    margin:0;

    font-family:
        "Quicksand",
        system-ui,
        sans-serif;

    font-size:15px;

    line-height:1.72;

    font-weight:500;

    color:
        var(--gcg-slate);
}




/* =========================================================
   05B. CATEGORY CTA
   Navigator: Select CTA
   Sibling of Select Heading and Select Description.
========================================================= */

.elementor-1469 .elementor-element.elementor-element-0fcb33d .gcg-home-select__cta{

    grid-area:cta;

    justify-self:end;

    width:auto !important;

    max-width:430px;

    margin:0 !important;

    padding:0 !important;
}


.elementor-1469 .elementor-element.elementor-element-0fcb33d
.gcg-home-select__cta
.elementor-button{

    position:relative;

    display:inline-flex;

    align-items:center;

    justify-content:flex-start;

    gap:12px;

    min-height:42px;

    margin:0;

    padding:
        0
        34px
        7px
        0;

    border:0;

    border-bottom:
        1px solid
        rgba(14,19,33,.24);

    border-radius:0;

    background:
        transparent !important;

    box-shadow:none !important;

    color:
        var(--gcg-navy) !important;

    font-family:
        "Quicksand",
        system-ui,
        sans-serif;

    font-size:13.5px;

    line-height:1.35;

    font-weight:700;

    letter-spacing:-.01em;

    text-decoration:none;

    transition:
        border-color .3s ease,
        color .3s ease;
}


.elementor-1469 .elementor-element.elementor-element-0fcb33d
.gcg-home-select__cta
.elementor-button::after{

    content:"→";

    position:absolute;

    right:2px;

    top:50%;

    transform:
        translateY(-58%);

    font-size:17px;

    line-height:1;

    font-weight:500;

    color:
        var(--gcg-taupe);

    transition:
        transform .3s ease,
        color .3s ease;
}


.elementor-1469 .elementor-element.elementor-element-0fcb33d
.gcg-home-select__cta
.elementor-button:hover{

    border-bottom-color:
        var(--gcg-navy);

    color:
        var(--gcg-navy) !important;
}


.elementor-1469 .elementor-element.elementor-element-0fcb33d
.gcg-home-select__cta
.elementor-button:hover::after{

    transform:
        translate(
            4px,
            -58%
        );

    color:
        var(--gcg-navy);
}


.elementor-1469 .elementor-element.elementor-element-0fcb33d
.gcg-home-select__cta
.elementor-button:focus-visible{

    outline:
        2px solid
        var(--gcg-taupe);

    outline-offset:
        4px;
}


/* =========================================================
   06. STAGE + SHORTCODE WIDGET
========================================================= */

.elementor-1469 .elementor-element.elementor-element-0fcb33d .gcg-home-select__stage{

    position:relative !important;

    width:100% !important;

    min-width:0;

    margin:0 !important;

    padding:0 !important;

    overflow:visible !important;
}


.elementor-1469 .elementor-element.elementor-element-0fcb33d .gcg-home-select__feed{

    position:relative;

    width:100% !important;

    margin:0 !important;

    padding:0 !important;
}


.elementor-1469 .elementor-element.elementor-element-0fcb33d
.gcg-home-select__feed
.elementor-widget-shortcode
.elementor-widget-container{

    width:100%;

    margin:0;

    padding:0;
}


/* =========================================================
   07. SPATIAL CANVAS

   EXACT PROTOTYPE:
   min-height 620px
========================================================= */

.elementor-1469 .elementor-element.elementor-element-0fcb33d .gcg-home-select__space{

    position:relative;

    width:100%;

    min-height:
        620px;
}


/* =========================================================
   08. CARD

   EXACT PROTOTYPE:
   width 31%
   min-height 430px
========================================================= */

.elementor-1469 .elementor-element.elementor-element-0fcb33d .gcg-home-select-card{

    position:absolute;

    display:block;

    width:
        31%;

    min-height:
        430px;

    margin:0;

    overflow:hidden;

    border:
        1px solid
        var(--gcg-line);

    border-radius:
        24px;

    background:
        var(--gcg-paper-2);

    box-shadow:
        0
        24px
        70px
        rgba(14,19,33,.09);

    color:
        var(--gcg-navy);

    text-decoration:none;

    transform-style:
        preserve-3d;

    will-change:
        transform;
}


/* =========================================================
   09. EXACT DESKTOP POSITIONS
========================================================= */

.elementor-1469 .elementor-element.elementor-element-0fcb33d
.gcg-home-select-card:nth-child(1){

    left:
        4%;

    top:
        28px;

    transform:
        rotate(-2deg);
}


.elementor-1469 .elementor-element.elementor-element-0fcb33d
.gcg-home-select-card:nth-child(2){

    left:
        34.5%;

    top:
        108px;

    transform:
        rotate(2.4deg);
}


.elementor-1469 .elementor-element.elementor-element-0fcb33d
.gcg-home-select-card:nth-child(3){

    right:
        3%;

    top:
        6px;

    transform:
        rotate(-1.4deg);
}


/* =========================================================
   10. MEDIA

   EXACT PROTOTYPE:
   275px
========================================================= */

.elementor-1469 .elementor-element.elementor-element-0fcb33d
.gcg-home-select-card__media{

    width:100%;

    height:
        275px;

    overflow:hidden;

    margin:0;

    padding:0;

    background:
        var(--gcg-beige);
}


.elementor-1469 .elementor-element.elementor-element-0fcb33d
.gcg-home-select-card__media img{

    display:block;

    width:100%;

    height:100%;

    max-width:none;

    margin:0;

    padding:0;

    object-fit:cover;

    object-position:center;

    /*
     * Parent card owns radius.
     * No independent image rounding.
     */

    border-radius:
        0 !important;

    transition:
        transform
        .7s
        cubic-bezier(.2,.7,.2,1);
}


/* =========================================================
   11. COPY

   EXACT PROTOTYPE:
   padding 22px
========================================================= */

.elementor-1469 .elementor-element.elementor-element-0fcb33d
.gcg-home-select-card__copy{

    padding:
        22px;

    background:
        var(--gcg-paper-2);
}


/* =========================================================
   12. MICRO
========================================================= */

.elementor-1469 .elementor-element.elementor-element-0fcb33d
.gcg-home-select-card__micro{

    margin:0;

    font-family:
        "Quicksand",
        system-ui,
        sans-serif;

    font-size:
        9.5px;

    line-height:
        1.35;

    font-weight:
        700;

    letter-spacing:
        .15em;

    text-transform:
        uppercase;

    color:
        var(--gcg-taupe);
}


/* =========================================================
   13. TITLE

   EXACT PROTOTYPE:
   24px
========================================================= */

.elementor-1469 .elementor-element.elementor-element-0fcb33d
.gcg-home-select-card__title{

    margin:
        7px
        0
        10px;

    font-family:
        "Quicksand",
        system-ui,
        sans-serif;

    font-size:
        24px;

    line-height:
        1.08;

    letter-spacing:
        -.035em;

    font-weight:
        700;

    color:
        var(--gcg-navy);

    display:
        -webkit-box;

    -webkit-box-orient:
        vertical;

    -webkit-line-clamp:
        2;

    overflow:
        hidden;
}


/* =========================================================
   14. EXCERPT

   EXACT PROTOTYPE:
   12.8px
========================================================= */

.elementor-1469 .elementor-element.elementor-element-0fcb33d
.gcg-home-select-card__excerpt{

    margin:0;

    font-family:
        "Quicksand",
        system-ui,
        sans-serif;

    font-size:
        12.8px;

    line-height:
        1.58;

    font-weight:
        500;

    color:
        var(--gcg-slate);

    display:
        -webkit-box;

    -webkit-box-orient:
        vertical;

    -webkit-line-clamp:
        2;

    overflow:
        hidden;
}


/* =========================================================
   15. SIMPLE HOVER
========================================================= */

@media(
    min-width:901px
)
and
(hover:hover)
and
(pointer:fine){

    .elementor-1469 .elementor-element.elementor-element-0fcb33d
    .gcg-home-select-card:hover
    img{

        transform:
            scale(1.035);
    }

}


/* =========================================================
   16. TABLET
   <= 900px

   EXACT PROTOTYPE:
   2-column grid
   third card spans both columns
========================================================= */

@media(max-width:900px){

    .elementor-1469 .elementor-element.elementor-element-0fcb33d{

        padding:
            96px
            0 !important;
    }


    .elementor-1469 .elementor-element.elementor-element-0fcb33d
    .gcg-home-select__head{

        grid-template-columns:
            1fr;

        grid-template-areas:
            "heading"
            "description"
            "cta";

        align-items:start;

        column-gap:0;

        row-gap:
            20px;

        margin-bottom:
            42px !important;
    }


    .elementor-1469 .elementor-element.elementor-element-0fcb33d
    .gcg-home-select__description{

        justify-self:start;

        max-width:
            570px;
    }

    .elementor-1469 .elementor-element.elementor-element-0fcb33d
    .gcg-home-select__cta{

        justify-self:start;

        max-width:
            570px;
    }


    .elementor-1469 .elementor-element.elementor-element-0fcb33d
    .gcg-home-select__title
    .elementor-heading-title{

        font-size:
            46px;
    }


    .elementor-1469 .elementor-element.elementor-element-0fcb33d
    .gcg-home-select__space{

        display:grid;

        grid-template-columns:
            1fr
            1fr;

        gap:
            16px;

        min-height:
            0;
    }


    .elementor-1469 .elementor-element.elementor-element-0fcb33d
    .gcg-home-select-card{

        position:relative !important;

        width:auto !important;

        min-width:0;

        min-height:
            430px;

        left:auto !important;

        right:auto !important;

        top:auto !important;

        bottom:auto !important;

        transform:none !important;

        translate:none !important;

        rotate:none !important;

        will-change:auto;
    }


    .elementor-1469 .elementor-element.elementor-element-0fcb33d
    .gcg-home-select-card:nth-child(3){

        grid-column:
            1 / -1;
    }

}


/* =========================================================
   17. MOBILE
   <= 560px

   EXACT PROTOTYPE:
   1 column
   media 230px
========================================================= */

@media(max-width:560px){

    .elementor-1469 .elementor-element.elementor-element-0fcb33d{

        padding:
            82px
            0 !important;
    }


    .elementor-1469 .elementor-element.elementor-element-0fcb33d
    .gcg-home-select__inner{

        width:
            calc(
                100% - 28px
            ) !important;
    }


    .elementor-1469 .elementor-element.elementor-element-0fcb33d
    .gcg-home-select__head{

        gap:
            20px;

        margin-bottom:
            34px !important;
    }


    .elementor-1469 .elementor-element.elementor-element-0fcb33d
    .gcg-home-select__title
    .elementor-heading-title{

        font-size:
            38px;

        line-height:
            1.04;
    }


    .elementor-1469 .elementor-element.elementor-element-0fcb33d
    .gcg-home-select__description,
    .elementor-1469 .elementor-element.elementor-element-0fcb33d
    .gcg-home-select__description p{

        font-size:
            14.5px;

        line-height:
            1.68;
    }

    .elementor-1469 .elementor-element.elementor-element-0fcb33d
    .gcg-home-select__cta
    .elementor-button{

        min-height:
            44px;

        padding:
            0
            34px
            7px
            0;

        font-size:
            14px;
    }


    .elementor-1469 .elementor-element.elementor-element-0fcb33d
    .gcg-home-select__space{

        grid-template-columns:
            minmax(0,1fr);

        gap:
            16px;
    }


    .elementor-1469 .elementor-element.elementor-element-0fcb33d
    .gcg-home-select-card{

        min-height:
            0;

        border-radius:
            22px;
    }


    .elementor-1469 .elementor-element.elementor-element-0fcb33d
    .gcg-home-select-card:nth-child(3){

        grid-column:
            auto;
    }


    .elementor-1469 .elementor-element.elementor-element-0fcb33d
    .gcg-home-select-card__media{

        height:
            230px;
    }


    .elementor-1469 .elementor-element.elementor-element-0fcb33d
    .gcg-home-select-card__copy{

        padding:
            20px;
    }


    .elementor-1469 .elementor-element.elementor-element-0fcb33d
    .gcg-home-select-card__title{

        font-size:
            22px;

        line-height:
            1.1;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media(max-width:380px){

    .elementor-1469 .elementor-element.elementor-element-0fcb33d
    .gcg-home-select__inner{

        width:
            calc(
                100% - 24px
            ) !important;
    }

}


/* =========================================================
   REDUCED MOTION
========================================================= */

@media(
    prefers-reduced-motion:reduce
){

    .elementor-1469 .elementor-element.elementor-element-0fcb33d
    .gcg-home-select-card{

        transform:none !important;
    }


    .elementor-1469 .elementor-element.elementor-element-0fcb33d
    .gcg-home-select-card img{

        transition:none !important;
    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-af010da *//* =========================================================
   GÓC CÓ GU — HOME V2
   SECTION 06 / REVIEW & SO SÁNH
   PRODUCTION V1.1 — COMPACT EDITORIAL

   FIXES FROM V1.0:
   - Remove excessive vertical empty space
   - Remove forced tall columns
   - Metrics stay close to option copy
   - Increase typography to GCG production baseline
   - Keep responsive board compact
   - Home-only overrides
========================================================= */


/* =========================================================
   01. SECTION
========================================================= */

.elementor-1469 .elementor-element.elementor-element-af010da{
    position:relative;

    display:block !important;

    width:100% !important;
    max-width:none !important;

    min-width:0;

    margin:0 !important;

    padding:
        112px
        0 !important;

    background:
        var(--gcg-paper);

    color:
        var(--gcg-navy);

    overflow:hidden !important;
}


/* =========================================================
   02. DECORATIVE DIVIDER
========================================================= */

.elementor-1469 .elementor-element.elementor-element-af010da::before{
    content:"";

    display:block;

    width:
        min(
            820px,
            62vw
        );

    height:1px;

    margin:
        0
        auto
        50px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(184,156,132,.55),
            transparent
        );
}


/* =========================================================
   03. INNER
========================================================= */

.elementor-1469 .elementor-element.elementor-element-af010da .gcg-home-compare__inner{
    position:relative;

    width:
        min(
            var(--gcg-max),
            calc(100% - 48px)
        ) !important;

    max-width:
        var(--gcg-max) !important;

    min-width:0;

    margin:
        0
        auto !important;

    padding:0 !important;
}


/* =========================================================
   04. HEAD
========================================================= */

.elementor-1469 .elementor-element.elementor-element-af010da .gcg-home-compare__head{
    position:relative;

    display:grid !important;

    grid-template-columns:
        minmax(0,1.15fr)
        minmax(320px,.85fr);

    align-items:end;

    column-gap:
        70px;

    width:100% !important;

    margin:
        0
        0
        40px !important;

    padding:0 !important;
}


/* =========================================================
   05. HEADING GROUP
========================================================= */

.elementor-1469 .elementor-element.elementor-element-af010da .gcg-home-compare__heading{
    display:flex !important;

    flex-direction:column !important;

    align-items:flex-start !important;

    gap:0 !important;

    width:100%;

    min-width:0;

    margin:0 !important;

    padding:0 !important;
}


.elementor-1469 .elementor-element.elementor-element-af010da .gcg-home-compare__eyebrow{
    margin:
        0
        0
        14px !important;
}


/* =========================================================
   06. SECTION TITLE
========================================================= */

.elementor-1469 .elementor-element.elementor-element-af010da
.gcg-home-compare__title
.elementor-heading-title{
    margin:0;

    max-width:760px;

    font-family:
        "Quicksand",
        system-ui,
        -apple-system,
        BlinkMacSystemFont,
        sans-serif;

    font-size:
        clamp(
            50px,
            4.8vw,
            64px
        );

    line-height:1;

    letter-spacing:-.048em;

    font-weight:700;

    color:
        var(--gcg-navy);
}


/* =========================================================
   07. SECTION DESCRIPTION
========================================================= */

.elementor-1469 .elementor-element.elementor-element-af010da .gcg-home-compare__description{
    justify-self:end;

    width:100%;

    max-width:500px;

    margin:0 !important;
}


.elementor-1469 .elementor-element.elementor-element-af010da .gcg-home-compare__description,
.elementor-1469 .elementor-element.elementor-element-af010da .gcg-home-compare__description p{
    margin:0;

    font-family:
        "Quicksand",
        system-ui,
        -apple-system,
        BlinkMacSystemFont,
        sans-serif;

    font-size:15px;

    line-height:1.72;

    font-weight:500;

    color:
        var(--gcg-slate);
}


/* =========================================================
   08. SHORTCODE
========================================================= */

.elementor-1469 .elementor-element.elementor-element-af010da .gcg-home-compare__feed{
    position:relative;

    width:100% !important;

    max-width:none !important;

    min-width:0;

    margin:0 !important;

    padding:0 !important;
}


.elementor-1469 .elementor-element.elementor-element-af010da
.gcg-home-compare__feed
.elementor-widget-shortcode
.elementor-widget-container{
    width:100%;

    margin:0;

    padding:0;
}


/* =========================================================
   09. SHOWCASE BOARD
========================================================= */

.elementor-1469 .elementor-element.elementor-element-af010da .gcg-compare-showcase{
    position:relative;

    width:100%;

    min-width:0;

    overflow:hidden;

    border:
        1px solid
        rgba(255,255,255,.05);

    border-radius:
        30px;

    background:
        linear-gradient(
            145deg,
            #0E1321 0%,
            #131B2D 100%
        );

    box-shadow:
        0
        26px
        80px
        rgba(14,19,33,.10);

    color:
        var(--gcg-cream);
}


/* =========================================================
   10. NAV
========================================================= */

.elementor-1469 .elementor-element.elementor-element-af010da .gcg-compare-showcase__nav{
    position:relative;

    z-index:5;

    display:flex;

    align-items:center;

    justify-content:flex-end;

    gap:14px;

    width:100%;

    padding:
        16px
        24px;

    border-bottom:
        1px solid
        rgba(237,231,221,.12);
}


/* =========================================================
   11. COUNTER
========================================================= */

.elementor-1469 .elementor-element.elementor-element-af010da .gcg-compare-showcase__counter{
    display:flex;

    align-items:center;

    gap:6px;

    margin-right:4px;

    font-family:
        "Quicksand",
        system-ui,
        sans-serif;

    font-size:11.5px;

    line-height:1;

    font-weight:700;

    letter-spacing:.14em;

    color:
        rgba(237,231,221,.55);
}


.elementor-1469 .elementor-element.elementor-element-af010da .gcg-compare-showcase__current{
    color:
        var(--gcg-cream);

    font-size:12.5px;
}


/* =========================================================
   12. NAV BUTTONS
========================================================= */

.elementor-1469 .elementor-element.elementor-element-af010da .gcg-compare-showcase__buttons{
    display:flex;

    align-items:center;

    gap:8px;
}


.elementor-1469 .elementor-element.elementor-element-af010da .gcg-compare-showcase__button{
    appearance:none;

    display:grid;

    place-items:center;

    flex:
        0
        0
        42px;

    width:42px;

    height:42px;

    margin:0;

    padding:0;

    border:
        1px solid
        rgba(237,231,221,.22);

    border-radius:50%;

    background:
        transparent;

    color:
        var(--gcg-cream);

    font-size:17px;

    cursor:pointer;

    transition:
        border-color .25s ease,
        background-color .25s ease,
        transform .25s ease,
        opacity .25s ease;
}


.elementor-1469 .elementor-element.elementor-element-af010da
.gcg-compare-showcase__button:disabled{
    opacity:.30;

    cursor:default;
}


@media(hover:hover){

    .elementor-1469 .elementor-element.elementor-element-af010da
    .gcg-compare-showcase__button:not(:disabled):hover{
        transform:
            translateY(-1px);

        border-color:
            rgba(237,231,221,.55);

        background:
            rgba(255,255,255,.04);
    }

}


/* =========================================================
   13. VIEWPORT
========================================================= */

.elementor-1469 .elementor-element.elementor-element-af010da .gcg-compare-showcase__viewport{
    position:relative;

    width:100%;

    min-width:0;

    overflow-x:auto;

    overflow-y:hidden;

    scroll-snap-type:
        x mandatory;

    scroll-behavior:smooth;

    scrollbar-width:none;

    overscroll-behavior-x:
        contain;

    -webkit-overflow-scrolling:
        touch;
}


.elementor-1469 .elementor-element.elementor-element-af010da
.gcg-compare-showcase__viewport::-webkit-scrollbar{
    display:none;
}


/* =========================================================
   14. TRACK + SLIDE
========================================================= */

.elementor-1469 .elementor-element.elementor-element-af010da .gcg-compare-showcase__track{
    display:flex;

    flex-wrap:nowrap;

    align-items:stretch;

    width:100%;

    min-width:100%;

    margin:0;

    padding:0;
}


.elementor-1469 .elementor-element.elementor-element-af010da .gcg-compare-showcase__slide{
    flex:
        0
        0
        100%;

    width:100%;

    min-width:100%;

    scroll-snap-align:start;

    scroll-snap-stop:always;

    margin:0;

    padding:0;
}


/* =========================================================
   15. CORE BOARD RESET
========================================================= */

.elementor-1469 .elementor-element.elementor-element-af010da
.gcg-compare-showcase
.gcg-compare--showcase{
    width:100%;

    max-width:none;

    margin:0;

    display:grid;

    grid-template-columns:
        minmax(0,1.02fr)
        minmax(0,.99fr)
        minmax(0,.99fr);

    border:0 !important;

    border-radius:0 !important;

    box-shadow:none !important;

    background:
        transparent !important;
}


/* =========================================================
   16. SUMMARY COLUMN
========================================================= */

.elementor-1469 .elementor-element.elementor-element-af010da
.gcg-compare-showcase
.gcg-compare__summary{
    display:flex;

    flex-direction:column;

    align-items:flex-start;

    justify-content:flex-start;

    min-height:0 !important;

    padding:
        32px
        34px
        34px;

    border-right:
        1px solid
        rgba(237,231,221,.13);
}


/* =========================================================
   17. KICKER
========================================================= */

.elementor-1469 .elementor-element.elementor-element-af010da
.gcg-compare-showcase
.gcg-compare__kicker{
    margin:
        0
        0
        13px;

    color:
        rgba(237,231,221,.52);

    font-size:10.5px;

    line-height:1.4;

    font-weight:700;

    letter-spacing:.17em;

    text-transform:uppercase;
}


/* =========================================================
   18. PAIR TITLE
========================================================= */

.elementor-1469 .elementor-element.elementor-element-af010da
.gcg-compare-showcase
.gcg-compare__pair-title{
    display:flex;

    flex-direction:column;

    align-items:flex-start;

    gap:0;

    width:100%;

    margin:0;
}


.elementor-1469 .elementor-element.elementor-element-af010da
.gcg-compare-showcase
.gcg-compare__pair-name{
    display:block;

    font-family:
        "Quicksand",
        system-ui,
        sans-serif;

    font-size:
        clamp(
            36px,
            3.1vw,
            46px
        );

    line-height:1.02;

    letter-spacing:-.045em;

    font-weight:650;

    color:
        var(--gcg-cream);
}


.elementor-1469 .elementor-element.elementor-element-af010da
.gcg-compare-showcase
.gcg-compare__vs{
    display:block;

    margin:
        4px
        0;

    font-family:
        "Quicksand",
        system-ui,
        sans-serif;

    font-size:14px;

    line-height:1.2;

    letter-spacing:.10em;

    font-weight:700;

    color:
        var(--gcg-taupe);
}


/* =========================================================
   19. INTRO
========================================================= */

.elementor-1469 .elementor-element.elementor-element-af010da
.gcg-compare-showcase
.gcg-compare__intro{
    max-width:380px;

    margin:
        20px
        0
        0 !important;

    color:
        rgba(237,231,221,.72) !important;

    font-size:
        15px !important;

    line-height:
        1.70 !important;

    font-weight:
        500 !important;
}


/* =========================================================
   20. CTA
========================================================= */

.elementor-1469 .elementor-element.elementor-element-af010da
.gcg-compare-showcase
.gcg-compare__cta{
    min-height:46px;

    margin-top:24px;

    padding:
        0
        18px;

    border:
        1px solid
        rgba(237,231,221,.60);

    border-radius:999px;

    background:transparent;

    color:
        var(--gcg-cream) !important;

    font-size:13.5px;

    font-weight:700;
}


/* =========================================================
   21. OPTION COLUMN
========================================================= */

.elementor-1469 .elementor-element.elementor-element-af010da
.gcg-compare-showcase
.gcg-compare__side{
    display:flex;

    flex-direction:column;

    min-height:0 !important;

    padding:
        32px
        30px
        34px;
}


.elementor-1469 .elementor-element.elementor-element-af010da
.gcg-compare-showcase
.gcg-compare__side--left{
    border-right:
        1px solid
        rgba(237,231,221,.13);
}


/* =========================================================
   22. OPTION HEADER
========================================================= */

.elementor-1469 .elementor-element.elementor-element-af010da
.gcg-compare-showcase
.gcg-compare__side-head{
    margin:
        0
        0
        28px;
}


.elementor-1469 .elementor-element.elementor-element-af010da
.gcg-compare-showcase
.gcg-compare__side-name{
    margin:0 !important;

    font-size:
        26px !important;

    line-height:
        1.14 !important;

    letter-spacing:
        -.025em !important;

    font-weight:
        700 !important;
}


.elementor-1469 .elementor-element.elementor-element-af010da
.gcg-compare-showcase
.gcg-compare__side-desc{
    margin:
        9px
        0
        0 !important;

    color:
        rgba(237,231,221,.62) !important;

    font-size:
        14px !important;

    line-height:
        1.58 !important;

    font-weight:
        500 !important;
}


/* =========================================================
   23. METRICS

   V1.1:
   no margin-top:auto.
   Metrics remain connected to content above.
========================================================= */

.elementor-1469 .elementor-element.elementor-element-af010da
.gcg-compare-showcase
.gcg-compare__metrics{
    display:flex;

    flex-direction:column;

    gap:18px;

    margin:
        2px
        0
        0 !important;
}


.elementor-1469 .elementor-element.elementor-element-af010da
.gcg-compare-showcase
.gcg-compare__metric{
    display:grid;

    grid-template-columns:
        minmax(96px,116px)
        minmax(90px,1fr)
        26px;

    align-items:center;

    gap:13px;
}


.elementor-1469 .elementor-element.elementor-element-af010da
.gcg-compare-showcase
.gcg-compare__metric-label{
    min-width:0;

    color:
        rgba(237,231,221,.82);

    font-size:13.5px;

    line-height:1.35;

    font-weight:600;
}


.elementor-1469 .elementor-element.elementor-element-af010da
.gcg-compare-showcase
.gcg-compare__metric-track{
    position:relative;

    width:100%;

    height:7px;

    overflow:hidden;

    border-radius:999px;

    background:
        rgba(237,231,221,.13);
}


.elementor-1469 .elementor-element.elementor-element-af010da
.gcg-compare-showcase
.gcg-compare__metric-fill{
    border-radius:999px;

    background:
        linear-gradient(
            90deg,
            #D7C3AE,
            #B89C84
        );
}


.elementor-1469 .elementor-element.elementor-element-af010da
.gcg-compare-showcase
.gcg-compare__metric-score{
    color:
        rgba(237,231,221,.92);

    font-size:12.5px;

    line-height:1;

    font-weight:700;

    text-align:right;
}


/* =========================================================
   TABLET
   <= 900px
========================================================= */

@media(max-width:900px){

    .elementor-1469 .elementor-element.elementor-element-af010da{
        padding:
            94px
            0 !important;
    }


    .elementor-1469 .elementor-element.elementor-element-af010da::before{
        margin-bottom:
            44px;
    }


    .elementor-1469 .elementor-element.elementor-element-af010da .gcg-home-compare__head{
        grid-template-columns:1fr;

        align-items:start;

        row-gap:22px;

        margin-bottom:
            34px !important;
    }


    .elementor-1469 .elementor-element.elementor-element-af010da
    .gcg-home-compare__description{
        justify-self:start;

        max-width:570px;
    }


    .elementor-1469 .elementor-element.elementor-element-af010da
    .gcg-home-compare__title
    .elementor-heading-title{
        font-size:46px;
    }


    .elementor-1469 .elementor-element.elementor-element-af010da
    .gcg-compare-showcase
    .gcg-compare--showcase{
        grid-template-columns:
            repeat(
                2,
                minmax(0,1fr)
            );
    }


    /* Summary full width */

    .elementor-1469 .elementor-element.elementor-element-af010da
    .gcg-compare-showcase
    .gcg-compare__summary{
        grid-column:
            1 / -1;

        min-height:0 !important;

        padding:
            28px
            30px
            30px;

        border-right:0;

        border-bottom:
            1px solid
            rgba(237,231,221,.13);
    }


    .elementor-1469 .elementor-element.elementor-element-af010da
    .gcg-compare-showcase
    .gcg-compare__pair-name{
        font-size:
            38px;
    }


    .elementor-1469 .elementor-element.elementor-element-af010da
    .gcg-compare-showcase
    .gcg-compare__intro{
        max-width:
            600px;
    }


    .elementor-1469 .elementor-element.elementor-element-af010da
    .gcg-compare-showcase
    .gcg-compare__side{
        min-height:0 !important;

        padding:
            28px
            26px
            30px;
    }


    .elementor-1469 .elementor-element.elementor-element-af010da
    .gcg-compare-showcase
    .gcg-compare__side-name{
        font-size:
            24px !important;
    }


    .elementor-1469 .elementor-element.elementor-element-af010da
    .gcg-compare-showcase
    .gcg-compare__side-desc{
        font-size:
            13.5px !important;
    }


    .elementor-1469 .elementor-element.elementor-element-af010da
    .gcg-compare-showcase
    .gcg-compare__side-head{
        margin-bottom:
            24px;
    }


    .elementor-1469 .elementor-element.elementor-element-af010da
    .gcg-compare-showcase
    .gcg-compare__metric{
        grid-template-columns:
            minmax(90px,108px)
            minmax(82px,1fr)
            25px;

        gap:11px;
    }


    .elementor-1469 .elementor-element.elementor-element-af010da
    .gcg-compare-showcase
    .gcg-compare__metric-label{
        font-size:13px;
    }

}


/* =========================================================
   MOBILE
   <= 560px
========================================================= */

@media(max-width:560px){

    .elementor-1469 .elementor-element.elementor-element-af010da{
        padding:
            82px
            0 !important;
    }


    .elementor-1469 .elementor-element.elementor-element-af010da::before{
        width:72vw;

        margin-bottom:
            38px;
    }


    .elementor-1469 .elementor-element.elementor-element-af010da .gcg-home-compare__inner{
        width:
            calc(100% - 28px) !important;

        max-width:none !important;
    }


    .elementor-1469 .elementor-element.elementor-element-af010da .gcg-home-compare__head{
        row-gap:20px;

        margin-bottom:
            28px !important;
    }


    .elementor-1469 .elementor-element.elementor-element-af010da
    .gcg-home-compare__title
    .elementor-heading-title{
        font-size:38px;

        line-height:1.04;
    }


    .elementor-1469 .elementor-element.elementor-element-af010da
    .gcg-home-compare__description,
    .elementor-1469 .elementor-element.elementor-element-af010da
    .gcg-home-compare__description p{
        font-size:14.5px;

        line-height:1.68;
    }


    .elementor-1469 .elementor-element.elementor-element-af010da .gcg-compare-showcase{
        border-radius:22px;
    }


    .elementor-1469 .elementor-element.elementor-element-af010da .gcg-compare-showcase__nav{
        justify-content:space-between;

        padding:
            14px
            18px;
    }


    .elementor-1469 .elementor-element.elementor-element-af010da .gcg-compare-showcase__button{
        flex-basis:40px;

        width:40px;

        height:40px;
    }


    .elementor-1469 .elementor-element.elementor-element-af010da
    .gcg-compare-showcase
    .gcg-compare--showcase{
        grid-template-columns:
            minmax(0,1fr);
    }


    /* SUMMARY */

    .elementor-1469 .elementor-element.elementor-element-af010da
    .gcg-compare-showcase
    .gcg-compare__summary{
        grid-column:auto;

        min-height:0 !important;

        padding:
            24px
            20px
            26px;

        border-right:0;

        border-bottom:0;
    }


    .elementor-1469 .elementor-element.elementor-element-af010da
    .gcg-compare-showcase
    .gcg-compare__kicker{
        font-size:10px;
    }


    .elementor-1469 .elementor-element.elementor-element-af010da
    .gcg-compare-showcase
    .gcg-compare__pair-name{
        font-size:32px;

        line-height:1.04;
    }


    .elementor-1469 .elementor-element.elementor-element-af010da
    .gcg-compare-showcase
    .gcg-compare__vs{
        font-size:13px;
    }


    .elementor-1469 .elementor-element.elementor-element-af010da
    .gcg-compare-showcase
    .gcg-compare__intro{
        max-width:none;

        margin-top:
            18px !important;

        font-size:
            14.5px !important;

        line-height:
            1.68 !important;
    }


    .elementor-1469 .elementor-element.elementor-element-af010da
    .gcg-compare-showcase
    .gcg-compare__cta{
        margin-top:
            22px;

        font-size:
            13.5px;
    }


    /* SIDES */

    .elementor-1469 .elementor-element.elementor-element-af010da
    .gcg-compare-showcase
    .gcg-compare__side{
        min-height:0 !important;

        padding:
            24px
            20px
            26px;

        border-right:0 !important;

        border-top:
            1px solid
            rgba(237,231,221,.13);
    }


    .elementor-1469 .elementor-element.elementor-element-af010da
    .gcg-compare-showcase
    .gcg-compare__side-head{
        margin-bottom:
            22px;
    }


    .elementor-1469 .elementor-element.elementor-element-af010da
    .gcg-compare-showcase
    .gcg-compare__side-name{
        font-size:
            23px !important;

        line-height:
            1.18 !important;
    }


    .elementor-1469 .elementor-element.elementor-element-af010da
    .gcg-compare-showcase
    .gcg-compare__side-desc{
        margin-top:
            7px !important;

        font-size:
            13.5px !important;

        line-height:
            1.56 !important;
    }


    .elementor-1469 .elementor-element.elementor-element-af010da
    .gcg-compare-showcase
    .gcg-compare__metrics{
        gap:
            15px;

        margin-top:
            0 !important;
    }


    .elementor-1469 .elementor-element.elementor-element-af010da
    .gcg-compare-showcase
    .gcg-compare__metric{
        grid-template-columns:
            minmax(88px,104px)
            minmax(70px,1fr)
            24px;

        gap:10px;
    }


    .elementor-1469 .elementor-element.elementor-element-af010da
    .gcg-compare-showcase
    .gcg-compare__metric-label{
        font-size:
            13px;

        line-height:
            1.35;
    }


    .elementor-1469 .elementor-element.elementor-element-af010da
    .gcg-compare-showcase
    .gcg-compare__metric-track{
        height:
            6px;
    }


    .elementor-1469 .elementor-element.elementor-element-af010da
    .gcg-compare-showcase
    .gcg-compare__metric-score{
        font-size:
            12px;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media(max-width:380px){

    .elementor-1469 .elementor-element.elementor-element-af010da
    .gcg-home-compare__inner{
        width:
            calc(100% - 24px) !important;
    }


    .elementor-1469 .elementor-element.elementor-element-af010da
    .gcg-home-compare__title
    .elementor-heading-title{
        font-size:34px;
    }


    .elementor-1469 .elementor-element.elementor-element-af010da
    .gcg-compare-showcase
    .gcg-compare__metric{
        grid-template-columns:
            82px
            minmax(62px,1fr)
            22px;

        gap:8px;
    }

}


/* =========================================================
   REDUCED MOTION
========================================================= */

@media(prefers-reduced-motion:reduce){

    .elementor-1469 .elementor-element.elementor-element-af010da
    .gcg-compare-showcase__viewport{
        scroll-behavior:auto;
    }


    .elementor-1469 .elementor-element.elementor-element-af010da
    .gcg-compare-showcase__button,

    .elementor-1469 .elementor-element.elementor-element-af010da
    .gcg-compare__cta{
        transition:none !important;
    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4478de3 *//* =========================================================
   GÓC CÓ GU — HOME V2
   SECTION 07 / LATEST CONTENT ANCHOR
   PRODUCTION V1.4 — REFINED INDEX ROWS

   V1.4:
   - Desktop row title = one line + ellipsis
   - Row number vertically centered absolutely
   - Arrow lighter / quieter
   - Arrow darkens only on hover
   - Tablet/mobile retain multiline titles
========================================================= */


/* =========================================================
   01. SECTION
========================================================= */

.elementor-1469 .elementor-element.elementor-element-4478de3{
    position:relative;

    display:block !important;

    width:100% !important;
    max-width:none !important;

    min-width:0;

    margin:0 !important;

    padding:
        110px
        0
        114px !important;

    background:
        var(--gcg-paper-2);

    color:
        var(--gcg-navy);

    overflow:hidden !important;
}


/* =========================================================
   02. INNER
========================================================= */

.elementor-1469 .elementor-element.elementor-element-4478de3 .gcg-home-latest__inner{
    position:relative;

    width:
        min(
            var(--gcg-max),
            calc(100% - 48px)
        ) !important;

    max-width:
        var(--gcg-max) !important;

    min-width:0;

    margin:
        0
        auto !important;

    padding:0 !important;
}


/* =========================================================
   03. HEAD
========================================================= */

.elementor-1469 .elementor-element.elementor-element-4478de3 .gcg-home-latest__head{
    display:grid !important;

    grid-template-columns:
        minmax(0,1.15fr)
        minmax(320px,.85fr);

    align-items:end;

    column-gap:
        clamp(
            48px,
            6vw,
            88px
        );

    width:100% !important;

    margin:
        0
        0
        44px !important;

    padding:0 !important;
}


/* =========================================================
   04. HEADING GROUP
========================================================= */

.elementor-1469 .elementor-element.elementor-element-4478de3 .gcg-home-latest__heading{
    display:flex !important;

    flex-direction:column !important;

    align-items:flex-start !important;

    width:100% !important;

    min-width:0;

    gap:0 !important;

    margin:0 !important;

    padding:0 !important;
}


.elementor-1469 .elementor-element.elementor-element-4478de3 .gcg-home-latest__eyebrow{
    margin:
        0
        0
        14px !important;
}


/* =========================================================
   05. SECTION TITLE
========================================================= */

.elementor-1469 .elementor-element.elementor-element-4478de3
.gcg-home-latest__title
.elementor-heading-title{
    margin:0;

    max-width:720px;

    font-family:
        "Quicksand",
        system-ui,
        -apple-system,
        BlinkMacSystemFont,
        sans-serif;

    font-size:
        clamp(
            50px,
            4.8vw,
            64px
        );

    line-height:1;

    letter-spacing:-.048em;

    font-weight:700;

    color:
        var(--gcg-navy);
}


/* =========================================================
   06. DESCRIPTION
========================================================= */

.elementor-1469 .elementor-element.elementor-element-4478de3 .gcg-home-latest__description{
    justify-self:end;

    width:100% !important;

    max-width:430px;

    margin:0 !important;
}


.elementor-1469 .elementor-element.elementor-element-4478de3 .gcg-home-latest__description,
.elementor-1469 .elementor-element.elementor-element-4478de3 .gcg-home-latest__description p{
    margin:0;

    font-family:
        "Quicksand",
        system-ui,
        -apple-system,
        BlinkMacSystemFont,
        sans-serif;

    font-size:15px;

    line-height:1.72;

    font-weight:500;

    color:
        var(--gcg-slate);
}


/* =========================================================
   07. MAIN GRID
========================================================= */

.elementor-1469 .elementor-element.elementor-element-4478de3 .gcg-home-latest__grid{
    display:grid !important;

    grid-template-columns:
        minmax(0,1.1fr)
        minmax(0,.9fr);

    align-items:stretch;

    gap:
        22px !important;

    width:100% !important;

    min-width:0;

    margin:0 !important;

    padding:0 !important;
}


/* =========================================================
   08. LOOP WIDGETS
========================================================= */

.elementor-1469 .elementor-element.elementor-element-4478de3 .gcg-home-latest__featured,
.elementor-1469 .elementor-element.elementor-element-4478de3 .gcg-home-latest__list{
    width:100% !important;

    max-width:none !important;

    min-width:0 !important;

    margin:0 !important;

    padding:0 !important;
}


/* =========================================================
   09. FEATURED LOOP
========================================================= */

.elementor-1469 .elementor-element.elementor-element-4478de3
.gcg-home-latest__featured
.elementor-loop-container{
    display:block !important;

    width:100% !important;

    margin:0 !important;

    padding:0 !important;
}


.elementor-1469 .elementor-element.elementor-element-4478de3
.gcg-home-latest__featured
.e-loop-item{
    width:100% !important;

    max-width:none !important;

    min-width:0 !important;

    margin:0 !important;

    padding:0 !important;
}


/* =========================================================
   10. FEATURED CARD
========================================================= */

.elementor-1469 .elementor-element.elementor-element-4478de3 .gcg-latest-featured-card{
    position:relative;

    display:grid !important;

    grid-template-columns:
        minmax(0,1.08fr)
        minmax(0,.92fr);

    align-items:stretch;

    width:100% !important;

    max-width:none !important;

    min-width:0;

    min-height:330px;

    margin:0 !important;

    padding:0 !important;

    overflow:hidden !important;

    border:
        1px solid
        var(--gcg-line);

    border-radius:24px;

    background:
        var(--gcg-paper);

    color:
        var(--gcg-navy);

    text-decoration:none !important;

    box-shadow:
        0
        18px
        54px
        rgba(14,19,33,.045);
}


.elementor-1469 .elementor-element.elementor-element-4478de3
.gcg-latest-featured-card > .e-con-inner{
    display:contents !important;
}


/* =========================================================
   11. FEATURED MEDIA
========================================================= */

.elementor-1469 .elementor-element.elementor-element-4478de3 .gcg-latest-featured__media{
    position:relative !important;

    display:block !important;

    width:100% !important;

    min-width:0;

    height:100% !important;

    min-height:330px;

    margin:0 !important;

    padding:0 !important;

    overflow:hidden;
}


.elementor-1469 .elementor-element.elementor-element-4478de3
.gcg-latest-featured__media
.elementor-widget-container,

.elementor-1469 .elementor-element.elementor-element-4478de3
.gcg-latest-featured__media a,

.elementor-1469 .elementor-element.elementor-element-4478de3
.gcg-latest-featured__media picture{
    display:block !important;

    width:100% !important;

    height:100% !important;
}


.elementor-1469 .elementor-element.elementor-element-4478de3
.gcg-latest-featured__media img{
    display:block;

    width:100% !important;

    height:100% !important;

    max-width:none !important;

    margin:0 !important;

    object-fit:cover;

    object-position:center;

    border-radius:0 !important;

    transform:
        scale(1.01);

    transition:
        transform
        .7s
        cubic-bezier(.2,.7,.2,1);
}


/* =========================================================
   12. FEATURED COPY
========================================================= */

.elementor-1469 .elementor-element.elementor-element-4478de3 .gcg-latest-featured__copy{
    display:flex !important;

    flex-direction:column !important;

    justify-content:center !important;

    align-items:flex-start !important;

    min-width:0;

    margin:0 !important;

    padding:
        32px !important;

    gap:0 !important;

    background:
        var(--gcg-paper);
}


/* =========================================================
   13. FEATURED LABEL
========================================================= */

.elementor-1469 .elementor-element.elementor-element-4478de3 .gcg-latest-featured__label{
    margin:
        0
        0
        10px !important;
}


.elementor-1469 .elementor-element.elementor-element-4478de3
.gcg-latest-featured__label
.elementor-heading-title{
    margin:0;

    font-family:
        "Quicksand",
        system-ui,
        sans-serif;

    font-size:10px;

    line-height:1.35;

    font-weight:700;

    letter-spacing:.16em;

    text-transform:uppercase;

    color:
        var(--gcg-taupe);
}


/* =========================================================
   14. FEATURED TITLE
========================================================= */

.elementor-1469 .elementor-element.elementor-element-4478de3 .gcg-latest-featured__title{
    width:100% !important;

    min-width:0 !important;

    margin:0 !important;
}


.elementor-1469 .elementor-element.elementor-element-4478de3
.gcg-latest-featured__title
.elementor-heading-title{
    margin:0;

    font-family:
        "Quicksand",
        system-ui,
        sans-serif;

    font-size:
        clamp(
            28px,
            2.35vw,
            34px
        );

    line-height:1.08;

    letter-spacing:-.038em;

    font-weight:700;

    color:
        var(--gcg-navy);

    display:-webkit-box;

    -webkit-box-orient:vertical;

    -webkit-line-clamp:3;

    overflow:hidden;
}


/* =========================================================
   15. FEATURED EXCERPT
========================================================= */

.elementor-1469 .elementor-element.elementor-element-4478de3 .gcg-latest-featured__excerpt{
    width:100% !important;

    min-width:0;

    margin:
        14px
        0
        0 !important;
}


.elementor-1469 .elementor-element.elementor-element-4478de3 .gcg-latest-featured__excerpt,
.elementor-1469 .elementor-element.elementor-element-4478de3 .gcg-latest-featured__excerpt p,
.elementor-1469 .elementor-element.elementor-element-4478de3
.gcg-latest-featured__excerpt
.elementor-widget-container{
    margin-bottom:0;

    font-family:
        "Quicksand",
        system-ui,
        sans-serif;

    font-size:14px;

    line-height:1.65;

    font-weight:500;

    color:
        var(--gcg-slate);
}


.elementor-1469 .elementor-element.elementor-element-4478de3
.gcg-latest-featured__excerpt
.elementor-widget-container{
    display:-webkit-box;

    -webkit-box-orient:vertical;

    -webkit-line-clamp:3;

    overflow:hidden;
}


/* =========================================================
   16. FEATURED HOVER
========================================================= */

@media(hover:hover){

    .elementor-1469 .elementor-element.elementor-element-4478de3
    .gcg-latest-featured-card:hover
    .gcg-latest-featured__media img{
        transform:
            scale(1.04);
    }

}


/* =========================================================
   17. LIST CONTAINER
========================================================= */

.elementor-1469 .elementor-element.elementor-element-4478de3
.gcg-home-latest__list
.elementor-loop-container{
    display:block !important;

    width:100% !important;

    max-width:none !important;

    min-width:0 !important;

    margin:0 !important;

    padding:0 !important;

    border-top:
        1px solid
        var(--gcg-line);

    counter-reset:
        gcg-latest-row 1;
}


.elementor-1469 .elementor-element.elementor-element-4478de3
.gcg-home-latest__list
.e-loop-item{
    display:block !important;

    width:100% !important;

    max-width:none !important;

    min-width:0 !important;

    height:auto !important;

    margin:0 !important;

    padding:0 !important;

    counter-increment:
        gcg-latest-row;
}


/* =========================================================
   18. ROW

   Number is now absolute.
   Grid only needs title + arrow.
========================================================= */

.elementor-1469 .elementor-element.elementor-element-4478de3 .gcg-latest-row{
    position:relative;

    display:grid !important;

    grid-template-columns:
        minmax(0,1fr)
        24px;

    align-items:center;

    column-gap:16px;

    width:100% !important;

    max-width:none !important;

    min-width:0 !important;

    height:auto !important;

    min-height:82px !important;

    margin:0 !important;

    padding:
        20px
        2px
        20px
        58px !important;

    border-bottom:
        1px solid
        var(--gcg-line);

    color:
        var(--gcg-navy);

    text-decoration:none !important;
}


.elementor-1469 .elementor-element.elementor-element-4478de3
.gcg-latest-row > .e-con-inner{
    display:contents !important;
}


/* =========================================================
   19. NUMBER
   V1.4 — ABSOLUTE VERTICAL CENTER
========================================================= */

.elementor-1469 .elementor-element.elementor-element-4478de3
.gcg-latest-row::before{
    content:
        counter(
            gcg-latest-row,
            decimal-leading-zero
        );

    position:absolute;

    left:2px;

    top:50%;

    width:36px;

    transform:
        translateY(-50%);

    margin:0;

    padding:0;

    font-family:
        "Quicksand",
        system-ui,
        sans-serif;

    font-size:10.5px;

    line-height:1;

    font-weight:700;

    letter-spacing:.12em;

    color:
        var(--gcg-taupe);

    text-align:left;

    pointer-events:none;
}


/* =========================================================
   20. ROW TITLE
========================================================= */

.elementor-1469 .elementor-element.elementor-element-4478de3 .gcg-latest-row__title{
    grid-column:1;

    justify-self:stretch !important;

    align-self:center !important;

    width:100% !important;

    max-width:none !important;

    min-width:0 !important;

    margin:0 !important;

    padding:0 !important;

    flex:
        1
        1
        auto !important;

    --container-widget-width:
        100% !important;

    --container-widget-flex-grow:
        1 !important;

    --container-widget-align-self:
        stretch !important;
}


.elementor-1469 .elementor-element.elementor-element-4478de3
.gcg-latest-row__title
.elementor-widget-container{
    display:block !important;

    width:100% !important;

    max-width:none !important;

    min-width:0 !important;

    margin:0 !important;

    padding:0 !important;
}


.elementor-1469 .elementor-element.elementor-element-4478de3
.gcg-latest-row__title
.elementor-heading-title{
    width:100% !important;

    max-width:none !important;

    min-width:0 !important;

    margin:0;

    overflow:hidden;

    font-family:
        "Quicksand",
        system-ui,
        sans-serif;

    font-size:19px;

    line-height:1.3;

    letter-spacing:-.024em;

    font-weight:650;

    color:
        var(--gcg-navy);

    word-break:normal;

    overflow-wrap:break-word;

    white-space:normal;

    display:-webkit-box;

    -webkit-box-orient:vertical;

    -webkit-line-clamp:2;
}


/* =========================================================
   21. DESKTOP TITLE — SINGLE LINE
========================================================= */

@media(min-width:901px){

    .elementor-1469 .elementor-element.elementor-element-4478de3
    .gcg-latest-row__title
    .elementor-heading-title{
        display:block !important;

        white-space:nowrap !important;

        overflow:hidden !important;

        text-overflow:ellipsis !important;

        -webkit-line-clamp:unset !important;

        -webkit-box-orient:initial !important;
    }

}


/* =========================================================
   22. ROW ARROW
   V1.4 — LIGHTER
========================================================= */

.elementor-1469 .elementor-element.elementor-element-4478de3 .gcg-latest-row__arrow{
    grid-column:2;

    justify-self:end !important;

    align-self:center !important;

    width:24px !important;

    max-width:24px !important;

    min-width:24px !important;

    margin:0 !important;

    padding:0 !important;

    --container-widget-width:
        24px !important;
}


.elementor-1469 .elementor-element.elementor-element-4478de3
.gcg-latest-row__arrow
.elementor-widget-container{
    display:block !important;

    width:24px !important;

    margin:0 !important;

    padding:0 !important;
}


.elementor-1469 .elementor-element.elementor-element-4478de3
.gcg-latest-row__arrow
.elementor-heading-title{
    margin:0;

    font-family:
        "Quicksand",
        system-ui,
        -apple-system,
        BlinkMacSystemFont,
        sans-serif;

    font-size:17px;

    line-height:1;

    font-weight:400;

    color:
        rgba(14,19,33,.58);

    text-align:right;

    transition:
        transform
        .25s
        ease,
        color
        .25s
        ease,
        opacity
        .25s
        ease;
}


/* =========================================================
   23. ROW HOVER
========================================================= */

@media(hover:hover){

    .elementor-1469 .elementor-element.elementor-element-4478de3
    .gcg-latest-row:hover
    .gcg-latest-row__arrow
    .elementor-heading-title{
        transform:
            translateX(4px);

        color:
            var(--gcg-navy);
    }


    .elementor-1469 .elementor-element.elementor-element-4478de3
    .gcg-latest-row:hover
    .gcg-latest-row__title
    .elementor-heading-title{
        color:
            var(--gcg-brown);
    }

}


/* =========================================================
   TABLET
   <= 900px
========================================================= */

@media(max-width:900px){

    .elementor-1469 .elementor-element.elementor-element-4478de3{
        padding:
            94px
            0
            98px !important;
    }


    .elementor-1469 .elementor-element.elementor-element-4478de3 .gcg-home-latest__head{
        grid-template-columns:
            1fr;

        align-items:start;

        row-gap:22px;

        margin-bottom:
            38px !important;
    }


    .elementor-1469 .elementor-element.elementor-element-4478de3
    .gcg-home-latest__description{
        justify-self:start;

        max-width:570px;
    }


    .elementor-1469 .elementor-element.elementor-element-4478de3
    .gcg-home-latest__title
    .elementor-heading-title{
        font-size:46px;
    }


    .elementor-1469 .elementor-element.elementor-element-4478de3 .gcg-home-latest__grid{
        grid-template-columns:
            minmax(0,1fr);

        gap:
            34px !important;
    }


    .elementor-1469 .elementor-element.elementor-element-4478de3 .gcg-latest-featured-card{
        min-height:320px;
    }


    .elementor-1469 .elementor-element.elementor-element-4478de3 .gcg-latest-featured__media{
        min-height:320px;
    }


    .elementor-1469 .elementor-element.elementor-element-4478de3 .gcg-latest-featured__copy{
        padding:
            28px !important;
    }


    .elementor-1469 .elementor-element.elementor-element-4478de3
    .gcg-latest-featured__title
    .elementor-heading-title{
        font-size:
            clamp(
                27px,
                4vw,
                32px
            );
    }


    .elementor-1469 .elementor-element.elementor-element-4478de3 .gcg-latest-row{
        grid-template-columns:
            minmax(0,1fr)
            24px;

        column-gap:14px;

        min-height:80px !important;

        padding:
            20px
            2px
            20px
            52px !important;
    }


    .elementor-1469 .elementor-element.elementor-element-4478de3
    .gcg-latest-row::before{
        left:2px;

        width:32px;
    }


    .elementor-1469 .elementor-element.elementor-element-4478de3
    .gcg-latest-row__title
    .elementor-heading-title{
        font-size:18px;

        white-space:normal;

        display:-webkit-box;

        -webkit-box-orient:vertical;

        -webkit-line-clamp:2;

        text-overflow:clip;
    }

}


/* =========================================================
   MOBILE
   <= 560px
========================================================= */

@media(max-width:560px){

    .elementor-1469 .elementor-element.elementor-element-4478de3{
        padding:
            82px
            0
            84px !important;
    }


    .elementor-1469 .elementor-element.elementor-element-4478de3 .gcg-home-latest__inner{
        width:
            calc(100% - 28px) !important;

        max-width:none !important;
    }


    .elementor-1469 .elementor-element.elementor-element-4478de3 .gcg-home-latest__head{
        row-gap:20px;

        margin-bottom:
            32px !important;
    }


    .elementor-1469 .elementor-element.elementor-element-4478de3
    .gcg-home-latest__title
    .elementor-heading-title{
        font-size:38px;

        line-height:1.04;

        letter-spacing:-.043em;
    }


    .elementor-1469 .elementor-element.elementor-element-4478de3
    .gcg-home-latest__description,
    .elementor-1469 .elementor-element.elementor-element-4478de3
    .gcg-home-latest__description p{
        font-size:14.5px;

        line-height:1.68;
    }


    .elementor-1469 .elementor-element.elementor-element-4478de3 .gcg-home-latest__grid{
        gap:
            30px !important;
    }


    /* FEATURED */

    .elementor-1469 .elementor-element.elementor-element-4478de3 .gcg-latest-featured-card{
        grid-template-columns:
            minmax(0,1fr);

        min-height:0;

        border-radius:22px;
    }


    .elementor-1469 .elementor-element.elementor-element-4478de3 .gcg-latest-featured__media{
        height:
            245px !important;

        min-height:
            245px !important;
    }


    .elementor-1469 .elementor-element.elementor-element-4478de3 .gcg-latest-featured__copy{
        padding:
            24px
            22px
            25px !important;
    }


    .elementor-1469 .elementor-element.elementor-element-4478de3
    .gcg-latest-featured__title
    .elementor-heading-title{
        font-size:27px;

        line-height:1.1;
    }


    .elementor-1469 .elementor-element.elementor-element-4478de3 .gcg-latest-featured__excerpt,
    .elementor-1469 .elementor-element.elementor-element-4478de3 .gcg-latest-featured__excerpt p,
    .elementor-1469 .elementor-element.elementor-element-4478de3
    .gcg-latest-featured__excerpt
    .elementor-widget-container{
        font-size:13.5px;

        line-height:1.65;
    }


    /* ROW */

    .elementor-1469 .elementor-element.elementor-element-4478de3 .gcg-latest-row{
        grid-template-columns:
            minmax(0,1fr)
            22px;

        column-gap:10px;

        min-height:74px !important;

        padding:
            17px
            0
            17px
            38px !important;
    }


    .elementor-1469 .elementor-element.elementor-element-4478de3
    .gcg-latest-row::before{
        left:0;

        width:26px;

        font-size:10px;
    }


    .elementor-1469 .elementor-element.elementor-element-4478de3
    .gcg-latest-row__title
    .elementor-heading-title{
        font-size:16.5px;

        line-height:1.32;

        white-space:normal;

        display:-webkit-box;

        -webkit-box-orient:vertical;

        -webkit-line-clamp:3;

        text-overflow:clip;
    }


    .elementor-1469 .elementor-element.elementor-element-4478de3 .gcg-latest-row__arrow{
        width:
            22px !important;

        min-width:
            22px !important;

        max-width:
            22px !important;

        --container-widget-width:
            22px !important;
    }


    .elementor-1469 .elementor-element.elementor-element-4478de3
    .gcg-latest-row__arrow
    .elementor-widget-container{
        width:
            22px !important;
    }


    .elementor-1469 .elementor-element.elementor-element-4478de3
    .gcg-latest-row__arrow
    .elementor-heading-title{
        font-size:16px;

        font-weight:400;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media(max-width:380px){

    .elementor-1469 .elementor-element.elementor-element-4478de3 .gcg-home-latest__inner{
        width:
            calc(100% - 24px) !important;
    }


    .elementor-1469 .elementor-element.elementor-element-4478de3
    .gcg-home-latest__title
    .elementor-heading-title{
        font-size:34px;
    }

}


/* =========================================================
   REDUCED MOTION
========================================================= */

@media(prefers-reduced-motion:reduce){

    .elementor-1469 .elementor-element.elementor-element-4478de3
    .gcg-latest-featured__media img,

    .elementor-1469 .elementor-element.elementor-element-4478de3
    .gcg-latest-row__arrow
    .elementor-heading-title{
        transition:none !important;

        transform:none !important;
    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a2825ec *//* =========================================================
   GÓC CÓ GU — HOME V2
   SECTION 08 / CLOSING SCENE
   PRODUCTION V1.1 — WITH STORY CTA

   SOURCE MOTIF:
   Home V2 A+ Spatial Editorial

   COMPOSITION:
   - Full-width navy closing scene
   - Large editorial statement
   - Supporting copy
   - Editorial CTA → "Bắt đầu từ đây"
   - Double orbital ellipse
   - Micro taxonomy line

   NO IMAGE
   NO CARD
========================================================= */


/* =========================================================
   01. SECTION ROOT
========================================================= */

.elementor-1469 .elementor-element.elementor-element-a2825ec{
    position:relative;

    display:grid !important;

    align-items:center;

    width:100% !important;
    max-width:none !important;

    min-width:0;

    min-height:
        92svh;

    margin:0 !important;

    padding:
        120px
        0 !important;

    overflow:hidden !important;

    background:
        var(--gcg-navy);

    color:
        var(--gcg-cream);

    isolation:isolate;
}


/* =========================================================
   02. PRIMARY ORBIT
========================================================= */

.elementor-1469 .elementor-element.elementor-element-a2825ec::before{
    content:"";

    position:absolute;

    z-index:0;

    top:50%;

    right:-100px;

    width:
        700px;

    height:
        250px;

    border:
        1px solid
        rgba(184,156,132,.18);

    border-radius:
        50%;

    transform:
        translateY(-50%)
        rotate(-10deg);

    pointer-events:none;
}


/* =========================================================
   03. INNER ORBIT
========================================================= */

.elementor-1469 .elementor-element.elementor-element-a2825ec::after{
    content:"";

    position:absolute;

    z-index:0;

    top:50%;

    right:-62px;

    width:
        624px;

    height:
        174px;

    border:
        1px solid
        rgba(184,156,132,.10);

    border-radius:
        50%;

    transform:
        translateY(-50%)
        rotate(-10deg);

    pointer-events:none;
}


/* =========================================================
   04. INNER
========================================================= */

.elementor-1469 .elementor-element.elementor-element-a2825ec .gcg-home-final__inner{
    position:relative;

    z-index:2;

    display:flex !important;

    flex-direction:column !important;

    align-items:flex-start !important;

    justify-content:center !important;

    width:
        min(
            var(--gcg-max),
            calc(100% - 48px)
        ) !important;

    max-width:
        var(--gcg-max) !important;

    min-width:0;

    margin:
        0
        auto !important;

    padding:0 !important;

    gap:0 !important;
}


/* =========================================================
   05. EYEBROW
========================================================= */

.elementor-1469 .elementor-element.elementor-element-a2825ec .gcg-home-final__eyebrow{
    margin:
        0
        0
        20px !important;
}


.elementor-1469 .elementor-element.elementor-element-a2825ec
.gcg-home-final__eyebrow
.elementor-heading-title{
    color:
        rgba(237,231,221,.52) !important;
}


/* =========================================================
   06. TITLE
========================================================= */

.elementor-1469 .elementor-element.elementor-element-a2825ec .gcg-home-final__title{
    width:100%;

    margin:0 !important;
}


.elementor-1469 .elementor-element.elementor-element-a2825ec
.gcg-home-final__title
.elementor-heading-title{
    margin:0;

    max-width:
        1050px;

    font-family:
        "Quicksand",
        system-ui,
        -apple-system,
        BlinkMacSystemFont,
        sans-serif;

    font-size:
        clamp(
            68px,
            8.3vw,
            112px
        );

    line-height:
        .91;

    letter-spacing:
        -.068em;

    font-weight:
        700;

    color:
        var(--gcg-cream);
}


/* =========================================================
   07. DESCRIPTION
========================================================= */

.elementor-1469 .elementor-element.elementor-element-a2825ec .gcg-home-final__description{
    width:100%;

    max-width:
        520px;

    margin:
        30px
        0
        0 !important;
}


.elementor-1469 .elementor-element.elementor-element-a2825ec .gcg-home-final__description,
.elementor-1469 .elementor-element.elementor-element-a2825ec .gcg-home-final__description p{
    margin-bottom:0;

    font-family:
        "Quicksand",
        system-ui,
        -apple-system,
        BlinkMacSystemFont,
        sans-serif;

    font-size:
        15px;

    line-height:
        1.72;

    font-weight:
        500;

    color:
        rgba(237,231,221,.68);
}


/* =========================================================
   08. STORY CTA

   Elementor:
   Widget name: Final CTA
   Class: gcg-home-final__cta
   Text: Bắt đầu từ đây
   Link: /ve-goc-co-gu/bat-dau-tu-dau/

   No Elementor icon needed — arrow is CSS-generated.
========================================================= */

.elementor-1469 .elementor-element.elementor-element-a2825ec .gcg-home-final__cta{
    width:auto !important;

    max-width:
        520px;

    margin:
        28px
        0
        0 !important;

    padding:0 !important;
}


.elementor-1469 .elementor-element.elementor-element-a2825ec
.gcg-home-final__cta
.elementor-button{
    position:relative;

    display:inline-flex;

    align-items:center;

    justify-content:flex-start;

    min-height:
        44px;

    margin:0;

    padding:
        0
        36px
        8px
        0;

    border:0;

    border-bottom:
        1px solid
        rgba(237,231,221,.28);

    border-radius:0;

    background:
        transparent !important;

    box-shadow:
        none !important;

    color:
        var(--gcg-cream) !important;

    font-family:
        "Quicksand",
        system-ui,
        -apple-system,
        BlinkMacSystemFont,
        sans-serif;

    font-size:
        14px;

    line-height:
        1.35;

    font-weight:
        700;

    letter-spacing:
        -.01em;

    text-decoration:none !important;

    transition:
        border-color .3s ease,
        color .3s ease;
}


.elementor-1469 .elementor-element.elementor-element-a2825ec
.gcg-home-final__cta
.elementor-button::after{
    content:"→";

    position:absolute;

    right:2px;

    top:50%;

    transform:
        translateY(-60%);

    color:
        var(--gcg-taupe);

    font-size:
        18px;

    line-height:1;

    font-weight:
        500;

    transition:
        transform .3s ease,
        color .3s ease;
}


@media(hover:hover) and (pointer:fine){

    .elementor-1469 .elementor-element.elementor-element-a2825ec
    .gcg-home-final__cta
    .elementor-button:hover{
        border-bottom-color:
            rgba(237,231,221,.72);

        color:
            var(--gcg-cream) !important;
    }


    .elementor-1469 .elementor-element.elementor-element-a2825ec
    .gcg-home-final__cta
    .elementor-button:hover::after{
        transform:
            translate(
                5px,
                -60%
            );

        color:
            var(--gcg-cream);
    }

}


.elementor-1469 .elementor-element.elementor-element-a2825ec
.gcg-home-final__cta
.elementor-button:focus-visible{
    outline:
        2px solid
        var(--gcg-taupe);

    outline-offset:
        4px;
}


/* =========================================================
   09. MICRO
========================================================= */

.elementor-1469 .elementor-element.elementor-element-a2825ec .gcg-home-final__micro{
    position:absolute !important;

    z-index:3;

    right:
        max(
            44px,
            calc(
                (100vw - var(--gcg-max))
                /
                2
            )
        );

    bottom:
        34px;

    width:auto !important;

    margin:0 !important;

    pointer-events:none;
}


.elementor-1469 .elementor-element.elementor-element-a2825ec
.gcg-home-final__micro
.elementor-heading-title{
    margin:0;

    font-family:
        "Quicksand",
        system-ui,
        sans-serif;

    font-size:
        9.5px;

    line-height:
        1.4;

    font-weight:
        700;

    letter-spacing:
        .19em;

    text-transform:
        uppercase;

    color:
        rgba(237,231,221,.42);
}


/* =========================================================
   10. SUBTLE DEPTH / LIGHT
========================================================= */

.elementor-1469 .elementor-element.elementor-element-a2825ec .gcg-home-final__inner::after{
    content:"";

    position:absolute;

    z-index:-1;

    left:
        -180px;

    top:
        50%;

    width:
        520px;

    height:
        520px;

    border-radius:
        50%;

    background:
        radial-gradient(
            circle,
            rgba(184,156,132,.055),
            transparent 68%
        );

    transform:
        translateY(-50%);

    pointer-events:none;
}


/* =========================================================
   TABLET
   <= 900px
========================================================= */

@media(max-width:900px){

    .elementor-1469 .elementor-element.elementor-element-a2825ec{
        min-height:
            760px;

        padding:
            104px
            0 !important;
    }


    .elementor-1469 .elementor-element.elementor-element-a2825ec::before{
        right:
            -220px;

        width:
            560px;

        height:
            210px;
    }


    .elementor-1469 .elementor-element.elementor-element-a2825ec::after{
        right:
            -184px;

        width:
            490px;

        height:
            144px;
    }


    .elementor-1469 .elementor-element.elementor-element-a2825ec
    .gcg-home-final__title
    .elementor-heading-title{
        max-width:
            760px;

        font-size:
            clamp(
                60px,
                9vw,
                78px
            );

        line-height:
            .94;
    }


    .elementor-1469 .elementor-element.elementor-element-a2825ec
    .gcg-home-final__description{
        max-width:
            500px;

        margin-top:
            26px !important;
    }


    .elementor-1469 .elementor-element.elementor-element-a2825ec
    .gcg-home-final__cta{
        margin-top:
            24px !important;
    }


    .elementor-1469 .elementor-element.elementor-element-a2825ec
    .gcg-home-final__micro{
        right:
            24px;

        bottom:
            28px;
    }

}


/* =========================================================
   MOBILE
   <= 560px
========================================================= */

@media(max-width:560px){

    .elementor-1469 .elementor-element.elementor-element-a2825ec{
        min-height:
            700px;

        padding:
            88px
            0
            110px !important;
    }


    .elementor-1469 .elementor-element.elementor-element-a2825ec .gcg-home-final__inner{
        width:
            calc(100% - 28px) !important;

        max-width:none !important;
    }


    .elementor-1469 .elementor-element.elementor-element-a2825ec::before{
        top:
            59%;

        right:
            -195px;

        width:
            420px;

        height:
            170px;

        transform:
            translateY(-50%)
            rotate(-10deg);
    }


    .elementor-1469 .elementor-element.elementor-element-a2825ec::after{
        top:
            59%;

        right:
            -160px;

        width:
            350px;

        height:
            106px;

        transform:
            translateY(-50%)
            rotate(-10deg);
    }


    .elementor-1469 .elementor-element.elementor-element-a2825ec .gcg-home-final__eyebrow{
        margin-bottom:
            18px !important;
    }


    .elementor-1469 .elementor-element.elementor-element-a2825ec
    .gcg-home-final__title
    .elementor-heading-title{
        max-width:
            100%;

        font-size:
            54px;

        line-height:
            .96;

        letter-spacing:
            -.058em;
    }


    .elementor-1469 .elementor-element.elementor-element-a2825ec .gcg-home-final__description{
        max-width:
            92%;

        margin-top:
            24px !important;
    }


    .elementor-1469 .elementor-element.elementor-element-a2825ec .gcg-home-final__description,
    .elementor-1469 .elementor-element.elementor-element-a2825ec .gcg-home-final__description p{
        font-size:
            14.5px;

        line-height:
            1.68;
    }


    .elementor-1469 .elementor-element.elementor-element-a2825ec .gcg-home-final__cta{
        max-width:
            92%;

        margin-top:
            22px !important;
    }


    .elementor-1469 .elementor-element.elementor-element-a2825ec
    .gcg-home-final__cta
    .elementor-button{
        min-height:
            44px;

        padding:
            0
            34px
            8px
            0;

        font-size:
            14px;
    }


    .elementor-1469 .elementor-element.elementor-element-a2825ec
    .gcg-home-final__micro{
        left:
            14px;

        right:
            14px;

        bottom:
            26px;

        width:
            auto !important;
    }


    .elementor-1469 .elementor-element.elementor-element-a2825ec
    .gcg-home-final__micro
    .elementor-heading-title{
        font-size:
            9px;

        letter-spacing:
            .15em;
    }


    .elementor-1469 .elementor-element.elementor-element-a2825ec
    .gcg-home-final__inner::after{
        display:none;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media(max-width:380px){

    .elementor-1469 .elementor-element.elementor-element-a2825ec{
        min-height:
            660px;
    }


    .elementor-1469 .elementor-element.elementor-element-a2825ec .gcg-home-final__inner{
        width:
            calc(100% - 24px) !important;
    }


    .elementor-1469 .elementor-element.elementor-element-a2825ec
    .gcg-home-final__title
    .elementor-heading-title{
        font-size:
            48px;
    }

}


/* =========================================================
   REDUCED MOTION
========================================================= */

@media(prefers-reduced-motion:reduce){

    .elementor-1469 .elementor-element.elementor-element-a2825ec,
    .elementor-1469 .elementor-element.elementor-element-a2825ec::before,
    .elementor-1469 .elementor-element.elementor-element-a2825ec::after,
    .elementor-1469 .elementor-element.elementor-element-a2825ec .gcg-home-final__cta .elementor-button,
    .elementor-1469 .elementor-element.elementor-element-a2825ec .gcg-home-final__cta .elementor-button::after{
        animation:none !important;

        transition:none !important;
    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1209891 *//* =========================================================
   GÓC CÓ GU — HOME V2
   ROOT DESIGN SYSTEM
   V1.5 — TYPOGRAPHY MAPPING

   BASE:
   V1.4 Typography Master System

   NEW:
   - Map real Home components → typography roles
   - Desktop supporting copy increased
   - Mobile supporting copy increased
   - Section H2 standardized
   - Card secondary text standardized

   IMPORTANT:
   This layer only governs typography.
   Section CSS still owns composition / layout / visual.
========================================================= */


/* =========================================================
   01. ROOT DESIGN TOKENS
========================================================= */

.elementor-1469 .elementor-element.elementor-element-1209891{

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

    --gcg-navy:#0E1321;
    --gcg-navy-2:#182238;

    --gcg-cream:#EDE7DD;

    --gcg-paper:#F7F3ED;
    --gcg-paper-2:#FBF8F3;

    --gcg-beige:#D8CFC3;

    --gcg-taupe:#B89C84;
    --gcg-brown:#5E4D41;

    --gcg-slate:#6E7480;

    --gcg-line:rgba(14,19,33,.12);
    --gcg-line-soft:rgba(14,19,33,.07);


    /* -----------------------------------------------------
       LAYOUT
    ----------------------------------------------------- */

    --gcg-max:1192px;


    /* =====================================================
       TYPOGRAPHY — DESKTOP
    ===================================================== */


    /* -----------------------------------------------------
       DISPLAY
    ----------------------------------------------------- */

    --gcg-fs-display:
        clamp(
            68px,
            6.4vw,
            82px
        );


    --gcg-fs-statement:
        clamp(
            80px,
            8vw,
            104px
        );


    /* -----------------------------------------------------
       TITLES
    ----------------------------------------------------- */

    --gcg-fs-section-title:
        clamp(
            56px,
            4.8vw,
            64px
        );


    --gcg-fs-feature-title:
        clamp(
            28px,
            2.35vw,
            34px
        );


    --gcg-fs-card-title:
        24px;


    /* -----------------------------------------------------
       READING TEXT

       LARGE
       = primary supporting / section intro

       BODY
       = standard reading copy

       CARD
       = secondary copy inside visual cards

       SMALL
       = lowest readable supporting tier
    ----------------------------------------------------- */

    --gcg-fs-body-lg:
        17px;


    --gcg-fs-body:
        16px;


    --gcg-fs-body-card:
        15px;


    --gcg-fs-body-sm:
        14.5px;


    /* -----------------------------------------------------
       MICRO / UI
    ----------------------------------------------------- */

    --gcg-fs-meta:
        12px;


    --gcg-fs-eyebrow:
        11px;


    --gcg-fs-cta:
        14px;


    /* -----------------------------------------------------
       LINE HEIGHT
    ----------------------------------------------------- */

    --gcg-lh-body-lg:
        1.70;


    --gcg-lh-body:
        1.68;


    --gcg-lh-body-card:
        1.62;


    --gcg-lh-body-sm:
        1.62;


    /* -----------------------------------------------------
       LETTER SPACING
    ----------------------------------------------------- */

    --gcg-ls-title:
        -.045em;


    --gcg-ls-eyebrow:
        .17em;


    /* =====================================================
       ROOT ARCHITECTURE
       KEEP V1.3 / V1.4 BEHAVIOR
    ===================================================== */

    position:relative;

    display:block !important;

    width:100% !important;
    max-width:none !important;

    min-width:0;

    margin:0 !important;
    padding:0 !important;

    flex:none !important;

    background:
        var(--gcg-paper);

    color:
        var(--gcg-navy);

    font-family:
        "Quicksand",
        system-ui,
        -apple-system,
        BlinkMacSystemFont,
        sans-serif;

    overflow:visible !important;

    overflow-x:visible !important;
    overflow-y:visible !important;
}


/* =========================================================
   02. DIRECT SECTION SAFETY
========================================================= */

.elementor-1469 .elementor-element.elementor-element-1209891 > .e-con{
    position:relative;

    width:100% !important;
    max-width:none !important;

    min-width:0;

    margin-left:0 !important;
    margin-right:0 !important;

    flex:none !important;
}


/* =========================================================
   03. BOX SIZING
========================================================= */

.elementor-1469 .elementor-element.elementor-element-1209891 *,
.elementor-1469 .elementor-element.elementor-element-1209891 *::before,
.elementor-1469 .elementor-element.elementor-element-1209891 *::after{
    box-sizing:border-box;
}


/* =========================================================
   04. TYPOGRAPHY RESET
========================================================= */

.elementor-1469 .elementor-element.elementor-element-1209891 h1,
.elementor-1469 .elementor-element.elementor-element-1209891 h2,
.elementor-1469 .elementor-element.elementor-element-1209891 h3,
.elementor-1469 .elementor-element.elementor-element-1209891 h4,
.elementor-1469 .elementor-element.elementor-element-1209891 h5,
.elementor-1469 .elementor-element.elementor-element-1209891 h6,
.elementor-1469 .elementor-element.elementor-element-1209891 p{
    margin:0;
}


/* =========================================================
   05. DEFAULT BODY
========================================================= */

.elementor-1469 .elementor-element.elementor-element-1209891 p{
    font-family:
        "Quicksand",
        system-ui,
        -apple-system,
        BlinkMacSystemFont,
        sans-serif;

    font-size:
        var(--gcg-fs-body);

    line-height:
        var(--gcg-lh-body);

    font-weight:500;

    color:
        var(--gcg-slate);
}


/* =========================================================
   06. MASTER INNER
========================================================= */

.elementor-1469 .elementor-element.elementor-element-1209891 .gcg-home-inner{
    position:relative;

    width:
        min(
            var(--gcg-max),
            calc(100% - 48px)
        ) !important;

    max-width:
        var(--gcg-max) !important;

    min-width:0;

    margin-left:auto !important;
    margin-right:auto !important;
}


/* =========================================================
   07. EYEBROW SYSTEM
========================================================= */

.elementor-1469 .elementor-element.elementor-element-1209891 .gcg-home-eyebrow{
    font-family:
        "Quicksand",
        system-ui,
        -apple-system,
        BlinkMacSystemFont,
        sans-serif;

    font-size:
        var(--gcg-fs-eyebrow) !important;

    line-height:
        1.35 !important;

    font-weight:
        700;

    letter-spacing:
        var(--gcg-ls-eyebrow);

    text-transform:
        uppercase;
}


/* =========================================================
   08. GENERIC SECTION TITLE SYSTEM
========================================================= */

.elementor-1469 .elementor-element.elementor-element-1209891
.gcg-home-section-title
.elementor-heading-title{
    margin:0;

    font-family:
        "Quicksand",
        system-ui,
        sans-serif;

    font-size:
        var(--gcg-fs-section-title) !important;

    line-height:
        1 !important;

    letter-spacing:
        var(--gcg-ls-title);

    font-weight:
        700;
}


/* =========================================================
   09. ACTUAL HOME SECTION H2 MAPPING

   Excludes:
   01 Hero
   02 Manifesto
   08 Closing

   because those are intentional display exceptions.
========================================================= */

.elementor-1469 .elementor-element.elementor-element-1209891
.gcg-home-worlds__title
.elementor-heading-title,

.elementor-1469 .elementor-element.elementor-element-1209891
.gcg-home-story__title
.elementor-heading-title,

.elementor-1469 .elementor-element.elementor-element-1209891
.gcg-home-select__title
.elementor-heading-title,

.elementor-1469 .elementor-element.elementor-element-1209891
.gcg-home-compare__title
.elementor-heading-title,

.elementor-1469 .elementor-element.elementor-element-1209891
.gcg-home-latest__title
.elementor-heading-title{

    font-size:
        var(--gcg-fs-section-title) !important;

    line-height:
        1 !important;

    letter-spacing:
        var(--gcg-ls-title) !important;
}


/* =========================================================
   10. PRIMARY SUPPORTING TEXT
   BODY LARGE

   This is the key V1.5 readability upgrade.

   DESKTOP = 17px
========================================================= */


/* 01 Hero */

.elementor-1469 .elementor-element.elementor-element-1209891 .gcg-home-hero__description,
.elementor-1469 .elementor-element.elementor-element-1209891 .gcg-home-hero__description p,


/* 02 Manifesto */

.elementor-1469 .elementor-element.elementor-element-1209891 .gcg-home-manifesto__copy,
.elementor-1469 .elementor-element.elementor-element-1209891 .gcg-home-manifesto__copy p,


/* 03 Worlds intro */

.elementor-1469 .elementor-element.elementor-element-1209891 .gcg-home-worlds__description,
.elementor-1469 .elementor-element.elementor-element-1209891 .gcg-home-worlds__description p,


/* 04 Story */

.elementor-1469 .elementor-element.elementor-element-1209891 .gcg-home-story__description,
.elementor-1469 .elementor-element.elementor-element-1209891 .gcg-home-story__description p,


/* 05 Select head */

.elementor-1469 .elementor-element.elementor-element-1209891 .gcg-home-select__description,
.elementor-1469 .elementor-element.elementor-element-1209891 .gcg-home-select__description p,


/* 06 Compare head */

.elementor-1469 .elementor-element.elementor-element-1209891 .gcg-home-compare__description,
.elementor-1469 .elementor-element.elementor-element-1209891 .gcg-home-compare__description p,


/* 07 Latest head */

.elementor-1469 .elementor-element.elementor-element-1209891 .gcg-home-latest__description,
.elementor-1469 .elementor-element.elementor-element-1209891 .gcg-home-latest__description p,


/* 08 Closing */

.elementor-1469 .elementor-element.elementor-element-1209891 .gcg-home-final__description,
.elementor-1469 .elementor-element.elementor-element-1209891 .gcg-home-final__description p{

    font-size:
        var(--gcg-fs-body-lg) !important;

    line-height:
        var(--gcg-lh-body-lg) !important;
}


/* =========================================================
   11. NORMAL BODY MAPPING
========================================================= */


/* Manifesto secondary quote if present */

.elementor-1469 .elementor-element.elementor-element-1209891 .gcg-home-manifesto__quote,
.elementor-1469 .elementor-element.elementor-element-1209891 .gcg-home-manifesto__quote p,


/* Compare main intro */

.elementor-1469 .elementor-element.elementor-element-1209891 .gcg-compare__intro{

    font-size:
        var(--gcg-fs-body) !important;

    line-height:
        var(--gcg-lh-body) !important;
}


/* =========================================================
   12. CARD / SECONDARY READING COPY
   BODY CARD

   DESKTOP = 15px

   This tier should still be comfortably readable,
   but visually secondary to section descriptions.
========================================================= */


/* Hero quote / visual annotation */

.elementor-1469 .elementor-element.elementor-element-1209891 .gcg-home-hero__quote,
.elementor-1469 .elementor-element.elementor-element-1209891 .gcg-home-hero__quote p,


/* Worlds */

.elementor-1469 .elementor-element.elementor-element-1209891 .gcg-home-worlds__card-copy,
.elementor-1469 .elementor-element.elementor-element-1209891 .gcg-home-worlds__card-copy p,


/* Home Select direct shortcode */

.elementor-1469 .elementor-element.elementor-element-1209891 .gcg-home-select-card__excerpt,


/* Compare option description */

.elementor-1469 .elementor-element.elementor-element-1209891 .gcg-compare__side-desc,


/* Latest featured excerpt */

.elementor-1469 .elementor-element.elementor-element-1209891 .gcg-latest-featured__excerpt,
.elementor-1469 .elementor-element.elementor-element-1209891 .gcg-latest-featured__excerpt p,
.elementor-1469 .elementor-element.elementor-element-1209891
.gcg-latest-featured__excerpt
.elementor-widget-container{

    font-size:
        var(--gcg-fs-body-card) !important;

    line-height:
        var(--gcg-lh-body-card) !important;
}


/* =========================================================
   13. HOME SELECT CARD TITLE

   Direct shortcode markup, therefore no Elementor
   .elementor-heading-title wrapper.
========================================================= */

.elementor-1469 .elementor-element.elementor-element-1209891 .gcg-home-select-card__title{
    font-size:
        var(--gcg-fs-card-title) !important;

    line-height:
        1.1 !important;

    letter-spacing:
        -.03em !important;
}


/* =========================================================
   14. LATEST FEATURE TITLE
========================================================= */

.elementor-1469 .elementor-element.elementor-element-1209891
.gcg-latest-featured__title
.elementor-heading-title{

    font-size:
        var(--gcg-fs-feature-title) !important;

    line-height:
        1.08 !important;

    letter-spacing:
        -.038em !important;
}


/* =========================================================
   15. COMPARE TYPOGRAPHY

   Keep metric/UI hierarchy smaller than reading copy.
========================================================= */


/* Option title */

.elementor-1469 .elementor-element.elementor-element-1209891
.gcg-compare__side-name{

    font-size:
        26px !important;

    line-height:
        1.14 !important;
}


/* Option supporting line */

.elementor-1469 .elementor-element.elementor-element-1209891
.gcg-compare__side-desc{

    font-size:
        var(--gcg-fs-body-card) !important;

    line-height:
        1.58 !important;
}


/* Metric labels remain UI-level */

.elementor-1469 .elementor-element.elementor-element-1209891
.gcg-compare__metric-label{

    font-size:
        13.5px !important;

    line-height:
        1.35 !important;
}


/* =========================================================
   16. TYPOGRAPHY UTILITIES
========================================================= */

.elementor-1469 .elementor-element.elementor-element-1209891 .gcg-text-lg,
.elementor-1469 .elementor-element.elementor-element-1209891 .gcg-text-lg p{
    font-size:
        var(--gcg-fs-body-lg) !important;

    line-height:
        var(--gcg-lh-body-lg) !important;
}


.elementor-1469 .elementor-element.elementor-element-1209891 .gcg-text,
.elementor-1469 .elementor-element.elementor-element-1209891 .gcg-text p{
    font-size:
        var(--gcg-fs-body) !important;

    line-height:
        var(--gcg-lh-body) !important;
}


.elementor-1469 .elementor-element.elementor-element-1209891 .gcg-text-card,
.elementor-1469 .elementor-element.elementor-element-1209891 .gcg-text-card p{
    font-size:
        var(--gcg-fs-body-card) !important;

    line-height:
        var(--gcg-lh-body-card) !important;
}


.elementor-1469 .elementor-element.elementor-element-1209891 .gcg-text-sm,
.elementor-1469 .elementor-element.elementor-element-1209891 .gcg-text-sm p{
    font-size:
        var(--gcg-fs-body-sm) !important;

    line-height:
        var(--gcg-lh-body-sm) !important;
}


.elementor-1469 .elementor-element.elementor-element-1209891 .gcg-meta{
    font-size:
        var(--gcg-fs-meta) !important;

    line-height:
        1.4 !important;
}


.elementor-1469 .elementor-element.elementor-element-1209891
.gcg-feature-title
.elementor-heading-title{

    font-size:
        var(--gcg-fs-feature-title) !important;

    line-height:
        1.08 !important;
}


.elementor-1469 .elementor-element.elementor-element-1209891
.gcg-card-title
.elementor-heading-title{

    font-size:
        var(--gcg-fs-card-title) !important;

    line-height:
        1.1 !important;
}


.elementor-1469 .elementor-element.elementor-element-1209891 .gcg-cta,
.elementor-1469 .elementor-element.elementor-element-1209891 .gcg-cta a{
    font-size:
        var(--gcg-fs-cta) !important;

    line-height:
        1.35 !important;
}


/* =========================================================
   17. MEDIA SAFETY
========================================================= */

.elementor-1469 .elementor-element.elementor-element-1209891 img,
.elementor-1469 .elementor-element.elementor-element-1209891 svg,
.elementor-1469 .elementor-element.elementor-element-1209891 video,
.elementor-1469 .elementor-element.elementor-element-1209891 iframe{
    max-width:100%;
}


/* =========================================================
   TABLET
   <= 900px
========================================================= */

@media(max-width:900px){

    .elementor-1469 .elementor-element.elementor-element-1209891{

        --gcg-fs-section-title:
            48px;


        --gcg-fs-feature-title:
            28px;


        --gcg-fs-card-title:
            23px;


        --gcg-fs-body-lg:
            16.5px;


        --gcg-fs-body:
            16px;


        --gcg-fs-body-card:
            15px;


        --gcg-fs-body-sm:
            14.5px;


        --gcg-fs-meta:
            11.5px;


        --gcg-fs-eyebrow:
            10.5px;


        --gcg-fs-cta:
            14px;
    }


    .elementor-1469 .elementor-element.elementor-element-1209891 .gcg-home-inner{
        width:
            calc(100% - 48px) !important;

        max-width:none !important;
    }


    /* -----------------------------------------------------
       SECTION H2
    ----------------------------------------------------- */

    .elementor-1469 .elementor-element.elementor-element-1209891
    .gcg-home-worlds__title
    .elementor-heading-title,

    .elementor-1469 .elementor-element.elementor-element-1209891
    .gcg-home-story__title
    .elementor-heading-title,

    .elementor-1469 .elementor-element.elementor-element-1209891
    .gcg-home-select__title
    .elementor-heading-title,

    .elementor-1469 .elementor-element.elementor-element-1209891
    .gcg-home-compare__title
    .elementor-heading-title,

    .elementor-1469 .elementor-element.elementor-element-1209891
    .gcg-home-latest__title
    .elementor-heading-title{

        font-size:
            var(--gcg-fs-section-title) !important;
    }


    /* -----------------------------------------------------
       COMPARE
    ----------------------------------------------------- */

    .elementor-1469 .elementor-element.elementor-element-1209891
    .gcg-compare__side-name{

        font-size:
            24px !important;
    }


    .elementor-1469 .elementor-element.elementor-element-1209891
    .gcg-compare__metric-label{

        font-size:
            13px !important;
    }

}


/* =========================================================
   MOBILE
   <= 560px
========================================================= */

@media(max-width:560px){

    .elementor-1469 .elementor-element.elementor-element-1209891{

        /* -------------------------------------------------
           MOBILE PRINCIPLE:
           reduce hierarchy,
           NOT readability.
        ------------------------------------------------- */

        --gcg-fs-section-title:
            40px;


        --gcg-fs-feature-title:
            27px;


        --gcg-fs-card-title:
            22px;


        --gcg-fs-body-lg:
            16px;


        --gcg-fs-body:
            15.5px;


        --gcg-fs-body-card:
            15px;


        --gcg-fs-body-sm:
            14.5px;


        --gcg-fs-meta:
            11px;


        --gcg-fs-eyebrow:
            10.5px;


        --gcg-fs-cta:
            13.5px;
    }


    .elementor-1469 .elementor-element.elementor-element-1209891 .gcg-home-inner{
        width:
            calc(100% - 28px) !important;

        max-width:none !important;
    }


    .elementor-1469 .elementor-element.elementor-element-1209891 p{
        font-size:
            var(--gcg-fs-body) !important;

        line-height:
            var(--gcg-lh-body) !important;
    }


    /* -----------------------------------------------------
       SECTION H2
    ----------------------------------------------------- */

    .elementor-1469 .elementor-element.elementor-element-1209891
    .gcg-home-worlds__title
    .elementor-heading-title,

    .elementor-1469 .elementor-element.elementor-element-1209891
    .gcg-home-story__title
    .elementor-heading-title,

    .elementor-1469 .elementor-element.elementor-element-1209891
    .gcg-home-select__title
    .elementor-heading-title,

    .elementor-1469 .elementor-element.elementor-element-1209891
    .gcg-home-compare__title
    .elementor-heading-title,

    .elementor-1469 .elementor-element.elementor-element-1209891
    .gcg-home-latest__title
    .elementor-heading-title{

        font-size:
            var(--gcg-fs-section-title) !important;

        line-height:
            1.05 !important;
    }


    /* -----------------------------------------------------
       COMPARE MOBILE
    ----------------------------------------------------- */

    .elementor-1469 .elementor-element.elementor-element-1209891
    .gcg-compare__side-name{

        font-size:
            23px !important;
    }


    .elementor-1469 .elementor-element.elementor-element-1209891
    .gcg-compare__side-desc{

        font-size:
            var(--gcg-fs-body-card) !important;
    }


    .elementor-1469 .elementor-element.elementor-element-1209891
    .gcg-compare__metric-label{

        font-size:
            13px !important;
    }

}


/* =========================================================
   SMALL MOBILE
   <= 380px
========================================================= */

@media(max-width:380px){

    .elementor-1469 .elementor-element.elementor-element-1209891{

        --gcg-fs-section-title:
            37px;


        --gcg-fs-feature-title:
            26px;


        --gcg-fs-card-title:
            21px;


        --gcg-fs-body-lg:
            15.5px;


        --gcg-fs-body:
            15.5px;


        --gcg-fs-body-card:
            14.5px;
    }


    .elementor-1469 .elementor-element.elementor-element-1209891 .gcg-home-inner{
        width:
            calc(100% - 24px) !important;
    }

}/* End custom CSS */