:root{--bg:#0d0b09;--paper:#e9e1cf;--dim:#a39a88;--warm:#f2c14e;--ink:#1a1612;--line:#2a241d}
*{box-sizing:border-box}
html{background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--paper);font:17px/1.65 "IBM Plex Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
a{color:var(--warm);text-decoration-thickness:1px;text-underline-offset:3px}
.wrap{max-width:760px;margin:0 auto;padding:0 20px}
nav{display:flex;align-items:center;gap:22px;padding:22px 0;font-size:15px}
nav .brand{display:flex;align-items:center;gap:10px;margin-right:auto;color:var(--paper);text-decoration:none;font-family:"Cormorant Garamond",Georgia,serif;font-size:20px;font-weight:600;letter-spacing:.04em}
nav .brand img{width:30px;height:30px;border-radius:7px}
nav a:not(.brand){color:var(--dim);text-decoration:none}
nav a[aria-current]{color:var(--paper)}
.hero{position:relative;min-height:62vh;display:flex;align-items:flex-end;background:#000 url(../img/door_l.webp) center/cover no-repeat}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(13,11,9,.15) 0%,rgba(13,11,9,.35) 55%,var(--bg) 100%)}
.hero .wrap{position:relative;z-index:1;padding-bottom:40px;width:100%}
.hero img.logo{width:min(520px,88%);height:auto;display:block}
.lede{font-size:20px;color:var(--paper);max-width:560px;margin:18px 0 26px}
.store{display:inline-block;padding:12px 20px;border:1px solid var(--warm);color:var(--warm);text-decoration:none;font-weight:600;letter-spacing:.03em}
h1{font-family:"Cormorant Garamond",Georgia,serif;font-weight:600;font-size:44px;line-height:1.1;margin:40px 0 6px}
h2{font-family:"Cormorant Garamond",Georgia,serif;font-weight:600;font-size:26px;margin:38px 0 6px}
.meta{color:var(--dim);font-size:15px;margin:0 0 26px}
ul{padding-left:20px}
li{margin:4px 0}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin:26px 0}
.grid div{border-top:1px solid var(--line);padding-top:12px}
.grid b{display:block;color:var(--warm);font-weight:600;margin-bottom:2px}
footer{border-top:1px solid var(--line);margin-top:64px;padding:22px 0 40px;color:var(--dim);font-size:14px}
footer .wrap{display:flex;flex-wrap:wrap;gap:18px}
footer a{color:var(--dim)}
@media (max-width:520px){h1{font-size:36px}.lede{font-size:18px}nav{gap:16px}}