/* =========================================================
   MASSIVE BAITS 2026
   CONTACT PAGE
   ========================================================= */

.mb26-contact-page{
    background:#11110f;
    color:#eee9e1;
    overflow:hidden;
}


/* =========================================================
   SHARED
   ========================================================= */

.mb26-contact-kicker{
    display:block;

    margin-bottom:14px;

    color:#f79333;

    font-size:9px;
    font-weight:900;

    letter-spacing:.17em;
    text-transform:uppercase;
}

.mb26-contact-page h1,
.mb26-contact-page h2{
    color:#f7f2ea;

    letter-spacing:-.035em;
}

.mb26-contact-page h2{
    margin:0;

    font-size:clamp(30px,4vw,48px);
    line-height:1.02;
}


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

.mb26-contact-hero{
    position:relative;

    min-height:440px;

    display:flex;
    align-items:center;

    overflow:hidden;

    background:
        radial-gradient(
            circle at 80% 20%,
            rgba(247,147,51,.13),
            transparent 31%
        ),
        radial-gradient(
            circle at 10% 80%,
            rgba(255,255,255,.025),
            transparent 30%
        ),
        linear-gradient(
            135deg,
            #1b1a17 0%,
            #131310 100%
        );

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

.mb26-contact-hero::after{
    content:"CONTACT";

    position:absolute;

    right:-18px;
    bottom:-27px;

    pointer-events:none;

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

    font-size:clamp(120px,18vw,250px);
    font-weight:950;

    letter-spacing:-.075em;

    line-height:.75;
}

.mb26-contact-hero__glow{
    position:absolute;

    width:480px;
    height:480px;

    right:-150px;
    top:-220px;

    border-radius:50%;

    background:rgba(247,147,51,.08);

    filter:blur(80px);

    pointer-events:none;
}

.mb26-contact-hero__inner{
    position:relative;
    z-index:2;

    display:grid;

    grid-template-columns:
        minmax(0,1.4fr)
        minmax(300px,.7fr);

    align-items:end;

    gap:90px;

    padding:75px 0;
}

.mb26-contact-hero h1{
    max-width:750px;

    margin:0;

    font-size:clamp(48px,7vw,88px);
    font-weight:950;

    line-height:.9;
}

.mb26-contact-hero h1 span{
    display:block;

    color:#f79333;
}

.mb26-contact-hero p{
    max-width:650px;

    margin:25px 0 0;

    color:#989188;

    font-size:14px;
    line-height:1.75;
}


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

.mb26-contact-hero__actions{
    display:flex;
    flex-direction:column;

    gap:10px;
}

.mb26-contact-main-action{
    min-height:70px;

    display:grid;

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

    align-items:center;

    gap:13px;

    padding:13px 16px;

    color:#17120d;

    background:
        linear-gradient(
            180deg,
            #ff9b39,
            #e77921
        );

    border:1px solid rgba(255,255,255,.13);
    border-radius:7px;

    box-shadow:
        0 12px 30px rgba(0,0,0,.22),
        inset 0 1px 0 rgba(255,255,255,.24);

    transition:
        transform .2s ease,
        box-shadow .2s ease,
        background .2s ease;
}

.mb26-contact-main-action:hover{
    color:#17120d;

    transform:translateY(-2px);

    box-shadow:
        0 17px 36px rgba(0,0,0,.28),
        inset 0 1px 0 rgba(255,255,255,.24);
}

.mb26-contact-main-action--secondary{
    color:#d6d0c8;

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

    border-color:rgba(255,255,255,.09);

    box-shadow:none;
}

.mb26-contact-main-action--secondary:hover{
    color:#fff;

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

    border-color:rgba(247,147,51,.30);

    box-shadow:none;
}

.mb26-contact-main-action__icon{
    width:40px;
    height:40px;

    display:grid;
    place-items:center;

    border-radius:50%;

    background:rgba(0,0,0,.09);
}

.mb26-contact-main-action--secondary
.mb26-contact-main-action__icon{
    color:#f79333;

    background:rgba(247,147,51,.08);
}

.mb26-contact-main-action__icon svg{
    width:19px;
    height:19px;
}

.mb26-contact-main-action > span:nth-child(2){
    display:flex;
    flex-direction:column;
}

.mb26-contact-main-action small{
    margin-bottom:3px;

    opacity:.63;

    font-size:8px;
    font-weight:900;

    text-transform:uppercase;
    letter-spacing:.1em;
}

.mb26-contact-main-action strong{
    font-size:11.5px;
    font-weight:850;
}

.mb26-contact-main-action > svg{
    width:16px;
    height:16px;
}


/* =========================================================
   MAIN CONTACT
   ========================================================= */

.mb26-contact-main{
    padding:90px 0 105px;

    background:#11110f;
}

.mb26-contact-grid{
    display:grid;

    grid-template-columns:
        minmax(280px,.85fr)
        minmax(0,1.35fr);

    gap:85px;

    align-items:start;
}


/* =========================================================
   INFO
   ========================================================= */

.mb26-contact-info{
    position:sticky;

    top:110px;
}

.mb26-contact-info__lead{
    max-width:430px;

    margin:17px 0 32px;

    color:#827b73;

    font-size:13px;
    line-height:1.7;
}

.mb26-contact-details{
    border-top:1px solid rgba(255,255,255,.065);
}

.mb26-contact-detail{
    display:grid;

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

    align-items:center;

    gap:14px;

    min-height:88px;

    padding:14px 2px;

    color:#aaa39a;

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

    transition:
        padding-left .2s ease,
        color .2s ease,
        border-color .2s ease;
}

a.mb26-contact-detail:hover{
    padding-left:7px;

    color:#fff;

    border-color:rgba(247,147,51,.24);
}

.mb26-contact-detail__icon{
    width:38px;
    height:38px;

    display:grid;
    place-items:center;

    color:#f79333;

    border:1px solid rgba(247,147,51,.18);
    border-radius:50%;

    background:rgba(247,147,51,.045);
}

.mb26-contact-detail__icon svg{
    width:17px;
    height:17px;
}

.mb26-contact-detail > span:nth-child(2){
    min-width:0;

    display:flex;
    flex-direction:column;
}

.mb26-contact-detail small{
    margin-bottom:2px;

    color:#57524d;

    font-size:7.5px;
    font-weight:900;

    letter-spacing:.11em;
    text-transform:uppercase;
}

.mb26-contact-detail strong{
    color:inherit;

    font-size:11.5px;
    line-height:1.5;
}

.mb26-contact-detail em{
    margin-top:2px;

    color:#66605a;

    font-size:9px;
    font-style:normal;
}

.mb26-contact-detail > svg{
    width:14px;
    height:14px;

    color:#f79333;
}

.mb26-contact-detail--static{
    grid-template-columns:40px 1fr;

    color:#aaa39a;
}

.mb26-contact-company{
    display:flex;
    align-items:center;

    flex-wrap:wrap;

    gap:10px;

    margin-top:24px;

    color:#4f4a45;

    font-size:7.5px;
    font-weight:850;

    letter-spacing:.09em;
    text-transform:uppercase;
}

.mb26-contact-company span{
    display:flex;
    gap:5px;
}

.mb26-contact-company strong{
    color:#777169;
}

.mb26-contact-company i{
    width:18px;
    height:1px;

    background:#37332f;
}


/* =========================================================
   FORM CARD
   ========================================================= */

.mb26-contact-form-card{
    position:relative;

    padding:42px;

    background:
        linear-gradient(
            145deg,
            #1b1a17,
            #171613
        );

    border:1px solid rgba(255,255,255,.075);
    border-radius:10px;

    box-shadow:
        0 28px 70px rgba(0,0,0,.21);

    overflow:hidden;
}

.mb26-contact-form-card::before{
    content:"";

    position:absolute;

    left:0;
    top:0;
    bottom:0;

    width:2px;

    background:
        linear-gradient(
            180deg,
            #f79333,
            rgba(247,147,51,.05)
        );
}

.mb26-contact-form-card__head{
    max-width:560px;

    margin-bottom:33px;
}

.mb26-contact-form-card__head p{
    margin:13px 0 0;

    color:#7d766e;

    font-size:12px;
    line-height:1.65;
}


/* =========================================================
   FORM
   ========================================================= */

.mb26-contact-form{
    display:flex;
    flex-direction:column;

    gap:18px;
}

.mb26-contact-form__row{
    display:grid;

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

    gap:14px;
}

.mb26-contact-field{
    display:flex;
    flex-direction:column;

    gap:7px;
}

.mb26-contact-field label{
    color:#aaa39a;

    font-size:9px;
    font-weight:850;

    letter-spacing:.045em;
}

.mb26-contact-field label span{
    color:#f79333;
}

.mb26-contact-field input,
.mb26-contact-field select,
.mb26-contact-field textarea{
    width:100%;

    color:#eee8df;

    background:#0f0f0d;

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

    outline:0;

    font:inherit;
    font-size:12px;

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

.mb26-contact-field input,
.mb26-contact-field select{
    min-height:49px;

    padding:0 14px;
}

.mb26-contact-field textarea{
    min-height:180px;

    padding:13px 14px;

    resize:vertical;

    line-height:1.6;
}

.mb26-contact-field select{
    appearance:auto;
}

.mb26-contact-field input:focus,
.mb26-contact-field select:focus,
.mb26-contact-field textarea:focus{
    background:#12120f;

    border-color:rgba(247,147,51,.68);

    box-shadow:
        0 0 0 3px rgba(247,147,51,.055);
}

.mb26-contact-field textarea::placeholder{
    color:#4f4b45;
}


/* =========================================================
   FORM BOTTOM
   ========================================================= */

.mb26-contact-form__bottom{
    display:flex;
    align-items:center;

    gap:20px;

    margin-top:4px;
}

.mb26-contact-submit{
    flex:0 0 auto;

    min-width:205px;
    min-height:51px;

    display:flex;
    align-items:center;
    justify-content:space-between;

    gap:25px;

    padding:0 17px;

    color:#17120d;

    background:
        linear-gradient(
            180deg,
            #ff9b39,
            #df711c
        );

    border:1px solid rgba(255,255,255,.11);
    border-radius:5px;

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

    cursor:pointer;

    box-shadow:
        0 8px 22px rgba(0,0,0,.20),
        inset 0 1px 0 rgba(255,255,255,.22);

    transition:
        transform .18s ease,
        background .18s ease;
}

.mb26-contact-submit:hover{
    transform:translateY(-2px);

    background:
        linear-gradient(
            180deg,
            #ffa84b,
            #eb7d25
        );
}

.mb26-contact-submit svg{
    width:15px;
    height:15px;
}

.mb26-contact-form__bottom p{
    max-width:300px;

    margin:0;

    color:#55504a;

    font-size:8.5px;
    line-height:1.55;
}


/* =========================================================
   MESSAGES
   ========================================================= */

.mb26-contact-success,
.mb26-contact-errors{
    margin-bottom:25px;

    padding:15px 17px;

    border-radius:6px;

    font-size:11px;
}

.mb26-contact-success{
    display:flex;
    align-items:center;

    gap:13px;

    color:#dce9d4;

    background:rgba(111,156,83,.10);

    border:1px solid rgba(143,179,90,.27);
}

.mb26-contact-success__icon{
    width:34px;
    height:34px;

    flex:0 0 auto;

    display:grid;
    place-items:center;

    color:#8fb35a;
}

.mb26-contact-success__icon svg{
    width:20px;
    height:20px;
}

.mb26-contact-success p{
    margin:2px 0 0;

    color:#889b7c;

    font-size:9.5px;
}

.mb26-contact-errors{
    color:#f0cbc7;

    background:rgba(190,72,61,.09);

    border:1px solid rgba(190,72,61,.28);
}

.mb26-contact-errors strong{
    display:block;

    margin-bottom:7px;
}

.mb26-contact-errors ul{
    margin:0;
    padding-left:18px;
}

.mb26-contact-hp{
    position:absolute!important;

    left:-9999px!important;

    width:1px!important;
    height:1px!important;

    overflow:hidden!important;
}


/* =========================================================
   FAQ
   ========================================================= */

.mb26-contact-faq{
    padding:100px 0 120px;

    background:
        radial-gradient(
            circle at 80% 15%,
            rgba(247,147,51,.055),
            transparent 25%
        ),
        #181714;

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

.mb26-contact-faq__head{
    display:grid;

    grid-template-columns:
        minmax(0,1.5fr)
        minmax(250px,.6fr);

    align-items:end;

    gap:60px;

    margin-bottom:50px;
}

.mb26-contact-faq__head h2 span{
    display:block;

    color:#f79333;
}

.mb26-contact-faq__head > p{
    margin:0;

    color:#736d66;

    font-size:12px;
    line-height:1.7;
}

.mb26-contact-faq__list{
    max-width:980px;
}

.mb26-contact-faq-item{
    border-top:1px solid rgba(255,255,255,.08);
}

.mb26-contact-faq-item:last-child{
    border-bottom:1px solid rgba(255,255,255,.08);
}

.mb26-contact-faq-item summary{
    min-height:78px;

    display:grid;

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

    align-items:center;

    gap:15px;

    list-style:none;

    cursor:pointer;

    transition:
        padding-left .2s ease,
        color .2s ease;
}

.mb26-contact-faq-item summary::-webkit-details-marker{
    display:none;
}

.mb26-contact-faq-item summary:hover{
    padding-left:7px;
}

.mb26-contact-faq-item__number{
    color:#f79333;

    font-size:8px;
    font-weight:900;

    letter-spacing:.1em;
}

.mb26-contact-faq-item summary strong{
    color:#d7d1c8;

    font-size:12px;
    font-weight:800;
}

.mb26-contact-faq-item__plus{
    color:#f79333;

    font-size:24px;
    font-weight:300;

    text-align:center;

    transition:transform .25s ease;
}

.mb26-contact-faq-item[open]
.mb26-contact-faq-item__plus{
    transform:rotate(45deg);
}

.mb26-contact-faq-item__content{
    max-width:760px;

    padding:
        0
        40px
        28px
        60px;
}

.mb26-contact-faq-item__content p{
    margin:0;

    color:#827b73;

    font-size:12px;
    line-height:1.75;
}

.mb26-contact-faq-item__content a{
    display:inline-flex;
    align-items:center;

    gap:7px;

    margin-top:14px;

    color:#f79333;

    font-size:9.5px;
    font-weight:850;
}

.mb26-contact-faq-item__content a svg{
    width:12px;
    height:12px;
}


/* =========================================================
   JS REVEAL
   ========================================================= */

.js .mb26-contact-reveal{
    opacity:0;

    transform:translateY(22px);

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

.js .mb26-contact-reveal.is-visible{
    opacity:1;

    transform:none;
}


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

@media (max-width:1000px){

    .mb26-contact-hero__inner{
        grid-template-columns:1fr;

        gap:40px;
    }

    .mb26-contact-hero__actions{
        max-width:500px;

        display:grid;

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

    .mb26-contact-grid{
        grid-template-columns:1fr;

        gap:55px;
    }

    .mb26-contact-info{
        position:static;
    }

}


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

@media (max-width:720px){

    /* HERO */

    .mb26-contact-hero{
        min-height:0;
    }

    .mb26-contact-hero__inner{
        gap:32px;

        padding:54px 0 48px;
    }

    .mb26-contact-hero h1{
        font-size:clamp(46px,14vw,67px);
    }

    .mb26-contact-hero p{
        margin-top:19px;

        font-size:12px;
    }

    .mb26-contact-hero__actions{
        display:flex;

        max-width:none;
    }

    .mb26-contact-main-action{
        min-height:66px;
    }

    .mb26-contact-hero::after{
        right:-5px;
        bottom:-7px;

        font-size:30vw;
    }


    /* MAIN */

    .mb26-contact-main{
        padding:61px 0 72px;
    }

    .mb26-contact-grid{
        gap:45px;
    }

    .mb26-contact-info__lead{
        margin-bottom:25px;
    }

    .mb26-contact-detail{
        min-height:81px;
    }


    /* FORM */

    .mb26-contact-form-card{
        padding:27px 20px 25px;

        border-radius:7px;
    }

    .mb26-contact-form-card__head{
        margin-bottom:25px;
    }

    .mb26-contact-form__row{
        grid-template-columns:1fr;

        gap:18px;
    }

    .mb26-contact-field input,
    .mb26-contact-field select{
        min-height:51px;
    }

    .mb26-contact-field textarea{
        min-height:165px;
    }

    .mb26-contact-form__bottom{
        flex-direction:column;
        align-items:stretch;

        gap:12px;
    }

    .mb26-contact-submit{
        width:100%;
    }

    .mb26-contact-form__bottom p{
        max-width:none;
    }


    /* FAQ */

    .mb26-contact-faq{
        padding:68px 0 78px;
    }

    .mb26-contact-faq__head{
        display:block;

        margin-bottom:35px;
    }

    .mb26-contact-faq__head > p{
        margin-top:18px;
    }

    .mb26-contact-faq-item summary{
        min-height:73px;

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

        gap:10px;
    }

    .mb26-contact-faq-item summary strong{
        font-size:11px;
        line-height:1.45;
    }

    .mb26-contact-faq-item__content{
        padding:
            0
            18px
            25px
            41px;
    }

}


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

@media (max-width:390px){

    .mb26-contact-company i{
        display:none;
    }

    .mb26-contact-company{
        gap:6px 13px;
    }

}