:root {
  --primary: #C2A35A;
  --ink: #1f2937;
  --bg: #f7f5f0;
  --accent: #486A7B;
}
* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; font-family: ui-serif, Georgia, 'Times New Roman', serif; color: var(--ink); background: var(--bg);}
header.container { display:flex; align-items:center; justify-content:space-between; padding: 16px 24px; position: sticky; top: 0; backdrop-filter: blur(6px); background: rgba(247,245,240,0.8); border-bottom: 1px solid rgba(0,0,0,0.05);}
header img { height: 44px; }
nav a { margin-left: 18px; text-decoration:none; color: var(--ink);}
nav a.active { color: var(--accent); }
.container { max-width: 1100px; margin: 0 auto; padding: 24px; }
.hero { display:flex; align-items:center; justify-content:space-between; gap: 24px; padding: 48px 24px; }
.hero-text h1 { font-size: 56px; line-height: 1.0; margin: 0; color: var(--accent);}
.hero-text p { font-size: 22px; margin-top: 8px; }
.hero-img { max-width: 420px; height: auto; border-radius: 12px; box-shadow: 0 10px 30px rgba(0,0,0,0.08);}
.button { display:inline-block; padding: 12px 20px; border-radius: 999px; background: var(--primary); color: white; text-decoration: none; font-weight: 600; }
.button.outline { background: transparent; color: var(--accent); border: 2px solid var(--accent);}
.inline-logo { height: 44px; display:block; margin: 8px 0 16px; }
.footer-logo { height: 28px; display:block; margin: 0 auto 8px; }
footer { text-align:center; padding: 40px 16px; border-top: 1px solid rgba(0,0,0,0.05); margin-top: 40px;}
.grid { display:grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 24px; margin-top: 16px; }
.card { background:white; border-radius:12px; box-shadow:0 10px 30px rgba(0,0,0,.06); overflow:hidden; }
.card img { width:100%; height:220px; object-fit:contain; background:#fff; }
.card-body { padding:16px; }
.card h3 { margin:0 0 8px; font-size:20px; }
.price { font-weight:700; margin-bottom:12px; }
.muted { color:#6b7280; }


#door-overlay{position:fixed;inset:0;background:#0f172a;z-index:9999;display:flex;align-items:stretch;justify-content:center;overflow:hidden}
#door-overlay .door{flex:1;background:#0f172a;position:relative;transition:transform 1.25s ease-in-out}
#door-overlay .door.left{border-right:1px solid rgba(255,255,255,.08);transform:translateX(0)}
#door-overlay .door.right{border-left:1px solid rgba(255,255,255,.08);transform:translateX(0)}
#door-overlay.open .door.left{transform:translateX(-100%)}
#door-overlay.open .door.right{transform:translateX(100%)}
#door-overlay .crest{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}
#door-overlay .crest img{height:120px;border-radius:6px;box-shadow:0 8px 30px rgba(0,0,0,.35)}
#door-overlay .mark{position:absolute;bottom:40px;left:50%;transform:translateX(-50%);font-weight:600;color:#e5e7eb;letter-spacing:.18em;font-size:.8rem;opacity:.7}
html,body{overflow:auto !important;scroll-behavior:smooth}