:root{
  --gold:#F4B400;
  --green:#2E7D32;
  --saffron:#FF6F00;
  --cream:#FFF8E8;
  --ink:#1B1B1B;
  --ink-soft:#5a5347;
  --cream-2:#fbeecd;
  --cream-3:#f6e2bd;
  --line:#e7d6ad;
  --paper:#fffdf6;
  --shadow: 0 18px 50px -22px rgba(120,72,8,.45);
  --serif:"Playfair Display", Georgia, "Times New Roman", serif;
  --sans:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;background:var(--cream);color:var(--ink);
  font-family:var(--sans);font-size:16px;line-height:1.6;
  -webkit-font-smoothing:antialiased;overflow-x:hidden;
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{font-family:inherit;cursor:pointer;border:none;background:none}
h1,h2,h3,h4{font-family:var(--serif);font-weight:700;line-height:1.05;margin:0;letter-spacing:-.01em}
.serif{font-family:var(--serif)}
.eyebrow{font-family:var(--sans);font-weight:600;font-size:.72rem;letter-spacing:.28em;text-transform:uppercase;color:var(--saffron)}
.wrap{max-width:1200px;margin:0 auto;padding:0 24px}
:focus-visible{outline:3px solid var(--saffron);outline-offset:3px;border-radius:6px}

.grain{position:fixed;inset:0;pointer-events:none;z-index:1;opacity:.05;mix-blend-mode:multiply;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");}

.view{display:none}
.view.active{display:block}
.toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%) translateY(30px);background:var(--ink);color:var(--cream);padding:13px 22px;border-radius:999px;z-index:120;opacity:0;transition:.35s;font-size:.9rem;font-weight:500}
.toast.on{opacity:1;transform:translateX(-50%) translateY(0)}