@font-face{
  font-family:'Chewy';
  src:url('./fonts/Chewy-Regular.ttf') format('truetype');
  font-weight:400;
  font-style:normal;
  font-display:swap;
}

:root{
  --forest:#1E5C4A;
  --forest-deep:#12362C;
  --leaf:#2FA88A;
  --river:#4FC3E0;
  --river-deep:#2C7C93;
  --parchment:#F6EAD0;
  --parchment-light:#FCF6E8;
  --ink:#2B2118;
  --ink-soft:#4A3D2E;
  --gold:#E0A63A;
  --radius:20px;
}

*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}

body{
  font-family:'Nunito Sans',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  background:var(--parchment-light);
  color:var(--ink);
  overflow-x:hidden;
}

h1,h2,h3,h4,.display{
  font-family:'Chewy',cursive;
  font-weight:400;
  line-height:1.15;
  letter-spacing:0.3px;
}

a{color:inherit;text-decoration:none;}
img{display:block;max-width:100%;}
button,select{font:inherit;}
button{cursor:pointer;}

.wrap{
  max-width:1180px;
  margin:0 auto;
  padding:0 32px;
}

/* ===== NAV ===== */
nav{
  position:fixed;
  top:0;
  left:0;
  right:0;
  z-index:50;
  background:rgba(246,234,208,0.88);
  backdrop-filter:blur(8px);
  border-bottom:1px solid rgba(43,33,24,0.08);
}

nav .wrap{
  display:flex;
  align-items:center;
  justify-content:space-between;
  height:76px;
}

.brand{
  display:flex;
  align-items:center;
  gap:10px;
}

.brand-logo{
  height:80px;
  border-radius:6px;
}

.nav-links{
  display:flex;
  gap:34px;
  font-weight:700;
  font-size:0.92rem;
}

.nav-links a{
  opacity:0.75;
  transition:opacity .2s;
}

.nav-links a:hover{opacity:1;}

.nav-cta{
  background:var(--forest);
  color:var(--parchment-light);
  font-weight:700;
  padding:15px 30px;
  border-radius:100px;
  font-size:1rem;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  transition:transform .2s,box-shadow .2s;
}

.nav-cta:hover{
  transform:translateY(-3px);
  box-shadow:0 14px 28px rgba(30,92,74,0.32);
}

.sr-only{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0;
}

@media(max-width:820px){
  .nav-links{display:none;}
}