:root{
  --cream:#F8F6F2;
  --text:#2B2B2B;
  --beige:#D8D2C8;
  --gold:#C6A96B;
}

body{
  margin:0;
  padding-top:90px;
  font-family:'Lato', sans-serif;
  background:var(--cream);
  color:var(--text);
}

/* =========================
   HEADER
========================= */

.main-header{
  position:fixed;
  top:0;
  width:100%;
  background:rgba(248,246,242,0.85);
  backdrop-filter:blur(12px);
  border-bottom:1px solid #eae6df;
  z-index:1000;
}

.container{
  max-width:1200px;
  margin:auto;
  padding:20px 7vw;
  display:flex;
  justify-content:space-between;
  align-items:center;
}

.logo{
  font-family:'Cormorant Garamond', serif;
  font-size:22px;
  letter-spacing:2px;
}

.nav a{
  margin-left:25px;
  text-decoration:none;
  color:var(--text);
  font-size:14px;
  transition:0.3s;
}

.nav a:hover{
  opacity:0.6;
}

.nav a.cta{
  border:1px solid var(--gold);
  padding:8px 14px;
  border-radius:4px;
  color:var(--gold);
}

/* =========================
   HERO PREMIUM
========================= */

.hero{
  position:relative;
  height:90vh;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  text-align:center;
  overflow:hidden;
}

/* halo luxe */
.hero::before{
  content:"";
  position:absolute;
  width:900px;
  height:900px;
  background:radial-gradient(circle, rgba(198,169,107,0.18), transparent 60%);
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  filter:blur(80px);
  z-index:0;
}

.hero *{
  position:relative;
  z-index:1;
}

/* texte intro */
.intro{
  font-size:14px;
  letter-spacing:1px;
  opacity:0.6;
  margin-bottom:25px;
  max-width:700px;
}

/* titre premium */
.hero h1{
  font-size:110px;
  font-family:'Cormorant Garamond', serif;
  letter-spacing:4px;
  margin:10px 0;

  animation:fadeUp 1.2s ease forwards;
}

/* sous titre */
.subtitle{
  font-size:18px;
  max-width:600px;
  margin:20px auto;
  opacity:0.75;

  animation:fadeUp 1.6s ease forwards;
}

/* bouton */
.btn{
  margin-top:30px;
  border:1px solid var(--gold);
  padding:14px 32px;
  text-decoration:none;
  color:var(--text);
  transition:all 0.3s ease;

  animation:fadeUp 2s ease forwards;
}

.btn:hover{
  background:var(--gold);
  color:white;
  transform:translateY(-2px);
}

/* animation douce */
@keyframes fadeUp{
  from{
    opacity:0;
    transform:translateY(20px);
  }
  to{
    opacity:1;
    transform:translateY(0);
  }
}

/* =========================
   STORY
========================= */

.story{
  padding:120px 20px;
  background:#ffffff;
  text-align:center;
}

.story-container{
  max-width:700px;
  margin:auto;
}

.story h2{
  font-family:'Cormorant Garamond', serif;
  font-size:40px;
  margin-bottom:30px;
}

.story p{
  margin-bottom:20px;
  line-height:1.7;
  color:#555;
}