@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,600;9..144,800;9..144,900&family=Instrument+Sans:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap');
:root{
  --ink:#1b1512; --ink2:#2b221d; --paper:#f8f5f0; --paper2:#efe8db; --line:#d6c9b3;
  --ember:#c8281e; --ember-d:#9e1d15; --olive:#2e7d46; --gold:#c79a3b; --mute:#7b6f60; --ok:#2e7d46;
  --serif:'Fraunces',Georgia,serif; --sans:'Instrument Sans',system-ui,sans-serif; --mono:'JetBrains Mono',ui-monospace,monospace;
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{font-family:var(--sans);background:var(--paper);color:var(--ink);font-size:15px;line-height:1.45;-webkit-font-smoothing:antialiased}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer;background:none;border:0}
h1,h2,h3{font-family:var(--serif);font-weight:800;letter-spacing:-.02em;line-height:1.02}
.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}
.eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;background:var(--ink);color:var(--paper);font-weight:600;letter-spacing:.02em;border:1.5px solid var(--ink);transition:transform .15s,background .2s,color .2s;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px))}
.btn:hover{background:var(--ember);border-color:var(--ember)}
.btn:active{transform:translateY(1px)}
.btn.ghost{background:transparent;color:var(--ink);clip-path:none}
.btn.ghost:hover{background:var(--ink);color:var(--paper)}
.btn.ember{background:var(--ember);border-color:var(--ember)}
.btn.ember:hover{background:var(--ember-d);border-color:var(--ember-d)}
.btn.sm{padding:7px 12px;font-size:13px}
.btn[disabled]{opacity:.4;pointer-events:none}
.field{display:block;margin-bottom:14px}
.field>span{display:block;font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--mute);margin-bottom:5px}
.field input,.field select,.field textarea{width:100%;padding:10px 12px;background:transparent;border:0;border-bottom:1.5px solid var(--ink);outline:none;border-radius:0}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--ember);background:rgba(217,72,43,.05)}
.tag{display:inline-block;font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;padding:3px 8px;border:1px solid currentColor}
.tag.ember{color:var(--ember)} .tag.ok{color:var(--ok)} .tag.gold{color:var(--gold)} .tag.mute{color:var(--mute)}
.scrim{position:fixed;inset:0;background:rgba(22,18,15,.6);display:none;z-index:50;align-items:center;justify-content:center;padding:16px}
.scrim.on{display:flex;animation:fade .2s}
.sheet{background:var(--paper);width:100%;max-width:520px;max-height:92vh;overflow:auto;border:1.5px solid var(--ink);box-shadow:8px 8px 0 var(--ink);animation:rise .28s cubic-bezier(.2,.8,.2,1)}
@keyframes fade{from{opacity:0}} @keyframes rise{from{transform:translateY(24px);opacity:0}}
.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%) translateY(40px);background:var(--ink);color:var(--paper);padding:11px 18px;opacity:0;transition:.3s;z-index:99;font-size:14px}
.toast.on{opacity:1;transform:translateX(-50%)}
.topnav{display:flex;gap:6px;font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.topnav a{color:inherit;text-decoration:none;padding:6px 10px;border:1px solid transparent}
.topnav a:hover,.topnav a.on{border-color:currentColor}

.logo-img{height:62px;width:auto;display:block;mix-blend-mode:multiply}
.logo-img.dark{background:var(--paper);padding:4px 8px;mix-blend-mode:normal;height:52px}