Vortex Diamondback HD 10x42 Binoculars
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. 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. @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-db215-v1, #jd-vortex-db215-v1 div, #jd-vortex-db215-v1 section, #jd-vortex-db215-v1 article, #jd-vortex-db215-v1 figure, #jd-vortex-db215-v1 figcaption, #jd-vortex-db215-v1 span, #jd-vortex-db215-v1 h2, #jd-vortex-db215-v1 h3, #jd-vortex-db215-v1 h4, #jd-vortex-db215-v1 p, #jd-vortex-db215-v1 ul, #jd-vortex-db215-v1 ol, #jd-vortex-db215-v1 li, #jd-vortex-db215-v1 table, #jd-vortex-db215-v1 thead, #jd-vortex-db215-v1 tbody, #jd-vortex-db215-v1 tr, #jd-vortex-db215-v1 th, #jd-vortex-db215-v1 td, #jd-vortex-db215-v1 img, #jd-vortex-db215-v1 iframe, #jd-vortex-db215-v1 svg, #jd-vortex-db215-v1 a, #jd-vortex-db215-v1 label, #jd-vortex-db215-v1 input { box-sizing: border-box; } #jd-vortex-db215-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-db215-v1 h2, #jd-vortex-db215-v1 h3, #jd-vortex-db215-v1 h4, #jd-vortex-db215-v1 p, #jd-vortex-db215-v1 ul, #jd-vortex-db215-v1 ol, #jd-vortex-db215-v1 figure { margin-top: 0; } #jd-vortex-db215-v1 h2, #jd-vortex-db215-v1 h3, #jd-vortex-db215-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-db215-v1 h2 { font-size: clamp(36px, 5.8vw, 78px); letter-spacing: -0.035em; } #jd-vortex-db215-v1 h3 { font-size: clamp(27px, 3.8vw, 50px); letter-spacing: -0.02em; } #jd-vortex-db215-v1 h4 { margin-bottom: 9px; font-size: clamp(18px, 2.1vw, 26px); letter-spacing: -0.01em; } #jd-vortex-db215-v1 p { margin-bottom: 18px; } #jd-vortex-db215-v1 img, #jd-vortex-db215-v1 iframe, #jd-vortex-db215-v1 svg { display: block; max-width: 100%; } #jd-vortex-db215-v1 img { width: 100%; height: auto; border: 0; } #jd-vortex-db215-v1 a { color: inherit; } #jd-vortex-db215-v1 .db-shell { width: 100%; max-width: 1360px; margin: 0 auto; } #jd-vortex-db215-v1 .db-pad { padding: clamp(58px, 8vw, 118px) clamp(18px, 5vw, 78px); } #jd-vortex-db215-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-db215-v1 .db-kicker:before { width: 36px; height: 4px; background: var(--db-lime); content: ""; flex: 0 0 36px; } #jd-vortex-db215-v1 .db-lead { max-width: 900px; margin-bottom: 0; font-size: clamp(18px, 2.05vw, 25px); line-height: 1.55; } #jd-vortex-db215-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-db215-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-db215-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-db215-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-db215-v1 .db-hero .db-kicker { color: #d9e5e1; } #jd-vortex-db215-v1 .db-hero-title { max-width: 650px; margin-bottom: 22px; color: var(--db-white); font-size: clamp(49px, 7.2vw, 104px); } #jd-vortex-db215-v1 .db-hero-title span { display: block; color: var(--db-lime); font-size: 0.55em; font-weight: 400; letter-spacing: 0.035em; } #jd-vortex-db215-v1 .db-hero-copy > p { max-width: 620px; margin-bottom: 28px; color: #d8dad6; font-size: clamp(17px, 1.8vw, 22px); } #jd-vortex-db215-v1 .db-hero-tags { display: flex; flex-wrap: wrap; gap: 8px; } #jd-vortex-db215-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-db215-v1 .db-hero-media { position: relative; min-width: 0; overflow: hidden; background: #f5f4f1; } #jd-vortex-db215-v1 .db-hero-media img { width: 100%; height: 100%; min-height: 660px; object-fit: cover; object-position: 50% 50%; } #jd-vortex-db215-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-db215-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-db215-v1 .db-metric { min-width: 0; padding: clamp(24px, 3.5vw, 43px) clamp(15px, 3vw, 34px); border-right: 1px solid #454642; } #jd-vortex-db215-v1 .db-metric:last-child { border-right: 0; } #jd-vortex-db215-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-db215-v1 .db-metric span { display: block; color: #d3d5d1; font-size: clamp(12px, 1.25vw, 15px); line-height: 1.35; } #jd-vortex-db215-v1 .db-video-section { background: var(--db-black); color: var(--db-white); } #jd-vortex-db215-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-db215-v1 .db-video-head p { margin-bottom: 0; color: #cfd2ce; font-size: clamp(17px, 1.8vw, 21px); } #jd-vortex-db215-v1 .db-video-wrap { position: relative; width: 100%; padding-top: 56.25%; overflow: hidden; border: 1px solid #454642; background: #000000; } #jd-vortex-db215-v1 .db-video-wrap iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; } #jd-vortex-db215-v1 .db-gallery-section { background: var(--db-mist); } #jd-vortex-db215-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-db215-v1 .db-gallery-head p { margin-bottom: 0; font-size: clamp(17px, 1.75vw, 21px); } #jd-vortex-db215-v1 .db-gallery { position: relative; width: 100%; } #jd-vortex-db215-v1 .db-gallery > input { position: absolute; width: 1px; height: 1px; overflow: hidden; opacity: 0; pointer-events: none; } #jd-vortex-db215-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-db215-v1 .db-gallery-slide { position: absolute; inset: 0; opacity: 0; transition: opacity 0.3s ease; pointer-events: none; } #jd-vortex-db215-v1 .db-gallery-slide img { width: 100%; height: 100%; object-fit: contain; object-position: center; } #jd-vortex-db215-v1 .db-gallery-slide.db-gallery-field img { object-fit: cover; } #jd-vortex-db215-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-db215-v1 #db-shot-1:checked ~ .db-gallery-stage .db-gallery-slide:nth-child(1), #jd-vortex-db215-v1 #db-shot-2:checked ~ .db-gallery-stage .db-gallery-slide:nth-child(2), #jd-vortex-db215-v1 #db-shot-3:checked ~ .db-gallery-stage .db-gallery-slide:nth-child(3), #jd-vortex-db215-v1 #db-shot-4:checked ~ .db-gallery-stage .db-gallery-slide:nth-child(4), #jd-vortex-db215-v1 #db-shot-5:checked ~ .db-gallery-stage .db-gallery-slide:nth-child(5), #jd-vortex-db215-v1 #db-shot-6:checked ~ .db-gallery-stage .db-gallery-slide:nth-child(6) { z-index: 2; opacity: 1; pointer-events: auto; } #jd-vortex-db215-v1 .db-gallery-thumbs { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 5px; margin-top: 5px; } #jd-vortex-db215-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-db215-v1 .db-gallery-thumbs label:after { position: absolute; right: 0; bottom: 0; left: 0; height: 4px; background: transparent; content: ""; } #jd-vortex-db215-v1 .db-gallery-thumbs img { width: 100%; height: 100%; object-fit: cover; } #jd-vortex-db215-v1 #db-shot-1:checked ~ .db-gallery-thumbs label[for="db-shot-1"], #jd-vortex-db215-v1 #db-shot-2:checked ~ .db-gallery-thumbs label[for="db-shot-2"], #jd-vortex-db215-v1 #db-shot-3:checked ~ .db-gallery-thumbs label[for="db-shot-3"], #jd-vortex-db215-v1 #db-shot-4:checked ~ .db-gallery-thumbs label[for="db-shot-4"], #jd-vortex-db215-v1 #db-shot-5:checked ~ .db-gallery-thumbs label[for="db-shot-5"], #jd-vortex-db215-v1 #db-shot-6:checked ~ .db-gallery-thumbs label[for="db-shot-6"] { border-color: var(--db-ink); } #jd-vortex-db215-v1 #db-shot-1:checked ~ .db-gallery-thumbs label[for="db-shot-1"]:after, #jd-vortex-db215-v1 #db-shot-2:checked ~ .db-gallery-thumbs label[for="db-shot-2"]:after, #jd-vortex-db215-v1 #db-shot-3:checked ~ .db-gallery-thumbs label[for="db-shot-3"]:after, #jd-vortex-db215-v1 #db-shot-4:checked ~ .db-gallery-thumbs label[for="db-shot-4"]:after, #jd-vortex-db215-v1 #db-shot-5:checked ~ .db-gallery-thumbs label[for="db-shot-5"]:after, #jd-vortex-db215-v1 #db-shot-6:checked ~ .db-gallery-thumbs label[for="db-shot-6"]:after { background: var(--db-lime); } #jd-vortex-db215-v1 .db-optics { background: var(--db-white); } #jd-vortex-db215-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-db215-v1 .db-optics-copy { min-width: 0; } #jd-vortex-db215-v1 .db-optics-copy > p { font-size: clamp(17px, 1.7vw, 21px); } #jd-vortex-db215-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-db215-v1 .db-optic-item { min-width: 0; padding: clamp(20px, 3vw, 31px); border-right: 1px solid #cbc9c4; border-bottom: 1px solid #cbc9c4; } #jd-vortex-db215-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-db215-v1 .db-optic-item span { display: block; color: #555653; font-size: 14px; line-height: 1.5; } #jd-vortex-db215-v1 .db-optic-diagram { position: relative; min-width: 0; padding: clamp(28px, 5vw, 62px); overflow: hidden; background: var(--db-charcoal); color: #ffffff; } #jd-vortex-db215-v1 .db-optic-diagram:before, #jd-vortex-db215-v1 .db-optic-diagram:after { position: absolute; width: 160px; height: 7px; background: var(--db-lime); content: ""; transform: rotate(-45deg); } #jd-vortex-db215-v1 .db-optic-diagram:before { top: 32px; right: -57px; } #jd-vortex-db215-v1 .db-optic-diagram:after { bottom: 29px; left: -58px; } #jd-vortex-db215-v1 .db-optic-diagram svg { position: relative; z-index: 1; width: 100%; height: auto; } #jd-vortex-db215-v1 .db-optic-diagram figcaption { position: relative; z-index: 1; margin-top: 24px; color: #d5d7d3; font-size: 14px; line-height: 1.55; } #jd-vortex-db215-v1 .db-fov { background: var(--db-green-deep); color: #ffffff; } #jd-vortex-db215-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-db215-v1 .db-fov .db-kicker { color: #d2e0dc; } #jd-vortex-db215-v1 .db-fov-head p { margin-bottom: 0; color: #d4dfdc; font-size: clamp(17px, 1.8vw, 22px); } #jd-vortex-db215-v1 .db-fov-visual { border: 1px solid rgba(255,255,255,0.25); background: #002e28; } #jd-vortex-db215-v1 .db-fov-visual svg { width: 100%; height: auto; } #jd-vortex-db215-v1 .db-control-section { background: var(--db-mist); } #jd-vortex-db215-v1 .db-control-head { max-width: 920px; margin-bottom: clamp(32px, 5vw, 56px); } #jd-vortex-db215-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-db215-v1 .db-control-image { position: relative; min-width: 0; min-height: 620px; overflow: hidden; border-right: 1px solid #cbc9c4; background: #ffffff; } #jd-vortex-db215-v1 .db-control-image > img { width: 100%; height: 100%; min-height: 620px; object-fit: contain; object-position: center; } #jd-vortex-db215-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-db215-v1 .db-pin-1 { top: 13%; left: 24%; } #jd-vortex-db215-v1 .db-pin-2 { top: 21%; left: 48%; } #jd-vortex-db215-v1 .db-pin-3 { top: 17%; right: 23%; } #jd-vortex-db215-v1 .db-pin-4 { top: 39%; left: 48%; } #jd-vortex-db215-v1 .db-pin-5 { top: 33%; right: 17%; } #jd-vortex-db215-v1 .db-pin-6 { right: 20%; bottom: 11%; } #jd-vortex-db215-v1 .db-pin-7 { bottom: 30%; left: 48%; } #jd-vortex-db215-v1 .db-control-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-content: stretch; min-width: 0; } #jd-vortex-db215-v1 .db-control-item { min-width: 0; padding: clamp(20px, 3vw, 31px); border-right: 1px solid #dedcd7; border-bottom: 1px solid #dedcd7; } #jd-vortex-db215-v1 .db-control-item:nth-child(2n) { border-right: 0; } #jd-vortex-db215-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-db215-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-db215-v1 .db-control-item p { margin-bottom: 0; color: #5a5b58; font-size: 14px; line-height: 1.52; } #jd-vortex-db215-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-db215-v1 .db-field-media { position: relative; min-width: 0; min-height: 620px; overflow: hidden; } #jd-vortex-db215-v1 .db-field-media img { width: 100%; height: 100%; min-height: 620px; object-fit: cover; object-position: center; } #jd-vortex-db215-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-db215-v1 .db-field-copy .db-kicker { color: #d5dedb; } #jd-vortex-db215-v1 .db-field-copy > p { color: #d1d3d0; font-size: clamp(17px, 1.8vw, 21px); } #jd-vortex-db215-v1 .db-field-points { display: grid; gap: 0; margin-top: 22px; border-top: 1px solid #454642; } #jd-vortex-db215-v1 .db-field-point { padding: 19px 0; border-bottom: 1px solid #454642; } #jd-vortex-db215-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-db215-v1 .db-field-point span { display: block; color: #d2d4d1; font-size: 14px; } #jd-vortex-db215-v1 .db-protection { background: var(--db-green); color: #ffffff; } #jd-vortex-db215-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-db215-v1 .db-protection .db-kicker { color: #ecf3f1; } #jd-vortex-db215-v1 .db-protection-head p { margin-bottom: 0; color: #e3ece9; font-size: clamp(17px, 1.8vw, 21px); } #jd-vortex-db215-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-db215-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-db215-v1 .db-protection-icon { width: 50px; height: 50px; margin-bottom: 24px; color: var(--db-lime); } #jd-vortex-db215-v1 .db-protection-item h4 { color: #ffffff; } #jd-vortex-db215-v1 .db-protection-item p { margin-bottom: 0; color: #e2ebe8; font-size: 14px; line-height: 1.55; } #jd-vortex-db215-v1 .db-setup { background: var(--db-white); } #jd-vortex-db215-v1 .db-setup-head { max-width: 940px; margin-bottom: clamp(36px, 5vw, 64px); } #jd-vortex-db215-v1 .db-setup-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); counter-reset: setup; } #jd-vortex-db215-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-db215-v1 .db-setup-step:first-child { border-left: 1px solid #cac8c3; } #jd-vortex-db215-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-db215-v1 .db-setup-step p { margin-bottom: 0; color: #575855; font-size: 15px; } #jd-vortex-db215-v1 .db-harness { background: var(--db-mist); } #jd-vortex-db215-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-db215-v1 .db-harness-media { min-width: 0; overflow: hidden; border-left: 8px solid var(--db-lime); background: #d9d8d3; } #jd-vortex-db215-v1 .db-harness-media img { width: 100%; min-height: 590px; object-fit: cover; object-position: center; } #jd-vortex-db215-v1 .db-harness-copy { min-width: 0; } #jd-vortex-db215-v1 .db-harness-copy > p { font-size: clamp(17px, 1.7vw, 21px); } #jd-vortex-db215-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-db215-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-db215-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-db215-v1 .db-accessories { background: var(--db-white); } #jd-vortex-db215-v1 .db-accessory-head { max-width: 900px; margin-bottom: clamp(34px, 5vw, 60px); } #jd-vortex-db215-v1 .db-accessory-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(16px, 2vw, 26px); } #jd-vortex-db215-v1 .db-accessory-card { display: flex; flex-direction: column; min-width: 0; border: 1px solid #c9c7c2; background: #ffffff; } #jd-vortex-db215-v1 .db-accessory-image { display: block; min-width: 0; aspect-ratio: 4 / 3; overflow: hidden; border-bottom: 1px solid #c9c7c2; background: #f7f7f5; } #jd-vortex-db215-v1 .db-accessory-image img { width: 100%; height: 100%; object-fit: contain; transition: transform 0.25s ease; } #jd-vortex-db215-v1 .db-accessory-card:hover .db-accessory-image img { transform: scale(1.035); } #jd-vortex-db215-v1 .db-accessory-copy { display: flex; flex: 1 1 auto; flex-direction: column; padding: clamp(22px, 3vw, 32px); } #jd-vortex-db215-v1 .db-accessory-title { text-decoration: none; } #jd-vortex-db215-v1 .db-accessory-copy p { margin-bottom: 20px; color: #595a57; font-size: 14px; } #jd-vortex-db215-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-db215-v1 .db-accessory-link:after { font-size: 18px; content: "\2192"; } #jd-vortex-db215-v1 .db-care { background: var(--db-charcoal); color: #ffffff; } #jd-vortex-db215-v1 .db-care-head { max-width: 900px; margin-bottom: clamp(34px, 5vw, 60px); } #jd-vortex-db215-v1 .db-care .db-kicker { color: #d7ddda; } #jd-vortex-db215-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-db215-v1 .db-care-item { min-width: 0; padding: clamp(25px, 4vw, 43px); border-right: 1px solid #4b4c48; border-bottom: 1px solid #4b4c48; } #jd-vortex-db215-v1 .db-care-item h4 { color: var(--db-lime); } #jd-vortex-db215-v1 .db-care-item p, #jd-vortex-db215-v1 .db-care-item li { color: #d4d6d2; font-size: 14px; } #jd-vortex-db215-v1 .db-care-item p:last-child { margin-bottom: 0; } #jd-vortex-db215-v1 .db-care-item ul { margin-bottom: 0; padding-left: 19px; } #jd-vortex-db215-v1 .db-care-item li { margin-bottom: 7px; } #jd-vortex-db215-v1 .db-specs { background: var(--db-mist); } #jd-vortex-db215-v1 .db-spec-head { max-width: 920px; margin-bottom: clamp(34px, 5vw, 60px); } #jd-vortex-db215-v1 .db-table-wrap { width: 100%; border: 1px solid #c7c5c0; background: #ffffff; } #jd-vortex-db215-v1 .db-spec-table { width: 100%; margin: 0; border: 0; border-collapse: collapse; table-layout: fixed; } #jd-vortex-db215-v1 .db-spec-table th, #jd-vortex-db215-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-db215-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-db215-v1 .db-spec-table td { color: #51524f; font-size: 14px; } #jd-vortex-db215-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-db215-v1 .db-spec-table tr:last-child th, #jd-vortex-db215-v1 .db-spec-table tr:last-child td { border-bottom: 0; } #jd-vortex-db215-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-db215-v1 .db-warranty-logo { max-width: 370px; margin: 0 auto; } #jd-vortex-db215-v1 .db-warranty-copy .db-kicker { color: #d4dcda; } #jd-vortex-db215-v1 .db-warranty-copy p { max-width: 800px; color: #d5d7d3; font-size: clamp(16px, 1.7vw, 20px); } #jd-vortex-db215-v1 .db-warranty-note { padding-top: 18px; border-top: 1px solid #464743; color: #aeb1ad !important; font-size: 13px !important; } #jd-vortex-db215-v1 .db-docs { background: var(--db-white); } #jd-vortex-db215-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-db215-v1 .db-doc-list { display: grid; border-top: 1px solid #c5c3be; } #jd-vortex-db215-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-db215-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-db215-v1 .db-doc-copy strong, #jd-vortex-db215-v1 .db-doc-copy span { display: block; } #jd-vortex-db215-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-db215-v1 .db-doc-copy span { color: #60615e; font-size: 13px; } #jd-vortex-db215-v1 .db-doc-arrow { color: var(--db-green); font-size: 25px; } #jd-vortex-db215-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-db215-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-db215-v1 .db-hero, #jd-vortex-db215-v1 .db-optics-grid, #jd-vortex-db215-v1 .db-control-board, #jd-vortex-db215-v1 .db-field-split, #jd-vortex-db215-v1 .db-harness-grid, #jd-vortex-db215-v1 .db-warranty, #jd-vortex-db215-v1 .db-docs-grid { grid-template-columns: 1fr; } #jd-vortex-db215-v1 .db-hero { min-height: 0; } #jd-vortex-db215-v1 .db-hero:after { display: none; } #jd-vortex-db215-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-db215-v1 .db-hero-copy:before { top: auto; right: 0; bottom: -55px; left: 0; width: auto; height: 110px; transform: skewY(-2deg); } #jd-vortex-db215-v1 .db-hero-media img { min-height: 510px; } #jd-vortex-db215-v1 .db-video-head, #jd-vortex-db215-v1 .db-gallery-head, #jd-vortex-db215-v1 .db-fov-head, #jd-vortex-db215-v1 .db-protection-head { grid-template-columns: 1fr; } #jd-vortex-db215-v1 .db-control-image { min-height: 560px; border-right: 0; border-bottom: 1px solid #cbc9c4; } #jd-vortex-db215-v1 .db-control-image > img { min-height: 560px; } #jd-vortex-db215-v1 .db-field-media, #jd-vortex-db215-v1 .db-field-media img { min-height: 520px; } #jd-vortex-db215-v1 .db-protection-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } #jd-vortex-db215-v1 .db-accessory-grid { grid-template-columns: 1fr; } #jd-vortex-db215-v1 .db-accessory-card { display: grid; grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr); } #jd-vortex-db215-v1 .db-accessory-image { height: 100%; min-height: 330px; border-right: 1px solid #c9c7c2; border-bottom: 0; } #jd-vortex-db215-v1 .db-warranty-logo { max-width: 310px; } } @media (max-width: 720px) { #jd-vortex-db215-v1 .db-metric-rail { grid-template-columns: repeat(2, minmax(0, 1fr)); } #jd-vortex-db215-v1 .db-metric:nth-child(2) { border-right: 0; } #jd-vortex-db215-v1 .db-metric:nth-child(-n+2) { border-bottom: 1px solid #454642; } #jd-vortex-db215-v1 .db-gallery-stage { aspect-ratio: 4 / 3; min-height: 280px; } #jd-vortex-db215-v1 .db-optic-list, #jd-vortex-db215-v1 .db-control-list, #jd-vortex-db215-v1 .db-setup-grid, #jd-vortex-db215-v1 .db-care-grid { grid-template-columns: 1fr; } #jd-vortex-db215-v1 .db-control-item { border-right: 0; } #jd-vortex-db215-v1 .db-setup-step, #jd-vortex-db215-v1 .db-setup-step:first-child { border-top: 0; border-right: 1px solid #cac8c3; border-left: 1px solid #cac8c3; } #jd-vortex-db215-v1 .db-setup-step:first-child { border-top: 1px solid #cac8c3; } #jd-vortex-db215-v1 .db-harness-media img { min-height: 460px; } #jd-vortex-db215-v1 .db-accessory-card { display: flex; } #jd-vortex-db215-v1 .db-accessory-image { min-height: 0; border-right: 0; border-bottom: 1px solid #c9c7c2; } } @media (max-width: 520px) { #jd-vortex-db215-v1 .db-hero-media img { min-height: 390px; } #jd-vortex-db215-v1 .db-gallery-stage { min-height: 255px; } #jd-vortex-db215-v1 .db-gallery-thumbs { gap: 3px; margin-top: 3px; } #jd-vortex-db215-v1 .db-control-image, #jd-vortex-db215-v1 .db-control-image > img { min-height: 410px; } #jd-vortex-db215-v1 .db-protection-grid, #jd-vortex-db215-v1 .db-box-list { grid-template-columns: 1fr; } #jd-vortex-db215-v1 .db-field-media, #jd-vortex-db215-v1 .db-field-media img, #jd-vortex-db215-v1 .db-harness-media img { min-height: 400px; } #jd-vortex-db215-v1 .db-spec-table th, #jd-vortex-db215-v1 .db-spec-table td { padding: 13px 11px; font-size: 13px; } #jd-vortex-db215-v1 .db-doc-link { grid-template-columns: 48px minmax(0, 1fr) auto; gap: 12px; } #jd-vortex-db215-v1 .db-doc-mark { width: 48px; height: 48px; } } @media (prefers-reduced-motion: reduce) { #jd-vortex-db215-v1 .db-gallery-slide, #jd-vortex-db215-v1 .db-accessory-image img { transition: none; } } /* Refined responsive scaling */ #jd-vortex-db215-v1 { -webkit-text-size-adjust: 100%; font-size: clamp(15px, calc(14.35px + 0.22vw), 17px); line-height: 1.58; } #jd-vortex-db215-v1 *, #jd-vortex-db215-v1 *:before, #jd-vortex-db215-v1 *:after { max-width: 100%; } #jd-vortex-db215-v1 h2, #jd-vortex-db215-v1 h3, #jd-vortex-db215-v1 h4 { overflow-wrap: normal; text-wrap: balance; } #jd-vortex-db215-v1 p, #jd-vortex-db215-v1 li, #jd-vortex-db215-v1 td, #jd-vortex-db215-v1 th, #jd-vortex-db215-v1 span { overflow-wrap: break-word; } #jd-vortex-db215-v1 h2 { font-size: clamp(34px, 4.6vw, 68px); } #jd-vortex-db215-v1 h3 { font-size: clamp(28px, 3.15vw, 45px); line-height: 1.06; } #jd-vortex-db215-v1 h4 { font-size: clamp(18px, 1.55vw, 24px); } #jd-vortex-db215-v1 .db-pad { padding: clamp(50px, 6.4vw, 92px) clamp(18px, 4.5vw, 66px); } #jd-vortex-db215-v1 .db-lead { font-size: clamp(17px, 1.45vw, 22px); line-height: 1.5; } #jd-vortex-db215-v1 .db-hero { grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr); min-height: clamp(560px, 46vw, 690px); } #jd-vortex-db215-v1 .db-hero:after { left: calc(45% - 3px); } #jd-vortex-db215-v1 .db-hero-copy { padding: clamp(52px, 6.5vw, 92px) clamp(22px, 4.8vw, 68px); } #jd-vortex-db215-v1 .db-hero-title { max-width: 700px; margin-bottom: 20px; font-size: clamp(46px, 5.7vw, 82px); line-height: 0.96; } #jd-vortex-db215-v1 .db-hero-title span { margin-top: 11px; font-size: 0.47em; line-height: 1.04; } #jd-vortex-db215-v1 .db-hero-copy > p { max-width: 650px; font-size: clamp(17px, 1.45vw, 21px); line-height: 1.55; } #jd-vortex-db215-v1 .db-hero-media img { min-height: 0; } #jd-vortex-db215-v1 .db-metric { padding: clamp(23px, 2.7vw, 36px) clamp(14px, 2.2vw, 28px); } #jd-vortex-db215-v1 .db-metric strong { font-size: clamp(30px, 3.1vw, 46px); } #jd-vortex-db215-v1 .db-video-head, #jd-vortex-db215-v1 .db-gallery-head, #jd-vortex-db215-v1 .db-fov-head, #jd-vortex-db215-v1 .db-protection-head { gap: clamp(24px, 4vw, 62px); } #jd-vortex-db215-v1 .db-video-wrap { aspect-ratio: 16 / 9; padding-top: 0; } #jd-vortex-db215-v1 .db-gallery-stage { min-height: 0; } #jd-vortex-db215-v1 .db-optics-grid, #jd-vortex-db215-v1 .db-harness-grid { gap: clamp(34px, 5vw, 78px); } #jd-vortex-db215-v1 .db-optic-item, #jd-vortex-db215-v1 .db-control-item, #jd-vortex-db215-v1 .db-protection-item, #jd-vortex-db215-v1 .db-care-item { padding: clamp(20px, 2.4vw, 31px); } #jd-vortex-db215-v1 .db-control-board { grid-template-columns: minmax(0, 1.02fr) minmax(0, 0.98fr); align-items: stretch; } #jd-vortex-db215-v1 .db-control-image { display: flex; align-items: center; justify-content: center; min-height: 0; padding: clamp(18px, 2.4vw, 32px); } #jd-vortex-db215-v1 .db-control-image-inner { position: relative; width: 100%; aspect-ratio: 1920 / 1123; } #jd-vortex-db215-v1 .db-control-image-inner > img { width: 100%; height: 100%; min-height: 0; object-fit: contain; object-position: center; } #jd-vortex-db215-v1 .db-field-split { min-height: 0; } #jd-vortex-db215-v1 .db-field-media, #jd-vortex-db215-v1 .db-field-media img { min-height: 0; } #jd-vortex-db215-v1 .db-field-media img { aspect-ratio: 4 / 5; } #jd-vortex-db215-v1 .db-field-copy { padding: clamp(52px, 6.4vw, 90px) clamp(22px, 5vw, 72px); } #jd-vortex-db215-v1 .db-protection-icon { width: clamp(40px, 4vw, 50px); height: clamp(40px, 4vw, 50px); margin-bottom: 20px; } #jd-vortex-db215-v1 .db-setup-step { padding: clamp(26px, 3.1vw, 42px); } #jd-vortex-db215-v1 .db-harness-media img { min-height: 0; aspect-ratio: 4 / 5; } #jd-vortex-db215-v1 .db-accessory-grid { gap: clamp(14px, 1.6vw, 22px); } #jd-vortex-db215-v1 .db-accessory-copy { padding: clamp(20px, 2.3vw, 29px); } #jd-vortex-db215-v1 .db-warranty { gap: clamp(30px, 4.6vw, 72px); } #jd-vortex-db215-v1 .db-docs-grid { gap: clamp(32px, 5vw, 76px); } @media (max-width: 1100px) { #jd-vortex-db215-v1 .db-hero-title { font-size: clamp(44px, 6.2vw, 70px); } #jd-vortex-db215-v1 .db-control-list { grid-template-columns: 1fr; } #jd-vortex-db215-v1 .db-control-item, #jd-vortex-db215-v1 .db-control-item:nth-child(2n) { border-right: 0; } } @media (max-width: 980px) { #jd-vortex-db215-v1 .db-hero { min-height: 0; } #jd-vortex-db215-v1 .db-hero-copy:before { display: none; } #jd-vortex-db215-v1 .db-hero-copy:after { right: 0; bottom: 0; left: 0; height: 5px; transform: none; } #jd-vortex-db215-v1 .db-hero-media img { height: auto; min-height: 0; object-fit: contain; } #jd-vortex-db215-v1 .db-control-board { grid-template-columns: minmax(0, 1fr); } #jd-vortex-db215-v1 .db-control-image { min-height: 0; padding: clamp(14px, 3vw, 28px); border-right: 0; border-bottom: 1px solid #cbc9c4; } #jd-vortex-db215-v1 .db-control-image > img { min-height: 0; } #jd-vortex-db215-v1 .db-control-list { grid-template-columns: repeat(2, minmax(0, 1fr)); } #jd-vortex-db215-v1 .db-control-item { border-right: 1px solid #dedcd7; } #jd-vortex-db215-v1 .db-control-item:nth-child(2n) { border-right: 0; } #jd-vortex-db215-v1 .db-field-media, #jd-vortex-db215-v1 .db-field-media img { min-height: 0; } #jd-vortex-db215-v1 .db-field-media img { aspect-ratio: 16 / 10; } #jd-vortex-db215-v1 .db-harness-media img { min-height: 0; aspect-ratio: 16 / 10; } } @media (max-width: 720px) { #jd-vortex-db215-v1 { font-size: 15px; } #jd-vortex-db215-v1 h2 { font-size: clamp(31px, 10vw, 48px); } #jd-vortex-db215-v1 h3 { font-size: clamp(27px, 8.7vw, 40px); } #jd-vortex-db215-v1 h4 { font-size: clamp(18px, 5.3vw, 22px); } #jd-vortex-db215-v1 .db-pad { padding: clamp(42px, 10vw, 62px) clamp(15px, 4.5vw, 24px); } #jd-vortex-db215-v1 .db-kicker { gap: 9px; margin-bottom: 13px; font-size: 11px; letter-spacing: 0.16em; } #jd-vortex-db215-v1 .db-kicker:before { width: 26px; height: 3px; flex-basis: 26px; } #jd-vortex-db215-v1 .db-hero-copy { padding: clamp(46px, 11vw, 66px) clamp(17px, 5vw, 28px); } #jd-vortex-db215-v1 .db-hero-title { font-size: clamp(42px, 12.2vw, 62px); } #jd-vortex-db215-v1 .db-hero-title span { margin-top: 9px; font-size: 0.43em; line-height: 1.08; } #jd-vortex-db215-v1 .db-hero-copy > p, #jd-vortex-db215-v1 .db-video-head p, #jd-vortex-db215-v1 .db-gallery-head p, #jd-vortex-db215-v1 .db-optics-copy > p, #jd-vortex-db215-v1 .db-fov-head p, #jd-vortex-db215-v1 .db-field-copy > p, #jd-vortex-db215-v1 .db-protection-head p, #jd-vortex-db215-v1 .db-harness-copy > p, #jd-vortex-db215-v1 .db-warranty-copy p, #jd-vortex-db215-v1 .db-lead { font-size: 16px; line-height: 1.55; } #jd-vortex-db215-v1 .db-metric { padding: 20px 14px; } #jd-vortex-db215-v1 .db-metric strong { font-size: clamp(28px, 9vw, 39px); } #jd-vortex-db215-v1 .db-gallery-thumbs { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 4px; margin-top: 4px; } #jd-vortex-db215-v1 .db-gallery-thumbs label { aspect-ratio: 16 / 10; } #jd-vortex-db215-v1 .db-optic-list, #jd-vortex-db215-v1 .db-control-list, #jd-vortex-db215-v1 .db-box-list { grid-template-columns: repeat(2, minmax(0, 1fr)); } #jd-vortex-db215-v1 .db-optic-item, #jd-vortex-db215-v1 .db-control-item { padding: 18px 15px; } #jd-vortex-db215-v1 .db-control-item { border-right: 1px solid #dedcd7; } #jd-vortex-db215-v1 .db-control-item:nth-child(2n) { border-right: 0; } #jd-vortex-db215-v1 .db-control-item p, #jd-vortex-db215-v1 .db-optic-item span, #jd-vortex-db215-v1 .db-protection-item p, #jd-vortex-db215-v1 .db-care-item p, #jd-vortex-db215-v1 .db-care-item li { font-size: 13px; } #jd-vortex-db215-v1 .db-control-number { width: 25px; height: 25px; flex-basis: 25px; font-size: 13px; } #jd-vortex-db215-v1 .db-field-copy { padding: clamp(42px, 10vw, 62px) clamp(17px, 5vw, 28px); } #jd-vortex-db215-v1 .db-protection-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } #jd-vortex-db215-v1 .db-protection-item { padding: 20px 16px; } #jd-vortex-db215-v1 .db-setup-grid, #jd-vortex-db215-v1 .db-care-grid { grid-template-columns: 1fr; } #jd-vortex-db215-v1 .db-harness-media { border-left-width: 5px; } #jd-vortex-db215-v1 .db-box-list li { padding: 15px 12px 15px 34px; font-size: 13px; } #jd-vortex-db215-v1 .db-box-list li:before { top: 18px; left: 13px; } #jd-vortex-db215-v1 .db-accessory-copy { padding: 20px 18px 22px; } #jd-vortex-db215-v1 .db-spec-table th { width: 40%; } #jd-vortex-db215-v1 .db-doc-link { padding: 17px 0; } #jd-vortex-db215-v1 .db-safety { padding: 20px 17px; } } @media (max-width: 460px) { #jd-vortex-db215-v1 .db-metric span { font-size: 12px; } #jd-vortex-db215-v1 .db-optic-list, #jd-vortex-db215-v1 .db-control-list, #jd-vortex-db215-v1 .db-protection-grid, #jd-vortex-db215-v1 .db-box-list { grid-template-columns: 1fr; } #jd-vortex-db215-v1 .db-control-item { border-right: 0; } #jd-vortex-db215-v1 .db-protection-item { padding: 22px 18px; } #jd-vortex-db215-v1 .db-field-media img, #jd-vortex-db215-v1 .db-harness-media img { aspect-ratio: 4 / 3; } #jd-vortex-db215-v1 .db-spec-table th, #jd-vortex-db215-v1 .db-spec-table td { padding: 12px 9px; font-size: 12.5px; } #jd-vortex-db215-v1 .db-spec-table th { width: 42%; } #jd-vortex-db215-v1 .db-doc-link { grid-template-columns: 44px minmax(0, 1fr) auto; gap: 10px; } #jd-vortex-db215-v1 .db-doc-mark { width: 44px; height: 44px; font-size: 11px; } #jd-vortex-db215-v1 .db-doc-copy strong { font-size: 17px; } #jd-vortex-db215-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-db215-v1 .db-hero { grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr); min-height: 0; } #jd-vortex-db215-v1 .db-hero:after { display: block; top: 0; bottom: 0; left: 46%; width: 3px; background: var(--db-lime); transform: skewX(-3deg); } #jd-vortex-db215-v1 .db-hero-copy { padding: clamp(28px, 4.2vw, 62px) clamp(14px, 3.5vw, 50px); } #jd-vortex-db215-v1 .db-hero-copy:before, #jd-vortex-db215-v1 .db-hero-copy:after { display: none; } #jd-vortex-db215-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-db215-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-db215-v1 .db-hero-title span { margin-top: clamp(5px, 0.7vw, 9px); font-size: 0.48em; line-height: 1.08; } #jd-vortex-db215-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-db215-v1 .db-hero-tags { gap: clamp(4px, 0.6vw, 7px); } #jd-vortex-db215-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-db215-v1 .db-hero-media { display: flex; align-items: center; justify-content: center; min-height: 0; } #jd-vortex-db215-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-db215-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-db215-v1 .db-video-section.db-pad { padding-top: clamp(28px, 4vw, 54px); padding-bottom: clamp(28px, 4vw, 54px); } #jd-vortex-db215-v1 .db-video-head { display: block; margin-bottom: clamp(18px, 2.8vw, 34px); } #jd-vortex-db215-v1 .db-video-head .db-kicker { margin-bottom: 7px; font-size: clamp(8.5px, 0.72vw, 10.5px); } #jd-vortex-db215-v1 .db-video-head h3 { max-width: 760px; margin-bottom: 10px; font-size: clamp(22px, 2.7vw, 38px); line-height: 1.06; } #jd-vortex-db215-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-db215-v1 .db-video-wrap iframe { pointer-events: none; } /* Gallery intro scaled down to match the tighter hierarchy */ #jd-vortex-db215-v1 .db-gallery-section.db-pad { padding-top: clamp(34px, 4.8vw, 66px); padding-bottom: clamp(34px, 4.8vw, 66px); } #jd-vortex-db215-v1 .db-gallery-head { gap: clamp(18px, 3vw, 42px); margin-bottom: clamp(20px, 3vw, 38px); } #jd-vortex-db215-v1 .db-gallery-head h3 { font-size: clamp(22px, 2.8vw, 39px); } #jd-vortex-db215-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-db215-v1 .db-optics.db-pad { padding-top: clamp(34px, 4.5vw, 64px); padding-bottom: clamp(34px, 4.5vw, 64px); } #jd-vortex-db215-v1 .db-optics-grid { gap: clamp(24px, 4vw, 58px); } #jd-vortex-db215-v1 .db-optics-copy .db-kicker { margin-bottom: 7px; font-size: clamp(8px, 0.7vw, 10px); } #jd-vortex-db215-v1 .db-optics-copy h3 { margin-bottom: 10px; font-size: clamp(21px, 2.45vw, 34px); } #jd-vortex-db215-v1 .db-optics-copy > p { margin-bottom: 0; font-size: clamp(11.5px, 1vw, 14.5px); line-height: 1.48; } #jd-vortex-db215-v1 .db-optic-list { grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: clamp(18px, 2.4vw, 28px); } #jd-vortex-db215-v1 .db-optic-item { padding: clamp(12px, 1.8vw, 24px); } #jd-vortex-db215-v1 .db-optic-item strong { margin-bottom: 5px; font-size: clamp(11px, 1.2vw, 17px); line-height: 1.18; } #jd-vortex-db215-v1 .db-optic-item span { font-size: clamp(9.5px, 0.9vw, 13px); line-height: 1.45; } #jd-vortex-db215-v1 .db-optic-diagram { padding: clamp(20px, 3.4vw, 44px); } #jd-vortex-db215-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-db215-v1 .db-fov.db-pad { padding-top: clamp(26px, 3.4vw, 48px); padding-bottom: clamp(26px, 3.4vw, 48px); } #jd-vortex-db215-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-db215-v1 .db-fov-head .db-kicker { margin-bottom: 7px; font-size: clamp(8px, 0.7vw, 10px); } #jd-vortex-db215-v1 .db-fov-head h3 { margin-bottom: 0; font-size: clamp(20px, 2.35vw, 33px); line-height: 1.08; } #jd-vortex-db215-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-db215-v1 .db-control-section.db-pad { padding-top: clamp(32px, 4.2vw, 60px); padding-bottom: clamp(32px, 4.2vw, 60px); } #jd-vortex-db215-v1 .db-control-head { max-width: 920px; margin-bottom: clamp(20px, 3vw, 36px); } #jd-vortex-db215-v1 .db-control-head .db-kicker { margin-bottom: 7px; font-size: clamp(8px, 0.7vw, 10px); } #jd-vortex-db215-v1 .db-control-head h3 { margin-bottom: 9px; font-size: clamp(21px, 2.45vw, 34px); } #jd-vortex-db215-v1 .db-control-head .db-lead { font-size: clamp(11.5px, 1vw, 14.5px); line-height: 1.48; } #jd-vortex-db215-v1 .db-control-board { display: block; } #jd-vortex-db215-v1 .db-control-image { min-height: 0; padding: clamp(8px, 1.5vw, 18px); border-right: 0; border-bottom: 1px solid #cbc9c4; } #jd-vortex-db215-v1 .db-control-image-inner { position: relative; width: min(100%, 1040px); aspect-ratio: 1920 / 1123; margin: 0 auto; } #jd-vortex-db215-v1 .db-control-image-inner > img { width: 100%; height: 100%; object-fit: contain; object-position: center; } #jd-vortex-db215-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%); } /* Front-facing view: the user's right eyepiece appears on the left of the image. */ #jd-vortex-db215-v1 .db-pin-1 { top: 10.5%; left: 64.5%; right: auto; bottom: auto; } #jd-vortex-db215-v1 .db-pin-2 { top: 24%; left: 50%; right: auto; bottom: auto; } #jd-vortex-db215-v1 .db-pin-3 { top: 20%; left: 35.5%; right: auto; bottom: auto; } #jd-vortex-db215-v1 .db-pin-4 { top: 67%; left: 50%; right: auto; bottom: auto; } #jd-vortex-db215-v1 .db-pin-5 { top: 27%; left: 72%; right: auto; bottom: auto; } #jd-vortex-db215-v1 .db-pin-6 { top: 82%; left: 64%; right: auto; bottom: auto; } #jd-vortex-db215-v1 .db-pin-7 { top: 52%; left: 50%; right: auto; bottom: auto; } #jd-vortex-db215-v1 .db-control-list { grid-template-columns: repeat(2, minmax(0, 1fr)); } #jd-vortex-db215-v1 .db-control-item, #jd-vortex-db215-v1 .db-control-item:nth-child(2n) { padding: clamp(12px, 1.7vw, 22px); } #jd-vortex-db215-v1 .db-control-item { border-right: 1px solid #dedcd7; } #jd-vortex-db215-v1 .db-control-item:nth-child(2n) { border-right: 0; } #jd-vortex-db215-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-db215-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-db215-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-db215-v1 .db-protection.db-pad { padding-top: clamp(30px, 4vw, 56px); padding-bottom: clamp(30px, 4vw, 56px); } #jd-vortex-db215-v1 .db-protection-head { display: block; max-width: 920px; margin-bottom: clamp(20px, 3vw, 38px); } #jd-vortex-db215-v1 .db-protection-head .db-kicker { margin-bottom: 7px; font-size: clamp(8px, 0.7vw, 10px); } #jd-vortex-db215-v1 .db-protection-head h3 { margin-bottom: 10px; font-size: clamp(21px, 2.45vw, 34px); line-height: 1.08; } #jd-vortex-db215-v1 .db-protection-head p { max-width: 880px; font-size: clamp(11.5px, 1vw, 14.5px); line-height: 1.48; } #jd-vortex-db215-v1 .db-protection-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } #jd-vortex-db215-v1 .db-protection-item { padding: clamp(14px, 2vw, 26px); } #jd-vortex-db215-v1 .db-protection-icon { width: clamp(28px, 3vw, 42px); height: clamp(28px, 3vw, 42px); margin-bottom: clamp(10px, 1.4vw, 18px); } #jd-vortex-db215-v1 .db-protection-item h4 { margin-bottom: 6px; font-size: clamp(12px, 1.35vw, 18px); } #jd-vortex-db215-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-db215-v1 .db-setup.db-pad { padding-top: clamp(32px, 4.2vw, 60px); padding-bottom: clamp(32px, 4.2vw, 60px); } #jd-vortex-db215-v1 .db-setup-head { margin-bottom: clamp(20px, 3vw, 34px); } #jd-vortex-db215-v1 .db-setup-head h3 { font-size: clamp(21px, 2.45vw, 34px); } #jd-vortex-db215-v1 .db-setup-head .db-lead { font-size: clamp(11.5px, 1vw, 14.5px); line-height: 1.48; } #jd-vortex-db215-v1 .db-setup-grid { grid-template-columns: 1fr; } #jd-vortex-db215-v1 .db-setup-step, #jd-vortex-db215-v1 .db-setup-step:first-child { padding: clamp(16px, 2.4vw, 30px); border: 1px solid #cac8c3; border-top: 0; } #jd-vortex-db215-v1 .db-setup-step:first-child { border-top: 1px solid #cac8c3; } #jd-vortex-db215-v1 .db-setup-step:before { margin-bottom: clamp(8px, 1.2vw, 14px); font-size: clamp(24px, 3vw, 40px); } #jd-vortex-db215-v1 .db-setup-step h4 { margin-bottom: 7px; font-size: clamp(13px, 1.45vw, 19px); } #jd-vortex-db215-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-db215-v1 .db-harness.db-pad { padding-top: clamp(32px, 4.5vw, 64px); padding-bottom: clamp(32px, 4.5vw, 64px); } #jd-vortex-db215-v1 .db-harness-grid { grid-template-columns: 1fr; gap: 0; } #jd-vortex-db215-v1 .db-harness-media { order: 1; width: 100%; border-left: 0; border-bottom: clamp(3px, 0.5vw, 6px) solid var(--db-lime); } #jd-vortex-db215-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-db215-v1 .db-harness-copy { order: 2; padding-top: clamp(24px, 3.5vw, 46px); } #jd-vortex-db215-v1 .db-harness-copy .db-kicker { margin-bottom: 7px; font-size: clamp(8px, 0.7vw, 10px); } #jd-vortex-db215-v1 .db-harness-copy h3 { margin-bottom: 10px; font-size: clamp(21px, 2.45vw, 34px); } #jd-vortex-db215-v1 .db-harness-copy > p { max-width: 900px; font-size: clamp(11.5px, 1vw, 14.5px); line-height: 1.48; } #jd-vortex-db215-v1 .db-harness-copy h4 { margin-top: clamp(16px, 2vw, 26px); font-size: clamp(14px, 1.5vw, 20px); } #jd-vortex-db215-v1 .db-box-list { grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: clamp(14px, 2vw, 24px); } #jd-vortex-db215-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-db215-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-db215-v1 .db-care.db-pad { padding-top: clamp(30px, 4vw, 56px); padding-bottom: clamp(30px, 4vw, 56px); } #jd-vortex-db215-v1 .db-care-head { margin-bottom: clamp(20px, 3vw, 36px); } #jd-vortex-db215-v1 .db-care-head h3 { font-size: clamp(21px, 2.45vw, 34px); } #jd-vortex-db215-v1 .db-care-grid { grid-template-columns: 1fr; } #jd-vortex-db215-v1 .db-care-item { padding: clamp(16px, 2.3vw, 28px); } #jd-vortex-db215-v1 .db-care-item h4 { margin-bottom: 8px; font-size: clamp(13px, 1.4vw, 19px); } #jd-vortex-db215-v1 .db-care-item p, #jd-vortex-db215-v1 .db-care-item li { font-size: clamp(10.5px, 0.95vw, 13.5px); line-height: 1.48; } @media (max-width: 640px) { #jd-vortex-db215-v1 .db-hero { grid-template-columns: minmax(0, 0.94fr) minmax(0, 1.06fr); } #jd-vortex-db215-v1 .db-hero:after { left: 47%; width: 2px; } #jd-vortex-db215-v1 .db-hero-copy { padding: clamp(18px, 5.5vw, 28px) clamp(9px, 3vw, 15px); } #jd-vortex-db215-v1 .db-hero-title { font-size: clamp(18px, 6.5vw, 28px); } #jd-vortex-db215-v1 .db-hero-copy > p { font-size: clamp(9.5px, 2.9vw, 12px); line-height: 1.42; } #jd-vortex-db215-v1 .db-hero-tag { padding: 4px 6px; font-size: clamp(6.8px, 2vw, 8.5px); } #jd-vortex-db215-v1 .db-hero-model { font-size: 6.8px; } #jd-vortex-db215-v1 .db-video-head, #jd-vortex-db215-v1 .db-fov-head, #jd-vortex-db215-v1 .db-protection-head { grid-template-columns: 1fr; } #jd-vortex-db215-v1 .db-fov-head { gap: 9px; } #jd-vortex-db215-v1 .db-control-list, #jd-vortex-db215-v1 .db-optic-list, #jd-vortex-db215-v1 .db-protection-grid, #jd-vortex-db215-v1 .db-box-list { grid-template-columns: repeat(2, minmax(0, 1fr)); } #jd-vortex-db215-v1 .db-control-item, #jd-vortex-db215-v1 .db-control-item:nth-child(2n) { padding: 11px 9px; } #jd-vortex-db215-v1 .db-control-item strong { font-size: clamp(9px, 2.7vw, 11.5px); } #jd-vortex-db215-v1 .db-control-item p { font-size: clamp(8.5px, 2.45vw, 10.5px); } #jd-vortex-db215-v1 .db-protection-item { padding: 13px 10px; } #jd-vortex-db215-v1 .db-protection-item h4 { font-size: clamp(11px, 3vw, 14px); } #jd-vortex-db215-v1 .db-protection-item p { font-size: clamp(8.5px, 2.45vw, 10.5px); } #jd-vortex-db215-v1 .db-optic-item { padding: 12px 10px; } #jd-vortex-db215-v1 .db-optic-item strong { font-size: clamp(10px, 2.8vw, 13px); } #jd-vortex-db215-v1 .db-optic-item span { font-size: clamp(8.5px, 2.4vw, 10.5px); } #jd-vortex-db215-v1 .db-box-list li { font-size: clamp(8.5px, 2.4vw, 10.5px); } } @media (max-width: 380px) { #jd-vortex-db215-v1 .db-hero .db-kicker { font-size: 6.8px; } #jd-vortex-db215-v1 .db-hero-title { font-size: 17px; } #jd-vortex-db215-v1 .db-hero-title span { font-size: 0.47em; } #jd-vortex-db215-v1 .db-hero-copy > p { font-size: 8.8px; } #jd-vortex-db215-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-db215-v1 .db-hero { display: grid; grid-template-columns: minmax(0, 65%) minmax(0, 35%); min-height: 0; background: var(--db-black); } #jd-vortex-db215-v1 .db-hero:after { left: calc(65% - 1px); } #jd-vortex-db215-v1 .db-hero-copy { min-width: 0; } #jd-vortex-db215-v1 .db-hero-media { min-width: 0; min-height: 0; background: #ffffff; } #jd-vortex-db215-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-db215-v1 .db-optics-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: clamp(20px, 3vw, 38px); align-items: stretch; } #jd-vortex-db215-v1 .db-optics-copy, #jd-vortex-db215-v1 .db-optic-diagram { width: 100%; min-width: 0; } #jd-vortex-db215-v1 .db-optic-diagram { margin: 0; } /* Shorter green corner accents so they do not cross the diagram text */ #jd-vortex-db215-v1 .db-optic-diagram:before, #jd-vortex-db215-v1 .db-optic-diagram:after { width: 72px; height: 4px; } #jd-vortex-db215-v1 .db-optic-diagram:before { top: 18px; right: -24px; } #jd-vortex-db215-v1 .db-optic-diagram:after { bottom: 18px; left: -24px; } /* Accessibility, semantic interaction and preview support */ #jd-vortex-db215-v1 .db-visually-hidden, #jd-vortex-db215-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-db215-v1 #db-shot-1:focus-visible ~ .db-gallery-thumbs label[for="db-shot-1"], #jd-vortex-db215-v1 #db-shot-2:focus-visible ~ .db-gallery-thumbs label[for="db-shot-2"], #jd-vortex-db215-v1 #db-shot-3:focus-visible ~ .db-gallery-thumbs label[for="db-shot-3"], #jd-vortex-db215-v1 #db-shot-4:focus-visible ~ .db-gallery-thumbs label[for="db-shot-4"], #jd-vortex-db215-v1 #db-shot-5:focus-visible ~ .db-gallery-thumbs label[for="db-shot-5"], #jd-vortex-db215-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-db215-v1 .db-pin { appearance: none; -webkit-appearance: none; padding: 0; margin: 0; cursor: pointer; touch-action: manipulation; overflow: visible; z-index: 5; } #jd-vortex-db215-v1 .db-pin:focus-visible { outline: 3px solid var(--db-lime); outline-offset: 4px; } #jd-vortex-db215-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-db215-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-db215-v1 .db-pin:hover .db-pin-tooltip, #jd-vortex-db215-v1 .db-pin:focus .db-pin-tooltip, #jd-vortex-db215-v1 .db-pin:active .db-pin-tooltip { opacity: 1; visibility: visible; transform: translate(-50%, 0); } #jd-vortex-db215-v1 .db-pin-5 .db-pin-tooltip, #jd-vortex-db215-v1 .db-pin-6 .db-pin-tooltip { right: calc(100% + 10px); bottom: 50%; left: auto; transform: translate(5px, 50%); } #jd-vortex-db215-v1 .db-pin-5 .db-pin-tooltip:after, #jd-vortex-db215-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-db215-v1 .db-pin-5:hover .db-pin-tooltip, #jd-vortex-db215-v1 .db-pin-5:focus .db-pin-tooltip, #jd-vortex-db215-v1 .db-pin-5:active .db-pin-tooltip, #jd-vortex-db215-v1 .db-pin-6:hover .db-pin-tooltip, #jd-vortex-db215-v1 .db-pin-6:focus .db-pin-tooltip, #jd-vortex-db215-v1 .db-pin-6:active .db-pin-tooltip { transform: translate(0, 50%); } #jd-vortex-db215-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-db215-v1 .db-pin-tooltip { font-size: 11px; } } @media (prefers-reduced-motion: reduce) { #jd-vortex-db215-v1 .db-pin-tooltip { transition: none; } } Vortex Diamondback HD 10×42 binoculars (DB-215) combine 10× magnification, 42 mm objective lenses, an HD optical system, fully multi-coated lenses, dielectric prism coatings, phase correction and ArmorTek lens protection with a lightweight waterproof, fogproof open-hinge body. Designed for hunting, birdwatching and wildlife observation, they provide a 110 m field of view at 1,000 m, 1.5 m close focus and include the Vortex GlassPak binocular harness. Diamondback® HD · 10×42 · DB-215 Clear views. Built for the field.Diamondback HD 10×42 The Diamondback HD 10×42 combines clear, colour-accurate viewing with a light open-hinge body, secure rubber armour and an included GlassPak™ harness for dependable everyday field use. Hunting Wildlife observation Waterproof GlassPak™ included 10×42 · 21.3 oz / 604 g 10×Detail at distance 42 mmBalanced light gathering 110 mField at 1,000 m 1.5 mClose-focus distance Official Vortex video See Diamondback HD in action. See how the Diamondback HD family combines practical optical performance, open-hinge handling and rugged construction for hunting and wildlife observation. Open the official Vortex Diamondback HD binocular video Every angle Full-size performance without unnecessary bulk. The true open hinge gives the fingers a natural place to settle, while textured rubber armour adds grip and protection without making the 10×42 feel oversized in the hand. Choose a thumbnail to display a different product or field-use image of the Vortex Diamondback HD 10×42 binoculars. The included GlassPak harness keeps the binocular protected, close and ready to deploy. Tether straps add security while leaving the binocular free for natural two-handed viewing. HD optical system Clarity where detail matters. Select glass elements are optimised for resolution and reduced chromatic aberration, helping fine edges appear cleaner while colours remain natural across the view. Fully multi-coatedAnti-reflective coatings on every air-to-glass surface improve transmission, clarity and lower-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 42 mm objective lens, passing through the phase-corrected roof prism and coated ocular lens group before reaching the viewer’s eye. 42 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. Field of view 110 metres of terrain at 1,000 metres. A 6.3° angular field balances the reach of 10× magnification with enough surrounding context to search open faces, follow moving wildlife and reacquire a subject after lowering the binocular. Diamondback HD 10×42 field of view Diagram illustrating a 6.3 degree angular field of view, equal to approximately 110 metres of visible width at a distance of 1,000 metres. 6.3° 110 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-eye dioptre 4Open hinge 5Strap lugs 642 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-eye dioptreBalances the viewer’s right optical channel across a ±4 range. In this front-facing image it appears on the left side of the binocular. 4Open hingeAdjusts the 55–73 mm interpupillary distance and gives the fingers a secure hold. 5Strap lugsAccept the comfort neck strap or GlassPak tether straps supplied in the box. 642 mm objectivesGather light for a practical 4.2 mm exit pupil in a portable full-size body. 7Adapter socketRemove the front cap to fit a compatible Vortex binocular tripod adapter. Field handling Balanced for all-day carry. At 21.3 oz / approximately 604 g, the Diamondback HD 10×42 stays manageable on long days while retaining full-size controls and versatile 42 mm objectives. 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. O-ring sealing, argon purging, shock-resistant construction and ArmorTek® exterior-lens protection help the Diamondback HD stay ready through changing weather, temperature swings and 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 optic 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. What is in the box Diamondback HD 10×42 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 Small An optional carry upgrade with a quiet fold-open lid, microfibre interior and additional pockets; sized for objectives up to 42 mm. 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×42 specifications A complete reference for optical performance, dimensions, controls, protection, included accessories and warranty coverage. Identification and use Product Vortex Diamondback® HD 10×42 Binocular Vortex model DB-215 Jacobs Digital SKU VODB215 Recommended uses Hunting and wildlife observation Optical system Magnification 10× Objective lens diameter 42 mm Optical design HD optical system with select glass elements 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 4.2 mm Viewing performance Linear field of view 330 ft at 1,000 yd / approximately 110 m at 1,000 m Angular field of view 6.3° Close focus 5.0 ft / approximately 1.5 m Eye relief 15.0 mm Interpupillary distance 55–73 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 5.7 in / approximately 145 mm Width 5.1 in / approximately 130 mm Weight 21.3 oz / approximately 604 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-215 parts diagram and current VIP® Warranty information directly from Vortex. PDF Diamondback HD product manualSpecifications, setup, GlassPak fitting, care and warranty guidance → PDF DB-215 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.
More you might like
Related
VORTEX DIAMONDBACK® HD 10X42
Related
Vortex Diamondback HD 10x42
Related
Vortex Diamondback HD 10x42
Related