Vortex Diamondback HD 10x50 Binoculars
The Vortex Diamondback HD 10x50 Binocular combines versatile 10x magnification with large 50 mm objectives for a bright, detailed view from dawn to dusk. An HD optical system, full y multi-coated lenses, dielectric and phase-corrected prisms deliver sharp, colour-accurate images, while ArmorTek® lens protection and a waterproof, fogproof construction provide dependable performance in demanding outdoor conditions. Ideal for birdwatching, wildlife observation, hunting and general nature viewing. Includes the Vortex GlassPak™ binocular harness system, neck strap, tethered objective covers, rainguard and carrying case. @import url("https://fonts.googleapis.com/css2?family=Lato:wght@400;700;900&family=Oswald:wght@300;400;500;600;700&display=swap"); #jd-vortex-db216-v1, #jd-vortex-db216-v1 div, #jd-vortex-db216-v1 section, #jd-vortex-db216-v1 article, #jd-vortex-db216-v1 figure, #jd-vortex-db216-v1 figcaption, #jd-vortex-db216-v1 span, #jd-vortex-db216-v1 h2, #jd-vortex-db216-v1 h3, #jd-vortex-db216-v1 h4, #jd-vortex-db216-v1 p, #jd-vortex-db216-v1 ul, #jd-vortex-db216-v1 ol, #jd-vortex-db216-v1 li, #jd-vortex-db216-v1 table, #jd-vortex-db216-v1 thead, #jd-vortex-db216-v1 tbody, #jd-vortex-db216-v1 tr, #jd-vortex-db216-v1 th, #jd-vortex-db216-v1 td, #jd-vortex-db216-v1 img, #jd-vortex-db216-v1 iframe, #jd-vortex-db216-v1 svg, #jd-vortex-db216-v1 a, #jd-vortex-db216-v1 label, #jd-vortex-db216-v1 input { box-sizing: border-box; } #jd-vortex-db216-v1 { --db-ink: #2d2b29; --db-black: #111210; --db-charcoal: #20211f; --db-green: #006253; --db-green-deep: #003d35; --db-olive: #495347; --db-lime: #aede00; --db-tan: #baa681; --db-stone: #e6e4df; --db-mist: #f3f1f0; --db-white: #ffffff; width: 100%; max-width: 1600px; margin: 0 auto; padding: 0; overflow: hidden; background: var(--db-white); color: var(--db-ink); font-family: "Lato", Arial, Helvetica, sans-serif; font-size: 16px; font-weight: 400; line-height: 1.62; text-align: left; } #jd-vortex-db216-v1 h2, #jd-vortex-db216-v1 h3, #jd-vortex-db216-v1 h4, #jd-vortex-db216-v1 p, #jd-vortex-db216-v1 ul, #jd-vortex-db216-v1 ol, #jd-vortex-db216-v1 figure { margin-top: 0; } #jd-vortex-db216-v1 h2, #jd-vortex-db216-v1 h3, #jd-vortex-db216-v1 h4 { margin-bottom: 16px; color: inherit; font-family: "Oswald", "Arial Narrow", Arial, sans-serif; font-weight: 600; line-height: 1.03; text-transform: uppercase; } #jd-vortex-db216-v1 h2 { font-size: clamp(36px, 5.8vw, 78px); letter-spacing: -0.035em; } #jd-vortex-db216-v1 h3 { font-size: clamp(27px, 3.8vw, 50px); letter-spacing: -0.02em; } #jd-vortex-db216-v1 h4 { margin-bottom: 9px; font-size: clamp(18px, 2.1vw, 26px); letter-spacing: -0.01em; } #jd-vortex-db216-v1 p { margin-bottom: 18px; } #jd-vortex-db216-v1 img, #jd-vortex-db216-v1 iframe, #jd-vortex-db216-v1 svg { display: block; max-width: 100%; } #jd-vortex-db216-v1 img { width: 100%; height: auto; border: 0; } #jd-vortex-db216-v1 a { color: inherit; } #jd-vortex-db216-v1 .db-shell { width: 100%; max-width: 1360px; margin: 0 auto; } #jd-vortex-db216-v1 .db-pad { padding: clamp(58px, 8vw, 118px) clamp(18px, 5vw, 78px); } #jd-vortex-db216-v1 .db-kicker { display: flex; align-items: center; gap: 12px; margin-bottom: 17px; color: var(--db-green); font-family: "Oswald", "Arial Narrow", Arial, sans-serif; font-size: 13px; font-weight: 600; letter-spacing: 0.2em; line-height: 1.2; text-transform: uppercase; } #jd-vortex-db216-v1 .db-kicker:before { width: 36px; height: 4px; background: var(--db-lime); content: ""; flex: 0 0 36px; } #jd-vortex-db216-v1 .db-lead { max-width: 900px; margin-bottom: 0; font-size: clamp(18px, 2.05vw, 25px); line-height: 1.55; } #jd-vortex-db216-v1 .db-hero { position: relative; display: grid; grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr); min-height: 660px; overflow: hidden; background: var(--db-black); color: var(--db-white); } #jd-vortex-db216-v1 .db-hero:after { position: absolute; top: 0; bottom: 0; left: calc(46% - 3px); z-index: 3; width: 6px; background: var(--db-lime); content: ""; transform: skewX(-8deg); transform-origin: top; } #jd-vortex-db216-v1 .db-hero-copy { position: relative; z-index: 2; display: flex; flex-direction: column; justify-content: center; min-width: 0; padding: clamp(58px, 8vw, 116px) clamp(22px, 5vw, 78px); background: linear-gradient(145deg, rgba(174, 222, 0, 0.08), rgba(174, 222, 0, 0) 44%), var(--db-black); } #jd-vortex-db216-v1 .db-hero-copy:before { position: absolute; top: 0; right: -88px; bottom: 0; z-index: -1; width: 180px; background: var(--db-black); content: ""; transform: skewX(-8deg); } #jd-vortex-db216-v1 .db-hero .db-kicker { color: #d9e5e1; } #jd-vortex-db216-v1 .db-hero-title { max-width: 650px; margin-bottom: 22px; color: var(--db-white); font-size: clamp(49px, 7.2vw, 104px); } #jd-vortex-db216-v1 .db-hero-title span { display: block; color: var(--db-lime); font-size: 0.55em; font-weight: 400; letter-spacing: 0.035em; } #jd-vortex-db216-v1 .db-hero-copy > p { max-width: 620px; margin-bottom: 28px; color: #d8dad6; font-size: clamp(17px, 1.8vw, 22px); } #jd-vortex-db216-v1 .db-hero-tags { display: flex; flex-wrap: wrap; gap: 8px; } #jd-vortex-db216-v1 .db-hero-tag { padding: 8px 12px 7px; border: 1px solid rgba(255,255,255,0.26); color: #ffffff; font-family: "Oswald", "Arial Narrow", Arial, sans-serif; font-size: 13px; font-weight: 500; letter-spacing: 0.09em; line-height: 1.2; text-transform: uppercase; } #jd-vortex-db216-v1 .db-hero-media { position: relative; min-width: 0; overflow: hidden; background: #f5f4f1; } #jd-vortex-db216-v1 .db-hero-media img { width: 100%; height: 100%; min-height: 660px; object-fit: cover; object-position: 50% 50%; } #jd-vortex-db216-v1 .db-hero-model { position: absolute; right: clamp(16px, 3vw, 44px); bottom: clamp(16px, 3vw, 40px); z-index: 2; padding: 10px 13px 9px; background: rgba(17,18,16,0.92); color: #ffffff; font-family: "Oswald", "Arial Narrow", Arial, sans-serif; font-size: 14px; letter-spacing: 0.12em; line-height: 1.2; text-transform: uppercase; } #jd-vortex-db216-v1 .db-metric-rail { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-bottom: 1px solid #383936; background: var(--db-charcoal); color: var(--db-white); } #jd-vortex-db216-v1 .db-metric { min-width: 0; padding: clamp(24px, 3.5vw, 43px) clamp(15px, 3vw, 34px); border-right: 1px solid #454642; } #jd-vortex-db216-v1 .db-metric:last-child { border-right: 0; } #jd-vortex-db216-v1 .db-metric strong { display: block; margin-bottom: 5px; color: var(--db-lime); font-family: "Oswald", "Arial Narrow", Arial, sans-serif; font-size: clamp(31px, 4vw, 52px); font-weight: 500; letter-spacing: -0.02em; line-height: 1; } #jd-vortex-db216-v1 .db-metric span { display: block; color: #d3d5d1; font-size: clamp(12px, 1.25vw, 15px); line-height: 1.35; } #jd-vortex-db216-v1 .db-video-section { background: var(--db-black); color: var(--db-white); } #jd-vortex-db216-v1 .db-video-head { display: grid; grid-template-columns: minmax(0, 0.72fr) minmax(0, 1.28fr); gap: clamp(24px, 5vw, 80px); align-items: end; margin-bottom: clamp(27px, 4vw, 48px); } #jd-vortex-db216-v1 .db-video-head p { margin-bottom: 0; color: #cfd2ce; font-size: clamp(17px, 1.8vw, 21px); } #jd-vortex-db216-v1 .db-video-wrap { position: relative; width: 100%; padding-top: 56.25%; overflow: hidden; border: 1px solid #454642; background: #000000; } #jd-vortex-db216-v1 .db-video-wrap iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; } #jd-vortex-db216-v1 .db-gallery-section { background: var(--db-mist); } #jd-vortex-db216-v1 .db-gallery-head { display: grid; grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr); gap: clamp(24px, 5vw, 78px); align-items: end; margin-bottom: clamp(28px, 5vw, 58px); } #jd-vortex-db216-v1 .db-gallery-head p { margin-bottom: 0; font-size: clamp(17px, 1.75vw, 21px); } #jd-vortex-db216-v1 .db-gallery { position: relative; width: 100%; } #jd-vortex-db216-v1 .db-gallery > input { position: absolute; width: 1px; height: 1px; overflow: hidden; opacity: 0; pointer-events: none; } #jd-vortex-db216-v1 .db-gallery-stage { position: relative; width: 100%; aspect-ratio: 16 / 9; min-height: 310px; overflow: hidden; border: 1px solid #d0cfcb; background: #ffffff; } #jd-vortex-db216-v1 .db-gallery-slide { position: absolute; inset: 0; opacity: 0; transition: opacity 0.3s ease; pointer-events: none; } #jd-vortex-db216-v1 .db-gallery-slide img { width: 100%; height: 100%; object-fit: contain; object-position: center; } #jd-vortex-db216-v1 .db-gallery-slide.db-gallery-field img { object-fit: cover; } #jd-vortex-db216-v1 .db-gallery-caption { position: absolute; right: 0; bottom: 0; left: 0; margin: 0; padding: 34px clamp(14px, 3vw, 34px) 14px; background: linear-gradient(to top, rgba(17,18,16,0.88), rgba(17,18,16,0)); color: #ffffff; font-size: clamp(13px, 1.4vw, 16px); } #jd-vortex-db216-v1 #db-shot-1:checked ~ .db-gallery-stage .db-gallery-slide:nth-child(1), #jd-vortex-db216-v1 #db-shot-2:checked ~ .db-gallery-stage .db-gallery-slide:nth-child(2), #jd-vortex-db216-v1 #db-shot-3:checked ~ .db-gallery-stage .db-gallery-slide:nth-child(3), #jd-vortex-db216-v1 #db-shot-4:checked ~ .db-gallery-stage .db-gallery-slide:nth-child(4), #jd-vortex-db216-v1 #db-shot-5:checked ~ .db-gallery-stage .db-gallery-slide:nth-child(5), #jd-vortex-db216-v1 #db-shot-6:checked ~ .db-gallery-stage .db-gallery-slide:nth-child(6) { z-index: 2; opacity: 1; pointer-events: auto; } #jd-vortex-db216-v1 .db-gallery-thumbs { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 5px; margin-top: 5px; } #jd-vortex-db216-v1 .db-gallery-thumbs label { position: relative; min-width: 0; aspect-ratio: 4 / 3; overflow: hidden; border: 2px solid transparent; background: #ffffff; cursor: pointer; } #jd-vortex-db216-v1 .db-gallery-thumbs label:after { position: absolute; right: 0; bottom: 0; left: 0; height: 4px; background: transparent; content: ""; } #jd-vortex-db216-v1 .db-gallery-thumbs img { width: 100%; height: 100%; object-fit: cover; } #jd-vortex-db216-v1 #db-shot-1:checked ~ .db-gallery-thumbs label[for="db-shot-1"], #jd-vortex-db216-v1 #db-shot-2:checked ~ .db-gallery-thumbs label[for="db-shot-2"], #jd-vortex-db216-v1 #db-shot-3:checked ~ .db-gallery-thumbs label[for="db-shot-3"], #jd-vortex-db216-v1 #db-shot-4:checked ~ .db-gallery-thumbs label[for="db-shot-4"], #jd-vortex-db216-v1 #db-shot-5:checked ~ .db-gallery-thumbs label[for="db-shot-5"], #jd-vortex-db216-v1 #db-shot-6:checked ~ .db-gallery-thumbs label[for="db-shot-6"] { border-color: var(--db-ink); } #jd-vortex-db216-v1 #db-shot-1:checked ~ .db-gallery-thumbs label[for="db-shot-1"]:after, #jd-vortex-db216-v1 #db-shot-2:checked ~ .db-gallery-thumbs label[for="db-shot-2"]:after, #jd-vortex-db216-v1 #db-shot-3:checked ~ .db-gallery-thumbs label[for="db-shot-3"]:after, #jd-vortex-db216-v1 #db-shot-4:checked ~ .db-gallery-thumbs label[for="db-shot-4"]:after, #jd-vortex-db216-v1 #db-shot-5:checked ~ .db-gallery-thumbs label[for="db-shot-5"]:after, #jd-vortex-db216-v1 #db-shot-6:checked ~ .db-gallery-thumbs label[for="db-shot-6"]:after { background: var(--db-lime); } #jd-vortex-db216-v1 .db-optics { background: var(--db-white); } #jd-vortex-db216-v1 .db-optics-grid { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr); gap: clamp(36px, 7vw, 104px); align-items: center; } #jd-vortex-db216-v1 .db-optics-copy { min-width: 0; } #jd-vortex-db216-v1 .db-optics-copy > p { font-size: clamp(17px, 1.7vw, 21px); } #jd-vortex-db216-v1 .db-optic-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 30px; border-top: 1px solid #cbc9c4; border-left: 1px solid #cbc9c4; } #jd-vortex-db216-v1 .db-optic-item { min-width: 0; padding: clamp(20px, 3vw, 31px); border-right: 1px solid #cbc9c4; border-bottom: 1px solid #cbc9c4; } #jd-vortex-db216-v1 .db-optic-item strong { display: block; margin-bottom: 7px; color: var(--db-green); font-family: "Oswald", "Arial Narrow", Arial, sans-serif; font-size: clamp(17px, 1.8vw, 23px); font-weight: 600; line-height: 1.15; text-transform: uppercase; } #jd-vortex-db216-v1 .db-optic-item span { display: block; color: #555653; font-size: 14px; line-height: 1.5; } #jd-vortex-db216-v1 .db-optic-diagram { position: relative; min-width: 0; padding: clamp(28px, 5vw, 62px); overflow: hidden; background: var(--db-charcoal); color: #ffffff; } #jd-vortex-db216-v1 .db-optic-diagram:before, #jd-vortex-db216-v1 .db-optic-diagram:after { position: absolute; width: 160px; height: 7px; background: var(--db-lime); content: ""; transform: rotate(-45deg); } #jd-vortex-db216-v1 .db-optic-diagram:before { top: 32px; right: -57px; } #jd-vortex-db216-v1 .db-optic-diagram:after { bottom: 29px; left: -58px; } #jd-vortex-db216-v1 .db-optic-diagram svg { position: relative; z-index: 1; width: 100%; height: auto; } #jd-vortex-db216-v1 .db-optic-diagram figcaption { position: relative; z-index: 1; margin-top: 24px; color: #d5d7d3; font-size: 14px; line-height: 1.55; } #jd-vortex-db216-v1 .db-objective { background: var(--db-mist); color: var(--db-ink); } #jd-vortex-db216-v1 .db-objective-grid { display: grid; grid-template-columns: minmax(0, 0.82fr) minmax(0, 1.18fr); gap: clamp(34px, 6vw, 92px); align-items: center; } #jd-vortex-db216-v1 .db-objective-copy { min-width: 0; } #jd-vortex-db216-v1 .db-objective-copy > p { font-size: clamp(17px, 1.7vw, 21px); } #jd-vortex-db216-v1 .db-objective-facts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 30px; border-top: 1px solid #cbc9c4; border-left: 1px solid #cbc9c4; } #jd-vortex-db216-v1 .db-objective-fact { min-width: 0; padding: clamp(18px, 2.6vw, 28px); border-right: 1px solid #cbc9c4; border-bottom: 1px solid #cbc9c4; } #jd-vortex-db216-v1 .db-objective-fact strong { display: block; margin-bottom: 7px; color: var(--db-green); font-family: "Oswald", "Arial Narrow", Arial, sans-serif; font-size: clamp(24px, 2.8vw, 39px); font-weight: 500; line-height: 1; } #jd-vortex-db216-v1 .db-objective-fact span { display: block; color: #5a5b58; font-size: 13px; line-height: 1.45; } #jd-vortex-db216-v1 .db-objective-note { margin-top: 20px; padding: 17px 19px; border-left: 5px solid var(--db-lime); background: #ffffff; color: #555653; font-size: 13px; line-height: 1.55; } #jd-vortex-db216-v1 .db-objective-diagram { position: relative; min-width: 0; margin: 0; padding: clamp(22px, 3.8vw, 46px); overflow: hidden; background: var(--db-charcoal); color: #ffffff; } #jd-vortex-db216-v1 .db-objective-diagram:before { position: absolute; top: 0; right: 0; width: 34%; height: 6px; background: var(--db-lime); content: ""; } #jd-vortex-db216-v1 .db-objective-diagram svg { position: relative; z-index: 1; width: 100%; height: auto; } #jd-vortex-db216-v1 .db-objective-diagram figcaption { position: relative; z-index: 1; margin-top: 18px; color: #cfd2ce; font-size: 13px; line-height: 1.55; } #jd-vortex-db216-v1 .db-fov { background: var(--db-green-deep); color: #ffffff; } #jd-vortex-db216-v1 .db-fov-head { display: grid; grid-template-columns: minmax(0, 0.82fr) minmax(0, 1.18fr); gap: clamp(30px, 6vw, 96px); align-items: end; margin-bottom: clamp(30px, 5vw, 58px); } #jd-vortex-db216-v1 .db-fov .db-kicker { color: #d2e0dc; } #jd-vortex-db216-v1 .db-fov-head p { margin-bottom: 0; color: #d4dfdc; font-size: clamp(17px, 1.8vw, 22px); } #jd-vortex-db216-v1 .db-fov-visual { border: 1px solid rgba(255,255,255,0.25); background: #002e28; } #jd-vortex-db216-v1 .db-fov-visual svg { width: 100%; height: auto; } #jd-vortex-db216-v1 .db-control-section { background: var(--db-mist); } #jd-vortex-db216-v1 .db-control-head { max-width: 920px; margin-bottom: clamp(32px, 5vw, 56px); } #jd-vortex-db216-v1 .db-control-board { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr); border: 1px solid #cbc9c4; background: #ffffff; } #jd-vortex-db216-v1 .db-control-image { position: relative; min-width: 0; min-height: 620px; overflow: hidden; border-right: 1px solid #cbc9c4; background: #ffffff; } #jd-vortex-db216-v1 .db-control-image > img { width: 100%; height: 100%; min-height: 620px; object-fit: contain; object-position: center; } #jd-vortex-db216-v1 .db-pin { position: absolute; display: flex; align-items: center; justify-content: center; width: clamp(28px, 3.2vw, 42px); height: clamp(28px, 3.2vw, 42px); border: 3px solid #ffffff; border-radius: 50%; background: var(--db-green); box-shadow: 0 4px 14px rgba(0,0,0,0.25); color: #ffffff; font-family: "Oswald", "Arial Narrow", Arial, sans-serif; font-size: clamp(14px, 1.6vw, 20px); font-weight: 600; line-height: 1; } #jd-vortex-db216-v1 .db-pin-1 { top: 13%; left: 24%; } #jd-vortex-db216-v1 .db-pin-2 { top: 21%; left: 48%; } #jd-vortex-db216-v1 .db-pin-3 { top: 17%; right: 23%; } #jd-vortex-db216-v1 .db-pin-4 { top: 39%; left: 48%; } #jd-vortex-db216-v1 .db-pin-5 { top: 33%; right: 17%; } #jd-vortex-db216-v1 .db-pin-6 { right: 20%; bottom: 11%; } #jd-vortex-db216-v1 .db-pin-7 { bottom: 30%; left: 48%; } #jd-vortex-db216-v1 .db-control-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-content: stretch; min-width: 0; } #jd-vortex-db216-v1 .db-control-item { min-width: 0; padding: clamp(20px, 3vw, 31px); border-right: 1px solid #dedcd7; border-bottom: 1px solid #dedcd7; } #jd-vortex-db216-v1 .db-control-item:nth-child(2n) { border-right: 0; } #jd-vortex-db216-v1 .db-control-item strong { display: flex; align-items: center; gap: 10px; margin-bottom: 8px; color: var(--db-ink); font-family: "Oswald", "Arial Narrow", Arial, sans-serif; font-size: clamp(17px, 1.8vw, 22px); font-weight: 600; line-height: 1.15; text-transform: uppercase; } #jd-vortex-db216-v1 .db-control-number { display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; flex: 0 0 28px; border-radius: 50%; background: var(--db-green); color: #ffffff; font-size: 15px; } #jd-vortex-db216-v1 .db-control-item p { margin-bottom: 0; color: #5a5b58; font-size: 14px; line-height: 1.52; } #jd-vortex-db216-v1 .db-field-split { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); min-height: 720px; background: var(--db-black); color: #ffffff; } #jd-vortex-db216-v1 .db-field-media { position: relative; min-width: 0; min-height: 620px; overflow: hidden; } #jd-vortex-db216-v1 .db-field-media img { width: 100%; height: 100%; min-height: 620px; object-fit: cover; object-position: center; } #jd-vortex-db216-v1 .db-field-copy { display: flex; flex-direction: column; justify-content: center; min-width: 0; padding: clamp(58px, 8vw, 110px) clamp(22px, 6vw, 88px); } #jd-vortex-db216-v1 .db-field-copy .db-kicker { color: #d5dedb; } #jd-vortex-db216-v1 .db-field-copy > p { color: #d1d3d0; font-size: clamp(17px, 1.8vw, 21px); } #jd-vortex-db216-v1 .db-field-points { display: grid; gap: 0; margin-top: 22px; border-top: 1px solid #454642; } #jd-vortex-db216-v1 .db-field-point { padding: 19px 0; border-bottom: 1px solid #454642; } #jd-vortex-db216-v1 .db-field-point strong { display: block; margin-bottom: 4px; color: var(--db-lime); font-family: "Oswald", "Arial Narrow", Arial, sans-serif; font-size: 20px; font-weight: 500; text-transform: uppercase; } #jd-vortex-db216-v1 .db-field-point span { display: block; color: #d2d4d1; font-size: 14px; } #jd-vortex-db216-v1 .db-protection { background: var(--db-green); color: #ffffff; } #jd-vortex-db216-v1 .db-protection-head { display: grid; grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr); gap: clamp(28px, 6vw, 88px); align-items: end; margin-bottom: clamp(34px, 5vw, 62px); } #jd-vortex-db216-v1 .db-protection .db-kicker { color: #ecf3f1; } #jd-vortex-db216-v1 .db-protection-head p { margin-bottom: 0; color: #e3ece9; font-size: clamp(17px, 1.8vw, 21px); } #jd-vortex-db216-v1 .db-protection-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-top: 1px solid rgba(255,255,255,0.45); border-left: 1px solid rgba(255,255,255,0.45); } #jd-vortex-db216-v1 .db-protection-item { min-width: 0; padding: clamp(24px, 3vw, 38px); border-right: 1px solid rgba(255,255,255,0.45); border-bottom: 1px solid rgba(255,255,255,0.45); } #jd-vortex-db216-v1 .db-protection-icon { width: 50px; height: 50px; margin-bottom: 24px; color: var(--db-lime); } #jd-vortex-db216-v1 .db-protection-item h4 { color: #ffffff; } #jd-vortex-db216-v1 .db-protection-item p { margin-bottom: 0; color: #e2ebe8; font-size: 14px; line-height: 1.55; } #jd-vortex-db216-v1 .db-setup { background: var(--db-white); } #jd-vortex-db216-v1 .db-setup-head { max-width: 940px; margin-bottom: clamp(36px, 5vw, 64px); } #jd-vortex-db216-v1 .db-setup-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); counter-reset: setup; } #jd-vortex-db216-v1 .db-setup-step { position: relative; min-width: 0; padding: clamp(28px, 4vw, 49px); border-top: 1px solid #cac8c3; border-right: 1px solid #cac8c3; border-bottom: 1px solid #cac8c3; counter-increment: setup; } #jd-vortex-db216-v1 .db-setup-step:first-child { border-left: 1px solid #cac8c3; } #jd-vortex-db216-v1 .db-setup-step:before { display: block; margin-bottom: 22px; color: var(--db-green); content: "0" counter(setup); font-family: "Oswald", "Arial Narrow", Arial, sans-serif; font-size: clamp(36px, 4.5vw, 62px); font-weight: 300; line-height: 1; } #jd-vortex-db216-v1 .db-setup-step p { margin-bottom: 0; color: #575855; font-size: 15px; } #jd-vortex-db216-v1 .db-harness { background: var(--db-mist); } #jd-vortex-db216-v1 .db-harness-grid { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr); gap: clamp(38px, 7vw, 102px); align-items: center; } #jd-vortex-db216-v1 .db-harness-media { min-width: 0; overflow: hidden; border-left: 8px solid var(--db-lime); background: #d9d8d3; } #jd-vortex-db216-v1 .db-harness-media img { width: 100%; min-height: 590px; object-fit: cover; object-position: center; } #jd-vortex-db216-v1 .db-harness-copy { min-width: 0; } #jd-vortex-db216-v1 .db-harness-copy > p { font-size: clamp(17px, 1.7vw, 21px); } #jd-vortex-db216-v1 .db-box-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0; margin: 28px 0 0; padding: 0; border-top: 1px solid #c5c3be; border-left: 1px solid #c5c3be; list-style: none; } #jd-vortex-db216-v1 .db-box-list li { position: relative; min-width: 0; margin: 0; padding: 18px 16px 18px 43px; border-right: 1px solid #c5c3be; border-bottom: 1px solid #c5c3be; font-size: 14px; line-height: 1.4; } #jd-vortex-db216-v1 .db-box-list li:before { position: absolute; top: 21px; left: 18px; width: 12px; height: 7px; border-bottom: 3px solid var(--db-green); border-left: 3px solid var(--db-green); content: ""; transform: rotate(-45deg); } #jd-vortex-db216-v1 .db-accessories { background: var(--db-white); } #jd-vortex-db216-v1 .db-accessory-head { max-width: 900px; margin-bottom: clamp(34px, 5vw, 60px); } #jd-vortex-db216-v1 .db-accessory-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(16px, 2vw, 26px); } #jd-vortex-db216-v1 .db-accessory-card { display: flex; flex-direction: column; min-width: 0; border: 1px solid #c9c7c2; background: #ffffff; } #jd-vortex-db216-v1 .db-accessory-image { display: block; min-width: 0; aspect-ratio: 4 / 3; overflow: hidden; border-bottom: 1px solid #c9c7c2; background: #f7f7f5; } #jd-vortex-db216-v1 .db-accessory-image img { width: 100%; height: 100%; object-fit: contain; transition: transform 0.25s ease; } #jd-vortex-db216-v1 .db-accessory-card:hover .db-accessory-image img { transform: scale(1.035); } #jd-vortex-db216-v1 .db-accessory-copy { display: flex; flex: 1 1 auto; flex-direction: column; padding: clamp(22px, 3vw, 32px); } #jd-vortex-db216-v1 .db-accessory-title { text-decoration: none; } #jd-vortex-db216-v1 .db-accessory-copy p { margin-bottom: 20px; color: #595a57; font-size: 14px; } #jd-vortex-db216-v1 .db-accessory-link { display: inline-flex; align-items: center; gap: 9px; margin-top: auto; color: var(--db-green); font-family: "Oswald", "Arial Narrow", Arial, sans-serif; font-size: 14px; font-weight: 600; letter-spacing: 0.09em; line-height: 1.2; text-decoration: none; text-transform: uppercase; } #jd-vortex-db216-v1 .db-accessory-link:after { font-size: 18px; content: "\2192"; } #jd-vortex-db216-v1 .db-care { background: var(--db-charcoal); color: #ffffff; } #jd-vortex-db216-v1 .db-care-head { max-width: 900px; margin-bottom: clamp(34px, 5vw, 60px); } #jd-vortex-db216-v1 .db-care .db-kicker { color: #d7ddda; } #jd-vortex-db216-v1 .db-care-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 1px solid #4b4c48; border-left: 1px solid #4b4c48; } #jd-vortex-db216-v1 .db-care-item { min-width: 0; padding: clamp(25px, 4vw, 43px); border-right: 1px solid #4b4c48; border-bottom: 1px solid #4b4c48; } #jd-vortex-db216-v1 .db-care-item h4 { color: var(--db-lime); } #jd-vortex-db216-v1 .db-care-item p, #jd-vortex-db216-v1 .db-care-item li { color: #d4d6d2; font-size: 14px; } #jd-vortex-db216-v1 .db-care-item p:last-child { margin-bottom: 0; } #jd-vortex-db216-v1 .db-care-item ul { margin-bottom: 0; padding-left: 19px; } #jd-vortex-db216-v1 .db-care-item li { margin-bottom: 7px; } #jd-vortex-db216-v1 .db-specs { background: var(--db-mist); } #jd-vortex-db216-v1 .db-spec-head { max-width: 920px; margin-bottom: clamp(34px, 5vw, 60px); } #jd-vortex-db216-v1 .db-table-wrap { width: 100%; border: 1px solid #c7c5c0; background: #ffffff; } #jd-vortex-db216-v1 .db-spec-table { width: 100%; margin: 0; border: 0; border-collapse: collapse; table-layout: fixed; } #jd-vortex-db216-v1 .db-spec-table th, #jd-vortex-db216-v1 .db-spec-table td { padding: 15px clamp(12px, 2.4vw, 28px); border: 0; border-bottom: 1px solid #dedcd7; vertical-align: top; overflow-wrap: anywhere; text-align: left; } #jd-vortex-db216-v1 .db-spec-table th { width: 37%; color: var(--db-ink); font-family: "Lato", Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 700; } #jd-vortex-db216-v1 .db-spec-table td { color: #51524f; font-size: 14px; } #jd-vortex-db216-v1 .db-spec-table .db-table-group th { width: 100%; padding-top: 17px; padding-bottom: 14px; border-bottom-color: #585955; background: var(--db-charcoal); color: #ffffff; font-family: "Oswald", "Arial Narrow", Arial, sans-serif; font-size: 18px; font-weight: 500; letter-spacing: 0.08em; text-transform: uppercase; } #jd-vortex-db216-v1 .db-spec-table tr:last-child th, #jd-vortex-db216-v1 .db-spec-table tr:last-child td { border-bottom: 0; } #jd-vortex-db216-v1 .db-warranty { display: grid; grid-template-columns: minmax(230px, 0.48fr) minmax(0, 1.52fr); gap: clamp(30px, 6vw, 92px); align-items: center; background: var(--db-black); color: #ffffff; } #jd-vortex-db216-v1 .db-warranty-logo { max-width: 370px; margin: 0 auto; } #jd-vortex-db216-v1 .db-warranty-copy .db-kicker { color: #d4dcda; } #jd-vortex-db216-v1 .db-warranty-copy p { max-width: 800px; color: #d5d7d3; font-size: clamp(16px, 1.7vw, 20px); } #jd-vortex-db216-v1 .db-warranty-note { padding-top: 18px; border-top: 1px solid #464743; color: #aeb1ad !important; font-size: 13px !important; } #jd-vortex-db216-v1 .db-docs { background: var(--db-white); } #jd-vortex-db216-v1 .db-docs-grid { display: grid; grid-template-columns: minmax(0, 0.72fr) minmax(0, 1.28fr); gap: clamp(34px, 7vw, 100px); align-items: start; } #jd-vortex-db216-v1 .db-doc-list { display: grid; border-top: 1px solid #c5c3be; } #jd-vortex-db216-v1 .db-doc-link { display: grid; grid-template-columns: 56px minmax(0, 1fr) auto; gap: 18px; align-items: center; min-width: 0; padding: 20px 0; border-bottom: 1px solid #c5c3be; text-decoration: none; } #jd-vortex-db216-v1 .db-doc-mark { display: flex; align-items: center; justify-content: center; width: 56px; height: 56px; background: var(--db-green); color: #ffffff; font-family: "Oswald", "Arial Narrow", Arial, sans-serif; font-size: 13px; font-weight: 600; letter-spacing: 0.08em; } #jd-vortex-db216-v1 .db-doc-copy strong, #jd-vortex-db216-v1 .db-doc-copy span { display: block; } #jd-vortex-db216-v1 .db-doc-copy strong { margin-bottom: 3px; font-family: "Oswald", "Arial Narrow", Arial, sans-serif; font-size: 19px; font-weight: 600; line-height: 1.2; text-transform: uppercase; } #jd-vortex-db216-v1 .db-doc-copy span { color: #60615e; font-size: 13px; } #jd-vortex-db216-v1 .db-doc-arrow { color: var(--db-green); font-size: 25px; } #jd-vortex-db216-v1 .db-safety { padding: 24px clamp(18px, 5vw, 78px); border-top: 7px solid var(--db-lime); background: var(--db-green-deep); color: #ffffff; } #jd-vortex-db216-v1 .db-safety p { max-width: 1360px; margin: 0 auto; color: #eef3f1; font-size: 14px; line-height: 1.55; } @media (max-width: 980px) { #jd-vortex-db216-v1 .db-hero, #jd-vortex-db216-v1 .db-optics-grid, #jd-vortex-db216-v1 .db-control-board, #jd-vortex-db216-v1 .db-field-split, #jd-vortex-db216-v1 .db-harness-grid, #jd-vortex-db216-v1 .db-warranty, #jd-vortex-db216-v1 .db-docs-grid { grid-template-columns: 1fr; } #jd-vortex-db216-v1 .db-hero { min-height: 0; } #jd-vortex-db216-v1 .db-hero:after { display: none; } #jd-vortex-db216-v1 .db-hero-copy:after { position: absolute; right: 0; bottom: -58px; left: 0; z-index: 4; height: 6px; background: var(--db-lime); content: ""; transform: skewY(-2deg); } #jd-vortex-db216-v1 .db-hero-copy:before { top: auto; right: 0; bottom: -55px; left: 0; width: auto; height: 110px; transform: skewY(-2deg); } #jd-vortex-db216-v1 .db-hero-media img { min-height: 510px; } #jd-vortex-db216-v1 .db-video-head, #jd-vortex-db216-v1 .db-gallery-head, #jd-vortex-db216-v1 .db-fov-head, #jd-vortex-db216-v1 .db-protection-head { grid-template-columns: 1fr; } #jd-vortex-db216-v1 .db-objective-grid { grid-template-columns: 1fr; } #jd-vortex-db216-v1 .db-control-image { min-height: 560px; border-right: 0; border-bottom: 1px solid #cbc9c4; } #jd-vortex-db216-v1 .db-control-image > img { min-height: 560px; } #jd-vortex-db216-v1 .db-field-media, #jd-vortex-db216-v1 .db-field-media img { min-height: 520px; } #jd-vortex-db216-v1 .db-protection-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } #jd-vortex-db216-v1 .db-accessory-grid { grid-template-columns: 1fr; } #jd-vortex-db216-v1 .db-accessory-card { display: grid; grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr); } #jd-vortex-db216-v1 .db-accessory-image { height: 100%; min-height: 330px; border-right: 1px solid #c9c7c2; border-bottom: 0; } #jd-vortex-db216-v1 .db-warranty-logo { max-width: 310px; } } @media (max-width: 720px) { #jd-vortex-db216-v1 .db-metric-rail { grid-template-columns: repeat(2, minmax(0, 1fr)); } #jd-vortex-db216-v1 .db-metric:nth-child(2) { border-right: 0; } #jd-vortex-db216-v1 .db-metric:nth-child(-n+2) { border-bottom: 1px solid #454642; } #jd-vortex-db216-v1 .db-gallery-stage { aspect-ratio: 4 / 3; min-height: 280px; } #jd-vortex-db216-v1 .db-optic-list, #jd-vortex-db216-v1 .db-control-list, #jd-vortex-db216-v1 .db-setup-grid, #jd-vortex-db216-v1 .db-care-grid { grid-template-columns: 1fr; } #jd-vortex-db216-v1 .db-control-item { border-right: 0; } #jd-vortex-db216-v1 .db-setup-step, #jd-vortex-db216-v1 .db-setup-step:first-child { border-top: 0; border-right: 1px solid #cac8c3; border-left: 1px solid #cac8c3; } #jd-vortex-db216-v1 .db-setup-step:first-child { border-top: 1px solid #cac8c3; } #jd-vortex-db216-v1 .db-harness-media img { min-height: 460px; } #jd-vortex-db216-v1 .db-accessory-card { display: flex; } #jd-vortex-db216-v1 .db-accessory-image { min-height: 0; border-right: 0; border-bottom: 1px solid #c9c7c2; } } @media (max-width: 520px) { #jd-vortex-db216-v1 .db-hero-media img { min-height: 390px; } #jd-vortex-db216-v1 .db-gallery-stage { min-height: 255px; } #jd-vortex-db216-v1 .db-gallery-thumbs { gap: 3px; margin-top: 3px; } #jd-vortex-db216-v1 .db-control-image, #jd-vortex-db216-v1 .db-control-image > img { min-height: 410px; } #jd-vortex-db216-v1 .db-protection-grid, #jd-vortex-db216-v1 .db-box-list { grid-template-columns: 1fr; } #jd-vortex-db216-v1 .db-field-media, #jd-vortex-db216-v1 .db-field-media img, #jd-vortex-db216-v1 .db-harness-media img { min-height: 400px; } #jd-vortex-db216-v1 .db-spec-table th, #jd-vortex-db216-v1 .db-spec-table td { padding: 13px 11px; font-size: 13px; } #jd-vortex-db216-v1 .db-doc-link { grid-template-columns: 48px minmax(0, 1fr) auto; gap: 12px; } #jd-vortex-db216-v1 .db-doc-mark { width: 48px; height: 48px; } } @media (prefers-reduced-motion: reduce) { #jd-vortex-db216-v1 .db-gallery-slide, #jd-vortex-db216-v1 .db-accessory-image img { transition: none; } } /* Refined responsive scaling */ #jd-vortex-db216-v1 { -webkit-text-size-adjust: 100%; font-size: clamp(15px, calc(14.35px + 0.22vw), 17px); line-height: 1.58; } #jd-vortex-db216-v1 *, #jd-vortex-db216-v1 *:before, #jd-vortex-db216-v1 *:after { max-width: 100%; } #jd-vortex-db216-v1 h2, #jd-vortex-db216-v1 h3, #jd-vortex-db216-v1 h4 { overflow-wrap: normal; text-wrap: balance; } #jd-vortex-db216-v1 p, #jd-vortex-db216-v1 li, #jd-vortex-db216-v1 td, #jd-vortex-db216-v1 th, #jd-vortex-db216-v1 span { overflow-wrap: break-word; } #jd-vortex-db216-v1 h2 { font-size: clamp(34px, 4.6vw, 68px); } #jd-vortex-db216-v1 h3 { font-size: clamp(28px, 3.15vw, 45px); line-height: 1.06; } #jd-vortex-db216-v1 h4 { font-size: clamp(18px, 1.55vw, 24px); } #jd-vortex-db216-v1 .db-pad { padding: clamp(50px, 6.4vw, 92px) clamp(18px, 4.5vw, 66px); } #jd-vortex-db216-v1 .db-lead { font-size: clamp(17px, 1.45vw, 22px); line-height: 1.5; } #jd-vortex-db216-v1 .db-hero { grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr); min-height: clamp(560px, 46vw, 690px); } #jd-vortex-db216-v1 .db-hero:after { left: calc(45% - 3px); } #jd-vortex-db216-v1 .db-hero-copy { padding: clamp(52px, 6.5vw, 92px) clamp(22px, 4.8vw, 68px); } #jd-vortex-db216-v1 .db-hero-title { max-width: 700px; margin-bottom: 20px; font-size: clamp(46px, 5.7vw, 82px); line-height: 0.96; } #jd-vortex-db216-v1 .db-hero-title span { margin-top: 11px; font-size: 0.47em; line-height: 1.04; } #jd-vortex-db216-v1 .db-hero-copy > p { max-width: 650px; font-size: clamp(17px, 1.45vw, 21px); line-height: 1.55; } #jd-vortex-db216-v1 .db-hero-media img { min-height: 0; } #jd-vortex-db216-v1 .db-metric { padding: clamp(23px, 2.7vw, 36px) clamp(14px, 2.2vw, 28px); } #jd-vortex-db216-v1 .db-metric strong { font-size: clamp(30px, 3.1vw, 46px); } #jd-vortex-db216-v1 .db-video-head, #jd-vortex-db216-v1 .db-gallery-head, #jd-vortex-db216-v1 .db-fov-head, #jd-vortex-db216-v1 .db-protection-head { gap: clamp(24px, 4vw, 62px); } #jd-vortex-db216-v1 .db-video-wrap { aspect-ratio: 16 / 9; padding-top: 0; } #jd-vortex-db216-v1 .db-gallery-stage { min-height: 0; } #jd-vortex-db216-v1 .db-optics-grid, #jd-vortex-db216-v1 .db-harness-grid { gap: clamp(34px, 5vw, 78px); } #jd-vortex-db216-v1 .db-optic-item, #jd-vortex-db216-v1 .db-control-item, #jd-vortex-db216-v1 .db-protection-item, #jd-vortex-db216-v1 .db-care-item { padding: clamp(20px, 2.4vw, 31px); } #jd-vortex-db216-v1 .db-control-board { grid-template-columns: minmax(0, 1.02fr) minmax(0, 0.98fr); align-items: stretch; } #jd-vortex-db216-v1 .db-control-image { display: flex; align-items: center; justify-content: center; min-height: 0; padding: clamp(18px, 2.4vw, 32px); } #jd-vortex-db216-v1 .db-control-image-inner { position: relative; width: 100%; aspect-ratio: 1920 / 1123; } #jd-vortex-db216-v1 .db-control-image-inner > img { width: 100%; height: 100%; min-height: 0; object-fit: contain; object-position: center; } #jd-vortex-db216-v1 .db-field-split { min-height: 0; } #jd-vortex-db216-v1 .db-field-media, #jd-vortex-db216-v1 .db-field-media img { min-height: 0; } #jd-vortex-db216-v1 .db-field-media img { aspect-ratio: 4 / 5; } #jd-vortex-db216-v1 .db-field-copy { padding: clamp(52px, 6.4vw, 90px) clamp(22px, 5vw, 72px); } #jd-vortex-db216-v1 .db-protection-icon { width: clamp(40px, 4vw, 50px); height: clamp(40px, 4vw, 50px); margin-bottom: 20px; } #jd-vortex-db216-v1 .db-setup-step { padding: clamp(26px, 3.1vw, 42px); } #jd-vortex-db216-v1 .db-harness-media img { min-height: 0; aspect-ratio: 4 / 5; } #jd-vortex-db216-v1 .db-accessory-grid { gap: clamp(14px, 1.6vw, 22px); } #jd-vortex-db216-v1 .db-accessory-copy { padding: clamp(20px, 2.3vw, 29px); } #jd-vortex-db216-v1 .db-warranty { gap: clamp(30px, 4.6vw, 72px); } #jd-vortex-db216-v1 .db-docs-grid { gap: clamp(32px, 5vw, 76px); } @media (max-width: 1100px) { #jd-vortex-db216-v1 .db-hero-title { font-size: clamp(44px, 6.2vw, 70px); } #jd-vortex-db216-v1 .db-control-list { grid-template-columns: 1fr; } #jd-vortex-db216-v1 .db-control-item, #jd-vortex-db216-v1 .db-control-item:nth-child(2n) { border-right: 0; } } @media (max-width: 980px) { #jd-vortex-db216-v1 .db-hero { min-height: 0; } #jd-vortex-db216-v1 .db-hero-copy:before { display: none; } #jd-vortex-db216-v1 .db-hero-copy:after { right: 0; bottom: 0; left: 0; height: 5px; transform: none; } #jd-vortex-db216-v1 .db-hero-media img { height: auto; min-height: 0; object-fit: contain; } #jd-vortex-db216-v1 .db-control-board { grid-template-columns: minmax(0, 1fr); } #jd-vortex-db216-v1 .db-control-image { min-height: 0; padding: clamp(14px, 3vw, 28px); border-right: 0; border-bottom: 1px solid #cbc9c4; } #jd-vortex-db216-v1 .db-control-image > img { min-height: 0; } #jd-vortex-db216-v1 .db-control-list { grid-template-columns: repeat(2, minmax(0, 1fr)); } #jd-vortex-db216-v1 .db-control-item { border-right: 1px solid #dedcd7; } #jd-vortex-db216-v1 .db-control-item:nth-child(2n) { border-right: 0; } #jd-vortex-db216-v1 .db-field-media, #jd-vortex-db216-v1 .db-field-media img { min-height: 0; } #jd-vortex-db216-v1 .db-field-media img { aspect-ratio: 16 / 10; } #jd-vortex-db216-v1 .db-harness-media img { min-height: 0; aspect-ratio: 16 / 10; } } @media (max-width: 720px) { #jd-vortex-db216-v1 { font-size: 15px; } #jd-vortex-db216-v1 h2 { font-size: clamp(31px, 10vw, 48px); } #jd-vortex-db216-v1 h3 { font-size: clamp(27px, 8.7vw, 40px); } #jd-vortex-db216-v1 h4 { font-size: clamp(18px, 5.3vw, 22px); } #jd-vortex-db216-v1 .db-pad { padding: clamp(42px, 10vw, 62px) clamp(15px, 4.5vw, 24px); } #jd-vortex-db216-v1 .db-kicker { gap: 9px; margin-bottom: 13px; font-size: 11px; letter-spacing: 0.16em; } #jd-vortex-db216-v1 .db-kicker:before { width: 26px; height: 3px; flex-basis: 26px; } #jd-vortex-db216-v1 .db-hero-copy { padding: clamp(46px, 11vw, 66px) clamp(17px, 5vw, 28px); } #jd-vortex-db216-v1 .db-hero-title { font-size: clamp(42px, 12.2vw, 62px); } #jd-vortex-db216-v1 .db-hero-title span { margin-top: 9px; font-size: 0.43em; line-height: 1.08; } #jd-vortex-db216-v1 .db-hero-copy > p, #jd-vortex-db216-v1 .db-video-head p, #jd-vortex-db216-v1 .db-gallery-head p, #jd-vortex-db216-v1 .db-optics-copy > p, #jd-vortex-db216-v1 .db-fov-head p, #jd-vortex-db216-v1 .db-field-copy > p, #jd-vortex-db216-v1 .db-protection-head p, #jd-vortex-db216-v1 .db-harness-copy > p, #jd-vortex-db216-v1 .db-warranty-copy p, #jd-vortex-db216-v1 .db-lead { font-size: 16px; line-height: 1.55; } #jd-vortex-db216-v1 .db-metric { padding: 20px 14px; } #jd-vortex-db216-v1 .db-metric strong { font-size: clamp(28px, 9vw, 39px); } #jd-vortex-db216-v1 .db-gallery-thumbs { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 4px; margin-top: 4px; } #jd-vortex-db216-v1 .db-gallery-thumbs label { aspect-ratio: 16 / 10; } #jd-vortex-db216-v1 .db-optic-list, #jd-vortex-db216-v1 .db-control-list, #jd-vortex-db216-v1 .db-box-list { grid-template-columns: repeat(2, minmax(0, 1fr)); } #jd-vortex-db216-v1 .db-objective-facts { grid-template-columns: repeat(3, minmax(0, 1fr)); } #jd-vortex-db216-v1 .db-objective-fact { padding: 17px 12px; } #jd-vortex-db216-v1 .db-objective-fact strong { font-size: clamp(23px, 7vw, 33px); } #jd-vortex-db216-v1 .db-objective-fact span { font-size: 12px; } #jd-vortex-db216-v1 .db-optic-item, #jd-vortex-db216-v1 .db-control-item { padding: 18px 15px; } #jd-vortex-db216-v1 .db-control-item { border-right: 1px solid #dedcd7; } #jd-vortex-db216-v1 .db-control-item:nth-child(2n) { border-right: 0; } #jd-vortex-db216-v1 .db-control-item p, #jd-vortex-db216-v1 .db-optic-item span, #jd-vortex-db216-v1 .db-protection-item p, #jd-vortex-db216-v1 .db-care-item p, #jd-vortex-db216-v1 .db-care-item li { font-size: 13px; } #jd-vortex-db216-v1 .db-control-number { width: 25px; height: 25px; flex-basis: 25px; font-size: 13px; } #jd-vortex-db216-v1 .db-field-copy { padding: clamp(42px, 10vw, 62px) clamp(17px, 5vw, 28px); } #jd-vortex-db216-v1 .db-protection-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } #jd-vortex-db216-v1 .db-protection-item { padding: 20px 16px; } #jd-vortex-db216-v1 .db-setup-grid, #jd-vortex-db216-v1 .db-care-grid { grid-template-columns: 1fr; } #jd-vortex-db216-v1 .db-harness-media { border-left-width: 5px; } #jd-vortex-db216-v1 .db-box-list li { padding: 15px 12px 15px 34px; font-size: 13px; } #jd-vortex-db216-v1 .db-box-list li:before { top: 18px; left: 13px; } #jd-vortex-db216-v1 .db-accessory-copy { padding: 20px 18px 22px; } #jd-vortex-db216-v1 .db-spec-table th { width: 40%; } #jd-vortex-db216-v1 .db-doc-link { padding: 17px 0; } #jd-vortex-db216-v1 .db-safety { padding: 20px 17px; } } @media (max-width: 460px) { #jd-vortex-db216-v1 .db-metric span { font-size: 12px; } #jd-vortex-db216-v1 .db-optic-list, #jd-vortex-db216-v1 .db-control-list, #jd-vortex-db216-v1 .db-protection-grid, #jd-vortex-db216-v1 .db-box-list { grid-template-columns: 1fr; } #jd-vortex-db216-v1 .db-objective-facts { grid-template-columns: 1fr; } #jd-vortex-db216-v1 .db-control-item { border-right: 0; } #jd-vortex-db216-v1 .db-protection-item { padding: 22px 18px; } #jd-vortex-db216-v1 .db-field-media img, #jd-vortex-db216-v1 .db-harness-media img { aspect-ratio: 4 / 3; } #jd-vortex-db216-v1 .db-spec-table th, #jd-vortex-db216-v1 .db-spec-table td { padding: 12px 9px; font-size: 12.5px; } #jd-vortex-db216-v1 .db-spec-table th { width: 42%; } #jd-vortex-db216-v1 .db-doc-link { grid-template-columns: 44px minmax(0, 1fr) auto; gap: 10px; } #jd-vortex-db216-v1 .db-doc-mark { width: 44px; height: 44px; font-size: 11px; } #jd-vortex-db216-v1 .db-doc-copy strong { font-size: 17px; } #jd-vortex-db216-v1 .db-doc-copy span { font-size: 12px; } } /* Final responsive layout pass */ /* Opening hero: compact type, permanent side-by-side layout and a finer divider */ #jd-vortex-db216-v1 .db-hero { grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr); min-height: 0; } #jd-vortex-db216-v1 .db-hero:after { display: block; top: 0; bottom: 0; left: 46%; width: 3px; background: var(--db-lime); transform: skewX(-3deg); } #jd-vortex-db216-v1 .db-hero-copy { padding: clamp(28px, 4.2vw, 62px) clamp(14px, 3.5vw, 50px); } #jd-vortex-db216-v1 .db-hero-copy:before, #jd-vortex-db216-v1 .db-hero-copy:after { display: none; } #jd-vortex-db216-v1 .db-hero .db-kicker { margin-bottom: clamp(7px, 0.9vw, 12px); font-size: clamp(8px, 0.72vw, 11px); letter-spacing: 0.14em; } #jd-vortex-db216-v1 .db-hero-title { max-width: 560px; margin-bottom: clamp(10px, 1.4vw, 18px); font-size: clamp(24px, 3.8vw, 56px); line-height: 0.98; letter-spacing: -0.025em; } #jd-vortex-db216-v1 .db-hero-title span { margin-top: clamp(5px, 0.7vw, 9px); font-size: 0.48em; line-height: 1.08; } #jd-vortex-db216-v1 .db-hero-copy > p { max-width: 570px; margin-bottom: clamp(14px, 2vw, 24px); font-size: clamp(11px, 1.12vw, 17px); line-height: 1.48; } #jd-vortex-db216-v1 .db-hero-tags { gap: clamp(4px, 0.6vw, 7px); } #jd-vortex-db216-v1 .db-hero-tag { padding: clamp(5px, 0.65vw, 8px) clamp(7px, 0.9vw, 11px); font-size: clamp(7.5px, 0.72vw, 11px); letter-spacing: 0.07em; } #jd-vortex-db216-v1 .db-hero-media { display: flex; align-items: center; justify-content: center; min-height: 0; } #jd-vortex-db216-v1 .db-hero-media img { width: 100%; height: 100%; min-height: 0; padding: clamp(6px, 1.6vw, 22px); object-fit: contain; object-position: center; } #jd-vortex-db216-v1 .db-hero-model { right: clamp(7px, 1.6vw, 22px); bottom: clamp(7px, 1.6vw, 22px); padding: clamp(5px, 0.7vw, 8px) clamp(7px, 0.9vw, 11px); font-size: clamp(7.5px, 0.75vw, 11px); letter-spacing: 0.08em; } /* Video introduction: stacked copy prevents visual collisions */ #jd-vortex-db216-v1 .db-video-section.db-pad { padding-top: clamp(28px, 4vw, 54px); padding-bottom: clamp(28px, 4vw, 54px); } #jd-vortex-db216-v1 .db-video-head { display: block; margin-bottom: clamp(18px, 2.8vw, 34px); } #jd-vortex-db216-v1 .db-video-head .db-kicker { margin-bottom: 7px; font-size: clamp(8.5px, 0.72vw, 10.5px); } #jd-vortex-db216-v1 .db-video-head h3 { max-width: 760px; margin-bottom: 10px; font-size: clamp(22px, 2.7vw, 38px); line-height: 1.06; } #jd-vortex-db216-v1 .db-video-head p { max-width: 900px; margin: 0; font-size: clamp(11.5px, 1.05vw, 15.5px); line-height: 1.5; } #jd-vortex-db216-v1 .db-video-wrap iframe { pointer-events: none; } /* Gallery intro scaled down to match the tighter hierarchy */ #jd-vortex-db216-v1 .db-gallery-section.db-pad { padding-top: clamp(34px, 4.8vw, 66px); padding-bottom: clamp(34px, 4.8vw, 66px); } #jd-vortex-db216-v1 .db-gallery-head { gap: clamp(18px, 3vw, 42px); margin-bottom: clamp(20px, 3vw, 38px); } #jd-vortex-db216-v1 .db-gallery-head h3 { font-size: clamp(22px, 2.8vw, 39px); } #jd-vortex-db216-v1 .db-gallery-head p { font-size: clamp(11.5px, 1.05vw, 15.5px); line-height: 1.5; } /* HD optical system: compact copy and a permanent 2 x 2 feature grid */ #jd-vortex-db216-v1 .db-optics.db-pad { padding-top: clamp(34px, 4.5vw, 64px); padding-bottom: clamp(34px, 4.5vw, 64px); } #jd-vortex-db216-v1 .db-optics-grid { gap: clamp(24px, 4vw, 58px); } #jd-vortex-db216-v1 .db-optics-copy .db-kicker { margin-bottom: 7px; font-size: clamp(8px, 0.7vw, 10px); } #jd-vortex-db216-v1 .db-optics-copy h3 { margin-bottom: 10px; font-size: clamp(21px, 2.45vw, 34px); } #jd-vortex-db216-v1 .db-optics-copy > p { margin-bottom: 0; font-size: clamp(11.5px, 1vw, 14.5px); line-height: 1.48; } #jd-vortex-db216-v1 .db-optic-list { grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: clamp(18px, 2.4vw, 28px); } #jd-vortex-db216-v1 .db-optic-item { padding: clamp(12px, 1.8vw, 24px); } #jd-vortex-db216-v1 .db-optic-item strong { margin-bottom: 5px; font-size: clamp(11px, 1.2vw, 17px); line-height: 1.18; } #jd-vortex-db216-v1 .db-optic-item span { font-size: clamp(9.5px, 0.9vw, 13px); line-height: 1.45; } #jd-vortex-db216-v1 .db-optic-diagram { padding: clamp(20px, 3.4vw, 44px); } #jd-vortex-db216-v1 .db-optic-diagram figcaption { margin-top: 16px; font-size: clamp(10px, 0.9vw, 13px); } /* Field of view: reduced vertical space and smaller introductory typography */ #jd-vortex-db216-v1 .db-fov.db-pad { padding-top: clamp(26px, 3.4vw, 48px); padding-bottom: clamp(26px, 3.4vw, 48px); } #jd-vortex-db216-v1 .db-fov-head { grid-template-columns: minmax(0, 0.78fr) minmax(0, 1.22fr); gap: clamp(18px, 3vw, 46px); margin-bottom: clamp(18px, 2.8vw, 34px); } #jd-vortex-db216-v1 .db-fov-head .db-kicker { margin-bottom: 7px; font-size: clamp(8px, 0.7vw, 10px); } #jd-vortex-db216-v1 .db-fov-head h3 { margin-bottom: 0; font-size: clamp(20px, 2.35vw, 33px); line-height: 1.08; } #jd-vortex-db216-v1 .db-fov-head p { font-size: clamp(11px, 1vw, 14.5px); line-height: 1.48; } /* Controls: image first at every width, markers locked to the image coordinate system */ #jd-vortex-db216-v1 .db-control-section.db-pad { padding-top: clamp(32px, 4.2vw, 60px); padding-bottom: clamp(32px, 4.2vw, 60px); } #jd-vortex-db216-v1 .db-control-head { max-width: 920px; margin-bottom: clamp(20px, 3vw, 36px); } #jd-vortex-db216-v1 .db-control-head .db-kicker { margin-bottom: 7px; font-size: clamp(8px, 0.7vw, 10px); } #jd-vortex-db216-v1 .db-control-head h3 { margin-bottom: 9px; font-size: clamp(21px, 2.45vw, 34px); } #jd-vortex-db216-v1 .db-control-head .db-lead { font-size: clamp(11.5px, 1vw, 14.5px); line-height: 1.48; } #jd-vortex-db216-v1 .db-control-board { display: block; } #jd-vortex-db216-v1 .db-control-image { min-height: 0; padding: clamp(8px, 1.5vw, 18px); border-right: 0; border-bottom: 1px solid #cbc9c4; } #jd-vortex-db216-v1 .db-control-image-inner { position: relative; width: min(100%, 1040px); aspect-ratio: 1920 / 1123; margin: 0 auto; } #jd-vortex-db216-v1 .db-control-image-inner > img { width: 100%; height: 100%; object-fit: contain; object-position: center; } #jd-vortex-db216-v1 .db-pin { width: clamp(20px, 2.5vw, 34px); height: clamp(20px, 2.5vw, 34px); border-width: clamp(1.5px, 0.22vw, 3px); font-size: clamp(10px, 1.15vw, 16px); transform: translate(-50%, -50%); } #jd-vortex-db216-v1 .db-pin-1 { top: 11%; left: 36%; right: auto; bottom: auto; } #jd-vortex-db216-v1 .db-pin-2 { top: 24%; left: 50%; right: auto; bottom: auto; } #jd-vortex-db216-v1 .db-pin-3 { top: 18%; left: 63%; right: auto; bottom: auto; } #jd-vortex-db216-v1 .db-pin-4 { top: 67%; left: 50%; right: auto; bottom: auto; } #jd-vortex-db216-v1 .db-pin-5 { top: 27%; left: 72%; right: auto; bottom: auto; } #jd-vortex-db216-v1 .db-pin-6 { top: 82%; left: 64%; right: auto; bottom: auto; } #jd-vortex-db216-v1 .db-pin-7 { top: 52%; left: 50%; right: auto; bottom: auto; } #jd-vortex-db216-v1 .db-control-list { grid-template-columns: repeat(2, minmax(0, 1fr)); } #jd-vortex-db216-v1 .db-control-item, #jd-vortex-db216-v1 .db-control-item:nth-child(2n) { padding: clamp(12px, 1.7vw, 22px); } #jd-vortex-db216-v1 .db-control-item { border-right: 1px solid #dedcd7; } #jd-vortex-db216-v1 .db-control-item:nth-child(2n) { border-right: 0; } #jd-vortex-db216-v1 .db-control-item strong { gap: clamp(6px, 0.8vw, 9px); margin-bottom: 5px; font-size: clamp(10.5px, 1.08vw, 15.5px); line-height: 1.2; } #jd-vortex-db216-v1 .db-control-number { width: clamp(20px, 2vw, 27px); height: clamp(20px, 2vw, 27px); flex-basis: clamp(20px, 2vw, 27px); font-size: clamp(9px, 0.95vw, 13px); } #jd-vortex-db216-v1 .db-control-item p { font-size: clamp(9.5px, 0.88vw, 12.5px); line-height: 1.45; } /* All-condition construction: title and body stack first, feature cards stay 2 x 2 */ #jd-vortex-db216-v1 .db-protection.db-pad { padding-top: clamp(30px, 4vw, 56px); padding-bottom: clamp(30px, 4vw, 56px); } #jd-vortex-db216-v1 .db-protection-head { display: block; max-width: 920px; margin-bottom: clamp(20px, 3vw, 38px); } #jd-vortex-db216-v1 .db-protection-head .db-kicker { margin-bottom: 7px; font-size: clamp(8px, 0.7vw, 10px); } #jd-vortex-db216-v1 .db-protection-head h3 { margin-bottom: 10px; font-size: clamp(21px, 2.45vw, 34px); line-height: 1.08; } #jd-vortex-db216-v1 .db-protection-head p { max-width: 880px; font-size: clamp(11.5px, 1vw, 14.5px); line-height: 1.48; } #jd-vortex-db216-v1 .db-protection-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } #jd-vortex-db216-v1 .db-protection-item { padding: clamp(14px, 2vw, 26px); } #jd-vortex-db216-v1 .db-protection-icon { width: clamp(28px, 3vw, 42px); height: clamp(28px, 3vw, 42px); margin-bottom: clamp(10px, 1.4vw, 18px); } #jd-vortex-db216-v1 .db-protection-item h4 { margin-bottom: 6px; font-size: clamp(12px, 1.35vw, 18px); } #jd-vortex-db216-v1 .db-protection-item p { font-size: clamp(9.5px, 0.9vw, 12.5px); line-height: 1.46; } /* Personal setup: each step stacks vertically */ #jd-vortex-db216-v1 .db-setup.db-pad { padding-top: clamp(32px, 4.2vw, 60px); padding-bottom: clamp(32px, 4.2vw, 60px); } #jd-vortex-db216-v1 .db-setup-head { margin-bottom: clamp(20px, 3vw, 34px); } #jd-vortex-db216-v1 .db-setup-head h3 { font-size: clamp(21px, 2.45vw, 34px); } #jd-vortex-db216-v1 .db-setup-head .db-lead { font-size: clamp(11.5px, 1vw, 14.5px); line-height: 1.48; } #jd-vortex-db216-v1 .db-setup-grid { grid-template-columns: 1fr; } #jd-vortex-db216-v1 .db-setup-step, #jd-vortex-db216-v1 .db-setup-step:first-child { padding: clamp(16px, 2.4vw, 30px); border: 1px solid #cac8c3; border-top: 0; } #jd-vortex-db216-v1 .db-setup-step:first-child { border-top: 1px solid #cac8c3; } #jd-vortex-db216-v1 .db-setup-step:before { margin-bottom: clamp(8px, 1.2vw, 14px); font-size: clamp(24px, 3vw, 40px); } #jd-vortex-db216-v1 .db-setup-step h4 { margin-bottom: 7px; font-size: clamp(13px, 1.45vw, 19px); } #jd-vortex-db216-v1 .db-setup-step p { font-size: clamp(10.5px, 0.95vw, 13.5px); line-height: 1.48; } /* GlassPak: image first, copy second, included items always two columns */ #jd-vortex-db216-v1 .db-harness.db-pad { padding-top: clamp(32px, 4.5vw, 64px); padding-bottom: clamp(32px, 4.5vw, 64px); } #jd-vortex-db216-v1 .db-harness-grid { grid-template-columns: 1fr; gap: 0; } #jd-vortex-db216-v1 .db-harness-media { order: 1; width: 100%; border-left: 0; border-bottom: clamp(3px, 0.5vw, 6px) solid var(--db-lime); } #jd-vortex-db216-v1 .db-harness-media img { width: 100%; height: clamp(250px, 42vw, 520px); min-height: 0; aspect-ratio: auto; object-fit: cover; object-position: center 38%; } #jd-vortex-db216-v1 .db-harness-copy { order: 2; padding-top: clamp(24px, 3.5vw, 46px); } #jd-vortex-db216-v1 .db-harness-copy .db-kicker { margin-bottom: 7px; font-size: clamp(8px, 0.7vw, 10px); } #jd-vortex-db216-v1 .db-harness-copy h3 { margin-bottom: 10px; font-size: clamp(21px, 2.45vw, 34px); } #jd-vortex-db216-v1 .db-harness-copy > p { max-width: 900px; font-size: clamp(11.5px, 1vw, 14.5px); line-height: 1.48; } #jd-vortex-db216-v1 .db-harness-copy h4 { margin-top: clamp(16px, 2vw, 26px); font-size: clamp(14px, 1.5vw, 20px); } #jd-vortex-db216-v1 .db-box-list { grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: clamp(14px, 2vw, 24px); } #jd-vortex-db216-v1 .db-box-list li { padding: clamp(11px, 1.5vw, 17px) clamp(9px, 1.2vw, 15px) clamp(11px, 1.5vw, 17px) clamp(28px, 3vw, 42px); font-size: clamp(9.5px, 0.9vw, 12.5px); line-height: 1.38; } #jd-vortex-db216-v1 .db-box-list li:before { top: 50%; left: clamp(10px, 1.4vw, 17px); transform: translateY(-60%) rotate(-45deg); } /* Care: all guidance stacks one item after another */ #jd-vortex-db216-v1 .db-care.db-pad { padding-top: clamp(30px, 4vw, 56px); padding-bottom: clamp(30px, 4vw, 56px); } #jd-vortex-db216-v1 .db-care-head { margin-bottom: clamp(20px, 3vw, 36px); } #jd-vortex-db216-v1 .db-care-head h3 { font-size: clamp(21px, 2.45vw, 34px); } #jd-vortex-db216-v1 .db-care-grid { grid-template-columns: 1fr; } #jd-vortex-db216-v1 .db-care-item { padding: clamp(16px, 2.3vw, 28px); } #jd-vortex-db216-v1 .db-care-item h4 { margin-bottom: 8px; font-size: clamp(13px, 1.4vw, 19px); } #jd-vortex-db216-v1 .db-care-item p, #jd-vortex-db216-v1 .db-care-item li { font-size: clamp(10.5px, 0.95vw, 13.5px); line-height: 1.48; } @media (max-width: 640px) { #jd-vortex-db216-v1 .db-hero { grid-template-columns: minmax(0, 0.94fr) minmax(0, 1.06fr); } #jd-vortex-db216-v1 .db-hero:after { left: 47%; width: 2px; } #jd-vortex-db216-v1 .db-hero-copy { padding: clamp(18px, 5.5vw, 28px) clamp(9px, 3vw, 15px); } #jd-vortex-db216-v1 .db-hero-title { font-size: clamp(18px, 6.5vw, 28px); } #jd-vortex-db216-v1 .db-hero-copy > p { font-size: clamp(9.5px, 2.9vw, 12px); line-height: 1.42; } #jd-vortex-db216-v1 .db-hero-tag { padding: 4px 6px; font-size: clamp(6.8px, 2vw, 8.5px); } #jd-vortex-db216-v1 .db-hero-model { font-size: 6.8px; } #jd-vortex-db216-v1 .db-video-head, #jd-vortex-db216-v1 .db-fov-head, #jd-vortex-db216-v1 .db-protection-head { grid-template-columns: 1fr; } #jd-vortex-db216-v1 .db-fov-head { gap: 9px; } #jd-vortex-db216-v1 .db-control-list, #jd-vortex-db216-v1 .db-optic-list, #jd-vortex-db216-v1 .db-protection-grid, #jd-vortex-db216-v1 .db-box-list { grid-template-columns: repeat(2, minmax(0, 1fr)); } #jd-vortex-db216-v1 .db-control-item, #jd-vortex-db216-v1 .db-control-item:nth-child(2n) { padding: 11px 9px; } #jd-vortex-db216-v1 .db-control-item strong { font-size: clamp(9px, 2.7vw, 11.5px); } #jd-vortex-db216-v1 .db-control-item p { font-size: clamp(8.5px, 2.45vw, 10.5px); } #jd-vortex-db216-v1 .db-protection-item { padding: 13px 10px; } #jd-vortex-db216-v1 .db-protection-item h4 { font-size: clamp(11px, 3vw, 14px); } #jd-vortex-db216-v1 .db-protection-item p { font-size: clamp(8.5px, 2.45vw, 10.5px); } #jd-vortex-db216-v1 .db-optic-item { padding: 12px 10px; } #jd-vortex-db216-v1 .db-optic-item strong { font-size: clamp(10px, 2.8vw, 13px); } #jd-vortex-db216-v1 .db-optic-item span { font-size: clamp(8.5px, 2.4vw, 10.5px); } #jd-vortex-db216-v1 .db-box-list li { font-size: clamp(8.5px, 2.4vw, 10.5px); } } @media (max-width: 380px) { #jd-vortex-db216-v1 .db-hero .db-kicker { font-size: 6.8px; } #jd-vortex-db216-v1 .db-hero-title { font-size: 17px; } #jd-vortex-db216-v1 .db-hero-title span { font-size: 0.47em; } #jd-vortex-db216-v1 .db-hero-copy > p { font-size: 8.8px; } #jd-vortex-db216-v1 .db-control-number { width: 18px; height: 18px; flex-basis: 18px; font-size: 8px; } } /* Requested layout corrections */ /* Opening product section: keep text and product image side by side at 65 / 35 */ #jd-vortex-db216-v1 .db-hero { display: grid; grid-template-columns: minmax(0, 65%) minmax(0, 35%); min-height: 0; background: var(--db-black); } #jd-vortex-db216-v1 .db-hero:after { left: calc(65% - 1px); } #jd-vortex-db216-v1 .db-hero-copy { min-width: 0; } #jd-vortex-db216-v1 .db-hero-media { min-width: 0; min-height: 0; background: #ffffff; } #jd-vortex-db216-v1 .db-hero-media img { width: 100%; height: 100%; min-height: 0; padding: 0; background: #ffffff; object-fit: contain; object-position: center; } /* Optical feature copy first, optical-path graphic as a separate full-width block below */ #jd-vortex-db216-v1 .db-optics-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: clamp(20px, 3vw, 38px); align-items: stretch; } #jd-vortex-db216-v1 .db-optics-copy, #jd-vortex-db216-v1 .db-optic-diagram { width: 100%; min-width: 0; } #jd-vortex-db216-v1 .db-optic-diagram { margin: 0; } /* Shorter green corner accents so they do not cross the diagram text */ #jd-vortex-db216-v1 .db-optic-diagram:before, #jd-vortex-db216-v1 .db-optic-diagram:after { width: 72px; height: 4px; } #jd-vortex-db216-v1 .db-optic-diagram:before { top: 18px; right: -24px; } #jd-vortex-db216-v1 .db-optic-diagram:after { bottom: 18px; left: -24px; } /* Accessibility, semantic interaction and preview support */ #jd-vortex-db216-v1 .db-visually-hidden, #jd-vortex-db216-v1 .db-seo-preview { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; clip-path: inset(50%) !important; white-space: nowrap !important; border: 0 !important; } #jd-vortex-db216-v1 #db-shot-1:focus-visible ~ .db-gallery-thumbs label[for="db-shot-1"], #jd-vortex-db216-v1 #db-shot-2:focus-visible ~ .db-gallery-thumbs label[for="db-shot-2"], #jd-vortex-db216-v1 #db-shot-3:focus-visible ~ .db-gallery-thumbs label[for="db-shot-3"], #jd-vortex-db216-v1 #db-shot-4:focus-visible ~ .db-gallery-thumbs label[for="db-shot-4"], #jd-vortex-db216-v1 #db-shot-5:focus-visible ~ .db-gallery-thumbs label[for="db-shot-5"], #jd-vortex-db216-v1 #db-shot-6:focus-visible ~ .db-gallery-thumbs label[for="db-shot-6"] { outline: 3px solid var(--db-green); outline-offset: 3px; } #jd-vortex-db216-v1 .db-pin { appearance: none; -webkit-appearance: none; padding: 0; margin: 0; cursor: pointer; touch-action: manipulation; overflow: visible; z-index: 5; } #jd-vortex-db216-v1 .db-pin:focus-visible { outline: 3px solid var(--db-lime); outline-offset: 4px; } #jd-vortex-db216-v1 .db-pin-tooltip { position: absolute; left: 50%; bottom: calc(100% + 10px); z-index: 20; width: max-content; max-width: min(190px, 46vw); padding: 7px 10px 8px; border: 1px solid rgba(255,255,255,0.35); background: rgba(17,18,16,0.96); box-shadow: 0 5px 18px rgba(0,0,0,0.26); color: #ffffff; font-family: "Lato", Arial, Helvetica, sans-serif; font-size: 12px; font-weight: 700; letter-spacing: 0; line-height: 1.25; text-align: center; text-transform: none; opacity: 0; visibility: hidden; pointer-events: none; transform: translate(-50%, 5px); transition: opacity 0.16s ease, transform 0.16s ease, visibility 0.16s ease; } #jd-vortex-db216-v1 .db-pin-tooltip:after { position: absolute; top: 100%; left: 50%; width: 0; height: 0; border: 6px solid transparent; border-top-color: rgba(17,18,16,0.96); content: ""; transform: translateX(-50%); } #jd-vortex-db216-v1 .db-pin:hover .db-pin-tooltip, #jd-vortex-db216-v1 .db-pin:focus .db-pin-tooltip, #jd-vortex-db216-v1 .db-pin:active .db-pin-tooltip { opacity: 1; visibility: visible; transform: translate(-50%, 0); } #jd-vortex-db216-v1 .db-pin-5 .db-pin-tooltip, #jd-vortex-db216-v1 .db-pin-6 .db-pin-tooltip { right: calc(100% + 10px); bottom: 50%; left: auto; transform: translate(5px, 50%); } #jd-vortex-db216-v1 .db-pin-5 .db-pin-tooltip:after, #jd-vortex-db216-v1 .db-pin-6 .db-pin-tooltip:after { top: 50%; right: -12px; left: auto; border-top-color: transparent; border-left-color: rgba(17,18,16,0.96); transform: translateY(-50%); } #jd-vortex-db216-v1 .db-pin-5:hover .db-pin-tooltip, #jd-vortex-db216-v1 .db-pin-5:focus .db-pin-tooltip, #jd-vortex-db216-v1 .db-pin-5:active .db-pin-tooltip, #jd-vortex-db216-v1 .db-pin-6:hover .db-pin-tooltip, #jd-vortex-db216-v1 .db-pin-6:focus .db-pin-tooltip, #jd-vortex-db216-v1 .db-pin-6:active .db-pin-tooltip { transform: translate(0, 50%); } #jd-vortex-db216-v1 .db-accessible-video-link:focus { position: absolute !important; z-index: 50; width: auto !important; height: auto !important; margin: 10px !important; padding: 10px 13px !important; clip: auto !important; clip-path: none !important; overflow: visible !important; white-space: normal !important; background: #ffffff; color: #111210; text-decoration: underline; } @media (hover: none) and (pointer: coarse) { #jd-vortex-db216-v1 .db-pin-tooltip { font-size: 11px; } } @media (prefers-reduced-motion: reduce) { #jd-vortex-db216-v1 .db-pin-tooltip { transition: none; } } /* Diamondback HD 10x50 objective-light comparison: responsive readable diagram */ #jd-vortex-db216-v1 .db-objective-grid { grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr); gap: clamp(34px, 5.2vw, 78px); align-items: center; } #jd-vortex-db216-v1 .db-objective-copy > p { font-size: clamp(16px, 1.45vw, 21px); line-height: 1.55; } #jd-vortex-db216-v1 .db-objective-fact strong { font-size: clamp(23px, 2.5vw, 36px); } #jd-vortex-db216-v1 .db-objective-fact span, #jd-vortex-db216-v1 .db-objective-note, #jd-vortex-db216-v1 .db-objective-diagram figcaption { font-size: clamp(12.5px, 1vw, 14px); } #jd-vortex-db216-v1 .db-objective-diagram { padding: clamp(20px, 3vw, 40px); } #jd-vortex-db216-v1 .db-objective-diagram-head { position: relative; z-index: 1; margin-bottom: clamp(22px, 3vw, 34px); text-align: center; } #jd-vortex-db216-v1 .db-objective-diagram-head strong, #jd-vortex-db216-v1 .db-objective-diagram-head span { display: block; } #jd-vortex-db216-v1 .db-objective-diagram-head strong { color: #ffffff; font-family: "Oswald", "Arial Narrow", Arial, sans-serif; font-size: clamp(18px, 2vw, 28px); font-weight: 600; letter-spacing: 0.02em; line-height: 1.18; text-transform: uppercase; } #jd-vortex-db216-v1 .db-objective-diagram-head span { margin-top: 8px; color: #cfd2ce; font-size: clamp(13px, 1.15vw, 16px); line-height: 1.45; } #jd-vortex-db216-v1 .db-objective-scale { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(8px, 1.2vw, 16px); } #jd-vortex-db216-v1 .db-objective-card { position: relative; display: flex; min-width: 0; flex-direction: column; align-items: center; justify-content: flex-start; padding: clamp(16px, 2vw, 24px) clamp(10px, 1.4vw, 18px); border: 1px solid #4c4e49; background: #171815; text-align: center; } #jd-vortex-db216-v1 .db-objective-card.is-current { border: 3px solid var(--db-lime); background: #111210; } #jd-vortex-db216-v1 .db-objective-current { display: inline-block; margin-bottom: 10px; padding: 5px 8px 4px; background: var(--db-lime); color: var(--db-black); font-family: "Oswald", "Arial Narrow", Arial, sans-serif; font-size: clamp(10px, 0.9vw, 12px); font-weight: 700; letter-spacing: 0.08em; line-height: 1.15; text-transform: uppercase; } #jd-vortex-db216-v1 .db-lens-stage { display: flex; width: 100%; min-height: clamp(126px, 14vw, 184px); align-items: center; justify-content: center; } #jd-vortex-db216-v1 .db-lens-circle { display: flex; align-items: center; justify-content: center; border: 4px solid #8ed5c8; border-radius: 50%; background: radial-gradient(circle at 38% 32%, #d8fff7 0%, #178274 42%, #003d35 100%); box-shadow: inset 0 0 0 10px rgba(17,18,16,0.24), 0 0 28px rgba(174,222,0,0.08); color: #ffffff; font-family: "Oswald", "Arial Narrow", Arial, sans-serif; font-size: clamp(18px, 2.2vw, 29px); font-weight: 600; line-height: 1; } #jd-vortex-db216-v1 .db-lens-32 { width: clamp(86px, 9vw, 118px); height: clamp(86px, 9vw, 118px); } #jd-vortex-db216-v1 .db-lens-42 { width: clamp(110px, 11.7vw, 150px); height: clamp(110px, 11.7vw, 150px); } #jd-vortex-db216-v1 .db-lens-50 { width: clamp(128px, 14vw, 178px); height: clamp(128px, 14vw, 178px); border-width: 6px; border-color: var(--db-lime); } #jd-vortex-db216-v1 .db-objective-card-body { width: 100%; } #jd-vortex-db216-v1 .db-objective-card-label { display: block; margin: 2px 0 8px; color: #cfd2ce; font-size: clamp(12px, 1vw, 15px); font-weight: 700; line-height: 1.3; } #jd-vortex-db216-v1 .db-objective-card-area { display: block; color: #ffffff; font-family: "Oswald", "Arial Narrow", Arial, sans-serif; font-size: clamp(24px, 2.4vw, 35px); font-weight: 600; line-height: 1.1; } #jd-vortex-db216-v1 .db-objective-card-exit { display: block; margin-top: 7px; color: var(--db-lime); font-family: "Oswald", "Arial Narrow", Arial, sans-serif; font-size: clamp(16px, 1.5vw, 22px); font-weight: 500; line-height: 1.2; } #jd-vortex-db216-v1 .db-objective-card-compare { display: block; margin-top: 9px; color: #cfd2ce; font-size: clamp(11.5px, 0.95vw, 13.5px); line-height: 1.4; } #jd-vortex-db216-v1 .db-objective-direction { position: relative; z-index: 1; margin-top: clamp(22px, 3vw, 32px); padding-top: 18px; border-top: 1px solid #4c4e49; color: #d5d7d3; font-family: "Oswald", "Arial Narrow", Arial, sans-serif; font-size: clamp(13px, 1.2vw, 17px); font-weight: 500; letter-spacing: 0.04em; line-height: 1.35; text-align: center; text-transform: uppercase; } @media (max-width: 980px) { #jd-vortex-db216-v1 .db-objective-grid { grid-template-columns: 1fr; } } @media (max-width: 720px) { #jd-vortex-db216-v1 .db-objective-facts { grid-template-columns: repeat(3, minmax(0, 1fr)); } #jd-vortex-db216-v1 .db-objective-scale { grid-template-columns: 1fr; gap: 8px; } #jd-vortex-db216-v1 .db-objective-card { display: grid; grid-template-columns: 118px minmax(0, 1fr); gap: 18px; align-items: center; padding: 16px; text-align: left; } #jd-vortex-db216-v1 .db-objective-current { grid-column: 1 / -1; justify-self: start; margin-bottom: -3px; } #jd-vortex-db216-v1 .db-lens-stage { min-height: 112px; } #jd-vortex-db216-v1 .db-lens-32 { width: 74px; height: 74px; } #jd-vortex-db216-v1 .db-lens-42 { width: 90px; height: 90px; } #jd-vortex-db216-v1 .db-lens-50 { width: 108px; height: 108px; } #jd-vortex-db216-v1 .db-objective-card-label { margin-top: 0; } } @media (max-width: 520px) { #jd-vortex-db216-v1 .db-objective-facts { grid-template-columns: 1fr; } #jd-vortex-db216-v1 .db-objective-card { grid-template-columns: 94px minmax(0, 1fr); gap: 13px; padding: 14px 12px; } #jd-vortex-db216-v1 .db-lens-stage { min-height: 92px; } #jd-vortex-db216-v1 .db-lens-32 { width: 62px; height: 62px; } #jd-vortex-db216-v1 .db-lens-42 { width: 76px; height: 76px; } #jd-vortex-db216-v1 .db-lens-50 { width: 90px; height: 90px; } #jd-vortex-db216-v1 .db-lens-circle { font-size: 16px; } } /* Objective-light section: full-width layout and matched responsive typography */ #jd-vortex-db216-v1 .db-objective-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: clamp(28px, 4vw, 52px); align-items: start; } #jd-vortex-db216-v1 .db-objective-copy { width: 100%; max-width: none; } #jd-vortex-db216-v1 .db-objective-copy > p { max-width: 980px; margin-bottom: 0; font-size: clamp(16px, 1.25vw, 18px); line-height: 1.58; } #jd-vortex-db216-v1 .db-objective-facts { grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: clamp(24px, 3vw, 34px); } #jd-vortex-db216-v1 .db-objective-fact { padding: clamp(18px, 2vw, 26px); } #jd-vortex-db216-v1 .db-objective-fact strong { font-size: clamp(21px, 2vw, 30px); line-height: 1.05; } #jd-vortex-db216-v1 .db-objective-fact span { font-size: clamp(13px, 1vw, 14px); line-height: 1.5; } #jd-vortex-db216-v1 .db-objective-diagram { width: 100%; padding: clamp(20px, 3vw, 38px); } #jd-vortex-db216-v1 .db-objective-diagram-head { margin-bottom: clamp(20px, 2.5vw, 30px); } #jd-vortex-db216-v1 .db-objective-diagram-head strong { font-size: clamp(17px, 1.6vw, 23px); line-height: 1.2; } #jd-vortex-db216-v1 .db-objective-diagram-head span { margin-top: 6px; font-size: clamp(13px, 1vw, 15px); line-height: 1.5; } #jd-vortex-db216-v1 .db-objective-scale { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(8px, 1vw, 14px); } #jd-vortex-db216-v1 .db-objective-card { display: flex; min-width: 0; flex-direction: column; align-items: center; justify-content: flex-start; gap: 0; padding: clamp(14px, 1.7vw, 22px) clamp(9px, 1.2vw, 16px); text-align: center; } #jd-vortex-db216-v1 .db-objective-current { margin-bottom: 8px; font-size: clamp(9.5px, 0.75vw, 11px); } #jd-vortex-db216-v1 .db-lens-stage { min-height: clamp(118px, 12vw, 164px); } #jd-vortex-db216-v1 .db-lens-circle { font-size: clamp(16px, 1.65vw, 23px); } #jd-vortex-db216-v1 .db-lens-32 { width: clamp(78px, 7.6vw, 106px); height: clamp(78px, 7.6vw, 106px); } #jd-vortex-db216-v1 .db-lens-42 { width: clamp(98px, 9.7vw, 132px); height: clamp(98px, 9.7vw, 132px); } #jd-vortex-db216-v1 .db-lens-50 { width: clamp(114px, 11.5vw, 154px); height: clamp(114px, 11.5vw, 154px); } #jd-vortex-db216-v1 .db-objective-card-label { margin: 2px 0 6px; font-size: clamp(12px, 0.9vw, 14px); } #jd-vortex-db216-v1 .db-objective-card-area { font-size: clamp(20px, 1.9vw, 28px); line-height: 1.1; } #jd-vortex-db216-v1 .db-objective-card-exit { margin-top: 6px; font-size: clamp(13px, 1.2vw, 17px); line-height: 1.25; } #jd-vortex-db216-v1 .db-objective-card-compare { margin-top: 8px; font-size: clamp(11px, 0.82vw, 12.5px); line-height: 1.45; } #jd-vortex-db216-v1 .db-objective-direction { margin-top: clamp(18px, 2.4vw, 26px); padding-top: 15px; font-size: clamp(12px, 1vw, 14px); line-height: 1.45; } #jd-vortex-db216-v1 .db-objective-diagram figcaption { margin-top: 15px; font-size: clamp(12px, 0.95vw, 13.5px); line-height: 1.55; } /* Tablets and phones: facts and comparison formats stack vertically. */ @media (max-width: 980px) { #jd-vortex-db216-v1 .db-objective-facts, #jd-vortex-db216-v1 .db-objective-scale { grid-template-columns: minmax(0, 1fr); } #jd-vortex-db216-v1 .db-objective-card { display: grid; grid-template-columns: clamp(90px, 22vw, 126px) minmax(0, 1fr); gap: clamp(14px, 3vw, 22px); align-items: center; padding: clamp(14px, 3vw, 20px); text-align: left; } #jd-vortex-db216-v1 .db-objective-current { grid-column: 1 / -1; justify-self: start; margin-bottom: -2px; } #jd-vortex-db216-v1 .db-lens-stage { min-height: 108px; } #jd-vortex-db216-v1 .db-lens-32 { width: 72px; height: 72px; } #jd-vortex-db216-v1 .db-lens-42 { width: 88px; height: 88px; } #jd-vortex-db216-v1 .db-lens-50 { width: 104px; height: 104px; } #jd-vortex-db216-v1 .db-objective-card-label { margin-top: 0; } } @media (max-width: 520px) { #jd-vortex-db216-v1 .db-objective-copy > p { font-size: 15px; } #jd-vortex-db216-v1 .db-objective-fact strong { font-size: 22px; } #jd-vortex-db216-v1 .db-objective-card { grid-template-columns: 84px minmax(0, 1fr); gap: 12px; padding: 13px 11px; } #jd-vortex-db216-v1 .db-lens-stage { min-height: 84px; } #jd-vortex-db216-v1 .db-lens-32 { width: 58px; height: 58px; } #jd-vortex-db216-v1 .db-lens-42 { width: 70px; height: 70px; } #jd-vortex-db216-v1 .db-lens-50 { width: 82px; height: 82px; } #jd-vortex-db216-v1 .db-lens-circle { border-width: 3px; font-size: 14px; } #jd-vortex-db216-v1 .db-lens-50 { border-width: 4px; } } /* Desktop/laptop: keep objective lenses perfectly circular when a card narrows. */ @media (min-width: 981px) { #jd-vortex-db216-v1 .db-lens-circle { aspect-ratio: 1 / 1; height: auto !important; flex: 0 0 auto; } } Vortex Diamondback HD 10×50 binoculars (DB-216) combine 10× magnification with large 50 mm objective lenses and a 5.0 mm exit pupil for strong low-light potential. The HD optical system uses select glass elements with fully multi-coated lenses, dielectric prism coatings and phase correction for clear, colour-accurate viewing. ArmorTek® protects exterior lens surfaces, while the rubber-armoured true open-hinge chassis is argon-gas purged, O-ring sealed, waterproof, fogproof, shockproof and tripod adaptable. Includes a GlassPak™ binocular harness, comfort neck strap, tethered objective covers, Rainguard eyepiece cover and lens cloth. Diamondback® HD · 10×50 · DB-216 More light. More time behind the glass.Diamondback HD 10×50 Built for hunters and wildlife observers who want 10× reach with extra low-light headroom, the Diamondback HD 10×50 pairs large 50 mm objectives with a practical 5.0 mm exit pupil. The true open-hinge body keeps the larger format easy to grip, while rubber armour, sealed all-weather construction and the included GlassPak™ harness prepare it for long sessions in the field. Hunting Wildlife observation Waterproof GlassPak™ included 10×50 · 30.0 oz / 850 g 10×Detail at distance 50 mmObjective · 5.0 mm exit pupil 105 mField at 1,000 m 1.8 mClose-focus distance Official Vortex video See Diamondback HD in action. See the Diamondback HD platform in the field, from its streamlined true open-hinge handling to the optical and protective features designed for repeated outdoor use. Open the official Vortex Diamondback HD binocular video Every angle Large-objective performance for longer glassing sessions. The larger 50 mm barrels give the 10×50 more low-light potential than smaller-objective formats, while the true open hinge still leaves room for a secure wraparound grip. At 30.0 oz / approximately 850 g, it is a substantial full-size binocular designed for deliberate glassing when image brightness and viewing comfort matter more than minimum carry weight. Choose a thumbnail to display a different product or field-use image of the Vortex Diamondback HD 10×50 binoculars. The included GlassPak harness keeps the binocular protected, close and ready to deploy. HD optical system Clarity where detail matters. The HD optical system uses select glass elements to improve resolution, control chromatic aberration and preserve colour fidelity. Fully multi-coated air-to-glass surfaces and coated roof prisms then work to retain useful light, contrast and fine detail through the optical path. Fully multi-coatedAnti-reflective coatings on all air-to-glass surfaces increase transmission for greater clarity and low-light performance. Dielectric prismsMulti-layer prism coatings support a bright, clear and colour-accurate image. Phase correctionRoof-prism phase coating enhances resolution and contrast where fine structure matters. ArmorTek®An ultra-hard exterior-lens coating helps resist scratches, oil and dirt. Diamondback HD optical path Simplified cutaway diagram showing light entering the 50 mm objective lens, passing through the phase-corrected roof prism and coated ocular lens group before reaching the viewer’s eye. 50 MM OBJECTIVE PHASE-CORRECTED PRISM OCULAR GROUP COATED FROM OBJECTIVE TO EYE The optical system combines select glass, full multi-coating, dielectric prism coating and phase correction to preserve useful image information through the roof-prism path. Objective diameter and light A larger 50 mm objective gives the 10× system more light to work with. The second number in 10×50 is the objective-lens diameter in millimetres. At the same magnification and with otherwise similar optical efficiency, a larger objective intercepts a wider bundle of incoming light. That extra collecting area is most useful as ambient light falls, while the 5.0 mm exit pupil gives the eye a larger delivered light bundle than a 10×42 or 10×32. 50 mmLarge objective diameter on each optical barrel. ≈1,963 mm²Approximate geometric area of one 50 mm circular objective. 5.0 mmCalculated exit pupil: 50 mm ÷ 10× magnification. Same 10× magnification · different objective diameters Geometric collecting area rises with the square of objective diameter 32 mm 10×32 ≈804 mm² 3.2 mm exit pupil 42 mm 10×42 ≈1,385 mm² 4.2 mm exit pupil 50 mm 10×50 ≈1,963 mm² 5.0 mm exit pupil Larger objective → larger geometric collection area, all else being similar Illustrative geometric comparison only. Approximate areas use the nominal objective diameter and πr²; they are not measured transmission figures. Real-world image brightness is also affected by optical efficiency, magnification, exit pupil, ambient light and the viewer’s eye pupil. Field of view 105 metres of terrain at 1,000 metres. A 6.0° angular field gives the 10×50 a useful balance of reach and surrounding context for scanning open country, following moving wildlife and settling into longer observation sessions. Diamondback HD 10×50 field of view Diagram illustrating a 6.0 degree angular field of view, equal to approximately 105 metres of visible width at a distance of 1,000 metres. 6.0° 105 M FIELD WIDTH 1,000 M OBSERVER DISTANT TERRAIN Controls and connection points Fast, familiar control. A central focus wheel, right-eye dioptre and adjustable eyecups make everyday setup intuitive, while the concealed front socket accepts a compatible binocular tripod adapter. Move keyboard focus to a numbered marker, hover it with a pointer, or tap it on a touch screen to reveal the corresponding part name. 1Twist-up eyecups 2Centre focus 3Right dioptre 4Open hinge 5Strap lugs 650 mm objectives 7Adapter socket 1Twist-up eyecupsRaise for viewing without glasses or collapse for most spectacle wearers. 2Centre focusMoves both optical channels together for fast near-to-far focusing. 3Right dioptreBalances the right channel to the viewer’s eyesight across a ±4 range. 4Open hingeAdjusts the 60–75 mm interpupillary distance and gives the fingers a secure hold. 5Strap lugsAccept the comfort neck strap or GlassPak tether straps supplied in the box. 650 mm objectivesGive the 10× optical system a 5.0 mm exit pupil and greater low-light potential than smaller-objective 10× formats. 7Adapter socketRemove the front cap to fit a compatible Vortex binocular tripod adapter. Field handling More low-light headroom for deliberate glassing. The 50 mm objectives increase the amount of light the optical system can intercept and produce a 5.0 mm exit pupil at 10×. That makes the 10×50 especially well suited to dawn, dusk and overcast observation where a larger objective can be worth the extra size and 30.0 oz / approximately 850 g carrying weight. True open hingeReduces bulk and creates a natural wraparound grip. 15 mm eye reliefAdjustable eyecups support a comfortable, full viewing position with or without glasses. Rubber armourTextured external protection supplies a durable, non-slip hold in changing conditions. Tripod adaptableAdd a compatible adapter for extended glassing, vehicle-window use or a steadier view. All-condition construction Built for changing conditions. Argon-gas purging and O-ring sealing support waterproof and fogproof performance, while shockproof construction, rubber armour and ArmorTek® exterior-lens protection are designed for the knocks, temperature swings and changing weather of regular field use. Waterproof O-ring sealing is designed to resist harsh weather and prevent moisture from entering the optical system. Fogproof Argon-gas purging helps prevent internal fogging through wide temperature changes. Shockproof Rugged construction is designed to withstand the impacts and knocks that come with outdoor use. ArmorTek® The ultra-hard exterior-lens coating helps protect against scratches, fingerprints, oil and dirt. Personal setup Tune the binocular to your eyes. Set the eyecups, barrel spacing and right-eye dioptre once for a comfortable view, then use the centre focus wheel for normal near-to-far focusing. Set eyecups and spacing Extend the eyecups when viewing without glasses or collapse them for most eyewear. Pivot the barrels until the two views merge into one clean circular image without dark edge shadows. Focus the left channel Choose a detailed object about 20 yards / 18 metres away. Cover the right objective or close the right eye, then use the centre wheel until the left-eye image is sharply focused. Calibrate the right dioptre Cover the left objective or close the left eye. Turn only the right dioptre until the image is sharp, then note its position. Normal focusing can now be handled with the centre wheel alone. GlassPak™ included GlassPak™ included for secure carry. The supplied GlassPak binocular harness carries the larger 10×50 securely against the chest for quick access and improved comfort over extended use. Adjustable shoulder straps distribute the load, while binocular tethers add security against accidental drops when moving through the field. What is in the box Diamondback HD 10×50 binocular GlassPak binocular case GlassPak harness straps Binocular tether straps Comfort neck strap Tethered objective lens covers Rainguard eyepiece cover Lens cloth Compatible accessories Extend your glassing setup. Add tripod support for longer viewing sessions or upgrade the included carry system with additional storage and quick access. Pro Binocular Adapter A low-profile stud and quick-release base provide a fast transition between handheld and tripod-supported viewing. View product Sport Binocular Adapter Mount the binocular to a tripod or compatible support to reduce vibration and arm fatigue during longer observation. View product GlassPak Sport Large A larger optional carry upgrade with a quiet fold-open lid, microfibre interior and additional pockets; designed for binoculars with 50–56 mm objectives. View product Care in the field and at home Keep the view clear. Clean coated lenses carefully Blow away dust and grit before touching a lens surface. Use a clean lens cloth and products intended for coated optical glass. A small amount of water or pure alcohol can help release stubborn dried water spots. Protect and store Fit the objective covers and Rainguard whenever the binocular is not in use. Avoid leaving it in direct sunlight or a very hot location for extended periods. Keep the sealed system intact Internal components are permanently lubricated and need no additional lubricant. Do not disassemble the binocular beyond removing the supplied covers or tripod-socket cap. Technical data Vortex Diamondback HD 10×50 specifications A complete reference for optical performance, dimensions, controls, protection, included accessories and warranty coverage. Identification and use Product Vortex Diamondback® HD 10×50 Binocular Vortex model DB-216 Jacobs Digital SKU VODB216 Recommended uses Hunting and wildlife observation; especially useful for dawn, dusk and extended low-light glassing Optical system Magnification 10× Objective lens diameter 50 mm Optical system HD optical system using select glass elements for resolution, colour fidelity and chromatic-aberration control Prism configuration Roof prism Prism coatings Dielectric multi-layer coating and phase-correction coating Lens coatings Fully multi-coated anti-reflective surfaces; ArmorTek® protective coating on exterior lenses Exit pupil 5.0 mm (calculated from 50 mm ÷ 10×) Viewing performance Linear field of view 315 ft at 1,000 yd / approximately 105 m at 1,000 m Angular field of view 6.0° Close focus 6.0 ft / approximately 1.8 m Eye relief 17.0 mm Interpupillary distance 60–75 mm Dioptre range ±4 dpt Controls and ergonomics Focus system Central focus wheel operating both barrels Dioptre adjustment Right eyepiece Eyecups Adjustable twist-up design for use with or without glasses Hinge True open-hinge configuration Exterior Textured protective rubber armour Tripod use Tripod adaptable with a separately sold compatible binocular adapter Size and weight Height 6.6 in / approximately 168 mm Width 5.3 in / approximately 135 mm Weight 30.0 oz / approximately 850 g Environmental protection Waterproofing O-ring sealed; designed for harsh weather conditions Internal gas Argon gas purged Fogproofing Designed to resist internal fogging across a wide range of temperatures Impact protection Shockproof construction Included accessories Carry systems GlassPak™ binocular case and harness straps; binocular tether straps; comfort neck strap Lens protection Tethered objective lens covers and Rainguard eyepiece cover Cleaning Lens cloth Documentation Diamondback HD product manual Warranty Manufacturer warranty Vortex VIP® Unlimited, Unconditional, Lifetime Warranty, subject to the stated exclusions below Vortex VIP® Warranty Unlimited. Unconditional. Lifetime. If the product becomes damaged or defective, Vortex promises to repair or replace it. The Vortex VIP Warranty does not cover loss, theft, deliberate damage or cosmetic damage that does not hinder product performance. Warranty terms may be updated by Vortex; refer to the current manufacturer policy for full details. Manuals and support Manuals, diagrams and warranty support. Open the official product manual, DB-216 parts diagram and current VIP® Warranty information directly from Vortex. PDF Diamondback HD product manualSpecifications, setup, GlassPak fitting, care and warranty guidance → PDF DB-216 model parts diagramModel-specific component and included-accessory reference → VIP Current VIP Warranty policyCoverage promise, exclusions and service information → Eye safety: Never look at the sun or another intense light source through binoculars. Doing so can cause permanent injury to the retina and cornea, including blindness. The Diamondback® HD smashes the scale of price vs performance, delivering a rock-solid optic that optically punches high above its class. The included GlassPakTM binocular harness keeps your glass close at hand, ready to deploy at a moment's notice, all while providing protection and significantly more comfort than traditional neck-straps. Included in the Box GlassPak binocular case GlassPak case harness Comfort neck strap Tethered objective lens covers Rainguard Eyepiece Cover Lens Cloth Specifications: Magnification10xObjective Lens Diameter50 mmEye Relief17 mmExit Pupil5 mmLinear Field of View315 feet/1000 yardsAngular Field of View6.0 degreesClose Focus6 feetInterpupillary Distance60-75 mmHeight6.6 inchesWidth5.3 inchesWeight30 ozProduct Manual (PDF)Download
More you might like
Related
Vortex Diamondback HD 10x50
Vortex Diamondbacks HD 10x50
Related
Vortex Diamondback HD 10x50
Related