
:root{--paper:#f3ecdb;--paper-2:#ebe2cc;--cream:#e0d4bc;--ink:#0a0a0a;--brass:#cfa75a;--brass-2:#a8843e;--rust:#a83b2c;--rule:rgba(10,22,34,.18);--shadow:0 16px 40px rgba(10,22,34,.22),0 4px 10px rgba(10,22,34,.10)}
*{box-sizing:border-box}html,body{background:var(--paper)}
body{margin:0;color:var(--ink);font-family:'Inter',system-ui,sans-serif;font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;background:radial-gradient(900px 600px at 50% -10%,rgba(207,167,90,.14),transparent 60%),var(--paper)}
.page{position:relative;z-index:1;max-width:640px;margin:0 auto;padding:28px 20px 56px}
.crumb{display:inline-block;color:var(--brass-2);text-decoration:none;font-size:13px;letter-spacing:.08em;text-transform:uppercase;font-weight:600;margin-bottom:22px}
h1{font-family:'Fraunces',Georgia,serif;font-weight:400;font-size:44px;line-height:1.02;letter-spacing:-.02em;margin:0 0 6px}
h1 em{font-style:italic;font-variation-settings:"opsz" 144,"SOFT" 50,"WONK" 1;color:var(--rust)}
h2{font-family:'Fraunces',Georgia,serif;font-weight:400;font-size:26px;line-height:1.1;margin:34px 0 10px}
.sub{font-size:17px;color:rgba(10,22,34,.72);margin:0 0 26px}
.tag{display:inline-block;font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--brass-2);margin-bottom:10px}
p{margin:0 0 14px}ul{margin:0 0 14px 20px;padding:0}li{margin-bottom:6px}
.box{border-radius:12px;padding:22px 22px 20px;margin:18px 0;background:var(--paper-2);border:1px solid var(--rule);box-shadow:0 1px 0 rgba(255,255,255,.55) inset}
.buy{display:block;text-align:center;background:var(--ink);color:var(--paper);text-decoration:none;font-weight:600;font-size:18px;line-height:1;padding:20px;border-radius:999px;margin:18px 0 8px}
.buy.soon{background:var(--cream);color:rgba(10,22,34,.6);cursor:default}
.price{font-family:'Fraunces',Georgia,serif;font-size:40px;line-height:1;margin:0 0 4px}
.muted{color:rgba(10,22,34,.6);font-size:14px}
.cover{border-radius:12px;padding:44px 26px;margin:0 0 22px;background:#0a1622;color:var(--paper);text-align:center;border-top:3px solid var(--brass);box-shadow:var(--shadow)}
.cover .t{font-family:'Fraunces',Georgia,serif;font-size:46px;line-height:1;margin:0 0 10px}
.cover .s{font-style:italic;color:rgba(243,236,219,.75);margin:0 0 22px}
.cover .a{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--brass)}
dl{margin:0}dt{font-weight:600;margin-top:14px}dd{margin:4px 0 0}
.page-foot{margin-top:44px;text-align:center;color:rgba(10,22,34,.55);font-size:12px}
.page-foot nav{margin-bottom:10px}.page-foot a{color:rgba(10,22,34,.7);text-decoration:none}
.rule{height:1px;background:linear-gradient(90deg,rgba(207,167,90,0),var(--brass),rgba(207,167,90,0));margin:0 auto 18px;max-width:220px}
.gate{display:none;position:fixed;inset:0;z-index:50;background:var(--paper);align-items:center;justify-content:center;padding:20px}
html.gated .gate{display:flex}html.gated body{overflow:hidden}
.gate-box{max-width:400px;width:100%;text-align:center;background:var(--paper-2);border:1px solid var(--rule);border-radius:12px;padding:30px 24px 24px;box-shadow:var(--shadow)}
.gate-box h2{margin:0 0 10px;font-size:38px}.gate-box h2 em{font-style:italic;color:var(--rust)}
.gate-box p{margin:0 0 22px;font-size:15px;color:rgba(10,22,34,.75)}
.gate-box button{display:block;width:100%;border:0;cursor:pointer;background:var(--ink);color:var(--paper);font:inherit;font-weight:600;font-size:17px;line-height:1;padding:18px;border-radius:999px}
.gate-no{display:inline-block;margin-top:14px;color:rgba(10,22,34,.6);font-size:14px}
