:root{--cream:#f5ecd7;--parch:#efe2c4;--olive:#3f4a24;--brown:#7a4a22;--ink:#2e2418}
*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:'Lora',Georgia,serif;line-height:1.65}
h1,h2,h3{font-family:'Playfair Display',Georgia,serif;color:var(--olive)}.script{font-family:'Great Vibes',cursive;color:var(--brown);font-size:2.4rem;margin:0}
nav{position:sticky;top:0;background:var(--olive);display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem 1.2rem;padding:.7rem;z-index:5}
nav a{color:var(--cream);text-decoration:none;font-size:.95rem;letter-spacing:.05em}
section{padding:3.5rem 1.2rem;max-width:960px;margin:auto}.alt{background:var(--parch);max-width:none}.alt>div{max-width:960px;margin:auto}
.hero{text-align:center;padding-top:2.5rem;border-bottom:3px double var(--brown)}.hero img{width:min(320px,80vw);border-radius:50%}
.hero h1{font-size:2rem;letter-spacing:.3em;margin:.6rem 0}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;align-items:center}
.card{background:#fffaf0;border:2px solid var(--brown);border-radius:10px;padding:1.5rem;box-shadow:4px 4px 0 var(--olive)}
.price{font-size:2.4rem;color:var(--brown);font-weight:bold}
.btn{display:inline-block;background:var(--brown);color:var(--cream);padding:.8rem 1.8rem;border-radius:30px;text-decoration:none;font-weight:bold;border:none;font-size:1rem;cursor:pointer}
.btn:hover{background:var(--olive)}.ph{background:#ffe9a8;padding:0 .3em;font-family:monospace;font-size:.85em}
img{max-width:100%}ol li,ul li{margin:.4rem 0}input,textarea{width:100%;padding:.7rem;border:1px solid var(--brown);border-radius:6px;background:#fffaf0;font:inherit;margin-bottom:.8rem}
footer{background:var(--olive);color:var(--cream);text-align:center;padding:1.5rem}footer img{width:140px;border-radius:6px}