body { margin: 0; background: #F6F2EA; color: #1B1F2A; font-family: 'Instrument Sans', system-ui, sans-serif; -webkit-font-smoothing: antialiased; }
* { box-sizing: border-box; }
a { color: inherit; text-decoration: none; }
a:hover { color: #8A6A3D; }
::selection { background: #E8DCC4; color: #1B1F2A; }

@keyframes wvg-fade { from { opacity: 0; transform: translate3d(0,18px,0); } to { opacity: 1; transform: none; } }
main { animation: wvg-fade 520ms cubic-bezier(.16,.84,.34,1) both; }
@media (prefers-reduced-motion: reduce) { main { animation: none !important; } }

@media (max-width: 980px) {
  header { flex-wrap: wrap; gap: 14px 20px; }
  header nav { width: 100%; gap: 14px 18px !important; flex-wrap: wrap; font-size: 11px !important; }
}

.btn-nav-cta { border: 1px solid #1B1F2A2e; padding: 9px 18px; border-radius: 2px; color: #1B1F2A; white-space: nowrap; transition: background .15s, color .15s, border-color .15s; }
.btn-nav-cta:hover { background: #1B1F2A; color: #F6F2EA; border-color: #1B1F2A; }

.btn-primary { display: inline-block; background: #1B1F2A; color: #F6F2EA; padding: 17px 32px; font-size: 15px; white-space: nowrap; transition: background .15s; }
.btn-primary:hover { background: #8A6A3D; color: #F6F2EA; }

.btn-instagram { display: inline-flex; align-items: center; gap: 12px; background: #F6F2EA; color: #1B1F2A; padding: 16px 28px; font-size: 15px; transition: background .15s; }
.btn-instagram:hover { background: #C9A227; color: #1B1F2A; }

.link-instagram-dm { font-size: 15px; color: #E8DCC4; border-bottom: 1px solid #E8DCC4; padding-bottom: 4px; transition: color .15s, border-color .15s; }
.link-instagram-dm:hover { color: #C9A227; border-color: #C9A227; }