.contact2{
    --c-bg:#f5f0e8;
    --c-paper:#fffdf9;
    --c-dark:#211a16;
    --c-brown:#49382d;
    --c-gold:#aa8750;
    --c-line:rgba(33,26,22,.14);
    --c-muted:#766c64;
    background:var(--c-bg);
    color:var(--c-dark);
    direction:rtl;
}

.contact2 *{box-sizing:border-box}

.contact2-shell{
    width:min(1180px,calc(100% - 40px));
    margin:auto;
}

/* HERO */
.contact2-hero{
    min-height:430px;
    display:flex;
    align-items:center;
    position:relative;
    overflow:hidden;
    background:
        linear-gradient(90deg,rgba(25,19,15,.96),rgba(39,29,23,.90)),
        url("/profile/collections.jpg") center/cover;
    color:#fff;
}

.contact2-hero:after{
    content:"CONTACT";
    position:absolute;
    left:-25px;
    bottom:-45px;
    font-size:clamp(90px,15vw,210px);
    line-height:1;
    font-weight:700;
    letter-spacing:.05em;
    color:rgba(255,255,255,.035);
    pointer-events:none;
}

.contact2-hero .contact2-shell{
    position:relative;
    z-index:1;
    padding:85px 0;
}

.contact2-kicker{
    display:block;
    color:#c8a86e;
    font-size:12px;
    letter-spacing:.22em;
    font-weight:700;
    margin-bottom:18px;
}

.contact2-hero h1{
    margin:0 0 20px;
    font-size:clamp(42px,6vw,76px);
    line-height:1.15;
    font-weight:600;
}

.contact2-hero p{
    max-width:650px;
    margin:0;
    color:rgba(255,255,255,.74);
    font-size:17px;
    line-height:2;
}

/* CONTENT */
.contact2-content{
    padding:100px 0 110px;
}

.contact2-intro{
    max-width:700px;
    margin-bottom:55px;
}

.contact2-intro h2{
    font-size:clamp(34px,4vw,54px);
    margin:0 0 16px;
    font-weight:600;
}

.contact2-intro p{
    color:var(--c-muted);
    font-size:16px;
    line-height:2;
    margin:0;
}

.contact2-grid{
    display:grid;
    grid-template-columns:.85fr 1.35fr;
    gap:34px;
    align-items:start;
}

/* CONTACT CARDS */
.contact2-channels{
    display:grid;
    gap:18px;
}

.contact2-channel{
    background:var(--c-dark);
    color:#fff;
    padding:34px 30px;
    display:grid;
    grid-template-columns:48px 1fr;
    gap:20px;
    min-height:250px;
    position:relative;
    overflow:hidden;
    transition:transform .25s ease;
}

.contact2-channel:hover{
    transform:translateY(-4px);
}

.contact2-channel:nth-child(2){
    background:var(--c-brown);
}

.contact2-number{
    font-size:13px;
    color:#c8a86e;
    padding-top:4px;
}

.contact2-channel small{
    display:block;
    color:#c8a86e;
    letter-spacing:.13em;
    font-size:10px;
    margin-bottom:13px;
}

.contact2-channel h3{
    margin:0 0 12px;
    font-size:23px;
}

.contact2-channel p{
    color:rgba(255,255,255,.67);
    line-height:1.9;
    margin:0 0 24px;
    font-size:14px;
}

.contact2-channel a{
    color:#fff;
    text-decoration:none;
    font-size:20px;
    font-weight:600;
}

.contact2-channel a span{
    display:block;
    color:#c8a86e;
    font-size:12px;
    margin-top:9px;
    font-weight:500;
}

/* FORM */
.contact2-form-card{
    background:var(--c-paper);
    padding:48px;
    border:1px solid var(--c-line);
    box-shadow:0 20px 60px rgba(45,34,27,.07);
}

.contact2-form-head{
    margin-bottom:34px;
}

.contact2-form-head > span{
    color:var(--c-gold);
    font-size:12px;
    font-weight:700;
}

.contact2-form-head h2{
    font-size:34px;
    margin:8px 0 10px;
}

.contact2-form-head p{
    margin:0;
    color:var(--c-muted);
}

.contact2-fields{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:22px 18px;
}

.contact2-field{
    display:grid;
    gap:9px;
}

.contact2-field-full{
    grid-column:1/-1;
}

.contact2-field > span{
    font-size:13px;
    font-weight:600;
}

.contact2-field input,
.contact2-field select,
.contact2-field textarea{
    width:100%;
    border:0;
    border-bottom:1px solid #cfc6bc;
    background:transparent;
    color:var(--c-dark);
    font:inherit;
    padding:13px 2px;
    outline:none;
    transition:border-color .2s ease;
}

.contact2-field textarea{
    resize:vertical;
    min-height:130px;
}

.contact2-field input:focus,
.contact2-field select:focus,
.contact2-field textarea:focus{
    border-color:var(--c-gold);
}

.contact2-field input::placeholder,
.contact2-field textarea::placeholder{
    color:#aaa198;
}

.contact2-submit{
    margin-top:26px;
    min-width:190px;
    border:0;
    background:var(--c-dark);
    color:#fff;
    padding:16px 24px;
    font:inherit;
    font-weight:600;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:28px;
    cursor:pointer;
    transition:.25s ease;
}

.contact2-submit:hover{
    background:var(--c-gold);
}

.contact2-submit:disabled{
    opacity:.55;
    cursor:not-allowed;
}

.contact2-status{
    display:none;
    margin-top:20px;
    padding:13px 15px;
    font-size:14px;
    line-height:1.7;
}

.contact2-status.is-success{
    display:block;
    background:#eef5ec;
    color:#31552c;
    border:1px solid #cadfc5;
}

.contact2-status.is-error{
    display:block;
    background:#fff0ed;
    color:#8a3327;
    border:1px solid #efcbc4;
}

/* BOTTOM CTA */
.contact2-bottom{
    background:#e9e0d3;
    padding:80px 0;
    border-top:1px solid var(--c-line);
}

.contact2-bottom-inner{
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
    gap:30px;
}

.contact2-bottom h2{
    margin:0;
    font-size:clamp(30px,4vw,50px);
    line-height:1.35;
}

.contact2-bottom a{
    text-decoration:none;
    background:var(--c-dark);
    color:#fff;
    padding:17px 30px;
    white-space:nowrap;
    transition:.25s ease;
}

.contact2-bottom a:hover{
    background:var(--c-gold);
}

/* MOBILE */
@media(max-width:900px){
    .contact2-grid{
        grid-template-columns:1fr;
    }

    .contact2-channels{
        grid-template-columns:1fr 1fr;
    }

    .contact2-form-card{
        padding:34px 28px;
    }
}

@media(max-width:650px){
    .contact2-shell{
        width:min(100% - 28px,1180px);
    }

    .contact2-hero{
        min-height:380px;
    }

    .contact2-content{
        padding:70px 0;
    }

    .contact2-channels{
        grid-template-columns:1fr;
    }

    .contact2-channel{
        min-height:auto;
        padding:28px 22px;
    }

    .contact2-form-card{
        padding:30px 20px;
    }

    .contact2-fields{
        grid-template-columns:1fr;
    }

    .contact2-field-full{
        grid-column:auto;
    }

    .contact2-submit{
        width:100%;
    }

    .contact2-bottom-inner{
        display:block;
    }

    .contact2-bottom a{
        display:inline-block;
        margin-top:28px;
    }
}

/* =========================
   ADMINISTRATIVE OFFICE
========================= */

.contact2-location{
    padding:105px 0;
    background:#fffdf9;
    border-top:1px solid var(--c-line);
}

.contact2-location-grid{
    display:grid;
    grid-template-columns:.78fr 1.35fr;
    min-height:480px;
    background:var(--c-dark);
    box-shadow:0 25px 70px rgba(35,26,20,.12);
}

.contact2-location-info{
    padding:60px 48px;
    color:#fff;
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.contact2-location-info h2{
    margin:0 0 18px;
    font-size:clamp(34px,4vw,50px);
    font-weight:600;
}

.contact2-location-lead{
    margin:0 0 38px;
    color:rgba(255,255,255,.65);
    line-height:2;
    font-size:15px;
}

.contact2-location-address{
    padding:25px 0;
    margin-bottom:30px;
    border-top:1px solid rgba(255,255,255,.13);
    border-bottom:1px solid rgba(255,255,255,.13);
}

.contact2-location-address small{
    display:block;
    color:#c8a86e;
    font-size:10px;
    letter-spacing:.18em;
    margin-bottom:12px;
}

.contact2-location-address strong{
    display:block;
    font-size:25px;
    direction:ltr;
    text-align:right;
    margin-bottom:7px;
}

.contact2-location-address span{
    display:block;
    color:rgba(255,255,255,.72);
    font-size:15px;
}

.contact2-map-button{
    width:100%;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    padding:17px 20px;
    background:#c29a59;
    color:#211a16;
    text-decoration:none;
    font-size:13px;
    font-weight:700;
    transition:.25s ease;
}

.contact2-map-button:hover{
    background:#fff;
}

.contact2-map{
    min-height:480px;
    background:#ddd;
    overflow:hidden;
}

.contact2-map iframe{
    display:block;
    width:100%;
    height:100%;
    min-height:480px;
    border:0;
    filter:grayscale(18%) contrast(.95);
}

/* LOCATION RESPONSIVE */

@media(max-width:900px){
    .contact2-location{
        padding:75px 0;
    }

    .contact2-location-grid{
        grid-template-columns:1fr;
    }

    .contact2-location-info{
        padding:45px 35px;
    }

    .contact2-map,
    .contact2-map iframe{
        min-height:420px;
    }
}

@media(max-width:650px){
    .contact2-location{
        padding:60px 0;
    }

    .contact2-location-info{
        padding:38px 24px;
    }

    .contact2-map,
    .contact2-map iframe{
        min-height:350px;
    }
}

/* CONTACT CARDS HEIGHT ALIGNMENT */
@media (min-width:901px){

    .contact2-grid{
        align-items:stretch;
    }

    .contact2-channels{
        display:grid;
        grid-template-rows:1fr 1fr;
        gap:18px;
        height:100%;
    }

    .contact2-channel{
        min-height:0;
        height:100%;
        align-content:center;
        padding:42px 34px;
    }

    .contact2-form-card{
        height:100%;
    }
}