:root{--cu:#c4502a;--em:#0f6b4f;--au:#d4a43a;--bk:#0b0a09}
*{box-sizing:border-box}body{margin:0;background:var(--bk);color:#f3e9d8;font:17px/1.6 Georgia,serif}
a{color:var(--au)}nav{display:flex;flex-wrap:wrap;gap:18px;padding:16px 5vw;border-bottom:2px solid var(--cu);background:#000c;position:sticky;top:0;z-index:9}
nav b{color:var(--au);letter-spacing:.25em;margin-right:auto}nav a{text-decoration:none;text-transform:uppercase;font:600 13px/2 sans-serif;letter-spacing:.15em}
.hero{min-height:88vh;display:flex;align-items:flex-end;padding:6vw;background:linear-gradient(0deg,#0b0a09 5%,#0b0a0900 60%),url(/img/hero.jpg) center 25%/cover}
h1{font-size:clamp(42px,8vw,96px);margin:0;color:var(--au);letter-spacing:.08em}h2{color:var(--au);border-bottom:1px solid var(--em);padding-bottom:6px}
.tag{font-size:clamp(18px,3vw,28px);color:#fff}.btn{display:inline-block;margin:6px 8px 6px 0;padding:12px 20px;border:2px solid var(--au);text-decoration:none;font:700 13px sans-serif;letter-spacing:.12em;text-transform:uppercase;background:var(--cu);color:#fff}
.btn.alt{background:var(--em)}.btn.off{background:#222;color:#aaa;border-color:#555}
main{max-width:980px;margin:auto;padding:40px 5vw}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}
.card{border:1px solid #3a2a1a;border-top:4px solid var(--cu);padding:20px;background:#15110e}.card img{width:100%;display:block}
.ai{border:2px solid var(--em);padding:16px;background:#0f6b4f22}footer{text-align:center;padding:30px;font-size:14px;color:#a99;border-top:1px solid var(--cu)}