/* Forgemaw Modern Redesign */
:root {
  --forge-black: #0f0f10;
  --steel: #7a7a7a;
  --forge-orange: #e53935;
  --copper: #b87333;
  --parchment: #f6f2e8;
  --ink: #1e1b17;
  --white: #ffffff;
  --border: #e3dccb;
  --parchment-dark: #e8dfd1;
}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:"Inter",system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:
  radial-gradient(ellipse at top, var(--parchment-dark) 0%, var(--parchment) 100%);
color:var(--ink);line-height:1.6;min-height:100vh}
h1,h2,h3{font-family:"Crimson Text",serif;font-weight:600;letter-spacing:.01em}
.container{max-width:1200px;margin:0 auto;padding:0 24px}
.site-header{background:var(--forge-black);color:#fff}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:18px 0}
.brand{display:flex;align-items:center;gap:14px}
.brand-mark{width:44px;height:44px}
.brand-text{font-family:"Crimson Text",serif;font-size:1.6rem;letter-spacing:2px}
nav a{color:#fff;text-decoration:none;margin-left:22px;font-weight:500;opacity:.85}
nav a:hover{opacity:1}
.hero{background:
  linear-gradient(180deg,rgba(15,15,16,.88),rgba(15,15,16,.88)),
  radial-gradient(60% 60% at 50% 40%,#2a1f1f 0%,#0f0f10 60%),
  url('../images/hero/forge.jpg');
  background-size:cover;background-position:center;color:#fff;text-align:center;padding:96px 24px;position:relative}
.hero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:
  radial-gradient(ellipse at center, transparent 40%, rgba(0,0,0,.6) 100%);pointer-events:none}
.hero > *{position:relative;z-index:1}
.hero h1{font-size:clamp(2.2rem,4vw,3.2rem);margin-bottom:12px}
.hero p{font-size:1.1rem;max-width:640px;margin:0 auto 28px;color:#e8e2d5}
.btn-primary,.btn-secondary{display:inline-block;padding:12px 26px;border-radius:8px;font-weight:600;text-decoration:none;transition:.2s}
.btn-primary{background:var(--copper);color:#fff}
.btn-primary:hover{filter:brightness(1.05)}
.btn-secondary{border:2px solid var(--copper);color:var(--copper)}
.section{padding:64px 0}
.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}
.product-card{background:#fff;border:1px solid var(--border);border-radius:12px;overflow:hidden;transition:.2s;box-shadow:0 2px 8px rgba(0,0,0,.04)}
.product-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px rgba(0,0,0,.08)}
.product-card .thumb{background:linear-gradient(135deg,#e8e8e8 0%,#d8d8d8 100%);height:200px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.product-card .thumb img{width:100%;height:100%;object-fit:contain;padding:14px}
.product-card .thumb::after{opacity:0}
.product-card .thumb::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at center, transparent 60%, rgba(0,0,0,.05) 100%)}
.product-card-body{padding:16px}
.price{color:var(--copper);font-weight:700}
.about{background:
  linear-gradient(180deg, rgba(255,255,255,.9), rgba(255,255,255,1)),
  radial-gradient(ellipse at top, #faf8f3 0%, #fff 100%);
  margin-bottom:40px;padding:48px 0;text-align:center;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.site-footer{background:var(--forge-black);color:#fff;text-align:center;padding:32px 0}
.site-footer a{color:var(--copper)}
.nav-toggle{display:none;background:none;border:none;color:#fff;font-size:1.6rem;cursor:pointer;padding:6px 10px}
.site-header{position:relative}
@media(max-width:768px){
  .nav-toggle{display:block}
  nav{position:absolute;top:64px;right:16px;flex-direction:column;background:var(--forge-black);padding:16px 24px;border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.3);display:none}
  nav.open{display:flex}
  nav a{margin:10px 0;white-space:nowrap}
}