/* hazelholm.com — a journal, not a shop. Quiet, warm, little.
   Everything a visitor can reach is English, on purpose. */
:root{
  --paper:#fbf9f5; --ink:#2c2a26; --quiet:#7c7568;
  --line:#e6e0d5; --card:#ffffff; --accent:#7d6a4f;
  --serif:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif;
  --sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);
     font:17px/1.65 var(--serif);-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:var(--accent)}

.site-head{max-width:760px;margin:0 auto;padding:38px 22px 10px;text-align:center}
.brand{display:inline-block;font-size:30px;letter-spacing:.09em;text-transform:uppercase;
       text-decoration:none;color:var(--ink)}
.tagline{margin:8px 0 0;color:var(--quiet);font:14px/1.5 var(--sans);letter-spacing:.04em}

.wrap{max-width:760px;margin:0 auto;padding:26px 22px 10px}
.title{font-size:29px;line-height:1.25;margin:0 0 18px;font-weight:600}
.prose p{margin:0 0 16px}

.list{list-style:none;margin:26px 0 0;padding:0;display:grid;gap:20px;
      grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}
.list-item a{display:block;background:var(--card);border:1px solid var(--line);
             border-radius:14px;padding:14px;text-decoration:none;color:var(--ink)}
.list-title{display:block;margin-top:10px;font-weight:600}
.list-specs{display:block;margin-top:4px;color:var(--quiet);font:13px/1.4 var(--sans)}

.product .brand-line{margin:-8px 0 18px;color:var(--quiet);
      font:13px/1.4 var(--sans);letter-spacing:.09em;text-transform:uppercase}
.hero{border:1px solid var(--line);border-radius:16px;background:#fff;margin:0 0 22px}
.buy{margin:24px 0;text-align:center}
.button{display:inline-block;background:var(--accent);color:#fff;text-decoration:none;
        padding:14px 30px;border-radius:999px;font:16px/1 var(--sans);font-weight:600}
.buy-note{display:block;margin-top:8px;color:var(--quiet);font:13px/1.5 var(--sans)}
.specs{color:var(--quiet);font:14px/1.6 var(--sans)}
.points li{margin-bottom:8px}
.byline{color:var(--quiet);font:14px/1.6 var(--sans);font-style:italic}

.notice{background:var(--card);border:1px solid var(--line);border-radius:16px;
        padding:30px;text-align:center;color:var(--quiet)}
.disclosure{background:#f5efe4;border:1px solid #e8dcc7;border-radius:12px;
            padding:14px 16px;color:#6a5f4a;font:14px/1.6 var(--sans);margin-top:30px}

.site-foot{max-width:760px;margin:44px auto 60px;padding:22px;text-align:center;
           color:var(--quiet);font:14px/1.7 var(--sans);border-top:1px solid var(--line)}
.site-foot a{color:var(--quiet)}
.foot-small{font-size:13px}