:root{--ink:#2d2622;--muted:#7a6d66;--bg:#fbf7f3;--card:#fff;--accent:#c4706a;--soft:#f3e7df}
*{box-sizing:border-box}body{margin:0;font-family:Georgia,"Times New Roman",serif;color:var(--ink);background:var(--bg);line-height:1.6}
a{color:var(--accent)}.top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:16px 5vw;background:#fff;border-bottom:1px solid var(--soft);position:sticky;top:0;z-index:5}
.logo{font-size:1.5rem;font-weight:700;text-decoration:none;color:var(--ink);letter-spacing:.5px}.logo span{color:var(--accent);font-style:italic}
nav a{margin-left:18px;text-decoration:none;color:var(--ink);font-family:system-ui,sans-serif;font-size:.95rem}nav a:hover{color:var(--accent)}
main{max-width:1100px;margin:0 auto;padding:0 5vw 40px}
.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center;padding:48px 0}.hero h1{font-size:clamp(2rem,4vw,3rem);line-height:1.15;margin:.2em 0}
.eyebrow{font-family:system-ui,sans-serif;text-transform:uppercase;letter-spacing:2px;font-size:.75rem;color:var(--accent)}
.btn,.shop{display:inline-block;background:var(--accent);color:#fff;padding:12px 22px;border-radius:999px;text-decoration:none;font-family:system-ui,sans-serif;font-weight:600}
section h2{font-size:2rem;margin:40px 0 0;border-bottom:2px solid var(--soft);padding-bottom:6px}.lead{color:var(--muted)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:22px}
.card{background:var(--card);border-radius:16px;overflow:hidden;text-decoration:none;color:var(--ink);box-shadow:0 4px 18px rgba(0,0,0,.06);transition:transform .2s}.card:hover{transform:translateY(-4px)}
.meta{padding:12px 16px}.meta em{font-family:system-ui,sans-serif;font-size:.75rem;color:var(--accent);font-style:normal;text-transform:uppercase;letter-spacing:1px}.meta h3{margin:4px 0 0;font-size:1.1rem}
.pin{aspect-ratio:2/3;position:relative;background:linear-gradient(160deg,var(--c),#fbf7f3 140%);display:flex;align-items:flex-end;padding:18px;overflow:hidden}
.pin span{position:relative;background:rgba(255,255,255,.9);padding:8px 12px;border-radius:8px;font-weight:700;font-size:1rem}
.shapes i{position:absolute;border-radius:50%;background:rgba(255,255,255,.28)}.shapes i:nth-child(1){width:55%;aspect-ratio:1;top:8%;left:10%}.shapes i:nth-child(2){width:35%;aspect-ratio:1;top:40%;right:8%;border-radius:20px}.shapes i:nth-child(3){width:25%;aspect-ratio:1;top:62%;left:18%}
.hero-pin,.big{border-radius:18px;max-width:380px;width:100%}
.post{max-width:820px;margin:0 auto;padding-top:24px}.crumbs{font-family:system-ui,sans-serif;font-size:.85rem}.post h1{font-size:clamp(1.8rem,4vw,2.6rem);line-height:1.2}
.disc{background:var(--soft);border-left:4px solid var(--accent);padding:12px 16px;border-radius:8px;font-family:system-ui,sans-serif;font-size:.9rem}
.post-top{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center;margin:24px 0}
.items{list-style:none;padding:0}.item{display:flex;align-items:center;gap:14px;background:#fff;border-radius:14px;padding:12px;margin-bottom:12px;box-shadow:0 2px 10px rgba(0,0,0,.05)}
.thumb{width:60px;height:90px;border-radius:10px;background:linear-gradient(160deg,var(--c),#fff);flex:none}.info{flex:1;display:flex;flex-direction:column}.info small{font-family:system-ui,sans-serif;color:var(--accent);text-transform:uppercase;font-size:.7rem;letter-spacing:1px}
.price,.small{color:var(--muted);font-size:.85rem;font-family:system-ui,sans-serif}.shop{padding:10px 18px}.ph{font-weight:400;font-size:.75rem;opacity:.85}
code{background:var(--soft);padding:2px 6px;border-radius:4px}footer{text-align:center;padding:30px;background:#fff;border-top:1px solid var(--soft);font-family:system-ui,sans-serif;font-size:.9rem}
@media(max-width:700px){.item{flex-wrap:wrap}.info{min-width:0;flex:1 1 calc(100% - 80px)}.shop{margin-left:74px;white-space:nowrap}.hero,.post-top{grid-template-columns:1fr}nav a{margin:0 12px 0 0}.top{gap:8px}.shop .ph{display:none}}