/* ─── NRSH Shared Styles ─────────────────────────────────────────── */

/* ─── CSS Variables ──────────────────────────────────────────────── */
:root {
  --bg: #F5F0E8;
  --bg2: #f5ede3;
  --card: #fffcf8;
  --dark: #5F4C49;
  --text: #5F4C49;
  --text2: rgba(95,76,73,0.75);
  --text3: rgba(95,76,73,0.5);
  --border: rgba(95,76,73,0.09);
  --accent: #C4855A;
  --accent-light: #f0d9c4;
  --peach: #f0d9c4;
  --cream: #F5F0E8;
}

/* ─── Reset & Base ───────────────────────────────────────────────── */
*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:'DM Sans',sans-serif;background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased;}

/* ─── NAV ────────────────────────────────────────────────────────── */
.n-nav{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 2.5rem;position:sticky;top:0;z-index:500;background:rgba(245,240,232,0.92);backdrop-filter:blur(12px);border-bottom:0.5px solid var(--border);}
.n-nav-logo{font-size:13px;font-weight:500;letter-spacing:0.12em;color:var(--dark);text-decoration:none;}
.n-nav-links{display:flex;gap:2.5rem;align-items:center;}
.n-nav-link{font-size:13px;color:rgba(95,76,73,0.6);background:none;border:none;outline:none;font-family:'DM Sans',sans-serif;cursor:pointer;padding:0;padding-bottom:2px;transition:color 0.2s;text-decoration:none;}
.n-nav-link:hover{color:var(--dark);}
.n-nav-link.active{color:var(--dark);border-bottom:1px solid var(--dark);}
.n-nav-cta{font-size:12px;color:var(--dark);border:0.5px solid rgba(95,76,73,0.4);padding:6px 18px;border-radius:100px;cursor:pointer;background:none;font-family:'DM Sans',sans-serif;transition:background 0.25s;text-decoration:none;}
.n-nav-cta:hover{background:rgba(95,76,73,0.07);}

/* ─── HAMBURGER ──────────────────────────────────────────────────── */
.n-hamburger{display:none;background:none;border:none;padding:4px;cursor:pointer;flex-direction:column;gap:4px;}
.n-hamburger span{display:block;width:20px;height:1.5px;background:var(--dark);border-radius:1px;transition:transform 0.3s,opacity 0.3s;}
.n-hamburger.open span:nth-child(1){transform:translateY(5.5px) rotate(45deg);}
.n-hamburger.open span:nth-child(2){opacity:0;}
.n-hamburger.open span:nth-child(3){transform:translateY(-5.5px) rotate(-45deg);}

/* ─── FOOTER ─────────────────────────────────────────────────────── */
.n-footer{padding:1.25rem 2.5rem;background:var(--bg);border-top:0.5px solid var(--border);display:flex;justify-content:space-between;align-items:center;}
.n-footer-note{font-size:11px;color:rgba(95,76,73,0.32);letter-spacing:0.04em;}
.n-footer-x{display:inline-flex;align-items:center;color:rgba(95,76,73,0.32);transition:color 0.2s;}
.n-footer-x:hover{color:var(--dark);}
.n-footer-x svg{width:14px;height:14px;fill:currentColor;}

/* ─── FADE-UP ANIMATION ─────────────────────────────────────────── */
.fade-up{opacity:0;transform:translateY(28px);transition:opacity 0.8s ease,transform 0.8s ease;}
.fade-up.visible{opacity:1;transform:translateY(0);}
.stagger-child{opacity:0;transform:translateY(24px);transition:opacity 0.7s ease,transform 0.7s ease;}
.stagger-child.visible{opacity:1;transform:translateY(0);}
@keyframes fadeUp{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}

/* ─── RESPONSIVE NAV ─────────────────────────────────────────────── */
@media(max-width:768px){
  .n-nav{padding:1rem 1.25rem;}
  .n-hamburger{display:flex;}
  .n-nav-links{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;background:rgba(245,240,232,0.97);backdrop-filter:blur(12px);padding:1.5rem 2.5rem;gap:1.25rem;border-bottom:0.5px solid var(--border);}
  .n-nav-links.open{display:flex;}
  .n-nav-cta{display:none;}
}