.elementor-156 .elementor-element.elementor-element-3cda73d{--display:flex;--min-height:1200px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--overlay-opacity:0.5;border-style:solid;--border-style:solid;border-width:0px 0px 2px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:2px;--border-left-width:0px;border-color:#DDB156;--border-color:#DDB156;--padding-top:70px;--padding-bottom:70px;--padding-left:0px;--padding-right:0px;}.elementor-156 .elementor-element.elementor-element-3cda73d:not(.elementor-motion-effects-element-type-background), .elementor-156 .elementor-element.elementor-element-3cda73d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://bookpublish.online/antonis/wp-content/uploads/2026/09/b2cf8e26-78e8-4033-b39f-bde50b77fb90.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-156 .elementor-element.elementor-element-3cda73d::before, .elementor-156 .elementor-element.elementor-element-3cda73d > .elementor-background-video-container::before, .elementor-156 .elementor-element.elementor-element-3cda73d > .e-con-inner > .elementor-background-video-container::before, .elementor-156 .elementor-element.elementor-element-3cda73d > .elementor-background-slideshow::before, .elementor-156 .elementor-element.elementor-element-3cda73d > .e-con-inner > .elementor-background-slideshow::before, .elementor-156 .elementor-element.elementor-element-3cda73d > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-156 .elementor-element.elementor-element-c193172{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-156 .elementor-element.elementor-element-c193172.e-con{--align-self:center;}.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-156 .elementor-element.elementor-element-3d6b2cd{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-156 .elementor-element.elementor-element-86d6f92{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--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-156 .elementor-element.elementor-element-d314ce1{--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-156 .elementor-element.elementor-element-8400c18{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--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-156 .elementor-element.elementor-element-54f8112{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;}.elementor-156 .elementor-element.elementor-element-54f8112:not(.elementor-motion-effects-element-type-background), .elementor-156 .elementor-element.elementor-element-54f8112 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#080808;}.elementor-156 .elementor-element.elementor-element-5d0b099{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-156 .elementor-element.elementor-element-76a381d .elementor-icon-wrapper{text-align:start;}.elementor-156 .elementor-element.elementor-element-76a381d.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-156 .elementor-element.elementor-element-76a381d.elementor-view-framed .elementor-icon, .elementor-156 .elementor-element.elementor-element-76a381d.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-156 .elementor-element.elementor-element-76a381d.elementor-view-framed .elementor-icon, .elementor-156 .elementor-element.elementor-element-76a381d.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-156 .elementor-element.elementor-element-76a381d .elementor-icon{font-size:41px;}.elementor-156 .elementor-element.elementor-element-76a381d .elementor-icon svg{height:41px;}.elementor-156 .elementor-element.elementor-element-5f65132{width:var( --container-widget-width, 83% );max-width:83%;--container-widget-width:83%;--container-widget-flex-grow:0;border-style:none;text-align:start;}.elementor-156 .elementor-element.elementor-element-5f65132 .elementor-heading-title{font-family:"Great Vibes", Sans-serif;font-size:30px;font-weight:400;line-height:1.3em;letter-spacing:3.7px;color:#FFFFFF;}.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-156 .elementor-element.elementor-element-3b03d5e{width:var( --container-widget-width, 94% );max-width:94%;--container-widget-width:94%;--container-widget-flex-grow:0;font-family:"Lora", Sans-serif;font-size:25px;font-weight:600;font-style:italic;color:#FFFFFF;}.elementor-156 .elementor-element.elementor-element-4f60854{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-widget-form .elementor-field-group > label, .elementor-widget-form .elementor-field-subgroup label{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group > label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-type-html{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-widget-form .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-button[type="submit"]{background-color:var( --e-global-color-accent );}.elementor-widget-form .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-message{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form{--e-form-steps-indicator-inactive-primary-color:var( --e-global-color-text );--e-form-steps-indicator-active-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-completed-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-background-color:var( --e-global-color-text );--e-form-steps-indicator-progress-meter-color:var( --e-global-color-text );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-156 .elementor-element.elementor-element-fd76650 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-156 .elementor-element.elementor-element-fd76650 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-156 .elementor-element.elementor-element-fd76650 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-156 .elementor-element.elementor-element-fd76650 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-156 .elementor-element.elementor-element-fd76650 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-156 .elementor-element.elementor-element-fd76650 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-156 .elementor-element.elementor-element-fd76650 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-156 .elementor-element.elementor-element-fd76650 .elementor-field-type-html{padding-bottom:0px;}.elementor-156 .elementor-element.elementor-element-fd76650 .elementor-field-group:not(.elementor-field-type-upload) .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;border-color:#C52766;border-width:0px 0px 0px 0px;}.elementor-156 .elementor-element.elementor-element-fd76650 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;border-color:#C52766;border-width:0px 0px 0px 0px;}.elementor-156 .elementor-element.elementor-element-fd76650 .elementor-field-group .elementor-select-wrapper::before{color:#C52766;}.elementor-156 .elementor-element.elementor-element-fd76650 .e-form__buttons__wrapper__button-next{background-color:#000000;color:#ffffff;}.elementor-156 .elementor-element.elementor-element-fd76650 .elementor-button[type="submit"]{background-color:#000000;color:#ffffff;}.elementor-156 .elementor-element.elementor-element-fd76650 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-156 .elementor-element.elementor-element-fd76650 .e-form__buttons__wrapper__button-previous{background-color:#8BA094;color:#ffffff;}.elementor-156 .elementor-element.elementor-element-fd76650 .e-form__buttons__wrapper__button-next:hover{background-color:#FFFFFF;color:#000000;}.elementor-156 .elementor-element.elementor-element-fd76650 .elementor-button[type="submit"]:hover{background-color:#FFFFFF;color:#000000;}.elementor-156 .elementor-element.elementor-element-fd76650 .elementor-button[type="submit"]:hover svg *{fill:#000000;}.elementor-156 .elementor-element.elementor-element-fd76650 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-156 .elementor-element.elementor-element-fd76650{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-156 .elementor-element.elementor-element-3cda73d{--content-width:1400px;}.elementor-156 .elementor-element.elementor-element-c193172{--width:50%;}.elementor-156 .elementor-element.elementor-element-3d6b2cd{--width:50%;}.elementor-156 .elementor-element.elementor-element-54f8112{--content-width:1400px;}.elementor-156 .elementor-element.elementor-element-5d0b099{--width:50%;}.elementor-156 .elementor-element.elementor-element-4f60854{--width:50%;}}/* Start custom CSS for heading, class: .elementor-element-94b5dcb *//* =========================================================
   ANTONIS ANTONIOU
   TREE WITH SHALLOW ROOTS HERO COPY
========================================================= */

.antonis-hero-copy {
    --antonis-cream: #f7f2e8;
    --antonis-soft: #d3cec4;
    --antonis-gold: #d8aa4e;
    --antonis-gold-light: #f0cf7b;
    --antonis-gold-dark: #a87827;
    --antonis-navy: #07121b;

    width: 100%;
    max-width: 760px;

    position: relative;
    z-index: 2;

    color: var(--antonis-cream);

    padding: 20px 0;
}


/* =========================================================
   SMALL TOP LABEL
========================================================= */

.antonis-hero-kicker {
    display: flex;
    align-items: center;
    flex-wrap: wrap;

    gap: 9px 12px;

    margin-bottom: 22px;

    font-family: "Montserrat", "Inter", Arial, sans-serif;

    text-transform: uppercase;
}

.antonis-hero-kicker span {
    display: inline-flex;
    align-items: center;

    padding: 7px 11px;

    border: 1px solid rgba(216,170,78,.40);
    border-radius: 2px;

    background: rgba(216,170,78,.08);

    color: var(--antonis-gold-light);

    font-size: 10px;
    font-weight: 700;

    letter-spacing: .18em;

    white-space: nowrap;
}

.antonis-hero-kicker strong {
    color: rgba(247,242,232,.78);

    font-size: 11px;
    font-weight: 500;

    letter-spacing: .13em;

    line-height: 1.5;
}


/* =========================================================
   MAIN TITLE
========================================================= */

.antonis-hero-title {
    margin: 0;

    font-family:
        "Cormorant Garamond",
        "Playfair Display",
        Georgia,
        serif;

    font-size: clamp(48px, 5.5vw, 82px);

    font-weight: 500;

    line-height: .96;

    letter-spacing: -0.035em;
}

.antonis-hero-title span {
    display: block;
}

.antonis-hero-title .title-light {
    color: var(--antonis-cream);

    text-shadow:
        0 3px 25px rgba(0,0,0,.35);
}

.antonis-hero-title .title-gold {
    margin-top: 8px;

    background:
        linear-gradient(
            100deg,
            #f4d98e 0%,
            #d7aa4d 42%,
            #f0cb75 70%,
            #ae792a 100%
        );

    -webkit-background-clip: text;
    background-clip: text;

    -webkit-text-fill-color: transparent;

    filter:
        drop-shadow(0 4px 18px rgba(216,170,78,.15));
}


/* =========================================================
   GOLD DIVIDER
========================================================= */

.antonis-title-line {
    position: relative;

    width: 125px;
    height: 1px;

    margin: 27px 0 25px;

    background:
        linear-gradient(
            90deg,
            var(--antonis-gold),
            rgba(216,170,78,.15),
            transparent
        );
}

.antonis-title-line::before {
    content: "";

    position: absolute;

    left: 0;
    top: 50%;

    width: 6px;
    height: 6px;

    transform:
        translateY(-50%)
        rotate(45deg);

    background: var(--antonis-gold-light);

    box-shadow:
        0 0 12px rgba(216,170,78,.4);
}


/* =========================================================
   HERO HOOK
========================================================= */

.antonis-hero-hook {
    max-width: 660px;

    margin: 0 0 19px;

    color: #f5efe4;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif;

    font-size: clamp(22px, 2.3vw, 31px);

    font-weight: 500;

    line-height: 1.25;

    letter-spacing: -.01em;
}

.antonis-hero-hook span {
    color: var(--antonis-gold-light);

    font-style: italic;
}


/* =========================================================
   DESCRIPTION
========================================================= */

.antonis-hero-description {
    max-width: 650px;

    margin: 0;

    color: rgba(247,242,232,.76);

    font-family:
        "Inter",
        "Montserrat",
        Arial,
        sans-serif;

    font-size: 15px;

    font-weight: 400;

    line-height: 1.8;

    letter-spacing: .005em;
}

.antonis-hero-description strong {
    color: var(--antonis-gold-light);

    font-weight: 600;
}


/* =========================================================
   BUTTON ROW
========================================================= */

.antonis-hero-buttons {
    display: flex;
    align-items: center;
    flex-wrap: wrap;

    gap: 13px;

    margin-top: 31px;
}


/* Common button */

.antonis-btn {
    position: relative;

    min-height: 50px;

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

    gap: 14px;

    padding: 0 22px;

    overflow: hidden;

    text-decoration: none !important;

    font-family:
        "Montserrat",
        "Inter",
        Arial,
        sans-serif;

    font-size: 10.5px;

    font-weight: 700;

    letter-spacing: .11em;

    text-transform: uppercase;

    transition:
        transform .3s ease,
        box-shadow .3s ease,
        background .3s ease,
        border-color .3s ease;
}

.antonis-btn span,
.antonis-btn svg {
    position: relative;
    z-index: 2;
}

.antonis-btn svg {
    width: 17px;
    height: 17px;

    fill: none;

    stroke: currentColor;
    stroke-width: 1.7;

    stroke-linecap: round;
    stroke-linejoin: round;

    transition: transform .3s ease;
}

.antonis-btn:hover svg {
    transform: translateX(4px);
}


/* =========================================================
   PRIMARY BUTTON
========================================================= */

.antonis-btn-primary {
    border: 1px solid #e2b95e;

    color: #10100d !important;

    background:
        linear-gradient(
            135deg,
            #f0cd77 0%,
            #d2a149 52%,
            #b47e29 100%
        );

    box-shadow:
        0 10px 30px rgba(0,0,0,.22),
        inset 0 1px 0 rgba(255,255,255,.35);
}


/* shine */

.antonis-btn-primary::before {
    content: "";

    position: absolute;

    top: -80%;
    left: -65%;

    width: 35%;
    height: 260%;

    transform: rotate(22deg);

    background:
        rgba(255,255,255,.25);

    transition: left .6s ease;
}

.antonis-btn-primary:hover {
    transform: translateY(-3px);

    box-shadow:
        0 15px 35px rgba(0,0,0,.3),
        0 0 25px rgba(216,170,78,.15);
}

.antonis-btn-primary:hover::before {
    left: 135%;
}


/* =========================================================
   SECONDARY BUTTON
========================================================= */

.antonis-btn-secondary {
    border:
        1px solid rgba(247,242,232,.24);

    color:
        var(--antonis-cream) !important;

    background:
        rgba(7,18,27,.34);

    backdrop-filter: blur(10px);

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

.antonis-btn-secondary:hover {
    transform:
        translateY(-3px);

    color:
        var(--antonis-gold-light) !important;

    border-color:
        rgba(216,170,78,.65);

    background:
        rgba(216,170,78,.08);
}


/* =========================================================
   SMALL BOTTOM LABEL
========================================================= */

.antonis-hero-bottom-note {
    display: flex;
    align-items: center;

    gap: 11px;

    margin-top: 27px;

    color:
        rgba(247,242,232,.48);

    font-family:
        "Montserrat",
        "Inter",
        sans-serif;

    font-size:
        9.5px;

    font-weight:
        500;

    letter-spacing:
        .12em;

    text-transform:
        uppercase;
}

.antonis-hero-bottom-note .note-line {
    display: block;

    width: 28px;
    height: 1px;

    background:
        var(--antonis-gold);
}


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

@media (max-width: 1024px) {

    .antonis-hero-copy {
        max-width: 650px;
    }

    .antonis-hero-title {
        font-size: clamp(48px, 7vw, 68px);
    }

    .antonis-hero-description {
        max-width: 590px;
    }

}


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

@media (max-width: 767px) {

    .antonis-hero-copy {
        max-width: 100%;

        padding: 10px 0;
    }

    .antonis-hero-kicker {
        margin-bottom: 18px;

        gap: 8px;
    }

    .antonis-hero-kicker span {
        padding: 6px 9px;

        font-size: 8.5px;

        letter-spacing: .14em;
    }

    .antonis-hero-kicker strong {
        width: 100%;

        font-size: 9px;

        letter-spacing: .10em;
    }


    /* Headline */

    .antonis-hero-title {
        font-size:
            clamp(42px, 13vw, 58px);

        line-height:
            .98;
    }

    .antonis-hero-title .title-gold {
        margin-top: 5px;
    }


    .antonis-title-line {
        width: 95px;

        margin:
            22px 0 20px;
    }


    /* Hook */

    .antonis-hero-hook {
        font-size:
            22px;

        line-height:
            1.28;
    }


    /* paragraph */

    .antonis-hero-description {
        font-size:
            14px;

        line-height:
            1.7;
    }


    /* Buttons */

    .antonis-hero-buttons {
        width:
            100%;

        flex-direction:
            column;

        align-items:
            stretch;

        gap:
            10px;

        margin-top:
            25px;
    }

    .antonis-btn {
        width:
            100%;

        min-height:
            49px;

        padding:
            0 18px;
    }


    .antonis-hero-bottom-note {
        margin-top:
            22px;

        font-size:
            8.5px;

        line-height:
            1.5;
    }

}


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

@media (max-width: 400px) {

    .antonis-hero-title {
        font-size:
            39px;
    }

    .antonis-hero-hook {
        font-size:
            20px;
    }

    .antonis-hero-description {
        font-size:
            13.5px;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-667c607 *//* =========================================================
   INSIDE THE STORY
   Same visual style as reference

   FONT SYSTEM:
   Heading = Cormorant Garamond
   UI / body = Inter
========================================================= */

.aa-inside-story {

    --story-bg: #07131b;
    --story-bg-soft: #0b1b24;

    --story-gold: #c89a4e;
    --story-gold-light: #e3bd78;

    --story-cream: #f4ede3;
    --story-muted: #aaa89f;

    position: relative;

    padding: 34px 0 0;

    overflow: hidden;

    background:
        radial-gradient(
            circle at 50% 0%,
            rgba(200,154,78,.055),
            transparent 35%
        ),
        linear-gradient(
            180deg,
            #08141d 0%,
            #061118 100%
        );

    font-family: "Inter", Arial, sans-serif;
}


/* subtle bottom mountain atmosphere */

.aa-inside-story::after {

    content: "";

    position: absolute;

    left: 0;
    right: 0;
    bottom: 0;

    height: 105px;

    opacity: .15;

    background:
        linear-gradient(
            150deg,
            transparent 0 35%,
            rgba(35,58,66,.8) 36% 55%,
            rgba(19,39,48,.9) 56%
        );

    clip-path: polygon(
        0 65%,
        11% 48%,
        25% 66%,
        38% 38%,
        52% 60%,
        67% 35%,
        82% 61%,
        100% 42%,
        100% 100%,
        0 100%
    );

    pointer-events: none;
}


.aa-story-wrap {

    width: min(1180px, calc(100% - 40px));

    margin: auto;

    position: relative;

    z-index: 2;
}


/* =========================================================
   TITLE
========================================================= */

.aa-story-heading,
.aa-journey-heading {

    display: grid;

    grid-template-columns:
        minmax(30px, 90px)
        auto
        minmax(30px, 90px);

    gap: 14px;

    align-items: center;

    justify-content: center;

    width: fit-content;

    max-width: 100%;

    margin: 0 auto;
}


.aa-story-heading span,
.aa-journey-heading span {

    display: block;

    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(200,154,78,.75)
        );
}


.aa-story-heading span:last-child,
.aa-journey-heading span:last-child {

    transform: rotate(180deg);
}


.aa-story-heading h2,
.aa-journey-heading h2 {

    margin: 0;

    color: var(--story-cream);

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif;

    font-size: 29px;

    font-weight: 500;

    line-height: 1;

    letter-spacing: .02em;

    text-transform: uppercase;

    white-space: nowrap;
}


/* small gold ornament below heading */

.aa-story-heading h2::after,
.aa-journey-heading h2::after {

    content: "";

    display: block;

    width: 35px;
    height: 1px;

    margin: 8px auto 0;

    background: var(--story-gold);
}


/* =========================================================
   CARD GRID
========================================================= */

.aa-story-grid {

    display: grid;

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

    gap: 18px;

    margin-top: 26px;
}


/* =========================================================
   INDIVIDUAL CARD
========================================================= */

.aa-story-card {

    min-height: 105px;

    position: relative;

    display: grid;

    grid-template-columns:
        64px 1fr;

    gap: 15px;

    align-items: center;

    padding: 18px 19px;

    overflow: hidden;

    border:
        1px solid rgba(200,154,78,.28);

    border-radius: 2px;

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.025),
            rgba(255,255,255,.005)
        );

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.02);

    transition:
        transform .3s ease,
        border-color .3s ease,
        background .3s ease,
        box-shadow .3s ease;
}


/* subtle corner glow */

.aa-story-card::before {

    content: "";

    position: absolute;

    width: 90px;
    height: 90px;

    left: -50px;
    top: -50px;

    border-radius: 50%;

    background:
        rgba(200,154,78,.08);

    filter: blur(18px);

    opacity: 0;

    transition: opacity .3s ease;
}


.aa-story-card:hover {

    transform:
        translateY(-5px);

    border-color:
        rgba(227,189,120,.60);

    background:
        linear-gradient(
            135deg,
            rgba(200,154,78,.075),
            rgba(255,255,255,.015)
        );

    box-shadow:
        0 16px 35px rgba(0,0,0,.22);
}


.aa-story-card:hover::before {

    opacity: 1;
}


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

.aa-story-icon {

    width: 58px;
    height: 58px;

    display: grid;

    place-items: center;

    border-right:
        1px solid rgba(200,154,78,.13);
}


.aa-story-icon svg {

    width: 41px;
    height: 41px;

    fill: none;

    stroke: var(--story-gold);

    stroke-width: 1.5;

    stroke-linecap: round;
    stroke-linejoin: round;

    filter:
        drop-shadow(
            0 0 6px rgba(200,154,78,.12)
        );

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


.aa-story-card:hover
.aa-story-icon svg {

    stroke:
        var(--story-gold-light);

    transform:
        scale(1.07);
}


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

.aa-story-copy {

    min-width: 0;
}


.aa-story-copy h3 {

    margin:
        0 0 6px;

    color:
        var(--story-gold-light);

    font-family:
        "Inter",
        Arial,
        sans-serif;

    font-size:
        10px;

    font-weight:
        700;

    line-height:
        1.25;

    letter-spacing:
        .07em;

    text-transform:
        uppercase;
}


.aa-story-copy p {

    margin: 0;

    color:
        rgba(244,237,227,.66);

    font-family:
        "Inter",
        Arial,
        sans-serif;

    font-size:
        9.5px;

    font-weight:
        400;

    line-height:
        1.5;
}


/* =========================================================
   ANTONIS JOURNEY TITLE
========================================================= */

.aa-journey-heading {

    position: relative;

    z-index: 3;

    margin-top: 29px;

    padding-bottom: 18px;
}


.aa-journey-heading h2 {

    font-size: 27px;

    text-transform: none;
}


/* =========================================================
   LARGE DESKTOP
========================================================= */

@media (min-width: 1200px) {

    .aa-story-card {

        min-height: 110px;

        padding:
            18px 21px;
    }


    .aa-story-copy p {

        font-size:
            10px;
    }

}


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

@media (max-width: 1024px) {

    .aa-story-grid {

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

        gap:
            14px;
    }


    .aa-story-card {

        min-height:
            110px;
    }


    .aa-story-heading h2 {

        font-size:
            27px;
    }

}


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

@media (max-width: 767px) {

    .aa-inside-story {

        padding-top:
            45px;
    }


    .aa-story-wrap {

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


    .aa-story-heading,
    .aa-journey-heading {

        grid-template-columns:
            30px auto 30px;

        gap:
            10px;
    }


    .aa-story-heading h2,
    .aa-journey-heading h2 {

        font-size:
            24px;

        white-space:
            normal;

        text-align:
            center;
    }


    .aa-story-grid {

        grid-template-columns:
            1fr;

        gap:
            11px;

        margin-top:
            23px;
    }


    .aa-story-card {

        min-height:
            95px;

        grid-template-columns:
            55px 1fr;

        gap:
            14px;

        padding:
            15px 16px;
    }


    .aa-story-icon {

        width:
            50px;

        height:
            50px;
    }


    .aa-story-icon svg {

        width:
            35px;

        height:
            35px;
    }


    .aa-story-copy h3 {

        font-size:
            10px;
    }


    .aa-story-copy p {

        font-size:
            9.5px;
    }


    .aa-journey-heading {

        margin-top:
            27px;
    }

}


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

@media (max-width: 390px) {

    .aa-story-heading h2,
    .aa-journey-heading h2 {

        font-size:
            21px;
    }


    .aa-story-card {

        grid-template-columns:
            48px 1fr;

        padding:
            14px;
    }


    .aa-story-icon {

        width:
            44px;
    }


    .aa-story-icon svg {

        width:
            31px;

        height:
            31px;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7066285 *//* =========================================================
   ROOTS OF THE STORY
   DARK IMMERSIVE STORY WORLD

   FONT SYSTEM:
   Cormorant Garamond = headings
   Inter = everything else
========================================================= */

.roots-world {

    --rw-night: #061018;
    --rw-night-2: #0a1922;
    --rw-night-3: #102631;

    --rw-gold: #c89a4e;
    --rw-gold-light: #e5c17d;

    --rw-cream: #f7efe3;
    --rw-muted: #aaa79e;

    --rw-rust: #914526;

    position: relative;

    padding: 115px 0 95px;

    overflow: hidden;

    color: var(--rw-cream);

    background:
        radial-gradient(
            circle at 13% 20%,
            rgba(200,154,78,.10),
            transparent 25%
        ),
        radial-gradient(
            circle at 87% 82%,
            rgba(145,69,38,.08),
            transparent 27%
        ),
        linear-gradient(
            155deg,
            #050d13 0%,
            #081720 52%,
            #061017 100%
        );

    font-family:
        "Inter",
        Arial,
        sans-serif;
}


/* subtle stars */

.roots-world::before {

    content: "";

    position: absolute;

    inset: 0;

    opacity: .15;

    background-image:
        radial-gradient(
            rgba(255,255,255,.65) .7px,
            transparent .8px
        );

    background-size:
        38px 38px;

    pointer-events: none;
}


/* huge background word */

.roots-world::after {

    content: "CYPRUS";

    position: absolute;

    right: -55px;
    top: 250px;

    color:
        rgba(255,255,255,.018);

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif;

    font-size:
        210px;

    font-weight:
        600;

    letter-spacing:
        -.05em;

    transform:
        rotate(90deg);

    pointer-events: none;
}


.rw-wrap {

    width:
        min(1180px, calc(100% - 40px));

    margin:
        auto;

    position:
        relative;

    z-index:
        3;
}


/* =========================================================
   INTRO
========================================================= */

.rw-intro {

    max-width:
        850px;

    margin:
        0 auto 68px;

    text-align:
        center;
}


.rw-kicker {

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    gap:
        13px;

    color:
        var(--rw-gold);

    font-size:
        8px;

    font-weight:
        700;

    letter-spacing:
        .22em;

    text-transform:
        uppercase;
}


.rw-kicker span {

    width:
        40px;

    height:
        1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            var(--rw-gold)
        );
}


.rw-kicker span:last-child {

    transform:
        rotate(180deg);
}


.rw-intro h2 {

    margin:
        17px 0 20px;

    color:
        #fff8ef;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif;

    font-size:
        clamp(49px, 5.7vw, 77px);

    font-weight:
        500;

    line-height:
        .94;

    letter-spacing:
        -.04em;
}


.rw-intro h2 em {

    display:
        block;

    margin-top:
        6px;

    color:
        var(--rw-gold-light);

    font-weight:
        500;
}


.rw-intro p {

    max-width:
        660px;

    margin:
        auto;

    color:
        rgba(247,239,227,.63);

    font-size:
        13px;

    line-height:
        1.8;
}


/* =========================================================
   MAIN WORLD GRID
========================================================= */

.rw-world-grid {

    display:
        grid;

    grid-template-columns:
        1.25fr .9fr .9fr;

    gap:
        18px;
}


.rw-world-card {

    min-height:
        520px;

    position:
        relative;

    display:
        flex;

    flex-direction:
        column;

    overflow:
        hidden;

    border:
        1px solid rgba(200,154,78,.19);

    background:
        rgba(255,255,255,.018);

    transition:
        transform .4s ease,
        border-color .4s ease,
        box-shadow .4s ease;
}


.rw-world-card:hover {

    transform:
        translateY(-8px);

    border-color:
        rgba(229,193,125,.45);

    box-shadow:
        0 28px 55px rgba(0,0,0,.3);
}


/* card number */

.rw-card-number {

    position:
        absolute;

    top:
        17px;
    right:
        18px;

    z-index:
        9;

    color:
        rgba(255,255,255,.36);

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif;

    font-size:
        24px;
}


/* =========================================================
   VISUAL AREA
========================================================= */

.rw-scene {

    height:
        290px;

    position:
        relative;

    overflow:
        hidden;
}


/* =========================================================
   TROODOS FOREST
========================================================= */

.rw-forest-scene {

    background:
        radial-gradient(
            circle at 76% 22%,
            rgba(218,184,120,.19),
            transparent 22%
        ),
        linear-gradient(
            180deg,
            #0b1c27,
            #08131a
        );
}


.rw-moon {

    position:
        absolute;

    width:
        52px;

    height:
        52px;

    right:
        65px;

    top:
        40px;

    border-radius:
        50%;

    background:
        rgba(235,216,177,.82);

    box-shadow:
        0 0 50px rgba(230,199,135,.2);
}


.rw-pines {

    position:
        absolute;

    width:
        110%;

    height:
        100%;

    left:
        -5%;

    bottom:
        0;
}


.rw-pines path {

    fill:
        none;

    stroke:
        #02080c;

    stroke-width:
        45;

    stroke-linejoin:
        round;
}


/* =========================================================
   PANO FORNO
========================================================= */

.rw-village-scene {

    background:
        linear-gradient(
            180deg,
            #18252a 0%,
            #6d3b23 55%,
            #1d1410 100%
        );
}


.rw-village-sky {

    position:
        absolute;

    width:
        260px;

    height:
        110px;

    right:
        -50px;

    top:
        40px;

    border-radius:
        50%;

    background:
        rgba(209,142,73,.25);

    filter:
        blur(35px);
}


.rw-village {

    position:
        absolute;

    width:
        100%;

    height:
        100%;

    bottom:
        0;
}


.rw-village .hill {

    stroke:
        none;
}


.rw-village .back {

    fill:
        rgba(9,19,23,.55);
}


.rw-village .front {

    fill:
        rgba(5,13,17,.9);
}


.rw-village .houses {

    fill:
        #130e0b;

    stroke:
        rgba(213,162,81,.7);

    stroke-width:
        .8;
}


/* tiny warm village lights */

.rw-window-light {

    position:
        absolute;

    width:
        6px;

    height:
        6px;

    border-radius:
        50%;

    background:
        #ffc770;

    box-shadow:
        0 0 15px #d48d38;
}


.light-1 {

    left:
        43%;

    bottom:
        63px;
}


.light-2 {

    left:
        54%;

    bottom:
        50px;
}


.light-3 {

    left:
        67%;

    bottom:
        70px;
}


/* =========================================================
   FAITH / FOLKLORE
========================================================= */

.rw-faith-scene {

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    background:
        radial-gradient(
            circle at 50% 65%,
            rgba(174,85,42,.25),
            transparent 34%
        ),
        linear-gradient(
            180deg,
            #09131a,
            #160e0b
        );
}


.rw-candle-glow {

    position:
        absolute;

    width:
        180px;

    height:
        180px;

    border-radius:
        50%;

    background:
        rgba(216,143,65,.17);

    filter:
        blur(25px);
}


.rw-cross {

    width:
        90px;

    position:
        relative;

    z-index:
        2;

    fill:
        none;

    stroke:
        var(--rw-gold);

    stroke-width:
        2;

    filter:
        drop-shadow(
            0 0 10px rgba(200,154,78,.22)
        );
}


.rw-stars {

    position:
        absolute;

    inset:
        0;

    opacity:
        .28;

    background-image:
        radial-gradient(
            rgba(255,239,200,.9) 1px,
            transparent 1.2px
        );

    background-size:
        31px 31px;
}


/* common scene fade */

.rw-scene-fade {

    position:
        absolute;

    inset:
        auto 0 0;

    height:
        100px;

    background:
        linear-gradient(
            transparent,
            #08131a
        );
}


/* =========================================================
   CARD COPY
========================================================= */

.rw-card-copy {

    flex:
        1;

    position:
        relative;

    z-index:
        5;

    padding:
        28px 27px 31px;
}


.rw-card-copy > span {

    color:
        var(--rw-gold);

    font-size:
        7px;

    font-weight:
        700;

    letter-spacing:
        .20em;

    text-transform:
        uppercase;
}


.rw-card-copy h3 {

    margin:
        8px 0 13px;

    color:
        #fff8ee;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif;

    font-size:
        35px;

    font-weight:
        500;

    line-height:
        .95;
}


.rw-card-copy h3 em {

    display:
        block;

    color:
        var(--rw-gold-light);

    font-weight:
        500;
}


.rw-card-copy p {

    margin:
        0;

    color:
        rgba(247,239,227,.58);

    font-size:
        11px;

    line-height:
        1.75;
}


/* =========================================================
   LOWER STORY LAYER
========================================================= */

.rw-story-layer {

    margin-top:
        80px;

    padding:
        50px 0 0;

    border-top:
        1px solid rgba(200,154,78,.17);
}


.rw-story-heading {

    display:
        grid;

    grid-template-columns:
        .75fr 1.25fr;

    gap:
        50px;

    align-items:
        end;

    margin-bottom:
        35px;
}


.rw-story-heading > span {

    color:
        var(--rw-gold);

    font-size:
        7px;

    font-weight:
        700;

    letter-spacing:
        .2em;
}


.rw-story-heading h3 {

    margin:
        0;

    color:
        #fff6ea;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif;

    font-size:
        43px;

    font-weight:
        500;

    line-height:
        .95;
}


.rw-story-heading h3 em {

    color:
        var(--rw-gold-light);

    font-weight:
        500;
}


/* story points */

.rw-story-points {

    display:
        grid;

    grid-template-columns:
        repeat(4,1fr);

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

    border-left:
        1px solid rgba(255,255,255,.09);
}


.rw-story-points article {

    min-height:
        230px;

    display:
        grid;

    grid-template-columns:
        35px 1fr;

    gap:
        14px;

    padding:
        27px 21px;

    border-right:
        1px solid rgba(255,255,255,.09);

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

    transition:
        background .3s ease;
}


.rw-story-points article:hover {

    background:
        rgba(200,154,78,.045);
}


.rw-story-points article > strong {

    color:
        var(--rw-gold);

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif;

    font-size:
        22px;

    font-weight:
        500;
}


.rw-story-points span {

    color:
        var(--rw-rust);

    font-size:
        6px;

    font-weight:
        700;

    letter-spacing:
        .18em;
}


.rw-story-points h4 {

    margin:
        6px 0 9px;

    color:
        #fff5e8;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif;

    font-size:
        23px;

    font-weight:
        500;
}


.rw-story-points p {

    margin:
        0;

    color:
        rgba(247,239,227,.51);

    font-size:
        10px;

    line-height:
        1.7;
}


/* =========================================================
   CLOSING QUOTE
========================================================= */

.rw-closing {

    display:
        grid;

    grid-template-columns:
        1fr auto 1fr;

    align-items:
        center;

    gap:
        28px;

    margin-top:
        70px;

    text-align:
        center;
}


.rw-closing-line {

    height:
        1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(200,154,78,.5)
        );
}


.rw-closing-line:last-child {

    transform:
        rotate(180deg);
}


.rw-closing small {

    color:
        var(--rw-rust);

    font-size:
        6px;

    font-weight:
        700;

    letter-spacing:
        .2em;
}


.rw-closing blockquote {

    margin:
        7px 0 5px;

    color:
        #fff5e8;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif;

    font-size:
        29px;

    font-weight:
        500;

    font-style:
        italic;
}


.rw-closing > div > span {

    color:
        rgba(247,239,227,.46);

    font-size:
        8px;
}


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

@media (max-width: 1024px) {

    .roots-world {

        padding:
            90px 0 80px;
    }


    .rw-world-grid {

        grid-template-columns:
            1fr 1fr;
    }


    .rw-troodos {

        grid-column:
            1 / -1;
    }


    .rw-troodos .rw-scene {

        height:
            320px;
    }


    .rw-story-points {

        grid-template-columns:
            repeat(2,1fr);
    }

}


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

@media (max-width: 767px) {

    .roots-world {

        padding:
            70px 0 65px;
    }


    .rw-wrap {

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


    .rw-intro {

        margin-bottom:
            45px;
    }


    .rw-intro h2 {

        font-size:
            43px;
    }


    .rw-intro p {

        font-size:
            12.5px;
    }


    /* worlds stack */

    .rw-world-grid {

        grid-template-columns:
            1fr;

        gap:
            14px;
    }


    .rw-troodos {

        grid-column:
            auto;
    }


    .rw-world-card {

        min-height:
            auto;
    }


    .rw-scene,
    .rw-troodos .rw-scene {

        height:
            250px;
    }


    .rw-card-copy {

        padding:
            25px 22px 28px;
    }


    .rw-card-copy h3 {

        font-size:
            33px;
    }


    /* story layer */

    .rw-story-layer {

        margin-top:
            60px;
    }


    .rw-story-heading {

        grid-template-columns:
            1fr;

        gap:
            10px;

        text-align:
            center;
    }


    .rw-story-heading h3 {

        font-size:
            36px;
    }


    .rw-story-points {

        grid-template-columns:
            1fr;
    }


    .rw-story-points article {

        min-height:
            auto;

        padding:
            24px 20px;
    }


    /* closing */

    .rw-closing {

        grid-template-columns:
            25px 1fr 25px;

        gap:
            10px;

        margin-top:
            50px;
    }


    .rw-closing blockquote {

        font-size:
            24px;
    }

}


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

@media (max-width: 390px) {

    .rw-intro h2 {

        font-size:
            39px;
    }


    .rw-scene {

        height:
            220px;
    }


    .rw-story-heading h3 {

        font-size:
            32px;
    }

}/* End custom CSS */