/* =====================================================
CONTACT STUDIO
===================================================== */

.contact-studio{

    position:relative;

    padding:140px 0;

    overflow:hidden;

    background:

    linear-gradient(
    rgba(7,16,20,.88),
    rgba(7,16,20,.93)
    ),

    url("./Industrial operations intelligence.webp");

    background-size:cover;

    background-position:center;

    background-repeat:no-repeat;

    background-attachment:fixed;

}
.contact-studio::before{

    content:"";

    position:absolute;

    top:-300px;

    right:-250px;

    width:700px;

    height:700px;

    border-radius:50%;

    background:

    radial-gradient(
    rgba(198,161,91,.08),
    transparent 70%
    );

    pointer-events:none;

}

.contact-studio::after{

    content:"";

    position:absolute;

    bottom:-250px;

    left:-250px;

    width:600px;

    height:600px;

    border-radius:50%;

    background:

    radial-gradient(
    rgba(255,255,255,.03),
    transparent 70%
    );

    pointer-events:none;

}

.contact-wrapper{

    width:min(1400px,92%);

    margin:auto;

}

.contact-studio-grid{

    display:grid;

    grid-template-columns:
    .95fr
    1.05fr;

    gap:80px;

    align-items:start;

}


.contact-studio-info{

    position:sticky;

    top:120px;

    padding:50px;

    border-radius:30px;

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

    backdrop-filter:
    blur(24px);

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

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

}
.contact-studio-tag{

    color:#C6A15B;

    font-size:12px;

    letter-spacing:3px;

    text-transform:uppercase;

    font-family:
    "JetBrains Mono",
    monospace;

}

.contact-studio-info h2{

    margin-top:28px;

    color:#F4F1EA;

    font-size:42px;

    line-height:1.05;

    font-weight:500;

}

.contact-studio-info p{

    margin-top:30px;

    color:#C4CECA;

    font-size:20px;

    line-height:1.9;

}

.contact-channel-list{

    margin-top:60px;

    display:flex;

    flex-direction:column;

    gap:24px;

}

.contact-channel-item{

    padding:24px;

    border-radius:20px;

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

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

}

.contact-channel-item span{

    display:block;

    color:#C6A15B;

    margin-bottom:12px;

    font-size:12px;

    letter-spacing:2px;

    font-family:
    "JetBrains Mono",
    monospace;

}

.contact-channel-item a{

    color:#F4F1EA;

    text-decoration:none;

}

.contact-social-grid{

    margin-top:40px;

    display:grid;

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

    gap:16px;

}

.contact-social-grid a{

    padding:18px;

    text-align:center;

    text-decoration:none;

    color:#F4F1EA;

    border-radius:16px;

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

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

}

.contact-studio-form{

    padding:50px;

    border-radius:32px;

    background:

    linear-gradient(
    rgba(12,18,24,.82),
    rgba(7,16,20,.92)
    );

    backdrop-filter:
    blur(28px);

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

}

.contact-form-head span{

    color:#C6A15B;

    font-size:12px;

    letter-spacing:3px;

    font-family:
    "JetBrains Mono",
    monospace;

}

.contact-form-head h3{

    margin-top:24px;

    color:#F4F1EA;

    font-size:42px;

}

.contact-send-btn{

    margin-top:20px;

    width:100%;

    padding:18px;

    border:none;

    border-radius:100px;

    background:#C6A15B;

    color:#071014;

    cursor:pointer;

}

@media(max-width:992px){

.contact-studio-grid{

    grid-template-columns:1fr;

}

.contact-studio-info{

    position:relative;

    top:auto;

}

}

@media(max-width:768px){

.contact-studio{

    padding:80px 0;

}

.contact-studio-info h2{

    font-size:38px;

}

.contact-studio-info p{

    font-size:17px;

}

.contact-studio-form{

    padding:30px;

}

.contact-social-grid{

    grid-template-columns:1fr;

}

}