THE DARK ROOM
.qdef-dr-product { --qdef-bg: #080909; --qdef-panel: #111212; --qdef-panel-2: #171818; --qdef-line: rgba(255,255,255,.12); --qdef-text: #f2f1ec; --qdef-muted: #c7c8c3; --qdef-dim: #92968d; --qdef-signal: #D6FF00; background: var(--qdef-bg); color: var(--qdef-text); margin: 0; padding: 0; } .qdef-dr-product * { box-sizing: border-box; } .qdef-dr-product a { color: inherit; text-decoration: none; } /* ========================= INTRO / HERO ========================= */ .qdef-dr-intro { position: relative; padding: 64px 48px 58px; border: 1px solid var(--qdef-line); overflow: hidden; background: radial-gradient(circle at 90% 10%, rgba(214,255,0,.07), transparent 32%), linear-gradient(135deg, #111212 0%, #080909 72%); } .qdef-dr-intro:after { content: ""; position: absolute; top: 0; right: 0; width: 160px; height: 4px; background: var(--qdef-signal); } .qdef-dr-kicker { margin: 0 0 18px !important; color: var(--qdef-dim) !important; font-size: 12px !important; line-height: 1.3 !important; font-weight: 700 !important; letter-spacing: .18em !important; text-transform: uppercase; } .qdef-dr-title { margin: 0 !important; max-width: 800px; color: var(--qdef-text) !important; font-size: clamp(48px, 6vw, 82px) !important; line-height: .88 !important; letter-spacing: -.035em !important; font-weight: 800 !important; text-transform: uppercase; } .qdef-dr-lead { margin: 26px 0 0 !important; max-width: 720px; color: var(--qdef-text) !important; font-size: 22px !important; line-height: 1.35 !important; font-weight: 700 !important; } .qdef-dr-copy { max-width: 720px; margin: 20px 0 0 !important; color: var(--qdef-muted) !important; font-size: 16px !important; line-height: 1.65 !important; } .qdef-dr-manifesto { display: flex; flex-wrap: wrap; gap: 10px 24px; margin-top: 30px; padding-top: 24px; border-top: 1px solid var(--qdef-line); } .qdef-dr-manifesto span { color: var(--qdef-text); font-size: 12px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; } .qdef-dr-manifesto span:before { content: "//"; color: var(--qdef-signal); margin-right: 8px; } /* ========================= PROCESS ========================= */ .qdef-dr-section { padding: 60px 0 0; } .qdef-dr-section-label { margin: 0 0 12px !important; color: var(--qdef-signal) !important; font-size: 12px !important; line-height: 1.3 !important; font-weight: 700 !important; letter-spacing: .18em !important; text-transform: uppercase; } .qdef-dr-section-title { margin: 0 0 28px !important; color: var(--qdef-text) !important; font-size: 34px !important; line-height: 1 !important; font-weight: 800 !important; text-transform: uppercase; } .qdef-dr-process { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border-top: 1px solid var(--qdef-line); border-left: 1px solid var(--qdef-line); } .qdef-dr-step { min-height: 210px; padding: 30px; background: var(--qdef-panel); border-right: 1px solid var(--qdef-line); border-bottom: 1px solid var(--qdef-line); } .qdef-dr-step-number { display: block; margin-bottom: 30px; color: var(--qdef-signal); font-size: 13px; font-weight: 800; letter-spacing: .14em; } .qdef-dr-step h3 { margin: 0 0 10px !important; color: var(--qdef-text) !important; font-size: 21px !important; line-height: 1.15 !important; font-weight: 800 !important; text-transform: uppercase; } .qdef-dr-step p { margin: 0 !important; color: var(--qdef-muted) !important; font-size: 15px !important; line-height: 1.55 !important; } /* ========================= GUIDANCE LINKS ========================= */ .qdef-dr-resources { border-top: 1px solid var(--qdef-line); } .qdef-dr-resource { display: grid; grid-template-columns: 1fr auto; gap: 20px; align-items: center; padding: 22px 4px; border-bottom: 1px solid var(--qdef-line); transition: padding 180ms ease, background 180ms ease; } .qdef-dr-resource:hover { padding-left: 14px; padding-right: 14px; background: rgba(255,255,255,.025); } .qdef-dr-resource-title { display: block; color: var(--qdef-text); font-size: 17px; line-height: 1.25; font-weight: 800; text-transform: uppercase; } .qdef-dr-resource-meta { display: block; margin-top: 5px; color: var(--qdef-dim); font-size: 13px; line-height: 1.4; } .qdef-dr-resource-arrow { color: var(--qdef-signal); font-size: 22px; font-weight: 700; } /* ========================= SUPPORT CTA ========================= */ .qdef-dr-support { margin-top: 60px; padding: 42px; border: 1px solid var(--qdef-line); background: linear-gradient(135deg, var(--qdef-panel-2), var(--qdef-bg)); } .qdef-dr-support h2 { margin: 0 0 12px !important; color: var(--qdef-text) !important; font-size: 30px !important; line-height: 1 !important; font-weight: 800 !important; text-transform: uppercase; } .qdef-dr-support p { max-width: 680px; margin: 0 !important; color: var(--qdef-muted) !important; font-size: 15px !important; line-height: 1.6 !important; } .qdef-dr-support-button { display: inline-flex; align-items: center; justify-content: space-between; gap: 30px; min-width: 260px; min-height: 54px; margin-top: 24px; padding: 0 24px; background: var(--qdef-signal); color: #080909 !important; font-size: 12px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; } /* ========================= FOOTER STATEMENT ========================= */ .qdef-dr-end { padding: 55px 0 10px; text-align: center; } .qdef-dr-end span { color: var(--qdef-dim); font-size: 11px; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; } .qdef-dr-end h2 { margin: 10px 0 0 !important; color: var(--qdef-text) !important; font-size: clamp(42px, 6vw, 72px) !important; line-height: .9 !important; font-weight: 800 !important; letter-spacing: -.03em !important; text-transform: uppercase; } /* ========================= MOBILE ========================= */ @media screen and (max-width: 749px) { .qdef-dr-intro { padding: 42px 22px 38px; } .qdef-dr-title { font-size: clamp(42px, 13vw, 58px) !important; line-height: .9 !important; } .qdef-dr-lead { margin-top: 20px !important; font-size: 19px !important; line-height: 1.35 !important; } .qdef-dr-copy { margin-top: 16px !important; font-size: 15px !important; line-height: 1.55 !important; } .qdef-dr-manifesto { display: grid; gap: 10px; margin-top: 24px; padding-top: 20px; } .qdef-dr-section { padding-top: 44px; } .qdef-dr-section-title { margin-bottom: 22px !important; font-size: 28px !important; } .qdef-dr-process { grid-template-columns: 1fr; } .qdef-dr-step { min-height: 0; padding: 24px 20px; } .qdef-dr-step-number { margin-bottom: 18px; } .qdef-dr-step h3 { font-size: 19px !important; } .qdef-dr-step p { font-size: 14px !important; } .qdef-dr-resource { padding: 18px 2px; } .qdef-dr-resource:hover { padding-left: 2px; padding-right: 2px; } .qdef-dr-resource-title { font-size: 15px; } .qdef-dr-resource-meta { font-size: 12px; } .qdef-dr-support { margin-top: 44px; padding: 30px 22px; } .qdef-dr-support h2 { font-size: 26px !important; } .qdef-dr-support-button { width: 100%; min-width: 0; } .qdef-dr-end { padding-top: 44px; } } WELCOME TO THE DARK ROOM Advanced night vision. Configured around the mission. Start by choosing your platform — Mono, Bino, or Pano — then select your housing, optics, and image intensifier tubes to build a system around your performance requirements and budget. You choose the components. Quad Defense handles the build. Every system is professionally assembled, tested, and inspected before leaving our shop. Purpose-Built Professionally Assembled Operator Driven THE PROCESS BUILD YOUR SYSTEM 01 // Choose Your Platform Select Mono, Bino, or Pano based on how you intend to use your night vision. 02 // Choose Your Housing Select the housing, articulation and feature set that best matches your requirements. 03 // Choose Your Glass Choose from premium optical packages including MBS ULR, Mil-Spec, or RPO 4.0. 04 // Choose Your Tubes Select the image intensifier tubes and performance level that fit your application and budget. TECHNICAL RESOURCES NEED A LITTLE GUIDANCE? Night Vision Housing Guide Compare monocular, binocular and housing platforms. → MBS — ULR Optics Explore ultra-lightweight premium optics. → Noctis Mil-Spec Optics Traditional Mil-Spec optical performance. → RPO 4.0 + LLI Diopter Premium lightweight optical configuration. → QDEF SUPPORT NOT SURE WHAT TO BUILD? Tell us what you're looking to accomplish, how you'll use the system, and what matters most to you. We'll help you configure the right night vision system for the mission. TALK TO QUAD DEFENSE → START YOUR BUILD
More you might like
Related
The Dark Room
Related
The Dark Room
Related
the dark room
Related