/* Design tokens, reset, typography */
:root {
  --bg:#FBF5EF; --card:#F3E8DE; --ink:#3A2A24; --mut:#7F6A5E; --line:#E6D8CC;
  --dk:#3E2C25; --dkt:#FBF5EF; --wa:#25A25A; --blush:#F0CFC4; --star:#E2A33B;
  --serif:'Cormorant Garamond',Georgia,serif; --sans:'Jost',system-ui,sans-serif;
  --ease:cubic-bezier(.22,1,.36,1); --maxw:1080px; --r:12px;
  --safe-t:env(safe-area-inset-top,0px); --safe-b:env(safe-area-inset-bottom,0px);
}
@media (prefers-color-scheme:dark) {
  :root { --bg:#1F1714; --card:#2C211C; --ink:#F3E6DC; --mut:#B39C8F; --line:#3B2D27; --dk:#F0CFC4; --dkt:#2A1D18; }
}
*,*::before,*::after { box-sizing:border-box; margin:0; }
html { scroll-padding-top:80px; -webkit-text-size-adjust:100%; }
body { background:var(--bg); color:var(--ink); font:400 15px/1.55 var(--sans); min-height:100vh; padding-bottom:calc(70px + var(--safe-b)); overflow-x:hidden; }
body.locked { overflow:hidden; }
button { font:inherit; color:inherit; background:none; border:0; cursor:pointer; }
a { color:inherit; text-decoration:none; }
img,svg { display:block; max-width:100%; }
:focus-visible { outline:2px solid var(--ink); outline-offset:3px; border-radius:4px; }
.serif { font-family:var(--serif); }
.wrap { max-width:var(--maxw); margin:0 auto; padding:0 18px; }
h1,h2 { font-family:var(--serif); font-weight:400; }
h2 { font-size:26px; letter-spacing:.04em; text-transform:uppercase; }
.sub { color:var(--mut); font-size:13px; margin-bottom:14px; }
.empty { text-align:center; color:var(--mut); padding:56px 0; }
.empty a { text-decoration:underline; }