:root{--ink:#0e1311;--ink-2:#141b18;--ink-3:#1b2420;--line:rgba(214,178,112,.18);--gold:#d2ad6a;--gold-2:#ecd5a3;--gold-3:#9c7a3e;--ivory:#f5f0e6;--ivory-2:#ebe3d3;--text:#e9e3d6;--muted:#a7a194;--dark-text:#1d211f;--serif:'Cormorant Garamond',Georgia,serif;--sans:'Jost',system-ui,sans-serif}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--ink);color:var(--text);font-family:var(--sans);font-weight:300;line-height:1.7;overflow-x:hidden}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
.wrap{width:min(1240px,100% - 48px);margin-inline:auto}
h1,h2,h3{font-family:var(--serif);font-weight:500;line-height:1.12}
h1 em,h2 em{font-style:italic;color:var(--gold-2);font-weight:400}
.eyebrow{font-size:.72rem;letter-spacing:.32em;text-transform:uppercase;color:var(--gold);display:inline-flex;align-items:center;gap:14px}
.eyebrow::before{content:"";width:34px;height:1px;background:currentColor}
.btn{display:inline-flex;align-items:center;gap:12px;padding:14px 26px;border:1px solid var(--gold);color:var(--ink);background:var(--gold);font-size:.74rem;letter-spacing:.2em;text-transform:uppercase;font-weight:500;transition:.3s;white-space:nowrap}
.btn:hover{background:var(--gold-2)}
.btn.ghost{background:transparent;color:var(--gold-3)}
.btn.ghost:hover{background:var(--gold);color:var(--ink)}
/* header */
.bh{position:sticky;top:0;z-index:50;border-bottom:1px solid var(--line);background:rgba(14,19,17,.92);backdrop-filter:blur(12px)}
.nav{display:flex;align-items:center;justify-content:space-between;height:78px;gap:20px}
.brand{display:flex;align-items:center;gap:12px}
.brand svg{width:34px;height:42px}
.brand-name{font-family:var(--serif);font-size:1.4rem;letter-spacing:.14em;font-weight:600;color:var(--ivory);line-height:1;display:block}
.brand-sub{display:block;font-size:.56rem;letter-spacing:.4em;color:var(--gold);margin-top:6px;white-space:nowrap}
.bmenu{display:flex;gap:28px;font-size:.76rem;letter-spacing:.16em;text-transform:uppercase}
.bmenu a:hover{color:var(--gold-2)}
.bcall{font-family:var(--serif);font-size:1.1rem;color:var(--gold-2);white-space:nowrap}
/* hero */
.a-hero{padding:70px 0 40px}
.crumb{font-size:.78rem;color:var(--muted);margin-bottom:26px}
.crumb a{color:var(--gold-2)}
.a-hero h1{font-size:clamp(2.3rem,5vw,4rem);margin:18px 0 18px;max-width:22ch}
.a-hero .lead{color:var(--muted);max-width:60ch;font-size:1.05rem}
.a-meta{font-size:.82rem;color:var(--muted);letter-spacing:.04em}
.a-cover{margin-bottom:0}
.a-cover img{width:100%;height:min(520px,56vw);object-fit:cover;border-radius:999px 999px 6px 6px/320px 320px 6px 6px}
/* article */
.article{background:var(--ivory);color:var(--dark-text);max-width:860px!important;padding:60px 64px 56px;margin-top:-60px;position:relative;font-size:1.06rem;box-shadow:0 40px 80px -50px rgba(0,0,0,.8)}
.article p{margin:0 0 18px}
.article h2{font-size:1.9rem;margin:38px 0 14px;color:#141917}
.article ul,.article ol{margin:0 0 20px 22px}
.article li{margin:6px 0}
.article strong{font-weight:600;color:#121614}
.article a{color:var(--gold-3);border-bottom:1px solid currentColor}
.article table{width:100%;border-collapse:collapse;margin:10px 0 26px;font-size:.95rem}
.article th{font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-3);text-align:left;border-bottom:1px solid #d7ccb4;padding:10px 12px;font-weight:500}
.article td{padding:10px 12px;border-bottom:1px solid #e6dcc8}
.note{background:#ece3d1;border-left:3px solid var(--gold-3);padding:18px 22px;margin:30px 0 10px;font-size:.98rem}
.a-cta{display:flex;align-items:center;gap:14px;flex-wrap:wrap;border-top:1px solid #d7ccb4;margin-top:36px;padding-top:28px}
.a-cta div{flex:1;min-width:200px}
.a-cta b{font-family:var(--serif);font-size:1.5rem;font-weight:600;display:block}
.a-cta span{font-size:.9rem;color:#5d5d55}
/* cards */
.more{padding:90px 0 110px}
.more h2{font-size:clamp(2rem,3.6vw,2.8rem);margin-bottom:40px}
.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.post-card{background:var(--ink-3);border:1px solid transparent;display:flex;flex-direction:column;transition:.4s}
.post-card:hover{border-color:var(--line);transform:translateY(-6px)}
.pc-img{aspect-ratio:16/10;overflow:hidden}
.pc-img img{width:100%;height:100%;object-fit:cover;transition:transform 1s}
.post-card:hover .pc-img img{transform:scale(1.06)}
.pc-body{padding:24px 24px 26px;display:flex;flex-direction:column;flex:1}
.pc-meta{font-size:.66rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}
.pc-body h3{font-size:1.55rem;color:var(--ivory);margin:8px 0 10px}
.pc-body p{font-size:.88rem;color:var(--muted);flex:1}
.pc-more{margin-top:16px;font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-2)}
/* footer */
.bf{border-top:1px solid var(--line);padding:40px 0;background:#0a0e0c;font-size:.86rem;color:var(--muted)}
.bf .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
.bf b{color:var(--ivory);font-family:var(--serif);font-size:1.2rem;font-weight:500}
.bf a{color:var(--gold-2)}
.float-call{position:fixed;right:22px;bottom:22px;z-index:60;width:56px;height:56px;border-radius:50%;background:var(--gold);color:var(--ink);display:flex;align-items:center;justify-content:center;box-shadow:0 14px 34px -10px rgba(0,0,0,.7)}
.float-call svg{width:24px;height:24px}
@media (max-width:900px){.bmenu{display:none}.post-grid{grid-template-columns:1fr 1fr}.article{padding:44px 32px}}
@media (max-width:600px){.wrap{width:calc(100% - 32px)}.post-grid{grid-template-columns:1fr}.article{padding:34px 20px;margin-top:-30px;font-size:1rem}.a-cover img{height:300px}.bcall{display:none}.a-hero{padding:46px 0 30px}}
.float-wa{position:fixed;right:22px;bottom:90px;z-index:60;width:56px;height:56px;border-radius:50%;background:#25d366;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 14px 34px -10px rgba(0,0,0,.7)}
.float-wa svg{width:30px;height:30px}
.btn.wa{background:#25d366;border-color:#25d366;color:#fff}
.btn.wa:hover{background:#1ebe5a}
.btn.wa svg{width:18px;height:18px}