/* User-provided Forge/Volcora product images. Keep the existing site design. */
.hero-visual.hero-hardware { height: auto; min-height: 590px; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 20px 0 8px; }
.hero-hardware::before { display: none; }
.hardware-glow { position: absolute; inset: 4% -2% 3%; z-index: -1; pointer-events: none; background: radial-gradient(ellipse at 53% 44%, #d6642323 0, #8b431a12 33%, transparent 67%); }
.hardware-eyebrow { margin: 0 0 4px; font-size: 9px; font-weight: 500; letter-spacing: .19em; color: var(--forge-text-muted); display: flex; align-items: center; gap: 9px; }
.hardware-eyebrow span { height: 5px; width: 5px; border-radius: 50%; background: var(--forge-brand-primary); }
.hero-hardware-figure { margin: 0; width: 110%; max-width: 700px; text-align: center; }
.hero-hardware-figure img { display: block; width: 100%; height: auto; object-fit: contain; filter: drop-shadow(0 26px 24px #0007); }
.hero-hardware-figure figcaption { display: flex; justify-content: center; align-items: center; gap: 14px; margin: 3px 0 8px; color: var(--forge-text-muted); font-size: 11px; }
.hero-hardware-figure figcaption strong { color: var(--forge-text); font-weight: 500; }
.hero-hardware-figure figcaption span { border-left: 1px solid #ffffff25; padding-left: 14px; }
.hardware-visual-note { margin: 0; color: var(--forge-text-muted); font-size: 10px; line-height: 1.5; text-align: center; }
.hardware-gallery { min-width: 0; padding: 30px 24px 20px; border: 1px solid var(--forge-border, #303034); border-radius: 18px; overflow: hidden; background: radial-gradient(ellipse at 50% 48%, #69341524, transparent 70%), linear-gradient(150deg, #171717, #0f1011); }
.hardware-gallery-heading > span { font-size: 9px; color: var(--forge-brand-primary); letter-spacing: .17em; font-weight: 600; }
.hardware-gallery-heading h3 { margin: 16px 0 8px; font-size: 26px; line-height: 1.15; letter-spacing: -.7px; font-weight: 500; }
.hardware-gallery-images { display: grid; grid-template-columns: 1.12fr 1fr; gap: 10px; align-items: end; }
.hardware-view { margin: 0; min-width: 0; }
.hardware-view img { width: 100%; height: auto; object-fit: contain; display: block; filter: drop-shadow(0 12px 16px #0005); }
.hardware-view-rear { padding-bottom: 0; }
.hardware-view figcaption { margin-top: 10px; border-top: 1px solid #ffffff14; padding-top: 15px; }
.hardware-view figcaption span { display: block; color: var(--forge-text-muted); font-size: 9px; letter-spacing: .09em; margin-bottom: 7px; }
.hardware-view figcaption strong { display: block; font-size: 12px; font-weight: 500; line-height: 1.5; color: var(--forge-text); }
.hardware-gallery-note { color: var(--forge-text-muted); font-size: 10px; line-height: 1.6; margin: 23px 0 0; padding-top: 16px; border-top: 1px solid #ffffff0f; }
@media (max-width: 1100px) and (min-width: 801px) {
 .hero-hardware-figure { width: 108%; }
 .hero-visual.hero-hardware { min-height: 470px; }
 .hardware-gallery { padding: 24px 18px 18px; }
 .hardware-gallery-heading h3 { font-size: 23px; }
}
@media (max-width: 800px) {
 /* Reset the old 607px illustration canvas on phones; fit the hardware to its parent. */
 .hero-visual.hero-hardware { width: 100%; max-width: 616px; min-height: 0; padding-top: 8px; margin: 26px auto 0; transform: none; clip-path: none; }
 .hardware-visual-note { max-width: 100%; }
 .hero-hardware-figure { width: 100%; max-width: 570px; }
 .hardware-eyebrow { margin-bottom: 0; }
 .hardware-gallery { padding: 25px 20px 18px; }
}
@media (max-width: 420px) {
 .hero-hardware-figure figcaption { flex-direction: column; gap: 3px; }
 .hero-hardware-figure figcaption span { border: 0; padding: 0; }
 .hardware-gallery { padding: 22px 15px 16px; }
 .hardware-gallery-images { gap: 8px; }
 .hardware-gallery-heading h3 { font-size: 24px; }
 .hardware-view figcaption strong { font-size: 11px; }
 .hardware-view figcaption span { font-size: 8px; }
}