/* Russian Mother Divine - Coming Soon */

:root{
--bg:#f7f4ee;
--text:#ffffff;
--accent:#d7b26a;
--overlay:rgba(18,22,24,.45);
--font-heading:"Cormorant Garamond",serif;
--font-body:"Inter",sans-serif;
}

*{margin:0;padding:0;box-sizing:border-box}
html,body{height:100%}
body{
font-family:var(--font-body);
background:var(--bg);
color:var(--text);
overflow:hidden;
}

.hero{
position:relative;
min-height:100vh;
display:flex;
align-items:center;
justify-content:center;
text-align:center;
padding:2rem;
}

.hero__background{
position:absolute;
inset:0;
overflow:hidden;
}

.hero__slide{
position:absolute;
inset:0;
width:100%;
height:100%;
object-fit:cover;
opacity:0;
transform:scale(1.08);
transition:opacity 2s ease,transform 18s linear;
}

.hero__slide.active{
opacity:1;
transform:scale(1);
}

.hero__overlay{
position:absolute;
inset:0;
background:
linear-gradient(to bottom,rgba(0,0,0,.25),rgba(0,0,0,.55)),
var(--overlay);
backdrop-filter:blur(1px);
}

.hero__content{
position:relative;
z-index:2;
max-width:820px;
animation:fadeUp 1.4s ease both;
}

.hero__eyebrow{
letter-spacing:.25em;
text-transform:uppercase;
font-size:.78rem;
margin-bottom:1rem;
opacity:.9;
}

h1{
font-family:var(--font-heading);
font-size:clamp(3.5rem,8vw,6.5rem);
font-weight:600;
line-height:.95;
margin-bottom:1rem;
}

.hero__subtitle{
font-size:clamp(1.2rem,2vw,1.8rem);
margin-bottom:2rem;
}

.hero__text{
font-size:1.05rem;
line-height:1.8;
max-width:700px;
margin:0 auto 2.5rem;
opacity:.95;
}

.hero__buttons{
display:flex;
gap:1rem;
justify-content:center;
flex-wrap:wrap;
}

.button{
display:inline-flex;
align-items:center;
justify-content:center;
padding:1rem 2rem;
border-radius:999px;
text-decoration:none;
font-weight:600;
transition:.3s ease;
min-width:220px;
}

.button--primary{
background:var(--accent);
color:#222;
}

.button--primary:hover{
transform:translateY(-2px);
filter:brightness(1.05);
}

.button--ghost{
border:1px solid rgba(255,255,255,.45);
color:#fff;
backdrop-filter:blur(8px);
}

.hero__footer{
position:absolute;
left:0;
right:0;
bottom:2rem;
text-align:center;
font-size:.9rem;
letter-spacing:.08em;
opacity:.9;
z-index:2;
}

@keyframes fadeUp{
from{opacity:0;transform:translateY(24px)}
to{opacity:1;transform:none}
}

@media (max-width:768px){
.hero{padding:1.5rem}
.hero__buttons{flex-direction:column}
.button{width:100%}
.hero__footer{
bottom:1rem;
padding:0 1rem;
font-size:.8rem;
}
}