/* RougeSites — Layout & Sections */

.nav{
  position:fixed;
  top:0;left:0;right:0;
  z-index:9000;
  padding:28px 5vw;
  display:flex;
  justify-content:space-between;
  align-items:center;
  background:linear-gradient(to bottom,rgba(5,5,5,.82),rgba(5,5,5,0));
  backdrop-filter:blur(7px);
}
.brand{
  display:flex;
  align-items:center;
  gap:13px;
  font-size:14px;
  letter-spacing:.55em;
  font-weight:800;
}
.brand img{width:30px;height:30px;object-fit:contain;filter:brightness(1.08)}
.nav-links{
  display:flex;
  gap:36px;
  align-items:center;
  color:rgba(255,255,255,.78);
  font-size:11px;
  letter-spacing:.15em;
  text-transform:uppercase;
}
.nav-links a{transition:.25s ease}
.nav-links a:hover{color:#fff}

.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:11px;
  min-height:50px;
  padding:16px 28px;
  border:1px solid rgba(248,244,238,.32);
  background:rgba(255,255,255,.03);
  color:var(--white);
  font-size:11px;
  letter-spacing:.14em;
  text-transform:uppercase;
  font-weight:800;
  transition:.36s var(--ease);
}
.btn:hover{background:var(--white);color:#080808;transform:translateY(-2px)}
.btn.cream{background:var(--cream);border-color:var(--cream);color:#090909}

section{position:relative;overflow:hidden}

/* HERO: rebuilt, no glass card */
.hero{
  min-height:100svh;
  background:#050505;
  isolation:isolate;
  border-bottom:1px solid var(--line);
  display:flex;
  align-items:center;
  padding:180px 8vw 120px;
}
.hero-bg{
  position:absolute;
  inset:-5%;
  z-index:-2;
  background:url('../images/hero-bg.png') center right/cover no-repeat;
  opacity:.62;
  transform:scale(1.035);
  filter:brightness(.76) contrast(1.05) saturate(.9);
}
.hero::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:
    radial-gradient(circle at 72% 48%,rgba(255,255,255,.06),transparent 24%),
    linear-gradient(90deg,rgba(5,5,5,.94) 0%,rgba(5,5,5,.80) 38%,rgba(5,5,5,.34) 70%,rgba(5,5,5,.58) 100%),
    repeating-linear-gradient(90deg,rgba(255,255,255,.018) 0 1px,transparent 1px 126px);
}
.hero-mark{
  position:absolute;
  top:108px;
  left:8vw;
  display:flex;
  flex-direction:column;
  gap:8px;
  color:rgba(255,255,255,.45);
  font-size:11px;
  letter-spacing:.22em;
  text-transform:uppercase;
  font-weight:800;
}
.hero-copy{max-width:920px;position:relative;z-index:2}
.hero h1{
  font-size:clamp(64px,10vw,154px);
  line-height:.90;
  letter-spacing:-.065em;
  max-width:980px;
  overflow:visible;
  padding-bottom:.06em;
}
.hero .word{
  display:block;
  overflow:hidden;
  padding-bottom:.04em;
}
.hero .word span {
  transform: translateY(0);
}
.hero p{
  margin-top:34px;
  max-width:560px;
  font-size:18px;
  color:rgba(255,255,255,.74);
}
.hero-actions{display:flex;gap:20px;flex-wrap:wrap;margin-top:44px}
.hero-anchor{
  position:absolute;
  right:8vw;
  bottom:80px;
  display:flex;
  flex-direction:column;
  gap:8px;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(24px,2vw,34px);
  color:rgba(255,255,255,.72);
  letter-spacing:-.035em;
}

/* CREAM INTRO */
.cream-section{
  min-height:92vh;
  background:var(--cream);
  color:#090909;
  display:grid;
  grid-template-columns:.92fr 1.08fr;
  align-items:stretch;
}
.cream-copy{
  padding:110px 5vw;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.cream-copy h2{font-size:clamp(46px,5.8vw,90px);max-width:680px}
.cream-copy p{color:rgba(0,0,0,.66);max-width:540px;margin-top:34px}
.cream-img{
  min-height:580px;
  background:url('images/cream-section.png') center/cover no-repeat;
  filter:saturate(.96) contrast(1.02);
  position:relative;
}
.cream-img::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(239,232,220,.36),rgba(239,232,220,0));
}

.transition-line{
  padding:50px 5vw;
  background:#080808;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  text-align:center;
  color:rgba(255,255,255,.70);
  font-family:Georgia,"Times New Roman",serif;
  font-style:italic;
  font-size:clamp(24px,3vw,42px);
  letter-spacing:-.04em;
}

/* FEELING WORLDS */
.feeling{
  min-height:100svh;
  display:grid;
  grid-template-columns:1fr 1fr;
  align-items:center;
  background:#050505;
  border-bottom:1px solid var(--line);
}
.feeling .image-wrap{position:relative;height:100%;min-height:100svh;overflow:hidden}
.feel-image{
  position:absolute;
  inset:0;
  background-size:cover;
  background-position:center;
  transform:scale(1.08);
  filter:brightness(.74) contrast(1.08) saturate(.92);
  transition:.7s var(--ease);
}
.image-wrap:hover .feel-image{filter:brightness(.62) contrast(1.08) saturate(.92)}
.feeling .copy{padding:110px 7vw;max-width:660px;z-index:2}
.feeling h2{font-size:clamp(64px,7vw,122px)}
.feeling p{margin-top:28px;max-width:440px}
.enter-link{
  margin-top:40px;
  display:inline-flex;
  align-items:center;
  gap:12px;
  font-size:11px;
  letter-spacing:.16em;
  text-transform:uppercase;
  font-weight:800;
}
.enter-link .arrow{transition:.3s var(--ease)}
.enter-link:hover .arrow{transform:translateX(8px);color:var(--red)}
.trusted .feel-image{background-image:url('images/trusted-bg.png')}
.desired{background:#080604}
.desired .feel-image{background-image:url('images/desired-bg.png')}
.established .feel-image{background-image:url('images/established-bg.png')}

/* SERVICES */