:root {
    --ivory: #f4efe6;
    --paper: #f7f2e9;
    --ink: #746b61;
    --ink-soft: #9a9084;
    --line: rgba(116, 107, 97, 0.28);
}

* {
    box-sizing: border-box;
}

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

body {
    margin: 0;
    color: var(--ink);
    background:
        radial-gradient(circle at 15% 12%, rgba(255,255,255,.8), transparent 28%),
        radial-gradient(circle at 85% 82%, rgba(215,202,183,.35), transparent 32%),
        var(--ivory);

    font-family: Arial, Helvetica, sans-serif;
}

.coming-soon {

    position: relative;

    min-height: 100vh;

    display: flex;
    align-items: center;
    justify-content: center;

    overflow: hidden;

    padding: 48px 20px;

}

.coming-soon__card {

    position: relative;
    z-index: 2;

    width: min(100%,580px);

    padding: 66px 48px 58px;

    border: 1px solid rgba(116,107,97,.15);

    background:
        linear-gradient(rgba(255,255,255,.18), rgba(255,255,255,.18)),
        var(--paper);

    box-shadow:
        0 28px 80px rgba(91,78,64,.12),
        inset 0 0 50px rgba(255,255,255,.45);

    text-align: center;

}

.coming-soon__card::before {

    position: absolute;
    inset: 10px;

    border: 1px solid rgba(116,107,97,.08);

    content: "";

}

.brand-branch {

    position: relative;

    width: 58px;
    height: 82px;

    margin: 0 auto;

}

.brand-branch__stem {

    position: absolute;

    left: 29px;
    bottom: 3px;

    width: 1px;
    height: 74px;

    background: var(--ink);

    transform: rotate(-5deg);

}

.brand-branch__leaf {

    position: absolute;

    width: 15px;
    height: 7px;

    border: 1px solid var(--ink);

    border-radius: 100% 0 100% 0;

}

.brand-branch__leaf--1 {
    left:12px;
    top:47px;
    transform:rotate(22deg);
}

.brand-branch__leaf--2 {
    left:31px;
    top:37px;
    transform:rotate(-43deg);
}

.brand-branch__leaf--3 {
    left:14px;
    top:29px;
    transform:rotate(28deg);
}

.brand-branch__leaf--4 {
    left:30px;
    top:19px;
    transform:rotate(-47deg);
}

.brand-branch__leaf--5 {
    left:18px;
    top:10px;
    transform:rotate(30deg);
}

.brand-branch__leaf--6 {
    left:27px;
    top:0;
    transform:rotate(-55deg);
}

.coming-soon__brand {

    margin: 20px 0 18px;

    font-family: Georgia,"Times New Roman",serif;

    font-size: clamp(48px,8vw,76px);

    line-height: .82;

}

.coming-soon__brand span {

    display:block;

}

.coming-soon__brand span:last-child {

    margin-top:13px;

    font-size:.72em;

}

.coming-soon__line {

    width:70px;
    height:1px;

    margin:30px auto 22px;

    background:var(--line);

}

.coming-soon__slogan {

    margin:0;

    color:var(--ink-soft);

    line-height:1.55;

    font-size:14px;

    letter-spacing:.08em;

}

.coming-soon__heart {

    margin:17px 0 28px;

    font-size:27px;

}

.coming-soon__title {

    margin:0;

    font-family:Georgia,"Times New Roman",serif;

    font-size:40px;

    font-weight:400;

}

.coming-soon__text {

    margin:22px auto 0;

    max-width:390px;

    color:var(--ink-soft);

    line-height:1.8;

}

.coming-soon__signature {

    margin-top:34px;

    font-family:Georgia,"Times New Roman",serif;

    font-style:italic;

}

.coming-soon__decor {

    position:absolute;

    width:380px;
    height:380px;

    border:1px solid rgba(116,107,97,.08);

    border-radius:50%;

}

.coming-soon__decor--left {

    left:-220px;
    bottom:-180px;

}

.coming-soon__decor--right {

    top:-230px;
    right:-190px;

}

@media (max-width:600px){

    .coming-soon{

        padding:16px;

    }

    .coming-soon__card{

        padding:42px 24px;

    }

    .brand-branch{

        transform:scale(.88);

    }

}