:root{
  --paper:#F2EDE3; --paper2:#E7E0D0; --card:#F7F3EB; --ink:#16140E; --ink2:#403b30;
  --muted:#8f8773; --line:rgba(22,20,14,.16); --accent:#9C3B1B; --accent2:#e8b787; --gut:clamp(20px,5vw,72px);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--paper);color:var(--ink);font-family:'Hanken Grotesk',sans-serif;-webkit-font-smoothing:antialiased;line-height:1.5}
.serif{font-family:'Fraunces',serif}
img{display:block;max-width:100%}
a{color:inherit}
body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:9999;opacity:.04;mix-blend-mode:multiply;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%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")}
.lbl{font-size:11px;letter-spacing:.26em;text-transform:uppercase;font-weight:600}
/* app bar */
.appbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:20px;
  padding:16px var(--gut);background:rgba(242,237,227,.86);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.appbar .wm{font-family:'Fraunces';font-weight:500;font-size:18px;letter-spacing:.01em;text-decoration:none;color:var(--ink);white-space:nowrap}
.appbar .mid{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:600}
.appbar .mid .d{width:7px;height:7px;border-radius:50%;background:var(--accent)}
.appbar .right{display:flex;align-items:center;gap:18px}
.appbar .who{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--ink2)}
.appbar .who .av{width:30px;height:30px;border-radius:50%;background:var(--paper2);border:1px solid var(--accent);
  display:flex;align-items:center;justify-content:center;font-family:'Fraunces';font-size:14px;color:var(--accent)}
.appbar .link{font-size:12px;letter-spacing:.1em;text-transform:uppercase;font-weight:600;text-decoration:none;color:var(--ink2)}
.appbar .link:hover{color:var(--accent)}
/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;font-family:'Hanken Grotesk';font-weight:600;font-size:12px;
  letter-spacing:.12em;text-transform:uppercase;text-decoration:none;padding:13px 22px;border:0;cursor:pointer;transition:.22s;white-space:nowrap}
.btn-primary{background:var(--ink);color:var(--paper)}.btn-primary:hover{background:var(--accent)}
.btn-ghost{background:transparent;color:var(--ink);border:1px solid var(--ink)}.btn-ghost:hover{border-color:var(--accent);color:var(--accent)}
.btn[disabled]{opacity:.4;cursor:not-allowed}
.kfade{opacity:0;transform:translateY(24px);transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1)}
.kfade.in{opacity:1;transform:none}