:root{
  --paper:#F7F5F0; --ink:#2C3440; --alpine:#486A7B; --brass:#C2A35A; --cloud:#EDEAE3;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--paper) url('/assets/linen.png') repeat;color:var(--ink);font-family:ui-serif,Georgia,serif}
a{text-decoration:none;color:inherit} img{max-width:100%;display:block}
.container{max-width:1100px;margin:0 auto;padding:0 20px}
.header{position:sticky;top:0;background:rgba(255,255,255,.82);backdrop-filter:blur(8px);border-bottom:1px solid #e8e3d8;z-index:50}
.nav{display:flex;align-items:center;justify-content:space-between;height:70px;gap:16px}
.nav a{font-size:15px;color:#475569;padding:6px 10px;border-radius:8px}
.nav a:hover{background:rgba(72,106,123,.10);color:#1f2937}
.brand{display:flex;align-items:center;gap:10px}
.brand img{height:36px;width:36px;object-fit:cover;border-radius:8px;border:1px solid #e0d8c7}
.section{padding:64px 0}
.frame{background:rgba(255,255,255,.72);backdrop-filter:blur(4px);border:1px solid #e8e3d8;border-radius:18px;box-shadow:0 10px 30px rgba(0,0,0,.05);padding:28px}
.h1{font-size:44px;margin:0 0 8px;color:var(--alpine)}
.sub{color:#475569;margin-top:6px}
.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 18px;border-radius:999px;border:1px solid var(--alpine);color:var(--alpine);background:transparent;font-weight:600}
.btn:hover{background:rgba(72,106,123,.10)}
.btn-fill{background:var(--alpine);color:white;border-color:var(--alpine)}
.grid{display:grid;gap:24px} .two{grid-template-columns:1fr 1fr}
@media(max-width:900px){.two{grid-template-columns:1fr}}
.card{border:1px solid #e8e3d8;background:white;border-radius:16px;padding:18px;box-shadow:0 6px 20px rgba(0,0,0,.05)}
.price{color:#1f2937;font-weight:700}
.footer{border-top:1px solid #e8e3d8;padding:32px 0;margin-top:40px;color:#6b7280;background:rgba(255,255,255,.6)}
.portrait{border:1px solid #e8e3d8;background:white;border-radius:18px;padding:14px;box-shadow:0 10px 28px rgba(0,0,0,.06)}
.portrait img{border-radius:12px}
.name{margin-top:10px;text-align:center;letter-spacing:2px;color:#334155;font-size:14px}
.plate{max-width:720px;margin:0 auto}
.poem{font-size:18px;line-height:1.55;color:#475569;text-align:center;margin-top:14px}
.small{font-size:13px;color:#6b7280}
.shop-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
@media(max-width:900px){.shop-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.shop-grid{grid-template-columns:1fr}}
.product img{border-radius:12px;border:1px solid #e8e3d8}