/* =========================================================
   LINCS LOOTCAVE — CONTACT US V3
   Premium customer-support destination
========================================================= */


/* =========================================================
   PAGE CANVAS
========================================================= */

body.ll-business-contact:not(.wp-admin)
.contact-page-wrap {
    position: relative;

    width: min(calc(100% - 40px), 1120px);
    max-width: none !important;

    margin: 0 auto !important;

    padding:
        clamp(54px, 7vw, 92px)
        0
        clamp(80px, 10vw, 138px)
        !important;
}


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

body.ll-business-contact:not(.wp-admin)
.contact-intro {
    position: relative;

    max-width: 980px !important;

    margin:
        0 auto
        clamp(72px, 9vw, 116px)
        !important;

    padding:
        clamp(44px, 6vw, 76px)
        clamp(24px, 5vw, 64px)
        !important;

    border: 0 !important;
    border-radius: 0 !important;

    background: transparent !important;

    text-align: center;
}


body.ll-business-contact:not(.wp-admin)
.contact-intro::before {
    content: "";

    position: absolute;
    z-index: -1;

    top: -110px;
    left: 50%;

    width: min(920px, 94vw);
    height: 460px;

    transform: translateX(-50%);

    background:
        radial-gradient(
            ellipse at 38% 38%,
            rgba(108, 50, 193, .16),
            transparent 55%
        ),
        radial-gradient(
            ellipse at 72% 54%,
            rgba(84, 175, 87, .055),
            transparent 42%
        );

    filter: blur(4px);

    pointer-events: none;
}


body.ll-business-contact:not(.wp-admin)
.contact-intro::after {
    content: "";

    display: block;

    width: min(680px, 78%);
    height: 1px;

    margin:
        clamp(42px, 6vw, 66px)
        auto
        0;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(231, 197, 103, .28),
            rgba(156, 255, 63, .09),
            transparent
        );
}


/* =========================================================
   REAL CONTACT HEADING
========================================================= */

body.ll-business-contact:not(.wp-admin)
.ll-contact-heading {
    margin-bottom:
        clamp(30px, 4vw, 44px);
}


body.ll-business-contact:not(.wp-admin)
.ll-contact-eyebrow {
    margin:
        0 0
        20px
        !important;

    color:
        var(--ll-business-green)
        !important;

    font-size: .68rem !important;
    font-weight: 900 !important;

    letter-spacing: .25em;
    line-height: 1.2 !important;

    text-transform: uppercase;
}


body.ll-business-contact:not(.wp-admin)
.ll-contact-heading h1 {
    max-width: 900px;

    margin:
        0 auto
        !important;

    padding: 0 !important;

    border: 0 !important;
    background: transparent !important;

    color:
        var(--ll-business-gold-soft)
        !important;

    font-family:
        Cardo,
        Georgia,
        "Times New Roman",
        serif
        !important;

    font-size:
        clamp(3.7rem, 8vw, 7.1rem)
        !important;

    font-weight: 700 !important;

    line-height: .92 !important;
    letter-spacing: -.052em;

    text-wrap: balance;

    text-shadow:
        0 1px 0 rgba(0, 0, 0, .55),
        0 22px 54px rgba(212, 175, 55, .10);
}


body.ll-business-contact:not(.wp-admin)
.ll-contact-heading-divider {
    display: block;

    width: 54px;
    height: 1px;

    margin:
        30px auto
        0;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(231, 197, 103, .9),
            transparent
        );
}


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

body.ll-business-contact:not(.wp-admin)
.contact-intro
> p {
    max-width: 780px;

    margin:
        0 auto
        18px
        !important;

    color:
        var(--ll-business-muted)
        !important;

    font-size:
        clamp(1rem, 1.3vw, 1.1rem);

    font-weight: 600;

    line-height: 1.82;
}


body.ll-business-contact:not(.wp-admin)
.contact-intro
> p:first-of-type {
    max-width: 830px;

    color:
        rgba(255, 255, 255, .95)
        !important;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(1.3rem, 2.3vw, 1.78rem);

    font-weight: 650;

    line-height: 1.55;
}


/* =========================================================
   TOP SERVICE PATHWAYS
========================================================= */

body.ll-business-contact:not(.wp-admin)
.contact-top-grid {
    position: relative;

    margin:
        0 0
        clamp(82px, 10vw, 126px)
        !important;

    padding: 0 !important;

    background: transparent !important;
}


body.ll-business-contact:not(.wp-admin)
.contact-top-grid::before {
    content: "HOW CAN WE HELP?";

    display: block;

    margin:
        0 0
        26px;

    color:
        var(--ll-business-green);

    font-size: .66rem;
    font-weight: 900;

    letter-spacing: .24em;

    text-align: center;
}


body.ll-business-contact:not(.wp-admin)
.contact-top-grid
> .wp-block-columns {
    display: grid !important;

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

    gap:
        clamp(18px, 2.4vw, 28px)
        !important;

    margin: 0 !important;
}


body.ll-business-contact:not(.wp-admin)
.contact-top-grid
.contact-card {
    position: relative;

    min-width: 0;

    margin: 0 !important;

    padding:
        clamp(30px, 4vw, 42px)
        clamp(24px, 3vw, 34px)
        !important;

    border:
        1px solid
        rgba(255, 255, 255, .075)
        !important;

    border-radius: 16px;

    background:
        linear-gradient(
            145deg,
            rgba(255, 255, 255, .034),
            rgba(255, 255, 255, .010)
        )
        !important;

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

    transition:
        transform .22s ease,
        border-color .22s ease,
        background .22s ease;
}


body.ll-business-contact:not(.wp-admin)
.contact-top-grid
.contact-card::before {
    content: "";

    display: block;

    width: 28px;
    height: 1px;

    margin-bottom: 24px;

    background:
        var(--ll-business-green);

    opacity: .72;
}


body.ll-business-contact:not(.wp-admin)
.contact-top-grid
.contact-card:hover {
    transform: translateY(-3px);

    border-color:
        rgba(231, 197, 103, .18)
        !important;

    background:
        linear-gradient(
            145deg,
            rgba(108, 50, 193, .055),
            rgba(255, 255, 255, .014)
        )
        !important;
}


body.ll-business-contact:not(.wp-admin)
.contact-top-grid
.contact-card h2 {
    margin:
        0 0
        14px
        !important;

    padding: 0 !important;

    border: 0 !important;
    background: transparent !important;

    color:
        var(--ll-business-gold-soft)
        !important;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(1.55rem, 2.4vw, 2.05rem)
        !important;

    font-weight: 700 !important;

    line-height: 1.1;
}


body.ll-business-contact:not(.wp-admin)
.contact-top-grid
.contact-card p {
    margin: 0 !important;

    color:
        var(--ll-business-muted)
        !important;

    font-size: .98rem;

    font-weight: 600;

    line-height: 1.7;
}


/* =========================================================
   PRIMARY SUPPORT AREA
========================================================= */

body.ll-business-contact:not(.wp-admin)
.contact-mid-grid {
    position: relative;

    margin:
        0 0
        clamp(72px, 9vw, 112px)
        !important;

    padding: 0 !important;

    background: transparent !important;
}


body.ll-business-contact:not(.wp-admin)
.contact-mid-grid
> .wp-block-columns {
    display: grid !important;

    grid-template-columns:
        minmax(0, 1.3fr)
        minmax(280px, .7fr);

    gap:
        clamp(20px, 3vw, 34px)
        !important;

    align-items: stretch;

    margin: 0 !important;
}


/* =========================================================
   EMAIL SUPPORT — PRIMARY ACTION
========================================================= */

body.ll-business-contact:not(.wp-admin)
.contact-mid-grid
.contact-card:first-child {
    position: relative;

    overflow: hidden;

    min-width: 0;

    margin: 0 !important;

    padding:
        clamp(38px, 5vw, 58px)
        clamp(28px, 4.5vw, 52px)
        !important;

    border:
        1px solid
        rgba(231, 197, 103, .19)
        !important;

    border-radius: 20px;

    background:
        radial-gradient(
            circle at 10% 5%,
            rgba(108, 50, 193, .19),
            transparent 48%
        ),
        linear-gradient(
            145deg,
            rgba(15, 12, 29, .92),
            rgba(6, 8, 14, .96)
        )
        !important;

    box-shadow:
        0 26px 68px
        rgba(0, 0, 0, .22);
}


body.ll-business-contact:not(.wp-admin)
.contact-mid-grid
.contact-card:first-child::before {
    content: "DIRECT SUPPORT";

    display: block;

    margin-bottom: 22px;

    color:
        var(--ll-business-green);

    font-size: .66rem;
    font-weight: 900;

    letter-spacing: .23em;
}


body.ll-business-contact:not(.wp-admin)
.contact-mid-grid
.contact-card:first-child h2 {
    margin:
        0 0
        18px
        !important;

    padding: 0 !important;

    border: 0 !important;
    background: transparent !important;

    color:
        var(--ll-business-gold-soft)
        !important;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(2rem, 3.5vw, 3rem)
        !important;

    font-weight: 700 !important;

    line-height: 1.05;
}


body.ll-business-contact:not(.wp-admin)
.contact-mid-grid
.contact-card:first-child p {
    max-width: 680px;

    margin:
        0 0
        17px
        !important;

    color:
        var(--ll-business-muted-strong)
        !important;

    font-weight: 600;

    line-height: 1.72;
}


body.ll-business-contact:not(.wp-admin)
.contact-mid-grid
a[href^="mailto:"] {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    max-width: 100%;
    min-height: 50px;

    margin:
        3px 0
        8px;

    padding:
        11px
        18px;

    border:
        1px solid
        rgba(231, 197, 103, .28);

    border-radius: 11px;

    background:
        rgba(231, 197, 103, .065);

    color:
        var(--ll-business-gold-soft)
        !important;

    font-weight: 800;

    text-decoration: none !important;

    overflow-wrap: anywhere;

    transition:
        transform .2s ease,
        border-color .2s ease,
        background .2s ease;
}


body.ll-business-contact:not(.wp-admin)
.contact-mid-grid
a[href^="mailto:"]:hover {
    transform: translateY(-2px);

    border-color:
        rgba(231, 197, 103, .48);

    background:
        rgba(231, 197, 103, .105);
}


body.ll-business-contact:not(.wp-admin)
.contact-mid-grid
.contact-card:first-child ul {
    margin:
        20px 0
        0
        !important;

    padding:
        0
        !important;

    list-style: none;
}


body.ll-business-contact:not(.wp-admin)
.contact-mid-grid
.contact-card:first-child li {
    position: relative;

    margin:
        9px 0;

    padding-left: 22px;

    color:
        var(--ll-business-muted)
        !important;

    font-weight: 600;

    line-height: 1.6;
}


body.ll-business-contact:not(.wp-admin)
.contact-mid-grid
.contact-card:first-child li::before {
    content: "";

    position: absolute;

    top: .68em;
    left: 0;

    width: 6px;
    height: 6px;

    border-radius: 50%;

    background:
        var(--ll-business-green);

    box-shadow:
        0 0 12px
        rgba(156, 255, 63, .20);
}


/* =========================================================
   RESPONSE TIMES — QUIETER COMPANION
========================================================= */

body.ll-business-contact:not(.wp-admin)
.contact-mid-grid
.contact-card:last-child {
    position: relative;

    min-width: 0;

    margin: 0 !important;

    padding:
        clamp(38px, 5vw, 52px)
        clamp(26px, 4vw, 38px)
        !important;

    border:
        1px solid
        rgba(255, 255, 255, .07)
        !important;

    border-radius: 20px;

    background:
        linear-gradient(
            145deg,
            rgba(255, 255, 255, .032),
            rgba(255, 255, 255, .010)
        )
        !important;
}


body.ll-business-contact:not(.wp-admin)
.contact-mid-grid
.contact-card:last-child::before {
    content: "WHAT TO EXPECT";

    display: block;

    margin-bottom: 22px;

    color:
        var(--ll-business-green);

    font-size: .66rem;
    font-weight: 900;

    letter-spacing: .22em;
}


body.ll-business-contact:not(.wp-admin)
.contact-mid-grid
.contact-card:last-child h2 {
    margin:
        0 0
        18px
        !important;

    padding: 0 !important;

    border: 0 !important;
    background: transparent !important;

    color:
        var(--ll-business-gold-soft)
        !important;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(1.8rem, 3vw, 2.45rem)
        !important;

    font-weight: 700 !important;

    line-height: 1.08;
}


body.ll-business-contact:not(.wp-admin)
.contact-mid-grid
.contact-card:last-child p {
    margin:
        0 0
        17px
        !important;

    color:
        var(--ll-business-muted)
        !important;

    font-weight: 600;

    line-height: 1.72;
}


body.ll-business-contact:not(.wp-admin)
.contact-mid-grid
.contact-card:last-child strong {
    color:
        rgba(255, 255, 255, .97)
        !important;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 1.08em;
}


/* =========================================================
   ORDER SUPPORT STRIP
========================================================= */

body.ll-business-contact:not(.wp-admin)
.contact-full {
    position: relative;

    overflow: hidden;

    margin:
        0 auto
        clamp(82px, 10vw, 124px)
        !important;

    padding:
        clamp(36px, 5vw, 54px)
        clamp(28px, 5vw, 58px)
        !important;

    border:
        1px solid
        rgba(231, 197, 103, .11)
        !important;

    border-radius: 16px;

    background:
        linear-gradient(
            110deg,
            rgba(231, 197, 103, .025),
            rgba(108, 50, 193, .035) 48%,
            rgba(84, 175, 87, .018)
        )
        !important;
}


body.ll-business-contact:not(.wp-admin)
.contact-full::before {
    content: "ORDER ASSISTANCE";

    display: block;

    margin-bottom: 18px;

    color:
        var(--ll-business-green);

    font-size: .66rem;
    font-weight: 900;

    letter-spacing: .23em;
}


body.ll-business-contact:not(.wp-admin)
.contact-full h2 {
    margin:
        0 0
        18px
        !important;

    padding: 0 !important;

    border: 0 !important;
    background: transparent !important;

    color:
        var(--ll-business-gold-soft)
        !important;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(1.9rem, 3.3vw, 2.75rem)
        !important;

    font-weight: 700 !important;

    line-height: 1.08;
}


body.ll-business-contact:not(.wp-admin)
.contact-full p {
    max-width: 900px;

    margin:
        0 0
        15px
        !important;

    color:
        var(--ll-business-muted)
        !important;

    font-weight: 600;

    line-height: 1.75;
}


body.ll-business-contact:not(.wp-admin)
.contact-full strong {
    color:
        rgba(255, 255, 255, .96)
        !important;
}


/* =========================================================
   THANK-YOU CLOSING MOMENT
========================================================= */

body.ll-business-contact:not(.wp-admin)
.contact-thankyou {
    position: relative;

    overflow: hidden;

    max-width: 900px !important;

    margin:
        0 auto
        !important;

    padding:
        clamp(52px, 7vw, 82px)
        clamp(28px, 5vw, 64px)
        !important;

    border: 0 !important;
    border-radius: 0 !important;

    background: transparent !important;

    text-align: center;
}


body.ll-business-contact:not(.wp-admin)
.contact-thankyou::before {
    content: "";

    position: absolute;
    z-index: -1;

    inset: 0;

    background:
        radial-gradient(
            ellipse at 50% 48%,
            rgba(108, 50, 193, .105),
            transparent 62%
        ),
        radial-gradient(
            ellipse at 65% 70%,
            rgba(84, 175, 87, .035),
            transparent 42%
        );

    pointer-events: none;
}


body.ll-business-contact:not(.wp-admin)
.contact-thankyou::after {
    content: "YOU MAKE YOUR OWN LUCK.";

    display: block;

    margin-top:
        clamp(30px, 4vw, 42px);

    color:
        var(--ll-business-green);

    font-size: .65rem;
    font-weight: 900;

    letter-spacing: .24em;
}


body.ll-business-contact:not(.wp-admin)
.contact-thankyou h2 {
    margin:
        0 0
        20px
        !important;

    padding: 0 !important;

    border: 0 !important;
    background: transparent !important;

    color:
        var(--ll-business-gold-soft)
        !important;

    font-family:
        Cardo,
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(2.4rem, 5vw, 4.2rem)
        !important;

    font-weight: 700 !important;

    line-height: 1;
    letter-spacing: -.035em;
}


body.ll-business-contact:not(.wp-admin)
.contact-thankyou p {
    max-width: 720px;

    margin:
        0 auto
        !important;

    color:
        var(--ll-business-muted-strong)
        !important;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(1.05rem, 1.55vw, 1.22rem);

    font-weight: 600;

    line-height: 1.75;
}


/* =========================================================
   GLOBAL CONTACT HEADING CLEANUP
========================================================= */

body.ll-business-contact:not(.wp-admin)
.contact-page-wrap
h2::after {
    display: none !important;
}


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

@media (max-width: 782px) {

    body.ll-business-contact:not(.wp-admin)
    .contact-page-wrap {
        width:
            min(
                calc(100% - 32px),
                1120px
            );

        padding:
            34px
            0
            82px
            !important;
    }


    body.ll-business-contact:not(.wp-admin)
    .contact-intro {
        margin-bottom:
            66px
            !important;

        padding:
            34px
            0
            !important;
    }


    body.ll-business-contact:not(.wp-admin)
    .ll-contact-heading h1 {
        font-size:
            clamp(3.2rem, 18vw, 5rem)
            !important;
    }


    body.ll-business-contact:not(.wp-admin)
    .contact-intro::after {
        width: 88%;

        margin-top: 42px;
    }


    body.ll-business-contact:not(.wp-admin)
    .contact-top-grid {
        margin-bottom:
            70px
            !important;
    }


    body.ll-business-contact:not(.wp-admin)
    .contact-top-grid
    > .wp-block-columns {
        grid-template-columns:
            1fr;
    }


    body.ll-business-contact:not(.wp-admin)
    .contact-top-grid
    .contact-card {
        padding:
            28px
            24px
            !important;
    }


    body.ll-business-contact:not(.wp-admin)
    .contact-mid-grid {
        margin-bottom:
            68px
            !important;
    }


    body.ll-business-contact:not(.wp-admin)
    .contact-mid-grid
    > .wp-block-columns {
        grid-template-columns:
            1fr;
    }


    body.ll-business-contact:not(.wp-admin)
    .contact-mid-grid
    .contact-card:first-child,

    body.ll-business-contact:not(.wp-admin)
    .contact-mid-grid
    .contact-card:last-child {
        padding:
            32px
            24px
            !important;

        border-radius: 16px;
    }


    body.ll-business-contact:not(.wp-admin)
    .contact-mid-grid
    a[href^="mailto:"] {
        width: 100%;
    }


    body.ll-business-contact:not(.wp-admin)
    .contact-full {
        margin-bottom:
            68px
            !important;

        padding:
            32px
            24px
            !important;

        border-radius: 14px;
    }


    body.ll-business-contact:not(.wp-admin)
    .contact-thankyou {
        padding:
            44px
            10px
            !important;
    }
}