.elementor-5233 .elementor-element.elementor-element-5cc91d7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5233 .elementor-element.elementor-element-a9d475f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5233 .elementor-element.elementor-element-b162fe6{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5233 .elementor-element.elementor-element-53264e2{--display:flex;--min-height:0px;}.elementor-5233 .elementor-element.elementor-element-53264e2:not(.elementor-motion-effects-element-type-background), .elementor-5233 .elementor-element.elementor-element-53264e2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-5233 .elementor-element.elementor-element-eb24dfd{padding:0px 0px 0px 0px;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-274b0e3 *//* =====================================================
   ABOUT US SECTION
   Prefix: au-
   No Conflict with Other Sections
===================================================== */

.au-section{
    background:#0d0d0d;
    color:#f3efe9;
    padding:120px 0;
    overflow:hidden;
    position:relative;
}

.au-container{
    width:min(1400px,92%);
    margin:auto;
    display:grid;
    grid-template-columns:42% 58%;
    align-items:center;
    gap:80px;
}

/* ===========================
   LEFT
=========================== */

.au-left{
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    height:650px;
}

.au-top-text{
    max-width:280px;
    color:#cfcfcf;
    font-size:15px;
    line-height:1.8;
    font-family:Inter,sans-serif;
    opacity:.8;
}

.au-title{
    font-family:"Cormorant Garamond",serif;
    font-size:clamp(90px,10vw,170px);
    line-height:.88;
    letter-spacing:-4px;
    font-weight:500;
    color:#f2ece4;
}

.au-title span{
    display:block;
    margin-left:120px;
}

/* ===========================
   IMAGE GRID
=========================== */

.au-gallery{

    display:grid;

    grid-template-columns:1fr 1fr 1fr;

    gap:22px;

    height:700px;

    align-items:end;

}

/* Different Heights (Editorial Style) */

.au-img-1{

    height:560px;

}

.au-img-2{

    height:700px;

}

.au-img-3{

    height:620px;

}

.au-img{

    overflow:hidden;

    background:#181818;

    position:relative;

    border-radius:2px;

}

.au-img img{

    width:100%;

    height:100%;

    object-fit:cover;

    transition:1.1s ease;

    transform:scale(1);

    filter:grayscale(100%);

}

.au-img:hover img{

    transform:scale(1.08);

}

/* ===========================
   Bottom Text
=========================== */

.au-bottom-text{

    position:absolute;

    right:5%;

    bottom:80px;

    max-width:290px;

    color:#d0d0d0;

    font-size:15px;

    line-height:1.8;

    font-family:Inter,sans-serif;

    opacity:.85;

}

/* ===========================
   Animation Classes
=========================== */

.au-left,
.au-img,
.au-bottom-text{

    opacity:0;

    transform:translateY(60px);

    transition:
    opacity .9s ease,
    transform .9s ease;

}

.au-show{

    opacity:1;

    transform:translateY(0);

}

/* ===========================
   Mobile
=========================== */

@media(max-width:991px){

.au-container{

grid-template-columns:1fr;

gap:60px;

}

.au-left{

height:auto;

}

.au-title{

font-size:72px;

}

.au-title span{

margin-left:0;

}

.au-top-text{

max-width:100%;

margin-bottom:40px;

}

.au-gallery{

grid-template-columns:1fr;

height:auto;

gap:18px;

}

.au-img,
.au-img-1,
.au-img-2,
.au-img-3{

height:420px;

}

.au-bottom-text{

position:relative;

right:auto;

bottom:auto;

margin-top:30px;

max-width:100%;

}

}

/* ===========================
   Small Phones
=========================== */

@media(max-width:576px){

.au-section{

padding:80px 0;

}

.au-title{

font-size:56px;

line-height:.95;

letter-spacing:-2px;

}

.au-top-text{

font-size:14px;

}

.au-gallery{

gap:14px;

}

.au-img,
.au-img-1,
.au-img-2,
.au-img-3{

height:300px;

}

.au-bottom-text{

font-size:14px;

line-height:1.7;

}

}

/* ===========================
   MOBILE RESPONSIVE FIX
=========================== */

@media (max-width:768px){

.au-section{
    padding:70px 0;
    overflow:hidden;
}

.au-container{
    width:92%;
    display:flex;
    flex-direction:column;
    gap:45px;
}

.au-left{
    height:auto;
}

.au-top-text{
    max-width:100%;
    margin-bottom:25px;
    font-size:14px;
    line-height:1.8;
}

.au-title{
    font-size:58px;
    line-height:.9;
    letter-spacing:-2px;
}

.au-title span{
    margin-left:0;
}

/* ===== Gallery ===== */

.au-gallery{

    display:grid;

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

    gap:10px;

    height:260px;

    align-items:stretch;

}

.au-img,
.au-img-1,
.au-img-2,
.au-img-3{

    width:100%;
    height:260px !important;

    border-radius:8px;

    overflow:hidden;

}

.au-img img{

    width:100%;
    height:100%;

    object-fit:cover;

    object-position:center;

    transform:none !important;

}

.au-bottom-text{

    position:relative;
    right:auto;
    bottom:auto;

    max-width:100%;

    font-size:14px;

    line-height:1.7;

    margin-top:5px;

}

}/* End custom CSS */