:root{
    --cream:#f8f5ef;
    --cream2:#f2ede4;
    --burgundy:#7b1634;
    --gold:#caa34d;
    --text:#2d2d2d;
}

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

html{
    scroll-behavior:smooth;
}

body{
    background:linear-gradient(180deg,var(--cream),var(--cream2));
    min-height:100vh;
    font-family:'Inter',sans-serif;
    color:var(--text);
    overflow-x:hidden;
    position:relative;
}

/* soft glow */
.background-blur{
    position:fixed;
    inset:0;
    background:
    radial-gradient(circle at top,#ffffff 0%,transparent 55%),
    radial-gradient(circle at bottom,#fff8eb 0%,transparent 50%);
    z-index:-5;
}

/* botanical shadows */
.leaf{
    position:fixed;
    width:320px;
    height:320px;
    opacity:.08;
    filter:blur(1px);
    background:
    radial-gradient(circle,#000 3px,transparent 4px);
}

.left{
    top:120px;
    left:-100px;
    transform:rotate(-25deg);
}

.right{
    bottom:80px;
    right:-90px;
    transform:rotate(18deg);
}

/* burgundy silk corners */

.corner{
    position:fixed;
    width:320px;
    height:320px;
    pointer-events:none;
    z-index:-1;
}

.top-right{

    top:0;
    right:0;

    background:
    radial-gradient(circle at top right,
    rgba(123,22,52,.95),
    rgba(123,22,52,.85),
    transparent 72%);
}

.bottom-left{

    bottom:0;
    left:0;

    background:
    radial-gradient(circle at bottom left,
    rgba(123,22,52,.95),
    rgba(123,22,52,.82),
    transparent 72%);
}

.hero{

    width:min(900px,92%);
    margin:auto;

    text-align:center;

    padding:70px 20px 50px;

}

.logo{

    width:240px;

    max-width:70vw;

    animation:fadeUp 1.2s ease;

}

h1{

    margin-top:25px;

    font-size:4rem;

    font-family:'Cormorant Garamond',serif;

    letter-spacing:4px;

    color:var(--burgundy);

}

.divider{

    width:180px;

    height:2px;

    margin:28px auto;

    background:linear-gradient(90deg,transparent,var(--gold),transparent);

}

h2{

    letter-spacing:8px;

    color:var(--burgundy);

    font-size:1.25rem;

    margin-bottom:30px;

    font-weight:500;

}

p{

    max-width:650px;

    margin:auto;

    line-height:2;

    color:#555;

    font-size:1.05rem;

}

.instagram{

    margin:55px auto;

    display:flex;

    align-items:center;

    justify-content:center;

    gap:18px;

    width:fit-content;

    padding:18px 30px;

    border:1.5px solid var(--gold);

    border-radius:18px;

    color:var(--burgundy);

    text-decoration:none;

    transition:.35s;

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

    backdrop-filter:blur(8px);

}

.instagram:hover{

    transform:translateY(-4px);

    box-shadow:0 15px 35px rgba(123,22,52,.15);

}

.instagram span{

    display:block;

    font-size:.8rem;

    letter-spacing:2px;

}

.instagram strong{

    font-size:1rem;

}

.launch{

    margin-top:20px;

    letter-spacing:6px;

    color:var(--burgundy);

    font-family:'Cormorant Garamond',serif;

    font-size:1.5rem;

}

footer{

    margin-top:45px;

    font-size:.85rem;

    opacity:.65;

}

@keyframes fadeUp{

    from{

        opacity:0;

        transform:translateY(35px);

    }

    to{

        opacity:1;

        transform:none;

    }

}

@media(max-width:768px){

    h1{

        font-size:2.6rem;

        letter-spacing:2px;

    }

    h2{

        font-size:1rem;

        letter-spacing:4px;

    }

    .logo{

        width:180px;

    }

    p{

        font-size:.95rem;

        line-height:1.8;

    }

    .instagram{

        width:100%;

    }

}