:root{
  --cream:#f7f4f0;
  --warm:#ede8e1;
  --stone:#c9b99a;
  --stone-dark:#9c8a72;
  --text:#1c1a18;
  --text2:#6b6258;
  --text3:#9c9088;
  --white:#ffffff;
  --border:#e5dfd7;
  --serif:"Cormorant Garamond",Georgia,serif;
  --sans:"Inter",sans-serif;
}

body.test-design{
  font-family:var(--sans);
  -webkit-font-smoothing:antialiased;
}

.nav{
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0 48px;
  height:64px;
  background:rgba(247,244,240,0.92);
  border-bottom:1px solid var(--border);
  position:fixed;
  top:0;
  left:0;
  right:0;
  z-index:100;
  backdrop-filter:blur(10px);
}

.nav-links{
  display:flex;
  gap:32px;
  font-size:13px;
  font-weight:500;
  letter-spacing:1.5px;
  text-transform:uppercase;
}

.nav-links a{
  text-decoration:none;
  color:var(--text2);
  transition:color .2s;
}

.nav-links a:hover,
.nav-links a.active{
  color:var(--text);
}

.nav-burger{
  display:none;
  background:none;
  border:none;
  padding:8px;
  cursor:pointer;
  color:var(--text);
  font-size:22px;
  line-height:1;
}

.mobile-nav{
  position:fixed;
  inset:0;
  background:var(--cream);
  z-index:200;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  opacity:0;
  visibility:hidden;
  transform:translateY(-12px);
  transition:opacity .3s ease,transform .3s ease,visibility 0s linear .3s;
}

.mobile-nav.open{
  opacity:1;
  visibility:visible;
  transform:translateY(0);
  transition:opacity .3s ease,transform .3s ease,visibility 0s;
}

.mobile-nav-close{
  position:absolute;
  top:20px;
  right:20px;
  background:none;
  border:none;
  padding:10px;
  cursor:pointer;
  color:var(--text);
  font-size:26px;
  line-height:1;
}

.mobile-nav-links{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:26px;
}

.mobile-nav-links a{
  font-family:var(--serif);
  font-size:26px;
  font-weight:300;
  color:var(--text);
  text-decoration:none;
  letter-spacing:.3px;
}

.mobile-nav-links a.active{
  color:var(--stone-dark);
  font-style:italic;
}

.test-footer{
  background:var(--text);
}

.pagination{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  margin:32px auto 0;
  font-size:13px;
}

.pagination .page-link,
.pagination span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:42px;
  min-height:42px;
  padding:0 14px;
  border:1px solid var(--border);
  background:var(--white);
  color:var(--text2);
  text-decoration:none;
}

.pagination .page-link:hover{
  color:var(--text);
  border-color:var(--stone);
}

@media(max-width:768px){
  .nav{
    padding:0 20px;
    justify-content:flex-end !important;
  }

  .nav-links{
    display:none;
  }

  .nav-burger{
    display:block;
  }

}

body{transition:opacity .4s ease,transform .4s ease}
body.page-enter{opacity:0;transform:translateY(8px)}
body.page-leave{opacity:0;transform:translateY(-8px);transition:opacity .28s ease,transform .28s ease}
.body-reveal-item{opacity:0;transform:translateY(16px);transition:opacity .8s cubic-bezier(.16,.8,.24,1),transform .8s cubic-bezier(.16,.8,.24,1)}
.body-reveal-item.is-visible{opacity:1;transform:translateY(0)}
.card-pop-item{opacity:0;transform:scale(0.9) translateY(22px);box-shadow:0 0px 0px 0px rgba(28,26,24,0);transition:opacity .8s cubic-bezier(.16,.8,.24,1),transform .8s cubic-bezier(.16,.8,.24,1),box-shadow .8s ease}
.card-pop-item.is-visible{opacity:1;transform:scale(1) translateY(0);box-shadow:0 24px 50px -14px rgba(28,26,24,0.28)}
.card-scale-item{opacity:0;transform:scale(0.92);transition:opacity .6s cubic-bezier(.16,.8,.24,1),transform .6s cubic-bezier(.16,.8,.24,1)}
.card-scale-item.is-visible{opacity:1;transform:scale(1)}
.line-draw-item{transform:scaleY(0);transform-origin:top;transition:transform .6s cubic-bezier(.16,.8,.24,1)}
.line-draw-item.is-visible{transform:scaleY(1)}
.cursor-glow{position:fixed;top:0;left:0;width:38px;height:38px;border-radius:50%;pointer-events:none;z-index:99999;background:radial-gradient(circle,rgba(255,253,248,0.42) 0%,rgba(201,185,154,0.2) 45%,rgba(201,185,154,0) 72%);filter:blur(6px);opacity:0;transition:opacity .9s ease,width .7s ease,height .7s ease,background .7s ease}
.cursor-glow.active{opacity:1;transition:opacity .3s ease,width .7s ease,height .7s ease,background .7s ease}
.cursor-glow.cursor-hover{width:70px;height:70px;background:radial-gradient(circle,rgba(255,253,248,0.5) 0%,rgba(201,185,154,0.24) 48%,rgba(201,185,154,0) 75%)}
@media(prefers-reduced-motion:reduce){
  body{transition:none!important}
  body.page-enter,body.page-leave{opacity:1!important;transform:none!important}
  .body-reveal-item{opacity:1!important;transform:none!important;transition:none!important}
  .cursor-glow{display:none!important}
}