/* Blade Concept — Shared Styles */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
body { background-color: #f8f9fa; cursor: crosshair; -webkit-font-smoothing: antialiased; font-family: 'Hanken Grotesk', sans-serif; color: #191c1d; }
img { filter: grayscale(100%); display: block; max-width: 100%; }
a { color: inherit; }
.chrome-gradient { background: linear-gradient(180deg, #FFFFFF 0%, #E5E7EB 50%, #D1D5DB 100%); border: 1px solid #9CA3AF; }
.brushed-metal { background: linear-gradient(135deg, #f3f4f6 0%, #e5e7eb 100%); }
.hairline-border { border: 0.5px solid #E5E7EB; }
.label-caps { font-family: 'JetBrains Mono', monospace; font-size: 11px; letter-spacing: 0.15em; text-transform: uppercase; }
.dot-grid { background-image: radial-gradient(#000 0.5px, transparent 0.5px); background-size: 24px 24px; }
.article-body h2 { font-size: 28px; font-weight: 200; letter-spacing: -0.02em; margin: 48px 0 16px; border-bottom: 0.5px solid #E5E7EB; padding-bottom: 12px; }
.article-body h3 { font-size: 20px; font-weight: 300; margin: 32px 0 12px; }
.article-body p { font-size: 17px; line-height: 1.8; color: #333; margin-bottom: 20px; }
.article-body ul, .article-body ol { padding-left: 24px; margin-bottom: 20px; }
.article-body li { font-size: 17px; line-height: 1.8; color: #333; margin-bottom: 8px; }
.article-body table { width: 100%; border-collapse: collapse; margin: 32px 0; }
.article-body th { font-family: 'JetBrains Mono', monospace; font-size: 10px; letter-spacing: 0.15em; text-transform: uppercase; background: #000; color: #fff; padding: 12px 16px; text-align: left; }
.article-body td { font-size: 14px; padding: 12px 16px; border-bottom: 0.5px solid #E5E7EB; }
.article-body tr:nth-child(even) td { background: #f8f9fa; }
.pull-quote { font-size: 28px; font-weight: 100; font-style: italic; line-height: 1.4; color: #000; border-left: 2px solid #000; padding: 16px 32px; margin: 40px 0; }
.nav-link:hover { color: #000 !important; }
.nav-link.active { color: #000 !important; border-bottom: 1px solid #000; padding-bottom: 2px; }
.product-card { background: #fff; border: 0.5px solid #E5E7EB; transition: border-color 0.2s; }
.product-card:hover { border-color: #000; }
.article-card { background: #fff; border: 0.5px solid #E5E7EB; overflow: hidden; transition: border-color 0.2s; }
.article-card:hover { border-color: #000; }
.specular-highlight { position: relative; overflow: hidden; }
.specular-highlight::after { content: ''; position: absolute; top: 0; left: -60%; width: 30%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.15), transparent); transform: skewX(-20deg); pointer-events: none; }
@media (max-width: 768px) {
  body { cursor: auto; }
  .px-margin { padding-left: 24px !important; padding-right: 24px !important; }
}