:root{ --ink:#10201F; --paper:#F6EEDC; --felt:#E8F2EA; --amber:#EFB53B;}
body{margin:0;background:var(--paper) url('/assets/kraft.png') center/cover fixed;color:var(--ink);font-family:'Atkinson Hyperlegible',system-ui,Arial;line-height:1.8}
.container{max-width:1140px;margin:0 auto;padding:24px}
header{position:sticky;top:0;background:rgba(246,238,220,.95);border-bottom:3px solid #d9c8a5}
.brand{display:flex;align-items:center;gap:12px}.logo{width:56px;height:56px;border-radius:50%;border:3px solid #1b1b1b;box-shadow:0 3px 0 #1b1b1b}
.title{display:inline-block;background:var(--amber);padding:.25em .6em;border-radius:18px;border:3px solid #1b1b1b;box-shadow:0 4px 0 #1b1b1b}
.sub{font-family:'Lexend Deca',sans-serif;color:#36524a}
.grid{display:grid;grid-template-columns:1.05fr .95fr;gap:28px;align-items:center;padding:24px 0}
.hero-img{width:100%;border-radius:18px;border:3px solid #d0cab5;box-shadow:0 6px 0 rgba(0,0,0,.22)}