:root{--page:#faf8f4;--text:#1f0a0c;--accent:#c9962e;--on-accent:#1a0508;--hover:#ffffff1a;--panel:#ffffff;--footer:#1a0709;--footer-text:#f5f3ee;--fallback:linear-gradient(135deg,#5a0f16,#1a0709)}
.hero{background:linear-gradient(#1a070980,#4a0c1299)}
.site-header{position:fixed;inset-inline:0;top:0;z-index:20;transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .3s;background:linear-gradient(90deg,#200809,#240a0d 60%,#5a0f16);border-bottom:3px solid var(--accent);box-shadow:0 2px 14px #0005;color:#f5f3ee}
.site-nav a:hover,.site-nav a.active{color:#d9a63d}
.sub{background:#1f0a0d;color:#f5f3ee}
.bar{display:flex;align-items:center;justify-content:space-between;height:88px}
.site-nav{margin-inline-start:auto}
.card{border:1px solid #c9962e66}.card h3{color:#5a1219}.section h2{color:#5a0f16}
@media(max-width:899px){.site-nav{background:#1f0a0d}}
.section{background:var(--page)}.section:nth-of-type(even){background:#f4f0e8}
.site-footer{border-top:3px solid var(--accent)}
/* ===== Enhanced colour: dark red + gold ===== */
:root{--accent-grad:#c9962e;--accent-pop:#7d2630}
.bg-layer{background:var(--bg-image),radial-gradient(circle at 82% 18%,#7d263066,transparent 45%),linear-gradient(135deg,#5a1219,#240a0d 55%,#120506)}
.hero{background:linear-gradient(180deg,#12050666,#4a0c1266 55%,#120506b3)}
.site-header{background:linear-gradient(90deg,#1a0709,#240a0d 45%,#5a1219);border-bottom:3px solid #c9962e}
.site-nav a{position:relative}.site-nav>ul>li>a.active{background:#ffffff14;color:#f0c15a}
.site-nav>ul>li>a.active::after{content:"";position:absolute;inset-inline:14px;bottom:3px;height:2px;background:var(--accent-grad);border-radius:2px}
.btn{background:var(--accent-grad);box-shadow:0 8px 22px #c9962e55}
.tagline{color:#d9a63d}
.section{background:#faf8f4}.section:nth-of-type(even){background:#f4f0e8}
.section h2{color:#5a0f16}.section h2::after{content:"";display:block;width:70px;height:4px;margin-top:10px;border-radius:4px;background:var(--accent-grad)}
.card{border:1px solid #c9962e55;border-top:4px solid #c9962e;background:#ffffff;transition:.25s}
.card:hover{transform:translateY(-6px);box-shadow:0 18px 36px #5a0f1633}.card h3{color:#6b1a22}
.site-footer{background:linear-gradient(180deg,#240a0d,#120506);border-top:3px solid #c9962e}
.site-footer h4{color:#d9a63d}.site-footer .copy{border-top-color:#c9962e33}
.sub{background:linear-gradient(180deg,#240a0d,#200809);border:1px solid #c9962e44}
@media(max-width:899px){.site-nav{background:#200809}}

/* ===== Dynamic header: top info bar, shrink on scroll, hide on scroll down, progress line ===== */
.site-header.hide{transform:translateY(-100%)}
.site-header.scrolled{box-shadow:0 10px 30px #0008}
.hero{padding-top:140px}
.topbar{display:block;background:#120506;color:#f3d9ab;font-size:.82rem;max-height:40px;overflow:hidden;transition:max-height .3s,opacity .3s;border-bottom:1px solid #c9962e33}
.topbar .wrap{display:flex;justify-content:space-between;align-items:center;gap:16px;height:36px}
.topbar ul{display:flex;gap:22px}.topbar li>*{display:inline-flex;align-items:center;gap:7px}
.topbar a:hover{color:#f0c15a}.topbar svg{color:#c9962e}.topbar .note{color:#d9a63d}
.site-header.scrolled .topbar{max-height:0;opacity:0;border-bottom-color:transparent}
.bar{transition:height .3s}.site-header.scrolled .bar{height:68px}
.site-header.scrolled .brand.has-logo{padding:4px 9px}
.site-header.scrolled .brand.has-logo img{height:28px}
.lockup .mark,.lockup .wordmark{transition:height .3s,background-position .6s,transform .3s}
.sub{transform:translateY(12px) scale(.97);transform-origin:top;transition:opacity .25s ease,transform .3s cubic-bezier(.2,.7,.2,1),visibility 0s linear .3s}
.has-sub:hover>.sub,.has-sub.open>.sub{transform:none;transition:opacity .25s ease,transform .3s cubic-bezier(.2,.7,.2,1),visibility 0s linear 0s}
.has-sub>a::after{content:"";display:inline-block;width:6px;height:6px;margin-inline-start:8px;border:solid currentColor;border-width:0 2px 2px 0;transform:translateY(-2px) rotate(45deg);transition:.25s}
.has-sub:hover>a::after{transform:translateY(1px) rotate(225deg)}
.sub a:hover{background:#ffffff14;color:#f0c15a;padding-inline-start:20px}.sub a{transition:.2s}
@media(max-width:899px){.topbar{display:none}.hero{padding-top:110px}.bar{height:72px}.site-header.scrolled .bar{height:60px}}
.card.product{border-top-width:1px}
.card.product .pic{position:relative;border-bottom:4px solid #c9962e}
.card.product h3{font-size:1.15rem;color:#5a0f16}
.section .c-block h3{color:#5a0f16}
.site-footer .cols{grid-template-columns:1.5fr 1fr 1.6fr}
@media(max-width:899px){.site-footer .cols{grid-template-columns:1fr}}