Vortex Diamondback HD 8x42 Binoculars
Made for wildlife, nature walks and everyday outdoor viewing, the Diamondback HD 8×42 pairs steady 8× magnification with a wide field of view and versatile 42 mm objectives. Its li ght open-hinge body, secure rubber armour and included GlassPak™ harness keep it ready for everything from a local reserve to a full day in the field. @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-db214-v1, #jd-vortex-db214-v1 div, #jd-vortex-db214-v1 section, #jd-vortex-db214-v1 article, #jd-vortex-db214-v1 figure, #jd-vortex-db214-v1 figcaption, #jd-vortex-db214-v1 span, #jd-vortex-db214-v1 h2, #jd-vortex-db214-v1 h3, #jd-vortex-db214-v1 h4, #jd-vortex-db214-v1 p, #jd-vortex-db214-v1 ul, #jd-vortex-db214-v1 ol, #jd-vortex-db214-v1 li, #jd-vortex-db214-v1 table, #jd-vortex-db214-v1 thead, #jd-vortex-db214-v1 tbody, #jd-vortex-db214-v1 tr, #jd-vortex-db214-v1 th, #jd-vortex-db214-v1 td, #jd-vortex-db214-v1 img, #jd-vortex-db214-v1 iframe, #jd-vortex-db214-v1 svg, #jd-vortex-db214-v1 a, #jd-vortex-db214-v1 label, #jd-vortex-db214-v1 input { box-sizing: border-box; } #jd-vortex-db214-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-db214-v1 h2, #jd-vortex-db214-v1 h3, #jd-vortex-db214-v1 h4, #jd-vortex-db214-v1 p, #jd-vortex-db214-v1 ul, #jd-vortex-db214-v1 ol, #jd-vortex-db214-v1 figure { margin-top: 0; } #jd-vortex-db214-v1 h2, #jd-vortex-db214-v1 h3, #jd-vortex-db214-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-db214-v1 h2 { font-size: clamp(36px, 5.8vw, 78px); letter-spacing: -0.035em; } #jd-vortex-db214-v1 h3 { font-size: clamp(27px, 3.8vw, 50px); letter-spacing: -0.02em; } #jd-vortex-db214-v1 h4 { margin-bottom: 9px; font-size: clamp(18px, 2.1vw, 26px); letter-spacing: -0.01em; } #jd-vortex-db214-v1 p { margin-bottom: 18px; } #jd-vortex-db214-v1 img, #jd-vortex-db214-v1 iframe, #jd-vortex-db214-v1 svg { display: block; max-width: 100%; } #jd-vortex-db214-v1 img { width: 100%; height: auto; border: 0; } #jd-vortex-db214-v1 a { color: inherit; } #jd-vortex-db214-v1 .db-shell { width: 100%; max-width: 1360px; margin: 0 auto; } #jd-vortex-db214-v1 .db-pad { padding: clamp(58px, 8vw, 118px) clamp(18px, 5vw, 78px); } #jd-vortex-db214-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-db214-v1 .db-kicker:before { width: 36px; height: 4px; background: var(--db-lime); content: ""; flex: 0 0 36px; } #jd-vortex-db214-v1 .db-lead { max-width: 900px; margin-bottom: 0; font-size: clamp(18px, 2.05vw, 25px); line-height: 1.55; } #jd-vortex-db214-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-db214-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-db214-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-db214-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-db214-v1 .db-hero .db-kicker { color: #d9e5e1; } #jd-vortex-db214-v1 .db-hero-title { max-width: 650px; margin-bottom: 22px; color: var(--db-white); font-size: clamp(49px, 7.2vw, 104px); } #jd-vortex-db214-v1 .db-hero-title span { display: block; color: var(--db-lime); font-size: 0.55em; font-weight: 400; letter-spacing: 0.035em; } #jd-vortex-db214-v1 .db-hero-copy > p { max-width: 620px; margin-bottom: 28px; color: #d8dad6; font-size: clamp(17px, 1.8vw, 22px); } #jd-vortex-db214-v1 .db-hero-tags { display: flex; flex-wrap: wrap; gap: 8px; } #jd-vortex-db214-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-db214-v1 .db-hero-media { position: relative; min-width: 0; overflow: hidden; background: #f5f4f1; } #jd-vortex-db214-v1 .db-hero-media img { width: 100%; height: 100%; min-height: 660px; object-fit: cover; object-position: 50% 50%; } #jd-vortex-db214-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-db214-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-db214-v1 .db-metric { min-width: 0; padding: clamp(24px, 3.5vw, 43px) clamp(15px, 3vw, 34px); border-right: 1px solid #454642; } #jd-vortex-db214-v1 .db-metric:last-child { border-right: 0; } #jd-vortex-db214-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-db214-v1 .db-metric span { display: block; color: #d3d5d1; font-size: clamp(12px, 1.25vw, 15px); line-height: 1.35; } #jd-vortex-db214-v1 .db-video-section { background: var(--db-black); color: var(--db-white); } #jd-vortex-db214-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-db214-v1 .db-video-head p { margin-bottom: 0; color: #cfd2ce; font-size: clamp(17px, 1.8vw, 21px); } #jd-vortex-db214-v1 .db-video-wrap { position: relative; width: 100%; padding-top: 56.25%; overflow: hidden; border: 1px solid #454642; background: #000000; } #jd-vortex-db214-v1 .db-video-wrap iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; } #jd-vortex-db214-v1 .db-gallery-section { background: var(--db-mist); } #jd-vortex-db214-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-db214-v1 .db-gallery-head p { margin-bottom: 0; font-size: clamp(17px, 1.75vw, 21px); } #jd-vortex-db214-v1 .db-gallery { position: relative; width: 100%; } #jd-vortex-db214-v1 .db-gallery > input { position: absolute; width: 1px; height: 1px; overflow: hidden; opacity: 0; pointer-events: none; } #jd-vortex-db214-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-db214-v1 .db-gallery-slide { position: absolute; inset: 0; opacity: 0; transition: opacity 0.3s ease; pointer-events: none; } #jd-vortex-db214-v1 .db-gallery-slide img { width: 100%; height: 100%; object-fit: contain; object-position: center; } #jd-vortex-db214-v1 .db-gallery-slide.db-gallery-field img { object-fit: cover; } #jd-vortex-db214-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-db214-v1 #db-shot-1:checked ~ .db-gallery-stage .db-gallery-slide:nth-child(1), #jd-vortex-db214-v1 #db-shot-2:checked ~ .db-gallery-stage .db-gallery-slide:nth-child(2), #jd-vortex-db214-v1 #db-shot-3:checked ~ .db-gallery-stage .db-gallery-slide:nth-child(3), #jd-vortex-db214-v1 #db-shot-4:checked ~ .db-gallery-stage .db-gallery-slide:nth-child(4), #jd-vortex-db214-v1 #db-shot-5:checked ~ .db-gallery-stage .db-gallery-slide:nth-child(5), #jd-vortex-db214-v1 #db-shot-6:checked ~ .db-gallery-stage .db-gallery-slide:nth-child(6) { z-index: 2; opacity: 1; pointer-events: auto; } #jd-vortex-db214-v1 .db-gallery-thumbs { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 5px; margin-top: 5px; } #jd-vortex-db214-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-db214-v1 .db-gallery-thumbs label:after { position: absolute; right: 0; bottom: 0; left: 0; height: 4px; background: transparent; content: ""; } #jd-vortex-db214-v1 .db-gallery-thumbs img { width: 100%; height: 100%; object-fit: cover; } #jd-vortex-db214-v1 #db-shot-1:checked ~ .db-gallery-thumbs label[for="db-shot-1"], #jd-vortex-db214-v1 #db-shot-2:checked ~ .db-gallery-thumbs label[for="db-shot-2"], #jd-vortex-db214-v1 #db-shot-3:checked ~ .db-gallery-thumbs label[for="db-shot-3"], #jd-vortex-db214-v1 #db-shot-4:checked ~ .db-gallery-thumbs label[for="db-shot-4"], #jd-vortex-db214-v1 #db-shot-5:checked ~ .db-gallery-thumbs label[for="db-shot-5"], #jd-vortex-db214-v1 #db-shot-6:checked ~ .db-gallery-thumbs label[for="db-shot-6"] { border-color: var(--db-ink); } #jd-vortex-db214-v1 #db-shot-1:checked ~ .db-gallery-thumbs label[for="db-shot-1"]:after, #jd-vortex-db214-v1 #db-shot-2:checked ~ .db-gallery-thumbs label[for="db-shot-2"]:after, #jd-vortex-db214-v1 #db-shot-3:checked ~ .db-gallery-thumbs label[for="db-shot-3"]:after, #jd-vortex-db214-v1 #db-shot-4:checked ~ .db-gallery-thumbs label[for="db-shot-4"]:after, #jd-vortex-db214-v1 #db-shot-5:checked ~ .db-gallery-thumbs label[for="db-shot-5"]:after, #jd-vortex-db214-v1 #db-shot-6:checked ~ .db-gallery-thumbs label[for="db-shot-6"]:after { background: var(--db-lime); } #jd-vortex-db214-v1 .db-optics { background: var(--db-white); } #jd-vortex-db214-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-db214-v1 .db-optics-copy { min-width: 0; } #jd-vortex-db214-v1 .db-optics-copy > p { font-size: clamp(17px, 1.7vw, 21px); } #jd-vortex-db214-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-db214-v1 .db-optic-item { min-width: 0; padding: clamp(20px, 3vw, 31px); border-right: 1px solid #cbc9c4; border-bottom: 1px solid #cbc9c4; } #jd-vortex-db214-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-db214-v1 .db-optic-item span { display: block; color: #555653; font-size: 14px; line-height: 1.5; } #jd-vortex-db214-v1 .db-optic-diagram { position: relative; min-width: 0; padding: clamp(28px, 5vw, 62px); overflow: hidden; background: var(--db-charcoal); color: #ffffff; } #jd-vortex-db214-v1 .db-optic-diagram:before, #jd-vortex-db214-v1 .db-optic-diagram:after { position: absolute; width: 160px; height: 7px; background: var(--db-lime); content: ""; transform: rotate(-45deg); } #jd-vortex-db214-v1 .db-optic-diagram:before { top: 32px; right: -57px; } #jd-vortex-db214-v1 .db-optic-diagram:after { bottom: 29px; left: -58px; } #jd-vortex-db214-v1 .db-optic-diagram svg { position: relative; z-index: 1; width: 100%; height: auto; } #jd-vortex-db214-v1 .db-optic-diagram figcaption { position: relative; z-index: 1; margin-top: 24px; color: #d5d7d3; font-size: 14px; line-height: 1.55; } #jd-vortex-db214-v1 .db-fov { background: var(--db-green-deep); color: #ffffff; } #jd-vortex-db214-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-db214-v1 .db-fov .db-kicker { color: #d2e0dc; } #jd-vortex-db214-v1 .db-fov-head p { margin-bottom: 0; color: #d4dfdc; font-size: clamp(17px, 1.8vw, 22px); } #jd-vortex-db214-v1 .db-fov-visual { border: 1px solid rgba(255,255,255,0.25); background: #002e28; } #jd-vortex-db214-v1 .db-fov-visual svg { width: 100%; height: auto; } #jd-vortex-db214-v1 .db-control-section { background: var(--db-mist); } #jd-vortex-db214-v1 .db-control-head { max-width: 920px; margin-bottom: clamp(32px, 5vw, 56px); } #jd-vortex-db214-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-db214-v1 .db-control-image { position: relative; min-width: 0; min-height: 620px; overflow: hidden; border-right: 1px solid #cbc9c4; background: #ffffff; } #jd-vortex-db214-v1 .db-control-image > img { width: 100%; height: 100%; min-height: 620px; object-fit: contain; object-position: center; } #jd-vortex-db214-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-db214-v1 .db-pin-1 { top: 13%; left: 24%; } #jd-vortex-db214-v1 .db-pin-2 { top: 21%; left: 48%; } #jd-vortex-db214-v1 .db-pin-3 { top: 17%; right: 23%; } #jd-vortex-db214-v1 .db-pin-4 { top: 39%; left: 48%; } #jd-vortex-db214-v1 .db-pin-5 { top: 33%; right: 17%; } #jd-vortex-db214-v1 .db-pin-6 { right: 20%; bottom: 11%; } #jd-vortex-db214-v1 .db-pin-7 { bottom: 30%; left: 48%; } #jd-vortex-db214-v1 .db-control-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-content: stretch; min-width: 0; } #jd-vortex-db214-v1 .db-control-item { min-width: 0; padding: clamp(20px, 3vw, 31px); border-right: 1px solid #dedcd7; border-bottom: 1px solid #dedcd7; } #jd-vortex-db214-v1 .db-control-item:nth-child(2n) { border-right: 0; } #jd-vortex-db214-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-db214-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-db214-v1 .db-control-item p { margin-bottom: 0; color: #5a5b58; font-size: 14px; line-height: 1.52; } #jd-vortex-db214-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-db214-v1 .db-field-media { position: relative; min-width: 0; min-height: 620px; overflow: hidden; } #jd-vortex-db214-v1 .db-field-media img { width: 100%; height: 100%; min-height: 620px; object-fit: cover; object-position: center; } #jd-vortex-db214-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-db214-v1 .db-field-copy .db-kicker { color: #d5dedb; } #jd-vortex-db214-v1 .db-field-copy > p { color: #d1d3d0; font-size: clamp(17px, 1.8vw, 21px); } #jd-vortex-db214-v1 .db-field-points { display: grid; gap: 0; margin-top: 22px; border-top: 1px solid #454642; } #jd-vortex-db214-v1 .db-field-point { padding: 19px 0; border-bottom: 1px solid #454642; } #jd-vortex-db214-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-db214-v1 .db-field-point span { display: block; color: #d2d4d1; font-size: 14px; } #jd-vortex-db214-v1 .db-protection { background: var(--db-green); color: #ffffff; } #jd-vortex-db214-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-db214-v1 .db-protection .db-kicker { color: #ecf3f1; } #jd-vortex-db214-v1 .db-protection-head p { margin-bottom: 0; color: #e3ece9; font-size: clamp(17px, 1.8vw, 21px); } #jd-vortex-db214-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-db214-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-db214-v1 .db-protection-icon { width: 50px; height: 50px; margin-bottom: 24px; color: var(--db-lime); } #jd-vortex-db214-v1 .db-protection-item h4 { color: #ffffff; } #jd-vortex-db214-v1 .db-protection-item p { margin-bottom: 0; color: #e2ebe8; font-size: 14px; line-height: 1.55; } #jd-vortex-db214-v1 .db-setup { background: var(--db-white); } #jd-vortex-db214-v1 .db-setup-head { max-width: 940px; margin-bottom: clamp(36px, 5vw, 64px); } #jd-vortex-db214-v1 .db-setup-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); counter-reset: setup; } #jd-vortex-db214-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-db214-v1 .db-setup-step:first-child { border-left: 1px solid #cac8c3; } #jd-vortex-db214-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-db214-v1 .db-setup-step p { margin-bottom: 0; color: #575855; font-size: 15px; } #jd-vortex-db214-v1 .db-harness { background: var(--db-mist); } #jd-vortex-db214-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-db214-v1 .db-harness-media { min-width: 0; overflow: hidden; border-left: 8px solid var(--db-lime); background: #d9d8d3; } #jd-vortex-db214-v1 .db-harness-media img { width: 100%; min-height: 590px; object-fit: cover; object-position: center; } #jd-vortex-db214-v1 .db-harness-copy { min-width: 0; } #jd-vortex-db214-v1 .db-harness-copy > p { font-size: clamp(17px, 1.7vw, 21px); } #jd-vortex-db214-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-db214-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-db214-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-db214-v1 .db-accessories { background: var(--db-white); } #jd-vortex-db214-v1 .db-accessory-head { max-width: 900px; margin-bottom: clamp(34px, 5vw, 60px); } #jd-vortex-db214-v1 .db-accessory-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(16px, 2vw, 26px); } #jd-vortex-db214-v1 .db-accessory-card { display: flex; flex-direction: column; min-width: 0; border: 1px solid #c9c7c2; background: #ffffff; } #jd-vortex-db214-v1 .db-accessory-image { display: block; min-width: 0; aspect-ratio: 4 / 3; overflow: hidden; border-bottom: 1px solid #c9c7c2; background: #f7f7f5; } #jd-vortex-db214-v1 .db-accessory-image img { width: 100%; height: 100%; object-fit: contain; transition: transform 0.25s ease; } #jd-vortex-db214-v1 .db-accessory-card:hover .db-accessory-image img { transform: scale(1.035); } #jd-vortex-db214-v1 .db-accessory-copy { display: flex; flex: 1 1 auto; flex-direction: column; padding: clamp(22px, 3vw, 32px); } #jd-vortex-db214-v1 .db-accessory-title { text-decoration: none; } #jd-vortex-db214-v1 .db-accessory-copy p { margin-bottom: 20px; color: #595a57; font-size: 14px; } #jd-vortex-db214-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-db214-v1 .db-accessory-link:after { font-size: 18px; content: "\2192"; } #jd-vortex-db214-v1 .db-care { background: var(--db-charcoal); color: #ffffff; } #jd-vortex-db214-v1 .db-care-head { max-width: 900px; margin-bottom: clamp(34px, 5vw, 60px); } #jd-vortex-db214-v1 .db-care .db-kicker { color: #d7ddda; } #jd-vortex-db214-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-db214-v1 .db-care-item { min-width: 0; padding: clamp(25px, 4vw, 43px); border-right: 1px solid #4b4c48; border-bottom: 1px solid #4b4c48; } #jd-vortex-db214-v1 .db-care-item h4 { color: var(--db-lime); } #jd-vortex-db214-v1 .db-care-item p, #jd-vortex-db214-v1 .db-care-item li { color: #d4d6d2; font-size: 14px; } #jd-vortex-db214-v1 .db-care-item p:last-child { margin-bottom: 0; } #jd-vortex-db214-v1 .db-care-item ul { margin-bottom: 0; padding-left: 19px; } #jd-vortex-db214-v1 .db-care-item li { margin-bottom: 7px; } #jd-vortex-db214-v1 .db-specs { background: var(--db-mist); } #jd-vortex-db214-v1 .db-spec-head { max-width: 920px; margin-bottom: clamp(34px, 5vw, 60px); } #jd-vortex-db214-v1 .db-table-wrap { width: 100%; border: 1px solid #c7c5c0; background: #ffffff; } #jd-vortex-db214-v1 .db-spec-table { width: 100%; margin: 0; border: 0; border-collapse: collapse; table-layout: fixed; } #jd-vortex-db214-v1 .db-spec-table th, #jd-vortex-db214-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-db214-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-db214-v1 .db-spec-table td { color: #51524f; font-size: 14px; } #jd-vortex-db214-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-db214-v1 .db-spec-table tr:last-child th, #jd-vortex-db214-v1 .db-spec-table tr:last-child td { border-bottom: 0; } #jd-vortex-db214-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-db214-v1 .db-warranty-logo { max-width: 370px; margin: 0 auto; } #jd-vortex-db214-v1 .db-warranty-copy .db-kicker { color: #d4dcda; } #jd-vortex-db214-v1 .db-warranty-copy p { max-width: 800px; color: #d5d7d3; font-size: clamp(16px, 1.7vw, 20px); } #jd-vortex-db214-v1 .db-warranty-note { padding-top: 18px; border-top: 1px solid #464743; color: #aeb1ad !important; font-size: 13px !important; } #jd-vortex-db214-v1 .db-docs { background: var(--db-white); } #jd-vortex-db214-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-db214-v1 .db-doc-list { display: grid; border-top: 1px solid #c5c3be; } #jd-vortex-db214-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-db214-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-db214-v1 .db-doc-copy strong, #jd-vortex-db214-v1 .db-doc-copy span { display: block; } #jd-vortex-db214-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-db214-v1 .db-doc-copy span { color: #60615e; font-size: 13px; } #jd-vortex-db214-v1 .db-doc-arrow { color: var(--db-green); font-size: 25px; } #jd-vortex-db214-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-db214-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-db214-v1 .db-hero, #jd-vortex-db214-v1 .db-optics-grid, #jd-vortex-db214-v1 .db-control-board, #jd-vortex-db214-v1 .db-field-split, #jd-vortex-db214-v1 .db-harness-grid, #jd-vortex-db214-v1 .db-warranty, #jd-vortex-db214-v1 .db-docs-grid { grid-template-columns: 1fr; } #jd-vortex-db214-v1 .db-hero { min-height: 0; } #jd-vortex-db214-v1 .db-hero:after { display: none; } #jd-vortex-db214-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-db214-v1 .db-hero-copy:before { top: auto; right: 0; bottom: -55px; left: 0; width: auto; height: 110px; transform: skewY(-2deg); } #jd-vortex-db214-v1 .db-hero-media img { min-height: 510px; } #jd-vortex-db214-v1 .db-video-head, #jd-vortex-db214-v1 .db-gallery-head, #jd-vortex-db214-v1 .db-fov-head, #jd-vortex-db214-v1 .db-protection-head { grid-template-columns: 1fr; } #jd-vortex-db214-v1 .db-control-image { min-height: 560px; border-right: 0; border-bottom: 1px solid #cbc9c4; } #jd-vortex-db214-v1 .db-control-image > img { min-height: 560px; } #jd-vortex-db214-v1 .db-field-media, #jd-vortex-db214-v1 .db-field-media img { min-height: 520px; } #jd-vortex-db214-v1 .db-protection-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } #jd-vortex-db214-v1 .db-accessory-grid { grid-template-columns: 1fr; } #jd-vortex-db214-v1 .db-accessory-card { display: grid; grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr); } #jd-vortex-db214-v1 .db-accessory-image { height: 100%; min-height: 330px; border-right: 1px solid #c9c7c2; border-bottom: 0; } #jd-vortex-db214-v1 .db-warranty-logo { max-width: 310px; } } @media (max-width: 720px) { #jd-vortex-db214-v1 .db-metric-rail { grid-template-columns: repeat(2, minmax(0, 1fr)); } #jd-vortex-db214-v1 .db-metric:nth-child(2) { border-right: 0; } #jd-vortex-db214-v1 .db-metric:nth-child(-n+2) { border-bottom: 1px solid #454642; } #jd-vortex-db214-v1 .db-gallery-stage { aspect-ratio: 4 / 3; min-height: 280px; } #jd-vortex-db214-v1 .db-optic-list, #jd-vortex-db214-v1 .db-control-list, #jd-vortex-db214-v1 .db-setup-grid, #jd-vortex-db214-v1 .db-care-grid { grid-template-columns: 1fr; } #jd-vortex-db214-v1 .db-control-item { border-right: 0; } #jd-vortex-db214-v1 .db-setup-step, #jd-vortex-db214-v1 .db-setup-step:first-child { border-top: 0; border-right: 1px solid #cac8c3; border-left: 1px solid #cac8c3; } #jd-vortex-db214-v1 .db-setup-step:first-child { border-top: 1px solid #cac8c3; } #jd-vortex-db214-v1 .db-harness-media img { min-height: 460px; } #jd-vortex-db214-v1 .db-accessory-card { display: flex; } #jd-vortex-db214-v1 .db-accessory-image { min-height: 0; border-right: 0; border-bottom: 1px solid #c9c7c2; } } @media (max-width: 520px) { #jd-vortex-db214-v1 .db-hero-media img { min-height: 390px; } #jd-vortex-db214-v1 .db-gallery-stage { min-height: 255px; } #jd-vortex-db214-v1 .db-gallery-thumbs { gap: 3px; margin-top: 3px; } #jd-vortex-db214-v1 .db-control-image, #jd-vortex-db214-v1 .db-control-image > img { min-height: 410px; } #jd-vortex-db214-v1 .db-protection-grid, #jd-vortex-db214-v1 .db-box-list { grid-template-columns: 1fr; } #jd-vortex-db214-v1 .db-field-media, #jd-vortex-db214-v1 .db-field-media img, #jd-vortex-db214-v1 .db-harness-media img { min-height: 400px; } #jd-vortex-db214-v1 .db-spec-table th, #jd-vortex-db214-v1 .db-spec-table td { padding: 13px 11px; font-size: 13px; } #jd-vortex-db214-v1 .db-doc-link { grid-template-columns: 48px minmax(0, 1fr) auto; gap: 12px; } #jd-vortex-db214-v1 .db-doc-mark { width: 48px; height: 48px; } } @media (prefers-reduced-motion: reduce) { #jd-vortex-db214-v1 .db-gallery-slide, #jd-vortex-db214-v1 .db-accessory-image img { transition: none; } } /* Refined responsive scaling */ #jd-vortex-db214-v1 { -webkit-text-size-adjust: 100%; font-size: clamp(15px, calc(14.35px + 0.22vw), 17px); line-height: 1.58; } #jd-vortex-db214-v1 *, #jd-vortex-db214-v1 *:before, #jd-vortex-db214-v1 *:after { max-width: 100%; } #jd-vortex-db214-v1 h2, #jd-vortex-db214-v1 h3, #jd-vortex-db214-v1 h4 { overflow-wrap: normal; text-wrap: balance; } #jd-vortex-db214-v1 p, #jd-vortex-db214-v1 li, #jd-vortex-db214-v1 td, #jd-vortex-db214-v1 th, #jd-vortex-db214-v1 span { overflow-wrap: break-word; } #jd-vortex-db214-v1 h2 { font-size: clamp(34px, 4.6vw, 68px); } #jd-vortex-db214-v1 h3 { font-size: clamp(28px, 3.15vw, 45px); line-height: 1.06; } #jd-vortex-db214-v1 h4 { font-size: clamp(18px, 1.55vw, 24px); } #jd-vortex-db214-v1 .db-pad { padding: clamp(50px, 6.4vw, 92px) clamp(18px, 4.5vw, 66px); } #jd-vortex-db214-v1 .db-lead { font-size: clamp(17px, 1.45vw, 22px); line-height: 1.5; } #jd-vortex-db214-v1 .db-hero { grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr); min-height: clamp(560px, 46vw, 690px); } #jd-vortex-db214-v1 .db-hero:after { left: calc(45% - 3px); } #jd-vortex-db214-v1 .db-hero-copy { padding: clamp(52px, 6.5vw, 92px) clamp(22px, 4.8vw, 68px); } #jd-vortex-db214-v1 .db-hero-title { max-width: 700px; margin-bottom: 20px; font-size: clamp(46px, 5.7vw, 82px); line-height: 0.96; } #jd-vortex-db214-v1 .db-hero-title span { margin-top: 11px; font-size: 0.47em; line-height: 1.04; } #jd-vortex-db214-v1 .db-hero-copy > p { max-width: 650px; font-size: clamp(17px, 1.45vw, 21px); line-height: 1.55; } #jd-vortex-db214-v1 .db-hero-media img { min-height: 0; } #jd-vortex-db214-v1 .db-metric { padding: clamp(23px, 2.7vw, 36px) clamp(14px, 2.2vw, 28px); } #jd-vortex-db214-v1 .db-metric strong { font-size: clamp(30px, 3.1vw, 46px); } #jd-vortex-db214-v1 .db-video-head, #jd-vortex-db214-v1 .db-gallery-head, #jd-vortex-db214-v1 .db-fov-head, #jd-vortex-db214-v1 .db-protection-head { gap: clamp(24px, 4vw, 62px); } #jd-vortex-db214-v1 .db-video-wrap { aspect-ratio: 16 / 9; padding-top: 0; } #jd-vortex-db214-v1 .db-gallery-stage { min-height: 0; } #jd-vortex-db214-v1 .db-optics-grid, #jd-vortex-db214-v1 .db-harness-grid { gap: clamp(34px, 5vw, 78px); } #jd-vortex-db214-v1 .db-optic-item, #jd-vortex-db214-v1 .db-control-item, #jd-vortex-db214-v1 .db-protection-item, #jd-vortex-db214-v1 .db-care-item { padding: clamp(20px, 2.4vw, 31px); } #jd-vortex-db214-v1 .db-control-board { grid-template-columns: minmax(0, 1.02fr) minmax(0, 0.98fr); align-items: stretch; } #jd-vortex-db214-v1 .db-control-image { display: flex; align-items: center; justify-content: center; min-height: 0; padding: clamp(18px, 2.4vw, 32px); } #jd-vortex-db214-v1 .db-control-image-inner { position: relative; width: 100%; aspect-ratio: 1920 / 1123; } #jd-vortex-db214-v1 .db-control-image-inner > img { width: 100%; height: 100%; min-height: 0; object-fit: contain; object-position: center; } #jd-vortex-db214-v1 .db-field-split { min-height: 0; } #jd-vortex-db214-v1 .db-field-media, #jd-vortex-db214-v1 .db-field-media img { min-height: 0; } #jd-vortex-db214-v1 .db-field-media img { aspect-ratio: 4 / 5; } #jd-vortex-db214-v1 .db-field-copy { padding: clamp(52px, 6.4vw, 90px) clamp(22px, 5vw, 72px); } #jd-vortex-db214-v1 .db-protection-icon { width: clamp(40px, 4vw, 50px); height: clamp(40px, 4vw, 50px); margin-bottom: 20px; } #jd-vortex-db214-v1 .db-setup-step { padding: clamp(26px, 3.1vw, 42px); } #jd-vortex-db214-v1 .db-harness-media img { min-height: 0; aspect-ratio: 4 / 5; } #jd-vortex-db214-v1 .db-accessory-grid { gap: clamp(14px, 1.6vw, 22px); } #jd-vortex-db214-v1 .db-accessory-copy { padding: clamp(20px, 2.3vw, 29px); } #jd-vortex-db214-v1 .db-warranty { gap: clamp(30px, 4.6vw, 72px); } #jd-vortex-db214-v1 .db-docs-grid { gap: clamp(32px, 5vw, 76px); } @media (max-width: 1100px) { #jd-vortex-db214-v1 .db-hero-title { font-size: clamp(44px, 6.2vw, 70px); } #jd-vortex-db214-v1 .db-control-list { grid-template-columns: 1fr; } #jd-vortex-db214-v1 .db-control-item, #jd-vortex-db214-v1 .db-control-item:nth-child(2n) { border-right: 0; } } @media (max-width: 980px) { #jd-vortex-db214-v1 .db-hero { min-height: 0; } #jd-vortex-db214-v1 .db-hero-copy:before { display: none; } #jd-vortex-db214-v1 .db-hero-copy:after { right: 0; bottom: 0; left: 0; height: 5px; transform: none; } #jd-vortex-db214-v1 .db-hero-media img { height: auto; min-height: 0; object-fit: contain; } #jd-vortex-db214-v1 .db-control-board { grid-template-columns: minmax(0, 1fr); } #jd-vortex-db214-v1 .db-control-image { min-height: 0; padding: clamp(14px, 3vw, 28px); border-right: 0; border-bottom: 1px solid #cbc9c4; } #jd-vortex-db214-v1 .db-control-image > img { min-height: 0; } #jd-vortex-db214-v1 .db-control-list { grid-template-columns: repeat(2, minmax(0, 1fr)); } #jd-vortex-db214-v1 .db-control-item { border-right: 1px solid #dedcd7; } #jd-vortex-db214-v1 .db-control-item:nth-child(2n) { border-right: 0; } #jd-vortex-db214-v1 .db-field-media, #jd-vortex-db214-v1 .db-field-media img { min-height: 0; } #jd-vortex-db214-v1 .db-field-media img { aspect-ratio: 16 / 10; } #jd-vortex-db214-v1 .db-harness-media img { min-height: 0; aspect-ratio: 16 / 10; } } @media (max-width: 720px) { #jd-vortex-db214-v1 { font-size: 15px; } #jd-vortex-db214-v1 h2 { font-size: clamp(31px, 10vw, 48px); } #jd-vortex-db214-v1 h3 { font-size: clamp(27px, 8.7vw, 40px); } #jd-vortex-db214-v1 h4 { font-size: clamp(18px, 5.3vw, 22px); } #jd-vortex-db214-v1 .db-pad { padding: clamp(42px, 10vw, 62px) clamp(15px, 4.5vw, 24px); } #jd-vortex-db214-v1 .db-kicker { gap: 9px; margin-bottom: 13px; font-size: 11px; letter-spacing: 0.16em; } #jd-vortex-db214-v1 .db-kicker:before { width: 26px; height: 3px; flex-basis: 26px; } #jd-vortex-db214-v1 .db-hero-copy { padding: clamp(46px, 11vw, 66px) clamp(17px, 5vw, 28px); } #jd-vortex-db214-v1 .db-hero-title { font-size: clamp(42px, 12.2vw, 62px); } #jd-vortex-db214-v1 .db-hero-title span { margin-top: 9px; font-size: 0.43em; line-height: 1.08; } #jd-vortex-db214-v1 .db-hero-copy > p, #jd-vortex-db214-v1 .db-video-head p, #jd-vortex-db214-v1 .db-gallery-head p, #jd-vortex-db214-v1 .db-optics-copy > p, #jd-vortex-db214-v1 .db-fov-head p, #jd-vortex-db214-v1 .db-field-copy > p, #jd-vortex-db214-v1 .db-protection-head p, #jd-vortex-db214-v1 .db-harness-copy > p, #jd-vortex-db214-v1 .db-warranty-copy p, #jd-vortex-db214-v1 .db-lead { font-size: 16px; line-height: 1.55; } #jd-vortex-db214-v1 .db-metric { padding: 20px 14px; } #jd-vortex-db214-v1 .db-metric strong { font-size: clamp(28px, 9vw, 39px); } #jd-vortex-db214-v1 .db-gallery-thumbs { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 4px; margin-top: 4px; } #jd-vortex-db214-v1 .db-gallery-thumbs label { aspect-ratio: 16 / 10; } #jd-vortex-db214-v1 .db-optic-list, #jd-vortex-db214-v1 .db-control-list, #jd-vortex-db214-v1 .db-box-list { grid-template-columns: repeat(2, minmax(0, 1fr)); } #jd-vortex-db214-v1 .db-optic-item, #jd-vortex-db214-v1 .db-control-item { padding: 18px 15px; } #jd-vortex-db214-v1 .db-control-item { border-right: 1px solid #dedcd7; } #jd-vortex-db214-v1 .db-control-item:nth-child(2n) { border-right: 0; } #jd-vortex-db214-v1 .db-control-item p, #jd-vortex-db214-v1 .db-optic-item span, #jd-vortex-db214-v1 .db-protection-item p, #jd-vortex-db214-v1 .db-care-item p, #jd-vortex-db214-v1 .db-care-item li { font-size: 13px; } #jd-vortex-db214-v1 .db-control-number { width: 25px; height: 25px; flex-basis: 25px; font-size: 13px; } #jd-vortex-db214-v1 .db-field-copy { padding: clamp(42px, 10vw, 62px) clamp(17px, 5vw, 28px); } #jd-vortex-db214-v1 .db-protection-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } #jd-vortex-db214-v1 .db-protection-item { padding: 20px 16px; } #jd-vortex-db214-v1 .db-setup-grid, #jd-vortex-db214-v1 .db-care-grid { grid-template-columns: 1fr; } #jd-vortex-db214-v1 .db-harness-media { border-left-width: 5px; } #jd-vortex-db214-v1 .db-box-list li { padding: 15px 12px 15px 34px; font-size: 13px; } #jd-vortex-db214-v1 .db-box-list li:before { top: 18px; left: 13px; } #jd-vortex-db214-v1 .db-accessory-copy { padding: 20px 18px 22px; } #jd-vortex-db214-v1 .db-spec-table th { width: 40%; } #jd-vortex-db214-v1 .db-doc-link { padding: 17px 0; } #jd-vortex-db214-v1 .db-safety { padding: 20px 17px; } } @media (max-width: 460px) { #jd-vortex-db214-v1 .db-metric span { font-size: 12px; } #jd-vortex-db214-v1 .db-optic-list, #jd-vortex-db214-v1 .db-control-list, #jd-vortex-db214-v1 .db-protection-grid, #jd-vortex-db214-v1 .db-box-list { grid-template-columns: 1fr; } #jd-vortex-db214-v1 .db-control-item { border-right: 0; } #jd-vortex-db214-v1 .db-protection-item { padding: 22px 18px; } #jd-vortex-db214-v1 .db-field-media img, #jd-vortex-db214-v1 .db-harness-media img { aspect-ratio: 4 / 3; } #jd-vortex-db214-v1 .db-spec-table th, #jd-vortex-db214-v1 .db-spec-table td { padding: 12px 9px; font-size: 12.5px; } #jd-vortex-db214-v1 .db-spec-table th { width: 42%; } #jd-vortex-db214-v1 .db-doc-link { grid-template-columns: 44px minmax(0, 1fr) auto; gap: 10px; } #jd-vortex-db214-v1 .db-doc-mark { width: 44px; height: 44px; font-size: 11px; } #jd-vortex-db214-v1 .db-doc-copy strong { font-size: 17px; } #jd-vortex-db214-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-db214-v1 .db-hero { grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr); min-height: 0; } #jd-vortex-db214-v1 .db-hero:after { display: block; top: 0; bottom: 0; left: 46%; width: 3px; background: var(--db-lime); transform: skewX(-3deg); } #jd-vortex-db214-v1 .db-hero-copy { padding: clamp(28px, 4.2vw, 62px) clamp(14px, 3.5vw, 50px); } #jd-vortex-db214-v1 .db-hero-copy:before, #jd-vortex-db214-v1 .db-hero-copy:after { display: none; } #jd-vortex-db214-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-db214-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-db214-v1 .db-hero-title span { margin-top: clamp(5px, 0.7vw, 9px); font-size: 0.48em; line-height: 1.08; } #jd-vortex-db214-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-db214-v1 .db-hero-tags { gap: clamp(4px, 0.6vw, 7px); } #jd-vortex-db214-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-db214-v1 .db-hero-media { display: flex; align-items: center; justify-content: center; min-height: 0; } #jd-vortex-db214-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-db214-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-db214-v1 .db-video-section.db-pad { padding-top: clamp(28px, 4vw, 54px); padding-bottom: clamp(28px, 4vw, 54px); } #jd-vortex-db214-v1 .db-video-head { display: block; margin-bottom: clamp(18px, 2.8vw, 34px); } #jd-vortex-db214-v1 .db-video-head .db-kicker { margin-bottom: 7px; font-size: clamp(8.5px, 0.72vw, 10.5px); } #jd-vortex-db214-v1 .db-video-head h3 { max-width: 760px; margin-bottom: 10px; font-size: clamp(22px, 2.7vw, 38px); line-height: 1.06; } #jd-vortex-db214-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-db214-v1 .db-video-wrap iframe { pointer-events: none; } /* Gallery intro scaled down to match the tighter hierarchy */ #jd-vortex-db214-v1 .db-gallery-section.db-pad { padding-top: clamp(34px, 4.8vw, 66px); padding-bottom: clamp(34px, 4.8vw, 66px); } #jd-vortex-db214-v1 .db-gallery-head { gap: clamp(18px, 3vw, 42px); margin-bottom: clamp(20px, 3vw, 38px); } #jd-vortex-db214-v1 .db-gallery-head h3 { font-size: clamp(22px, 2.8vw, 39px); } #jd-vortex-db214-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-db214-v1 .db-optics.db-pad { padding-top: clamp(34px, 4.5vw, 64px); padding-bottom: clamp(34px, 4.5vw, 64px); } #jd-vortex-db214-v1 .db-optics-grid { gap: clamp(24px, 4vw, 58px); } #jd-vortex-db214-v1 .db-optics-copy .db-kicker { margin-bottom: 7px; font-size: clamp(8px, 0.7vw, 10px); } #jd-vortex-db214-v1 .db-optics-copy h3 { margin-bottom: 10px; font-size: clamp(21px, 2.45vw, 34px); } #jd-vortex-db214-v1 .db-optics-copy > p { margin-bottom: 0; font-size: clamp(11.5px, 1vw, 14.5px); line-height: 1.48; } #jd-vortex-db214-v1 .db-optic-list { grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: clamp(18px, 2.4vw, 28px); } #jd-vortex-db214-v1 .db-optic-item { padding: clamp(12px, 1.8vw, 24px); } #jd-vortex-db214-v1 .db-optic-item strong { margin-bottom: 5px; font-size: clamp(11px, 1.2vw, 17px); line-height: 1.18; } #jd-vortex-db214-v1 .db-optic-item span { font-size: clamp(9.5px, 0.9vw, 13px); line-height: 1.45; } #jd-vortex-db214-v1 .db-optic-diagram { padding: clamp(20px, 3.4vw, 44px); } #jd-vortex-db214-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-db214-v1 .db-fov.db-pad { padding-top: clamp(26px, 3.4vw, 48px); padding-bottom: clamp(26px, 3.4vw, 48px); } #jd-vortex-db214-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-db214-v1 .db-fov-head .db-kicker { margin-bottom: 7px; font-size: clamp(8px, 0.7vw, 10px); } #jd-vortex-db214-v1 .db-fov-head h3 { margin-bottom: 0; font-size: clamp(20px, 2.35vw, 33px); line-height: 1.08; } #jd-vortex-db214-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-db214-v1 .db-control-section.db-pad { padding-top: clamp(32px, 4.2vw, 60px); padding-bottom: clamp(32px, 4.2vw, 60px); } #jd-vortex-db214-v1 .db-control-head { max-width: 920px; margin-bottom: clamp(20px, 3vw, 36px); } #jd-vortex-db214-v1 .db-control-head .db-kicker { margin-bottom: 7px; font-size: clamp(8px, 0.7vw, 10px); } #jd-vortex-db214-v1 .db-control-head h3 { margin-bottom: 9px; font-size: clamp(21px, 2.45vw, 34px); } #jd-vortex-db214-v1 .db-control-head .db-lead { font-size: clamp(11.5px, 1vw, 14.5px); line-height: 1.48; } #jd-vortex-db214-v1 .db-control-board { display: block; } #jd-vortex-db214-v1 .db-control-image { min-height: 0; padding: clamp(8px, 1.5vw, 18px); border-right: 0; border-bottom: 1px solid #cbc9c4; } #jd-vortex-db214-v1 .db-control-image-inner { position: relative; width: min(100%, 1040px); aspect-ratio: 1920 / 1123; margin: 0 auto; } #jd-vortex-db214-v1 .db-control-image-inner > img { width: 100%; height: 100%; object-fit: contain; object-position: center; } #jd-vortex-db214-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-db214-v1 .db-pin-1 { top: 11%; left: 36%; right: auto; bottom: auto; } #jd-vortex-db214-v1 .db-pin-2 { top: 24%; left: 50%; right: auto; bottom: auto; } #jd-vortex-db214-v1 .db-pin-3 { top: 18%; left: 63%; right: auto; bottom: auto; } #jd-vortex-db214-v1 .db-pin-4 { top: 67%; left: 50%; right: auto; bottom: auto; } #jd-vortex-db214-v1 .db-pin-5 { top: 27%; left: 72%; right: auto; bottom: auto; } #jd-vortex-db214-v1 .db-pin-6 { top: 82%; left: 64%; right: auto; bottom: auto; } #jd-vortex-db214-v1 .db-pin-7 { top: 52%; left: 50%; right: auto; bottom: auto; } #jd-vortex-db214-v1 .db-control-list { grid-template-columns: repeat(2, minmax(0, 1fr)); } #jd-vortex-db214-v1 .db-control-item, #jd-vortex-db214-v1 .db-control-item:nth-child(2n) { padding: clamp(12px, 1.7vw, 22px); } #jd-vortex-db214-v1 .db-control-item { border-right: 1px solid #dedcd7; } #jd-vortex-db214-v1 .db-control-item:nth-child(2n) { border-right: 0; } #jd-vortex-db214-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-db214-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-db214-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-db214-v1 .db-protection.db-pad { padding-top: clamp(30px, 4vw, 56px); padding-bottom: clamp(30px, 4vw, 56px); } #jd-vortex-db214-v1 .db-protection-head { display: block; max-width: 920px; margin-bottom: clamp(20px, 3vw, 38px); } #jd-vortex-db214-v1 .db-protection-head .db-kicker { margin-bottom: 7px; font-size: clamp(8px, 0.7vw, 10px); } #jd-vortex-db214-v1 .db-protection-head h3 { margin-bottom: 10px; font-size: clamp(21px, 2.45vw, 34px); line-height: 1.08; } #jd-vortex-db214-v1 .db-protection-head p { max-width: 880px; font-size: clamp(11.5px, 1vw, 14.5px); line-height: 1.48; } #jd-vortex-db214-v1 .db-protection-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } #jd-vortex-db214-v1 .db-protection-item { padding: clamp(14px, 2vw, 26px); } #jd-vortex-db214-v1 .db-protection-icon { width: clamp(28px, 3vw, 42px); height: clamp(28px, 3vw, 42px); margin-bottom: clamp(10px, 1.4vw, 18px); } #jd-vortex-db214-v1 .db-protection-item h4 { margin-bottom: 6px; font-size: clamp(12px, 1.35vw, 18px); } #jd-vortex-db214-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-db214-v1 .db-setup.db-pad { padding-top: clamp(32px, 4.2vw, 60px); padding-bottom: clamp(32px, 4.2vw, 60px); } #jd-vortex-db214-v1 .db-setup-head { margin-bottom: clamp(20px, 3vw, 34px); } #jd-vortex-db214-v1 .db-setup-head h3 { font-size: clamp(21px, 2.45vw, 34px); } #jd-vortex-db214-v1 .db-setup-head .db-lead { font-size: clamp(11.5px, 1vw, 14.5px); line-height: 1.48; } #jd-vortex-db214-v1 .db-setup-grid { grid-template-columns: 1fr; } #jd-vortex-db214-v1 .db-setup-step, #jd-vortex-db214-v1 .db-setup-step:first-child { padding: clamp(16px, 2.4vw, 30px); border: 1px solid #cac8c3; border-top: 0; } #jd-vortex-db214-v1 .db-setup-step:first-child { border-top: 1px solid #cac8c3; } #jd-vortex-db214-v1 .db-setup-step:before { margin-bottom: clamp(8px, 1.2vw, 14px); font-size: clamp(24px, 3vw, 40px); } #jd-vortex-db214-v1 .db-setup-step h4 { margin-bottom: 7px; font-size: clamp(13px, 1.45vw, 19px); } #jd-vortex-db214-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-db214-v1 .db-harness.db-pad { padding-top: clamp(32px, 4.5vw, 64px); padding-bottom: clamp(32px, 4.5vw, 64px); } #jd-vortex-db214-v1 .db-harness-grid { grid-template-columns: 1fr; gap: 0; } #jd-vortex-db214-v1 .db-harness-media { order: 1; width: 100%; border-left: 0; border-bottom: clamp(3px, 0.5vw, 6px) solid var(--db-lime); } #jd-vortex-db214-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-db214-v1 .db-harness-copy { order: 2; padding-top: clamp(24px, 3.5vw, 46px); } #jd-vortex-db214-v1 .db-harness-copy .db-kicker { margin-bottom: 7px; font-size: clamp(8px, 0.7vw, 10px); } #jd-vortex-db214-v1 .db-harness-copy h3 { margin-bottom: 10px; font-size: clamp(21px, 2.45vw, 34px); } #jd-vortex-db214-v1 .db-harness-copy > p { max-width: 900px; font-size: clamp(11.5px, 1vw, 14.5px); line-height: 1.48; } #jd-vortex-db214-v1 .db-harness-copy h4 { margin-top: clamp(16px, 2vw, 26px); font-size: clamp(14px, 1.5vw, 20px); } #jd-vortex-db214-v1 .db-box-list { grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: clamp(14px, 2vw, 24px); } #jd-vortex-db214-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-db214-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-db214-v1 .db-care.db-pad { padding-top: clamp(30px, 4vw, 56px); padding-bottom: clamp(30px, 4vw, 56px); } #jd-vortex-db214-v1 .db-care-head { margin-bottom: clamp(20px, 3vw, 36px); } #jd-vortex-db214-v1 .db-care-head h3 { font-size: clamp(21px, 2.45vw, 34px); } #jd-vortex-db214-v1 .db-care-grid { grid-template-columns: 1fr; } #jd-vortex-db214-v1 .db-care-item { padding: clamp(16px, 2.3vw, 28px); } #jd-vortex-db214-v1 .db-care-item h4 { margin-bottom: 8px; font-size: clamp(13px, 1.4vw, 19px); } #jd-vortex-db214-v1 .db-care-item p, #jd-vortex-db214-v1 .db-care-item li { font-size: clamp(10.5px, 0.95vw, 13.5px); line-height: 1.48; } @media (max-width: 640px) { #jd-vortex-db214-v1 .db-hero { grid-template-columns: minmax(0, 0.94fr) minmax(0, 1.06fr); } #jd-vortex-db214-v1 .db-hero:after { left: 47%; width: 2px; } #jd-vortex-db214-v1 .db-hero-copy { padding: clamp(18px, 5.5vw, 28px) clamp(9px, 3vw, 15px); } #jd-vortex-db214-v1 .db-hero-title { font-size: clamp(18px, 6.5vw, 28px); } #jd-vortex-db214-v1 .db-hero-copy > p { font-size: clamp(9.5px, 2.9vw, 12px); line-height: 1.42; } #jd-vortex-db214-v1 .db-hero-tag { padding: 4px 6px; font-size: clamp(6.8px, 2vw, 8.5px); } #jd-vortex-db214-v1 .db-hero-model { font-size: 6.8px; } #jd-vortex-db214-v1 .db-video-head, #jd-vortex-db214-v1 .db-fov-head, #jd-vortex-db214-v1 .db-protection-head { grid-template-columns: 1fr; } #jd-vortex-db214-v1 .db-fov-head { gap: 9px; } #jd-vortex-db214-v1 .db-control-list, #jd-vortex-db214-v1 .db-optic-list, #jd-vortex-db214-v1 .db-protection-grid, #jd-vortex-db214-v1 .db-box-list { grid-template-columns: repeat(2, minmax(0, 1fr)); } #jd-vortex-db214-v1 .db-control-item, #jd-vortex-db214-v1 .db-control-item:nth-child(2n) { padding: 11px 9px; } #jd-vortex-db214-v1 .db-control-item strong { font-size: clamp(9px, 2.7vw, 11.5px); } #jd-vortex-db214-v1 .db-control-item p { font-size: clamp(8.5px, 2.45vw, 10.5px); } #jd-vortex-db214-v1 .db-protection-item { padding: 13px 10px; } #jd-vortex-db214-v1 .db-protection-item h4 { font-size: clamp(11px, 3vw, 14px); } #jd-vortex-db214-v1 .db-protection-item p { font-size: clamp(8.5px, 2.45vw, 10.5px); } #jd-vortex-db214-v1 .db-optic-item { padding: 12px 10px; } #jd-vortex-db214-v1 .db-optic-item strong { font-size: clamp(10px, 2.8vw, 13px); } #jd-vortex-db214-v1 .db-optic-item span { font-size: clamp(8.5px, 2.4vw, 10.5px); } #jd-vortex-db214-v1 .db-box-list li { font-size: clamp(8.5px, 2.4vw, 10.5px); } } @media (max-width: 380px) { #jd-vortex-db214-v1 .db-hero .db-kicker { font-size: 6.8px; } #jd-vortex-db214-v1 .db-hero-title { font-size: 17px; } #jd-vortex-db214-v1 .db-hero-title span { font-size: 0.47em; } #jd-vortex-db214-v1 .db-hero-copy > p { font-size: 8.8px; } #jd-vortex-db214-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-db214-v1 .db-hero { display: grid; grid-template-columns: minmax(0, 65%) minmax(0, 35%); min-height: 0; background: var(--db-black); } #jd-vortex-db214-v1 .db-hero:after { left: calc(65% - 1px); } #jd-vortex-db214-v1 .db-hero-copy { min-width: 0; } #jd-vortex-db214-v1 .db-hero-media { min-width: 0; min-height: 0; background: #ffffff; } #jd-vortex-db214-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-db214-v1 .db-optics-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: clamp(20px, 3vw, 38px); align-items: stretch; } #jd-vortex-db214-v1 .db-optics-copy, #jd-vortex-db214-v1 .db-optic-diagram { width: 100%; min-width: 0; } #jd-vortex-db214-v1 .db-optic-diagram { margin: 0; } /* Shorter green corner accents so they do not cross the diagram text */ #jd-vortex-db214-v1 .db-optic-diagram:before, #jd-vortex-db214-v1 .db-optic-diagram:after { width: 72px; height: 4px; } #jd-vortex-db214-v1 .db-optic-diagram:before { top: 18px; right: -24px; } #jd-vortex-db214-v1 .db-optic-diagram:after { bottom: 18px; left: -24px; } /* Accessibility, semantic interaction and preview support */ #jd-vortex-db214-v1 .db-visually-hidden, #jd-vortex-db214-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-db214-v1 #db-shot-1:focus-visible ~ .db-gallery-thumbs label[for="db-shot-1"], #jd-vortex-db214-v1 #db-shot-2:focus-visible ~ .db-gallery-thumbs label[for="db-shot-2"], #jd-vortex-db214-v1 #db-shot-3:focus-visible ~ .db-gallery-thumbs label[for="db-shot-3"], #jd-vortex-db214-v1 #db-shot-4:focus-visible ~ .db-gallery-thumbs label[for="db-shot-4"], #jd-vortex-db214-v1 #db-shot-5:focus-visible ~ .db-gallery-thumbs label[for="db-shot-5"], #jd-vortex-db214-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-db214-v1 .db-pin { appearance: none; -webkit-appearance: none; padding: 0; margin: 0; cursor: pointer; touch-action: manipulation; overflow: visible; z-index: 5; } #jd-vortex-db214-v1 .db-pin:focus-visible { outline: 3px solid var(--db-lime); outline-offset: 4px; } #jd-vortex-db214-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-db214-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-db214-v1 .db-pin:hover .db-pin-tooltip, #jd-vortex-db214-v1 .db-pin:focus .db-pin-tooltip, #jd-vortex-db214-v1 .db-pin:active .db-pin-tooltip { opacity: 1; visibility: visible; transform: translate(-50%, 0); } #jd-vortex-db214-v1 .db-pin-5 .db-pin-tooltip, #jd-vortex-db214-v1 .db-pin-6 .db-pin-tooltip { right: calc(100% + 10px); bottom: 50%; left: auto; transform: translate(5px, 50%); } #jd-vortex-db214-v1 .db-pin-5 .db-pin-tooltip:after, #jd-vortex-db214-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-db214-v1 .db-pin-5:hover .db-pin-tooltip, #jd-vortex-db214-v1 .db-pin-5:focus .db-pin-tooltip, #jd-vortex-db214-v1 .db-pin-5:active .db-pin-tooltip, #jd-vortex-db214-v1 .db-pin-6:hover .db-pin-tooltip, #jd-vortex-db214-v1 .db-pin-6:focus .db-pin-tooltip, #jd-vortex-db214-v1 .db-pin-6:active .db-pin-tooltip { transform: translate(0, 50%); } #jd-vortex-db214-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-db214-v1 .db-pin-tooltip { font-size: 11px; } } @media (prefers-reduced-motion: reduce) { #jd-vortex-db214-v1 .db-pin-tooltip { transition: none; } } Vortex Diamondback HD 8×42 binoculars (DB-214) are versatile all-round binoculars for birdwatching, wildlife and nature observation, travel and general outdoor use, with a wide 7.5° field of view, approximately 120 m at 1,000 m, 1.5 m close focus and 17 mm eye relief. The HD optical system, fully multi-coated lenses, dielectric prism coatings, phase correction, ArmorTek® protection, waterproof and fogproof construction, open-hinge body and included GlassPak™ harness also make them a dependable option for hunting and demanding field use. Diamondback® HD · 8×42 · DB-214 See more of the world around you.Diamondback HD 8×42 Made for birdwatching, wildlife, nature walks and everyday outdoor viewing, the Diamondback HD 8×42 pairs steady 8× magnification with a wide field of view and versatile 42 mm objectives. Its light open-hinge body, secure rubber armour and included GlassPak™ harness keep it ready for everything from a local reserve to a full day in the field. Birdwatching Nature & wildlife Everyday outdoor use Wide 8× view 8×42 · 21.8 oz / 618 g 8×Steady, versatile magnification 42 mmBalanced light gathering 120 mWide field at 1,000 m 1.5 mClose focus for nearby subjects Official Vortex video See Diamondback HD in action. See how the Diamondback HD family combines clear optical performance, comfortable open-hinge handling and rugged construction for wildlife observation, birdwatching, everyday outdoor use and hunting. Open the official Vortex Diamondback HD binocular video Every angle A comfortable all-rounder for long days outside. The true open hinge gives the fingers a natural place to settle, while textured rubber armour adds grip and protection without making the 8×42 feel oversized in the hand—useful for birding walks, travel, wildlife watching and everyday carry. Choose a thumbnail to display a different product or field-use image of the Vortex Diamondback HD 8×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 120 metres of view at 1,000 metres. The wide 7.5° angular field makes it easier to scan tree lines, coastlines and open country, pick up a bird quickly and keep moving wildlife in view. The steadier 8× image is also comfortable for relaxed, extended observation. Diamondback HD 8×42 field of view Diagram illustrating a 7.5 degree angular field of view, equal to approximately 120 metres of visible width at a distance of 1,000 metres. 7.5° 120 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 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 dioptreBalances the right channel to the viewer’s eyesight across a ±4 range. 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 5.25 mm exit pupil in a portable full-size body. 7Adapter socketRemove the front cap to fit a compatible Vortex binocular tripod adapter. Hunting capability A capable field optic when the focus turns to hunting. The same wide, steady 8× view that works so well for birds and wildlife also suits close-to-mid-range hunting, where fast subject acquisition and comfortable handheld glassing matter. At 21.8 oz / approximately 618 g, the Diamondback HD 8×42 remains manageable on long days while retaining full-size controls and versatile 42 mm objectives. Wide 7.5° fieldHelps locate and follow subjects quickly through bush, scrub and mixed terrain. 17 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. GlassPak™ carryKeeps the binocular protected at chest height and ready for quick access on the move. 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 8×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 8×42 specifications A complete reference for optical performance, dimensions, controls, protection, included accessories and warranty coverage. Identification and use Product Vortex Diamondback® HD 8×42 Binocular Vortex model DB-214 Jacobs Digital SKU VODB214 Recommended uses Birdwatching, wildlife and nature observation, general outdoor use, travel and hunting Optical system Magnification 8× 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 5.25 mm Viewing performance Linear field of view 393 ft at 1,000 yd / approximately 120 m at 1,000 m Angular field of view 7.5° Close focus 5.0 ft / approximately 1.5 m Eye relief 17.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.8 oz / approximately 618 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-214 parts diagram and current VIP® Warranty information directly from Vortex. PDF Diamondback HD product manualSpecifications, setup, GlassPak fitting, care and warranty guidance → PDF DB-214 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 8X42
Related
Vortex Diamondback HD 8x42
Related
VORTEX DIAMONDBACK HD 8X42
Related