.elementor-17 .elementor-element.elementor-element-1137cf7{--display:flex;--min-height:74vh;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-d5ac30f *//*==================================================
MOIN HAUTE COUTURE
ABOUT HERO
==================================================*/

.about-hero{

    background:#F8F4EE;

    min-height:82vh;

    display:flex;

    align-items:center;

    justify-content:center;

    padding:100px 20px 70px;

    overflow:hidden;

}

.about-container{

    width:min(900px,92%);

    margin:auto;

    text-align:center;

}

/*------------------------------------
LABEL
------------------------------------*/

.about-label{

    display:inline-block;

    padding:9px 20px;

    background:#EFE7DE;

    border:1px solid #E5DBCF;

    border-radius:999px;

    font-family:'Poppins',sans-serif;

    font-size:11px;

    font-weight:500;

    letter-spacing:3px;

    text-transform:uppercase;

    color:#8B7B6A;

    margin-bottom:28px;

}

/*------------------------------------
TITLE
------------------------------------*/

.about-title{

    margin:0;

    font-family:"Cormorant Garamond",serif;

    font-size:76px;

    line-height:.95;

    font-weight:500;

    color:#1B1B1B;

    letter-spacing:-1px;

}

/*------------------------------------
TEXT
------------------------------------*/

.about-intro{

    width:min(640px,100%);

    margin:34px auto 0;

    font-family:'Poppins',sans-serif;

    font-size:16px;

    line-height:1.95;

    color:#666;

}

/*------------------------------------
SCROLL
------------------------------------*/

.about-scroll{

    margin-top:60px;

    display:flex;

    flex-direction:column;

    align-items:center;

    gap:14px;

}

.about-scroll span{

    font-family:'Poppins',sans-serif;

    font-size:11px;

    letter-spacing:4px;

    text-transform:uppercase;

    color:#8A7A69;

}

.scroll-line{

    width:1px;

    height:70px;

    background:#D6C9BA;

    animation:scrollMove 2s ease-in-out infinite;

}

@keyframes scrollMove{

0%{

transform:translateY(0);

opacity:.4;

}

50%{

transform:translateY(10px);

opacity:1;

}

100%{

transform:translateY(0);

opacity:.4;

}

}

/*------------------------------------
ENTRANCE ANIMATION
------------------------------------*/

.about-label,
.about-title,
.about-intro,
.about-scroll{

    opacity:0;

    transform:translateY(30px);

    animation:fadeUp .9s ease forwards;

}

.about-title{

animation-delay:.15s;

}

.about-intro{

animation-delay:.35s;

}

.about-scroll{

animation-delay:.55s;

}

@keyframes fadeUp{

to{

opacity:1;

transform:translateY(0);

}

}

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

@media(max-width:1024px){

.about-title{

font-size:60px;

}

.about-intro{

font-size:15px;

}

}

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

@media(max-width:768px){

.about-hero{

min-height:auto;

padding:80px 20px 60px;

}

.about-title{

font-size:42px;

line-height:1.05;

}

.about-intro{

font-size:14px;

line-height:1.8;

margin-top:24px;

}

.about-scroll{

margin-top:45px;

}

.scroll-line{

height:50px;

}

.about-label{

font-size:10px;

letter-spacing:2px;

padding:8px 16px;

}

}
/*=========================================
OUR STORY
=========================================*/

.moin-story{

    background:#F8F4EE;

    padding:40px 20px 100px;

}

.story-container{

    max-width:1250px;

    margin:auto;

}

/* Hero Image */

.story-hero-image{

    margin-bottom:90px;

    overflow:hidden;

    border-radius:6px;

}

.story-hero-image img{

    width:100%;

    height:65vh;

    object-fit:cover;

    display:block;

    transition:transform 1s ease;

}

.story-hero-image:hover img{

    transform:scale(1.03);

}

/* Grid */

.story-grid{

    display:grid;

    grid-template-columns:1fr 500px;

    gap:80px;

    align-items:center;

}

/* Left */

.story-label{

    display:inline-block;

    margin-bottom:18px;

    font-family:Poppins,sans-serif;

    font-size:12px;

    letter-spacing:4px;

    color:#8A7A69;

    text-transform:uppercase;

}

.story-left h2{

    font-family:"Cormorant Garamond",serif;

    font-size:58px;

    line-height:1;

    color:#1B1B1B;

    margin-bottom:28px;

}

.story-left p{

    font-family:Poppins,sans-serif;

    color:#666;

    font-size:16px;

    line-height:1.9;

    margin-bottom:24px;

}

/* Right */

.story-right{

    overflow:hidden;

    border-radius:6px;

}

.story-right img{

    width:100%;

    aspect-ratio:4/5;

    object-fit:cover;

    display:block;

    transition:transform .8s ease;

}

.story-right:hover img{

    transform:scale(1.04);

}

/* Tablet */

@media(max-width:991px){

.story-grid{

grid-template-columns:1fr;

gap:50px;

}

.story-left h2{

font-size:46px;

}

.story-right{

max-width:500px;

margin:auto;

}

}

/* Mobile */

@media(max-width:768px){

.moin-story{

padding:20px 20px 70px;

}

.story-hero-image{

margin-bottom:55px;

}

.story-hero-image img{

height:45vh;

}

.story-left{

text-align:center;

}

.story-left h2{

font-size:36px;

}

.story-left p{

font-size:15px;

}

}
/*=========================================
THE ART OF COUTURE
=========================================*/

.moin-craft{

    background:#F8F4EE;

    padding:90px 20px;

}

.craft-container{

    max-width:1180px;

    margin:auto;

}

.craft-heading{

    text-align:center;

    max-width:720px;

    margin:0 auto 70px;

}

.craft-heading span{

    display:block;

    margin-bottom:18px;

    font-family:Poppins,sans-serif;

    font-size:12px;

    letter-spacing:4px;

    text-transform:uppercase;

    color:#8A7A69;

}

.craft-heading h2{

    font-family:"Cormorant Garamond",serif;

    font-size:56px;

    font-weight:500;

    color:#1B1B1B;

    margin-bottom:24px;

}

.craft-heading p{

    font-family:Poppins,sans-serif;

    color:#666;

    line-height:1.9;

    font-size:16px;

}

.craft-grid{

    display:grid;

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

    gap:30px;

}

.craft-card{

    background:#fff;

    padding:42px 36px;

    border:1px solid #E9DED2;

    transition:.4s ease;

}

.craft-card:hover{

    transform:translateY(-8px);

    box-shadow:0 18px 45px rgba(0,0,0,.06);

}

.craft-number{

    font-family:"Cormorant Garamond",serif;

    font-size:52px;

    color:#D5C7B6;

    margin-bottom:18px;

}

.craft-card h3{

    font-family:"Cormorant Garamond",serif;

    font-size:32px;

    font-weight:500;

    color:#1B1B1B;

    margin-bottom:18px;

}

.craft-card p{

    font-family:Poppins,sans-serif;

    color:#666;

    line-height:1.8;

    font-size:15px;

}

/* Tablet */

@media(max-width:991px){

.craft-grid{

grid-template-columns:1fr;

gap:24px;

}

}

/* Mobile */

@media(max-width:768px){

.moin-craft{

padding:70px 20px;

}

.craft-heading{

margin-bottom:50px;

}

.craft-heading h2{

font-size:38px;

}

.craft-card{

padding:32px 28px;

}

.craft-number{

font-size:42px;

}

.craft-card h3{

font-size:28px;

}

}
/*====================================
COUTURE JOURNEY
====================================*/

.moin-journey{

    background:#F8F4EE;

    padding:110px 20px;

}

.journey-heading{

    max-width:720px;

    margin:auto;

    text-align:center;

    margin-bottom:90px;

}

.journey-heading span{

    font-family:Poppins,sans-serif;

    letter-spacing:4px;

    font-size:12px;

    color:#8A7A69;

    text-transform:uppercase;

}

.journey-heading h2{

    font-family:"Cormorant Garamond",serif;

    font-size:58px;

    color:#1B1B1B;

    margin:20px 0;

}

.journey-heading p{

    font-family:Poppins,sans-serif;

    color:#666;

    line-height:1.9;

}

.journey-timeline{

    max-width:900px;

    margin:auto;

    position:relative;

    height:1200px;

}

.journey-path{

    position:absolute;

    width:100%;

    height:100%;

}

.journey-path path{

    fill:none;

    stroke:#D7CBBB;

    stroke-width:2;

}

.step{

    position:absolute;

    width:260px;

}

.step span{

    display:block;

    font-family:"Cormorant Garamond",serif;

    font-size:46px;

    color:#C8B7A3;

    margin-bottom:10px;

}

.step h3{

    font-family:"Cormorant Garamond",serif;

    font-size:30px;

    color:#1B1B1B;

    margin-bottom:10px;

}

.step p{

    font-family:Poppins,sans-serif;

    font-size:15px;

    color:#666;

    line-height:1.8;

}

/* Positions */

.step1{

left:0;

top:40px;

}

.step2{

right:0;

top:250px;

}

.step3{

left:0;

top:500px;

}

.step4{

right:0;

top:760px;

}

.step5{

left:0;

top:1020px;

}

/* Mobile */

@media(max-width:768px){

.moin-journey{

padding:80px 20px;

}

.journey-heading h2{

font-size:38px;

}

.journey-timeline{

height:auto;

display:flex;

flex-direction:column;

gap:45px;

}

.journey-path{

display:none;

}

.step{

position:relative;

left:auto;

right:auto;

top:auto;

width:100%;

padding-left:22px;

border-left:2px solid #D7CBBB;

}

.step span{

font-size:34px;

}

.step h3{

font-size:26px;

}

}/* End custom CSS */