.elementor-kit-380{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;font-family:"Raleway", Sans-serif;}.elementor-kit-380 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600&family=Raleway:wght@400;500;600&display=swap");

/* =====================================================
   GLOBAL CONTACT PAGE
===================================================== */

.dg-contact-hero,
.dg-contact-hero *,
.dg-contact-section,
.dg-contact-section * {
    box-sizing: border-box;
}

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

.dg-contact-hero {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: clamp(350px, 40vw, 470px);
    padding: 65px 25px;
    overflow: hidden;
    isolation: isolate;
    background: #000000;
    color: #ffffff;
}

.dg-contact-hero__background {
    position: absolute;
    z-index: -3;
    inset: 0;
    background-image:
        url("https://gerasimov.net/wp-content/uploads/2026/05/LgGroup2.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    filter:
        contrast(1.1)
        saturate(0.9);
    transform: scale(1.01);
    transition: transform 1.4s cubic-bezier(0.22, 1, 0.36, 1);
}

.dg-contact-hero:hover .dg-contact-hero__background {
    transform: scale(1.025);
}

.dg-contact-hero__overlay {
    position: absolute;
    z-index: -2;
    inset: 0;
    background:
        radial-gradient(
            circle at center,
            rgba(0, 0, 0, 0.49) 0%,
            rgba(0, 0, 0, 0.66) 58%,
            rgba(0, 0, 0, 0.83) 100%
        ),
        linear-gradient(
            90deg,
            rgba(0, 0, 0, 0.4),
            rgba(0, 0, 0, 0.12),
            rgba(0, 0, 0, 0.4)
        );
}

.dg-contact-hero__content {
    position: relative;
    z-index: 3;
    width: min(100%, 900px);
    margin: 0 auto;
    text-align: center;
}

.dg-contact-hero__eyebrow {
    margin: 0 0 14px;
    color: #ffffff;
    font-family: "Raleway", sans-serif;
    font-size: 9px;
    font-weight: 600;
    letter-spacing: 0.31em;
    line-height: 1.5;
    text-shadow: 0 2px 16px #000000;
    text-transform: uppercase;
}

.dg-contact-hero__title {
    margin: 0;
    color: #ffffff;
    font-family: "Cormorant Garamond", serif;
    font-size: clamp(58px, 7vw, 91px);
    font-weight: 500;
    letter-spacing: -0.05em;
    line-height: 0.9;
    text-shadow:
        0 4px 32px rgba(0, 0, 0, 0.8),
        0 1px 7px rgba(0, 0, 0, 0.72);
}

.dg-contact-hero__description {
    max-width: 560px;
    margin: 22px auto 0;
    color: #ffffff;
    font-family: "Raleway", sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.75;
    text-shadow: 0 2px 17px #000000;
}

/* =====================================================
   ELEMENTOR PARENT CONTAINER
===================================================== */

.dg-contact-section {
    position: relative;
    display: grid !important;
    grid-template-columns: minmax(340px, 0.8fr) minmax(500px, 1.2fr);
    align-items: start !important;
    gap: clamp(60px, 8vw, 115px) !important;
    width: min(100% - 50px, 1140px) !important;
    max-width: 1140px !important;
    margin: 0 auto !important;
    padding: clamp(80px, 9vw, 120px) 0 !important;
    background: #ffffff;
}

/* Prevent Elementor inner containers from interfering */

.dg-contact-section > .e-con-inner {
    display: contents !important;
}

/* =====================================================
   CONTACT INFORMATION
===================================================== */

.dg-contact-info {
    width: 100%;
    max-width: 460px;
}

.dg-contact-info__eyebrow {
    margin: 0 0 15px;
    color: #000000;
    font-family: "Raleway", sans-serif;
    font-size: 8px;
    font-weight: 600;
    letter-spacing: 0.3em;
    line-height: 1.5;
    text-transform: uppercase;
}

.dg-contact-info__title {
    margin: 0;
    color: #000000;
    font-family: "Cormorant Garamond", serif;
    font-size: clamp(49px, 5vw, 68px);
    font-weight: 500;
    letter-spacing: -0.05em;
    line-height: 0.9;
}

.dg-contact-info__description {
    margin: 24px 0 0;
    color: #000000;
    font-family: "Raleway", sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.85;
}

/* =====================================================
   CONTACT METHODS
===================================================== */

.dg-contact-info__methods {
    margin-top: 34px;
}

.dg-contact-method {
    display: grid;
    grid-template-columns: 43px minmax(0, 1fr) 24px;
    align-items: center;
    gap: 15px;
    padding: 17px 0;
    border-top: 1px solid rgba(0, 0, 0, 0.14);
    color: #000000;
    text-decoration: none;
}

.dg-contact-method:last-child {
    border-bottom: 1px solid rgba(0, 0, 0, 0.14);
}

.dg-contact-method__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 43px;
    height: 43px;
    border: 1px solid #000000;
    border-radius: 50%;
    color: #000000;
    transition:
        background-color 0.3s ease,
        color 0.3s ease;
}

.dg-contact-method__icon svg {
    width: 18px;
    height: 18px;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.3;
}

.dg-contact-method__content {
    min-width: 0;
}

.dg-contact-method__content small,
.dg-contact-method__content strong {
    display: block;
}

.dg-contact-method__content small {
    margin-bottom: 5px;
    color: #000000;
    font-family: "Raleway", sans-serif;
    font-size: 7px;
    font-weight: 600;
    letter-spacing: 0.18em;
    line-height: 1.4;
    text-transform: uppercase;
    opacity: 0.55;
}

.dg-contact-method__content strong {
    overflow: hidden;
    color: #000000;
    font-family: "Cormorant Garamond", serif;
    font-size: 19px;
    font-weight: 600;
    line-height: 1.15;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dg-contact-method__arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.dg-contact-method__arrow svg {
    width: 18px;
    height: 18px;
    fill: none;
    stroke: #000000;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.3;
    transition: transform 0.3s ease;
}

.dg-contact-method:hover,
.dg-contact-method:focus-visible {
    color: #000000;
    text-decoration: none;
}

.dg-contact-method:hover .dg-contact-method__icon,
.dg-contact-method:focus-visible .dg-contact-method__icon {
    background: #000000;
    color: #ffffff;
}

.dg-contact-method:hover .dg-contact-method__arrow svg,
.dg-contact-method:focus-visible .dg-contact-method__arrow svg {
    transform: translateX(4px);
}

.dg-contact-method:focus-visible {
    outline: 2px solid #000000;
    outline-offset: 4px;
}

.dg-contact-info__note {
    max-width: 370px;
    margin: 22px 0 0;
    color: #000000;
    font-family: "Raleway", sans-serif;
    font-size: 10px;
    font-weight: 400;
    line-height: 1.7;
    opacity: 0.56;
}

/* =====================================================
   ELEMENTOR PRO FORM
===================================================== */

.dg-contact-form {
    position: relative;
    width: 100%;
    padding: clamp(35px, 4vw, 52px) !important;
    background: #f8f8f8;
}

.dg-contact-form::before {
    display: block;
    margin-bottom: 30px;
    color: #000000;
    font-family: "Cormorant Garamond", serif;
    font-size: clamp(34px, 3vw, 43px);
    font-weight: 500;
    letter-spacing: -0.035em;
    line-height: 1;
    content: "Send an enquiry";
}

.dg-contact-form .elementor-form {
    font-family: "Raleway", sans-serif;
}

.dg-contact-form .elementor-form-fields-wrapper {
    row-gap: 19px !important;
}

.dg-contact-form .elementor-field-group {
    margin: 0 !important;
    padding: 0 7px !important;
}

.dg-contact-form .elementor-field-label {
    margin-bottom: 8px !important;
    color: #000000 !important;
    font-family: "Raleway", sans-serif !important;
    font-size: 8px !important;
    font-weight: 600 !important;
    letter-spacing: 0.16em !important;
    line-height: 1.5 !important;
    text-transform: uppercase;
}

.dg-contact-form .elementor-field {
    min-height: 49px !important;
    padding: 12px 0 !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.26) !important;
    border-radius: 0 !important;
    outline: none !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #000000 !important;
    font-family: "Raleway", sans-serif !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    transition: border-color 0.3s ease !important;
}

.dg-contact-form textarea.elementor-field {
    min-height: 115px !important;
    resize: vertical;
}

.dg-contact-form select.elementor-field {
    cursor: pointer;
}

.dg-contact-form .elementor-field::placeholder {
    color: rgba(0, 0, 0, 0.42) !important;
    opacity: 1;
}

.dg-contact-form .elementor-field:focus {
    border-bottom-color: #000000 !important;
}

.dg-contact-form .elementor-field-type-submit {
    margin-top: 10px !important;
}

.dg-contact-form .elementor-button {
    width: 100% !important;
    min-height: 53px !important;
    padding: 16px 24px !important;
    border: 1px solid #000000 !important;
    border-radius: 0 !important;
    background: #000000 !important;
    box-shadow: none !important;
    color: #ffffff !important;
    font-family: "Raleway", sans-serif !important;
    font-size: 9px !important;
    font-weight: 600 !important;
    letter-spacing: 0.2em !important;
    line-height: 1 !important;
    text-transform: uppercase;
    transition:
        background-color 0.3s ease,
        color 0.3s ease,
        transform 0.3s ease !important;
}

.dg-contact-form .elementor-button:hover,
.dg-contact-form .elementor-button:focus {
    background: transparent !important;
    color: #000000 !important;
    transform: translateY(-2px);
}

.dg-contact-form .elementor-message {
    margin-top: 18px;
    color: #000000 !important;
    font-family: "Raleway", sans-serif;
    font-size: 12px;
    line-height: 1.7;
}

.dg-contact-form .elementor-message-success {
    color: #000000 !important;
}

.dg-contact-form .elementor-message-danger {
    color: #000000 !important;
    font-weight: 600;
}

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

@media (max-width: 1024px) {
    .dg-contact-section {
        grid-template-columns: minmax(300px, 0.85fr) minmax(400px, 1.15fr);
        gap: 45px !important;
    }

    .dg-contact-form {
        padding: 36px 29px !important;
    }
}

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

@media (max-width: 767px) {
    .dg-contact-hero {
        min-height: 350px;
        padding: 52px 20px;
    }

    .dg-contact-hero__background {
        background-position: center;
    }

    .dg-contact-hero__overlay {
        background: rgba(0, 0, 0, 0.66);
    }

    .dg-contact-hero__eyebrow {
        margin-bottom: 11px;
        font-size: 8px;
    }

    .dg-contact-hero__title {
        font-size: clamp(47px, 13vw, 61px);
        line-height: 0.92;
    }

    .dg-contact-hero__description {
        max-width: 335px;
        margin-top: 17px;
        font-size: 12px;
        line-height: 1.7;
    }

    .dg-contact-section {
        display: flex !important;
        flex-direction: column !important;
        width: calc(100% - 36px) !important;
        padding: 67px 0 62px !important;
        gap: 48px !important;
    }

    .dg-contact-info {
        max-width: none;
    }

    .dg-contact-info__eyebrow {
        margin-bottom: 12px;
        font-size: 8px;
    }

    .dg-contact-info__title {
        max-width: 420px;
        font-size: clamp(43px, 12.5vw, 56px);
        line-height: 0.92;
    }

    .dg-contact-info__description {
        margin-top: 19px;
        font-size: 14px;
        line-height: 1.8;
    }

    .dg-contact-info__methods {
        margin-top: 29px;
    }

    .dg-contact-method__content strong {
        font-size: 18px;
    }

    .dg-contact-info__note {
        font-size: 11px;
    }

    .dg-contact-form {
        width: 100% !important;
        padding: 34px 21px !important;
    }

    .dg-contact-form::before {
        margin-bottom: 26px;
        font-size: 35px;
    }

    .dg-contact-form .elementor-field-group {
        width: 100% !important;
        padding-right: 4px !important;
        padding-left: 4px !important;
    }

    .dg-contact-form .elementor-field-label {
        font-size: 8px !important;
    }

    .dg-contact-form .elementor-field {
        font-size: 14px !important;
    }
}

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

@media (max-width: 380px) {
    .dg-contact-hero {
        min-height: 330px;
    }

    .dg-contact-hero__title {
        font-size: 44px;
    }

    .dg-contact-section {
        width: calc(100% - 28px) !important;
    }

    .dg-contact-info__title {
        font-size: 41px;
    }

    .dg-contact-method {
        grid-template-columns: 39px minmax(0, 1fr) 19px;
        gap: 11px;
    }

    .dg-contact-method__icon {
        width: 39px;
        height: 39px;
    }

    .dg-contact-method__content strong {
        font-size: 16px;
    }

    .dg-contact-form {
        padding-right: 16px !important;
        padding-left: 16px !important;
    }
}

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

@media (prefers-reduced-motion: reduce) {
    .dg-contact-hero__background,
    .dg-contact-method__icon,
    .dg-contact-method__arrow svg,
    .dg-contact-form .elementor-button {
        transition: none !important;
    }
}

/* =====================================================
   FINAL CONTACT PAGE TYPOGRAPHY AND HERO UPDATE
===================================================== */

.dg-contact-hero__background {
    background-image:
        url("https://gerasimov.net/wp-content/uploads/2026/06/20260601_210127.jpg");
    background-position: center 48%;
}

/* Enforce Raleway on every secondary text element */

.dg-contact-hero__eyebrow,
.dg-contact-hero__description,
.dg-contact-info__eyebrow,
.dg-contact-info__description,
.dg-contact-info__note,
.dg-contact-method__content small,
.dg-contact-form .elementor-field-label,
.dg-contact-form .elementor-field,
.dg-contact-form .elementor-button,
.dg-contact-form .elementor-message {
    font-family: "Raleway", sans-serif !important;
}

/* Slightly larger desktop secondary text */

.dg-contact-hero__description {
    max-width: 600px;
    font-size: 15px;
    line-height: 1.75;
}

.dg-contact-info__description {
    font-size: 15px;
    line-height: 1.85;
}

.dg-contact-info__note {
    font-size: 11px;
    line-height: 1.75;
}

.dg-contact-method__content small {
    font-size: 8px;
}

.dg-contact-form .elementor-field-label {
    font-size: 9px !important;
}

.dg-contact-form .elementor-field {
    font-size: 14px !important;
}

.dg-contact-form .elementor-button {
    font-size: 10px !important;
}

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

@media (max-width: 1024px) {
    .dg-contact-hero__background {
        background-position: center;
    }

    .dg-contact-info__description {
        font-size: 14.5px;
    }
}

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

@media (max-width: 767px) {
    .dg-contact-hero__background {
        background-position: center;
    }

    .dg-contact-hero__eyebrow,
    .dg-contact-info__eyebrow {
        font-size: 8px;
    }

    .dg-contact-hero__description {
        max-width: 350px;
        font-size: 13px;
        line-height: 1.75;
    }

    .dg-contact-info__description {
        font-size: 15px;
        line-height: 1.82;
    }

    .dg-contact-info__note {
        font-size: 12px;
        line-height: 1.75;
    }

    .dg-contact-method__content small {
        font-size: 8px;
    }

    .dg-contact-form .elementor-field-label {
        font-size: 9px !important;
    }

    .dg-contact-form .elementor-field {
        font-size: 15px !important;
    }

    .dg-contact-form .elementor-button {
        font-size: 10px !important;
    }

    .dg-contact-form .elementor-message {
        font-size: 13px;
    }
}

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

@media (max-width: 380px) {
    .dg-contact-info__description {
        font-size: 14px;
    }

    .dg-contact-form .elementor-field {
        font-size: 14px !important;
    }
}/* End custom CSS */