/* Maison Rīti Coming Soon - style.css */

:root{
    --ivory:#F7F3EB;
    --gold:#B58A47;
    --text:#5F5665;
    --muted:#8D8595;
    --lavender:#E8DFF3;
    --lavender-soft:#F3EEF8;
    --divider:#CDB6E8;
}

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

html{
    -webkit-font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
}

html,body{
    width:100%;
    min-height:100svh;
}

body{
    font-family:'Inter',sans-serif;
    background:url("hero.png") center center / cover no-repeat;
    position:relative;
    overflow:hidden;
    color:var(--text);
}

.overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(
        90deg,
        rgba(247,243,235,.78) 0%,
        rgba(243,238,248,.32) 42%,
        rgba(247,243,235,.08) 100%
    );
    z-index:1;
}

.atmosphere{
    position:absolute;
    width:900px;
    height:900px;
    left:-260px;
    top:-180px;
    border-radius:50%;
    background:radial-gradient(circle,
        rgba(232,223,243,.40),
        transparent 70%);
    filter:blur(30px);
    z-index:2;
    animation:float 18s ease-in-out infinite;
}

@keyframes float{
    0%,100%{transform:translateY(0);}
    50%{transform:translateY(-20px);}
}

.hero{
    position:relative;
    z-index:5;
    min-height:100svh;
    display:flex;
    align-items:center;
    padding:7vh 8vw;
}

.content{
    max-width:540px;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
}

.logo{
    width:170px;
    margin-bottom:42px;
}

.store{
    font-size:13px;
    letter-spacing:.6em;
    color:var(--muted);
    text-transform:uppercase;
    margin-bottom:14px;
}

h1{
    font-family:"Cormorant Garamond",serif;
    font-weight:300;
    font-size:92px;
    line-height:.9;
    color:var(--gold);
    margin-bottom:28px;
}

.divider{
    width:84px;
    height:1px;
    background:linear-gradient(90deg,var(--gold),var(--divider));
    margin-bottom:32px;
}

p{
    font-size:18px;
    line-height:1.9;
    margin-bottom:18px;
    color:var(--text);
}

.signature{
    margin-top:30px;
    font-family:"Cormorant Garamond",serif;
    font-size:28px;
    letter-spacing:.22em;
    color:var(--gold);
}

@media (max-width:768px){
    body{
        overflow:auto;
        background-position:72% center;
    }

    .hero{
        min-height:100svh;
        align-items:flex-start;
        padding:48px 28px;
    }

    .logo{
        width:125px;
    }

    .store{
        font-size:11px;
    }

    h1{
        font-size:54px;
    }

    p{
        font-size:16px;
        max-width:320px;
    }

    .signature{
        font-size:22px;
    }
}