*{box-sizing:border-box}
body{margin:0;font:17px/1.65 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#3B2F2A;background:#F5EFE6}
a{color:#6B4F32}img{max-width:100%;height:auto;display:block}
.wrap{max-width:1140px;margin:0 auto;padding:0 18px}
header.site{background:#fff;border-bottom:1px solid #e6dccb}
.top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:14px 0}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:#3B2F2A}
.logo b{font-family:Georgia,"Times New Roman",serif;font-size:1.45rem;letter-spacing:.2px}
.logo svg{display:block;flex:none}
nav a{margin-left:16px;text-decoration:none;color:#5a4c44;font-size:.95rem}
nav a:hover{color:#3B2F2A}
.hero{padding:40px 0 12px;text-align:center}
.hero h1{font-family:Georgia,serif;font-size:2.35rem;margin:.2em 0;color:#3B2F2A}
.hero p{color:#5a4c44;max-width:640px;margin:8px auto 0}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:22px;padding:24px 0 40px}
.card{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 1px 3px rgba(59,47,42,.08);text-decoration:none;color:inherit;transition:transform .15s}
.card:hover{transform:translateY(-3px)}
.card img{aspect-ratio:4/3;object-fit:cover;width:100%}
.card div{padding:14px 16px 18px}
.card h2{font-family:Georgia,serif;font-size:1.15rem;margin:0 0 6px}
.card p{margin:0;color:#5a4c44;font-size:.92rem}
.layout{display:grid;grid-template-columns:1fr;gap:34px;padding:26px 0 50px}
@media(min-width:1000px){.layout{grid-template-columns:minmax(0,1fr) 280px}aside{display:block}}
aside{display:none}
article h1{font-family:Georgia,serif;font-size:2rem;line-height:1.2;margin:.2em 0 .4em}
article h2{font-family:Georgia,serif;font-size:1.4rem;margin:1.6em 0 .4em}
.disc{background:#fff;border-left:4px solid #C4A574;padding:10px 14px;font-size:.88rem;border-radius:6px}
.research{background:#fff;border:1px solid #e6dccb;padding:10px 14px;border-radius:8px;font-size:.9rem}
.hero-img{border-radius:14px;margin:16px 0;aspect-ratio:4/3;object-fit:cover;width:100%}
.shop{background:#fff;border:1px solid #e6dccb;border-radius:12px;padding:6px 20px 14px;margin-top:28px}
.pin{max-width:340px;margin:30px auto;text-align:center;font-size:.85rem;color:#7a6d64}
.pin img{border-radius:12px}
.credit{font-size:.8rem;color:#7a6d64}
.photo{margin:20px 0}.photo img{border-radius:12px;width:100%}.photo figcaption{margin-top:6px}
footer{background:#3B2F2A;color:#F5EFE6;padding:26px 0;font-size:.9rem}
footer a{color:#fff;margin-right:14px}
.page{max-width:760px;padding:30px 18px 60px}
.tag{display:inline-block;background:#3B2F2A;color:#F5EFE6;font-size:.72rem;letter-spacing:.5px;text-transform:uppercase;padding:2px 8px;border-radius:20px;margin-bottom:6px}
.btn{display:inline-block;background:#3B2F2A;color:#F5EFE6!important;font-weight:600;padding:10px 16px;border-radius:8px;text-decoration:none}
.btn:hover{opacity:.92}
.pk{font-size:.68rem;text-transform:uppercase;color:#8B5A2B;letter-spacing:.5px}
.seen{font-size:.8rem;color:#7a6d64}
.group{margin:28px 0}
.group h2{font-family:Georgia,serif;font-size:1.45rem;margin:0 0 8px;padding-bottom:6px;border-bottom:2px solid #C4A574}
.pick{background:#fff;border:1px solid #e6dccb;border-radius:12px;padding:4px 18px 8px;margin:12px 0}
aside .box{background:#fff;border:1px solid #e6dccb;border-radius:12px;padding:16px 18px;position:sticky;top:20px}
aside .box h2{font-family:Georgia,serif;font-size:1.15rem;margin:.1em 0 .5em}
aside .box ul{margin:0;padding-left:18px}
aside .box li{margin:6px 0}
.home-hero-img{width:100%;max-height:420px;object-fit:cover;border-radius:16px;margin:8px auto 0}
.note{background:#fff;border:1px solid #e6dccb;padding:12px 14px;border-radius:8px}
@media(max-width:640px){
  .hero h1{font-size:1.8rem}
  article h1{font-size:1.6rem}
  nav a{margin-left:10px;font-size:.9rem}
}