{"product_id":"cyphercylent-quick-deploy-faraday-tent-for-overlandish-basecamp","title":"Mission Darkness™ CYPHERCYLENT Quick Deploy Faraday Tent for Overland(ish) Basecamp","description":"\u003cdiv class=\"shogun-root\" data-shogun-id=\"6ae223a0a449062988ae456c\" data-shogun-site-id=\"6254c066-31ba-497f-b0d8-a173831a2e37\" data-shogun-page-id=\"6ae223a0a449062988ae456c\" data-shogun-page-version-id=\"6af262c108ba67f551728091\" data-shogun-platform-type=\"shopify\" data-shogun-variant-id=\"6af262c108ba67f551728095\" data-shogun-page-type=\"product\" data-shogun-power-up-type=\"\" data-shogun-power-up-id=\"\" data-region=\"main\"\u003e \u003cdiv id=\"s-199c27ca-b297-4e49-886d-fc6fd741f4b4\" class=\"shg-c \"\u003e \u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e \u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin\u003e \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Bebas+Neue\u0026amp;family=Open+Sans:wght@400;500;600;700;800\u0026amp;family=Orbitron:wght@900\u0026amp;family=Rajdhani:wght@600;700\u0026amp;display=swap\" rel=\"stylesheet\"\u003e \u003cstyle\u003e\n :root {\n color-scheme: light;\n --ink: #1b1d1b;\n --muted: #656861;\n --paper: #f4f3ef;\n --white: #fff;\n --line: #dedfd8;\n --accent: #c65a32;\n --accent-dark: #9d3f20;\n --olive: #5e6650;\n --dark: #171a18;\n --dark-soft: #222622;\n --serif: Georgia, \"Times New Roman\", serif;\n --sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n --wide: 1200px;\n }\n\n * { box-sizing: border-box; }\n\n html { scroll-behavior: smooth; }\n\n body {\n margin: 0;\n color: var(--ink);\n background: var(--paper);\n font-family: var(--sans);\n font-size: 16px;\n line-height: 1.6;\n -webkit-font-smoothing: antialiased;\n }\n\n img {\n display: block;\n max-width: 100%;\n }\n\n a { color: inherit; }\n\n button, input, textarea { font: inherit; }\n\n .draft-bar {\n padding: 8px 20px;\n color: #f7f5ef;\n background: var(--accent-dark);\n text-align: center;\n font-size: 11px;\n font-weight: 750;\n letter-spacing: .15em;\n text-transform: uppercase;\n }\n\n .md-header {\n position: relative;\n z-index: 2;\n color: var(--white);\n background: var(--dark);\n }\n\n .nav-wrap {\n width: min(var(--wide), calc(100% - 48px));\n min-height: 76px;\n margin: 0 auto;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 32px;\n }\n\n .brand {\n display: inline-flex;\n align-items: center;\n gap: 12px;\n color: inherit;\n text-decoration: none;\n }\n\n .brand-mark {\n width: 34px;\n height: 34px;\n display: grid;\n place-items: center;\n border: 1px solid rgba(255,255,255,.62);\n border-radius: 50%;\n font-size: 11px;\n font-weight: 800;\n letter-spacing: -.08em;\n }\n\n .brand-name {\n font-size: 11px;\n font-weight: 800;\n letter-spacing: .15em;\n line-height: 1.3;\n text-transform: uppercase;\n }\n\n .brand-name span {\n display: block;\n color: #aeb0a9;\n font-size: 9px;\n font-weight: 600;\n letter-spacing: .21em;\n }\n\n .nav-links {\n display: flex;\n align-items: center;\n gap: clamp(18px, 3vw, 38px);\n margin: 0;\n padding: 0;\n list-style: none;\n }\n\n .nav-links a {\n color: #dedfd9;\n font-size: 12px;\n font-weight: 650;\n text-decoration: none;\n transition: color .2s ease;\n }\n\n .nav-links a:hover { color: #fff; }\n\n .nav-cta {\n padding: 10px 15px;\n border: 1px solid rgba(255,255,255,.42);\n border-radius: 2px;\n }\n\n .eyebrow {\n display: flex;\n align-items: center;\n gap: 12px;\n margin: 0 0 21px;\n color: var(--accent);\n font-size: 11px;\n font-weight: 800;\n letter-spacing: .19em;\n text-transform: uppercase;\n }\n\n .eyebrow::before {\n width: 30px;\n height: 1px;\n background: currentColor;\n content: \"\";\n }\n\n h1, h2, h3, p { margin-top: 0; }\n\n .button {\n min-height: 49px;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 20px;\n padding: 12px 19px;\n border: 1px solid var(--accent);\n border-radius: 2px;\n color: #fff;\n background: var(--accent);\n font-size: 12px;\n font-weight: 800;\n letter-spacing: .035em;\n text-decoration: none;\n transition: background .2s ease, border-color .2s ease, transform .2s ease;\n }\n\n .button:hover {\n border-color: var(--accent-dark);\n background: var(--accent-dark);\n transform: translateY(-1px);\n }\n\n .button::after {\n font-size: 18px;\n font-weight: 400;\n content: \"→\";\n }\n\n .button-light {\n border-color: rgba(255,255,255,.65);\n background: transparent;\n }\n\n .button-light:hover {\n border-color: #fff;\n background: rgba(255,255,255,.1);\n }\n\n .hero-note {\n margin: 18px 0 0;\n color: #c6c8c0;\n font-size: 11px;\n letter-spacing: .03em;\n }\n\n .section {\n padding: clamp(72px, 9vw, 120px) 24px;\n }\n\n .container {\n width: min(var(--wide), 100%);\n margin: 0 auto;\n }\n\n .intro-grid {\n display: grid;\n grid-template-columns: minmax(0, .85fr) minmax(320px, 1fr);\n align-items: center;\n gap: clamp(40px, 8vw, 112px);\n }\n\n .section-title {\n max-width: 660px;\n margin-bottom: 19px;\n font-family: var(--serif);\n font-size: clamp(36px, 5vw, 58px);\n font-weight: 400;\n letter-spacing: -.035em;\n line-height: 1.07;\n }\n\n .section-copy {\n max-width: 590px;\n color: var(--muted);\n font-size: 16px;\n }\n\n .intro-copy .section-copy + .section-copy { margin-top: 15px; }\n\n .small-label {\n margin-bottom: 13px;\n color: var(--olive);\n font-size: 10px;\n font-weight: 800;\n letter-spacing: .16em;\n text-transform: uppercase;\n }\n\n .image-frame {\n position: relative;\n overflow: hidden;\n background: #e5e3dd;\n }\n\n .image-frame img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n\n .intro-image {\n min-height: 450px;\n aspect-ratio: 1.03;\n }\n\n .image-caption {\n margin: 10px 0 0;\n color: #777a72;\n font-size: 11px;\n }\n\n .feature-band {\n color: #f7f6f1;\n background: var(--dark);\n }\n\n .feature-band .eyebrow { color: #f39a70; }\n .feature-band .section-copy { color: #c5c7bf; }\n\n .feature-head {\n max-width: 710px;\n margin-bottom: 48px;\n }\n\n .feature-grid {\n display: grid;\n grid-template-columns: repeat(4, minmax(0, 1fr));\n border-top: 1px solid #444841;\n border-left: 1px solid #444841;\n }\n\n .feature-card {\n min-height: 205px;\n padding: 26px 24px 24px;\n border-right: 1px solid #444841;\n border-bottom: 1px solid #444841;\n }\n\n .feature-index {\n margin-bottom: 29px;\n color: #e48760;\n font-size: 10px;\n font-weight: 800;\n letter-spacing: .12em;\n }\n\n .feature-card h3 {\n margin-bottom: 9px;\n font-family: var(--serif);\n font-size: 21px;\n font-weight: 400;\n line-height: 1.2;\n }\n\n .feature-card p {\n margin: 0;\n color: #b7bab1;\n font-size: 13px;\n line-height: 1.65;\n }\n\n .connection-grid {\n display: grid;\n grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);\n align-items: center;\n gap: clamp(40px, 8vw, 112px);\n }\n\n .connection-image {\n min-height: 390px;\n aspect-ratio: 1.35;\n }\n\n .connection-copy .section-copy { margin-bottom: 25px; }\n\n .port-list {\n display: flex;\n flex-wrap: wrap;\n gap: 9px;\n margin: 0;\n padding: 0;\n list-style: none;\n }\n\n .port-list li {\n padding: 7px 11px;\n border: 1px solid #d5d5cd;\n border-radius: 2px;\n color: #50534c;\n font-size: 11px;\n font-weight: 750;\n letter-spacing: .045em;\n text-transform: uppercase;\n }\n\n .vent-section { background: #e9e8e2; }\n\n .vent-head {\n display: flex;\n align-items: end;\n justify-content: space-between;\n gap: 30px;\n margin-bottom: 40px;\n }\n\n .vent-head .section-title { margin-bottom: 0; }\n .vent-head .section-copy { max-width: 420px; margin-bottom: 3px; }\n\n .vent-grid {\n display: grid;\n grid-template-columns: 1.15fr .85fr;\n gap: 18px;\n }\n\n .vent-image {\n min-height: 390px;\n aspect-ratio: 1.25;\n }\n\n .vent-image-small {\n min-height: 390px;\n aspect-ratio: 1.25;\n }\n\n .use-section {\n color: #f7f6f1;\n background: #282d27;\n }\n\n .use-layout {\n display: grid;\n grid-template-columns: .8fr 1.2fr;\n gap: clamp(45px, 8vw, 120px);\n }\n\n .use-section .eyebrow { color: #e58b65; }\n .use-section .section-copy { color: #c4c6bf; }\n\n .use-list {\n display: grid;\n grid-template-columns: repeat(2, minmax(0, 1fr));\n gap: 0 32px;\n margin: 5px 0 0;\n padding: 0;\n list-style: none;\n border-top: 1px solid #545a51;\n }\n\n .use-list li {\n padding: 19px 0;\n border-bottom: 1px solid #545a51;\n color: #e6e5df;\n font-family: var(--serif);\n font-size: 19px;\n line-height: 1.35;\n }\n\n .use-list li span {\n display: block;\n margin-top: 5px;\n color: #b8bcb2;\n font-family: var(--sans);\n font-size: 12px;\n line-height: 1.55;\n }\n\n .setup-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: clamp(38px, 7vw, 100px);\n }\n\n .check-list {\n margin: 0;\n padding: 0;\n list-style: none;\n }\n\n .check-list li {\n position: relative;\n padding: 13px 0 13px 23px;\n border-bottom: 1px solid var(--line);\n color: #50534c;\n font-size: 14px;\n }\n\n .check-list li::before {\n position: absolute;\n left: 0;\n color: var(--accent);\n content: \"—\";\n }\n\n .setup-footnote {\n margin: 20px 0 0;\n color: #777a72;\n font-size: 12px;\n }\n\n .solo-section {\n padding: 44px 24px;\n border-top: 1px solid var(--line);\n border-bottom: 1px solid var(--line);\n background: #e9e8e2;\n }\n\n .solo-inner {\n display: grid;\n grid-template-columns: 1fr auto;\n align-items: center;\n gap: 32px;\n }\n\n .solo-section h2 {\n max-width: 720px;\n margin-bottom: 10px;\n font-family: var(--serif);\n font-size: clamp(27px, 3.2vw, 36px);\n font-weight: 400;\n letter-spacing: -.03em;\n line-height: 1.1;\n }\n\n .solo-section p {\n max-width: 760px;\n margin-bottom: 0;\n color: var(--muted);\n font-size: 13px;\n }\n\n .solo-section .button {\n border-color: #b7b9b0;\n color: var(--accent-dark);\n background: transparent;\n white-space: nowrap;\n }\n\n .solo-section .button:hover {\n border-color: var(--accent-dark);\n color: #fff;\n background: var(--accent-dark);\n }\n\n .contact-section {\n color: #f7f6f1;\n background: var(--dark);\n }\n\n .contact-grid {\n display: grid;\n grid-template-columns: 1fr .8fr;\n gap: clamp(45px, 8vw, 120px);\n }\n\n .contact-section .eyebrow { color: #ed956e; }\n .contact-section .section-copy { color: #c3c6bd; }\n\n .contact-list {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 13px;\n margin-top: 32px;\n }\n\n .contact-item {\n padding-top: 13px;\n border-top: 1px solid #53574f;\n color: #d7d9d2;\n font-size: 11px;\n }\n\n .contact-item strong {\n display: block;\n margin-bottom: 4px;\n color: #fff;\n font-size: 11px;\n }\n\n .contact-form {\n padding: 27px;\n color: var(--ink);\n background: #f4f3ef;\n }\n\n .contact-form h3 {\n margin-bottom: 8px;\n font-family: var(--serif);\n font-size: 25px;\n font-weight: 400;\n }\n\n .form-note {\n margin-bottom: 20px;\n color: #696c65;\n font-size: 11px;\n }\n\n .field { margin-bottom: 14px; }\n\n .field label {\n display: block;\n margin-bottom: 5px;\n color: #4a4d47;\n font-size: 10px;\n font-weight: 800;\n letter-spacing: .09em;\n text-transform: uppercase;\n }\n\n .field input, .field textarea {\n width: 100%;\n padding: 11px 12px;\n border: 1px solid #d4d5ce;\n border-radius: 1px;\n color: var(--ink);\n background: #fff;\n font-size: 13px;\n }\n\n .field textarea {\n min-height: 85px;\n resize: vertical;\n }\n\n .field input:focus, .field textarea:focus {\n outline: 2px solid rgba(198,90,50,.45);\n outline-offset: 1px;\n }\n\n .contact-form .button {\n width: 100%;\n cursor: pointer;\n }\n\n .form-status {\n min-height: 1.5em;\n margin: 12px 0 0;\n color: #565b4e;\n font-size: 12px;\n }\n\n .md-footer {\n padding: 22px 24px;\n color: #aeb1a8;\n background: #111311;\n font-size: 10px;\n }\n\n .footer-inner {\n width: min(var(--wide), 100%);\n margin: 0 auto;\n display: flex;\n justify-content: space-between;\n gap: 20px;\n }\n\n .md-footer p { margin: 0; }\n\n .sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border: 0;\n }\n\n @media (max-width: 850px) {\n .nav-wrap { flex-wrap: wrap; padding: 17px 0; }\n .nav-links { order: 2; width: 100%; justify-content: space-between; gap: 12px; }\n .nav-links a { font-size: 11px; }\n .nav-cta { padding: 7px 9px; }\n .intro-grid, .connection-grid { gap: 42px; }\n .intro-image { min-height: 350px; }\n .feature-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }\n .use-layout { grid-template-columns: 1fr; gap: 30px; }\n .solo-inner { grid-template-columns: 1fr; gap: 25px; }\n .solo-inner .button { justify-self: start; }\n .contact-grid { grid-template-columns: 1fr 1fr; gap: 32px; }\n .contact-list { grid-template-columns: 1fr; gap: 10px; }\n }\n\n @media (max-width: 620px) {\n .draft-bar { font-size: 9px; }\n .nav-wrap { width: min(100% - 36px, var(--wide)); }\n .nav-wrap { gap: 13px; }\n .brand-mark { width: 30px; height: 30px; }\n .nav-links { flex-wrap: wrap; justify-content: flex-start; column-gap: 17px; row-gap: 10px; }\n .nav-cta { display: none; }\n .section { padding: 72px 18px; }\n .intro-grid, .connection-grid, .setup-grid, .contact-grid { grid-template-columns: 1fr; }\n .intro-grid, .connection-grid { gap: 30px; }\n .intro-image { min-height: 0; aspect-ratio: 1.05; }\n .connection-image { min-height: 0; aspect-ratio: 1.15; }\n .feature-grid { grid-template-columns: 1fr; }\n .feature-card { min-height: 0; }\n .feature-index { margin-bottom: 18px; }\n .vent-head { display: block; }\n .vent-head .section-copy { margin-top: 18px; }\n .vent-grid { grid-template-columns: 1fr; gap: 14px; }\n .vent-image, .vent-image-small { min-height: 0; aspect-ratio: 1.1; }\n .use-list { grid-template-columns: 1fr; }\n .solo-section { padding: 38px 18px; }\n .contact-list { grid-template-columns: repeat(3, 1fr); gap: 8px; }\n .contact-item { font-size: 10px; }\n .contact-form { padding: 21px; }\n .footer-inner { flex-direction: column; }\n }\n\n @media (prefers-reduced-motion: reduce) {\n *, *::before, *::after {\n scroll-behavior: auto !important;\n transition-duration: .01ms !important;\n }\n }\n\n :root {\n color-scheme: light;\n --ink: #1f2328;\n --muted: #4a4f54;\n --paper: #fff;\n --white: #fff;\n --line: #dfe2e5;\n --accent: #e80033;\n --accent-dark: #c9002b;\n --olive: #4a4f54;\n --dark: #000;\n --dark-soft: #1f2328;\n --sans: \"Open Sans\", Arial, sans-serif;\n --wide: 1240px;\n }\n\n body {\n color: var(--ink);\n background: var(--paper);\n font-family: var(--sans);\n }\n\n .draft-bar {\n padding: 6px 20px;\n color: #fff;\n background: #1f2328;\n border-bottom: 2px solid var(--accent);\n font-size: 9px;\n letter-spacing: .16em;\n }\n\n .md-header { background: #000; }\n\n .nav-wrap { min-height: 72px; }\n\n .brand { gap: 0; }\n\n .brand-mark { display: none; }\n\n .brand-name {\n color: #fff;\n font-family: \"Orbitron\", \"Arial Black\", sans-serif;\n font-size: 15px;\n font-weight: 900;\n letter-spacing: .045em;\n line-height: 1;\n }\n\n .brand-name span {\n margin-top: 6px;\n color: #c4c8cc;\n font-family: var(--sans);\n font-size: 9px;\n font-weight: 600;\n letter-spacing: .18em;\n text-transform: uppercase;\n }\n\n .nav-links a { color: #d8dadd; }\n .nav-links a:hover { color: #fff; }\n\n .nav-cta {\n border-color: #fff;\n color: #fff;\n background: transparent;\n }\n\n .nav-cta:hover {\n border-color: #fff;\n color: #fff;\n background: transparent;\n }\n\n .eyebrow {\n margin-bottom: 16px;\n color: var(--accent);\n font-size: 10px;\n letter-spacing: .2em;\n }\n\n .eyebrow::before {\n width: 36px;\n height: 2px;\n background: var(--accent);\n }\n\n .button {\n min-height: 50px;\n padding: 13px 20px;\n border: 1px solid var(--accent);\n border-radius: 2px;\n background: var(--accent);\n box-shadow: 0 7px 22px rgba(232,0,51,.18);\n font-size: 11px;\n letter-spacing: .075em;\n text-transform: uppercase;\n }\n\n .button:hover {\n border-color: #fff;\n background: var(--accent-dark);\n transform: translateY(-2px);\n }\n\n .button::after { font-size: 18px; }\n\n .section {\n padding: clamp(54px, 7vw, 86px) 24px;\n }\n\n .section-title {\n max-width: 740px;\n margin-bottom: 17px;\n color: inherit;\n font-family: var(--sans);\n font-size: clamp(30px, 4vw, 48px);\n font-weight: 700;\n letter-spacing: -.045em;\n line-height: 1.12;\n }\n\n .section-copy {\n color: var(--muted);\n font-size: 14px;\n line-height: 1.8;\n }\n\n .small-label {\n margin-bottom: 12px;\n color: var(--accent);\n font-size: 9px;\n letter-spacing: .18em;\n }\n\n figure { margin: 0; }\n\n .image-frame {\n background: #f0f0f0;\n box-shadow: 0 15px 44px rgba(0,0,0,.1);\n }\n\n .image-frame img {\n transition: transform .6s cubic-bezier(.2,.7,.2,1);\n }\n\n .image-frame:hover img { transform: scale(1.025); }\n\n .intro-grid {\n grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);\n gap: clamp(36px, 6vw, 78px);\n }\n\n .intro-image {\n min-height: 0;\n aspect-ratio: 1.25;\n }\n\n .image-caption {\n margin-top: 7px;\n color: #4a4f54;\n font-size: 10px;\n line-height: 1.5;\n }\n\n .feature-band {\n position: relative;\n overflow: hidden;\n color: #fff;\n background: #1f2328;\n }\n\n .feature-band::before {\n position: absolute;\n top: 0;\n left: max(24px, calc((100% - var(--wide)) \/ 2));\n width: 64px;\n height: 3px;\n background: var(--accent);\n content: \"\";\n }\n\n .feature-band .section-copy,\n .feature-card p { color: #c5c9ce; }\n\n .feature-head {\n max-width: 800px;\n margin-bottom: 34px;\n }\n\n .feature-grid {\n grid-template-columns: repeat(4, minmax(0, 1fr));\n border-color: #454a50;\n }\n\n .feature-card {\n min-height: 184px;\n padding: 22px 20px;\n border-color: #454a50;\n background: rgba(0,0,0,.12);\n transition: background .25s ease, transform .25s ease;\n }\n\n .feature-card:hover {\n background: #2a3036;\n transform: translateY(-3px);\n }\n\n .feature-index {\n margin-bottom: 20px;\n color: #ff3158;\n font-size: 9px;\n letter-spacing: .15em;\n }\n\n .feature-card h3 {\n margin-bottom: 8px;\n font-family: \"Rajdhani\", \"Arial Narrow\", sans-serif;\n font-size: 21px;\n font-weight: 700;\n line-height: 1.08;\n text-transform: uppercase;\n }\n\n .feature-card p {\n font-size: 12px;\n line-height: 1.65;\n }\n\n .connection-grid {\n grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr);\n gap: clamp(36px, 6vw, 80px);\n }\n\n .connection-image {\n min-height: 0;\n aspect-ratio: 1.35;\n }\n\n .connection-copy .section-title { max-width: 500px; }\n\n .port-list li {\n padding: 7px 10px;\n border-color: #c8cdd2;\n color: #1f2328;\n font-size: 10px;\n }\n\n .vent-section { background: #f7f8f9; }\n\n .vent-head {\n align-items: end;\n margin-bottom: 24px;\n }\n\n .vent-head .section-copy { font-size: 13px; }\n\n .vent-grid {\n grid-template-columns: 1.25fr .75fr;\n align-items: start;\n gap: 22px;\n }\n\n .vent-image, .vent-image-small {\n min-height: 0;\n aspect-ratio: 1.38;\n }\n\n .vent-grid figure:last-child { margin-top: 54px; }\n\n .use-section {\n color: #fff;\n background: #000;\n }\n\n .use-section .section-copy { color: #c7cbd0; }\n .use-section .eyebrow { color: #fff; }\n\n .use-list { border-color: #42474d; }\n\n .use-list li {\n border-color: #42474d;\n color: #fff;\n font-family: var(--sans);\n font-size: 15px;\n font-weight: 700;\n }\n\n .use-list li::first-letter { color: var(--accent); }\n\n .use-list li span {\n color: #c4c8cd;\n font-size: 11px;\n font-weight: 400;\n }\n\n .check-list li {\n padding: 11px 0 11px 20px;\n color: #343a40;\n font-size: 13px;\n }\n\n .check-list li::before {\n color: var(--accent);\n font-weight: 800;\n }\n\n .setup-footnote { color: #626970; }\n\n .solo-section {\n padding: 36px 24px;\n border-top: 1px solid #1f2328;\n border-bottom: 1px solid #1f2328;\n color: #fff;\n background: #1f2328;\n }\n\n .solo-section h2 {\n font-family: var(--sans);\n font-size: clamp(24px, 3vw, 32px);\n font-weight: 700;\n letter-spacing: -.035em;\n line-height: 1.2;\n }\n\n .solo-section p { color: #c4c8cd; }\n\n .solo-section .button {\n border-color: #fff;\n color: #fff;\n background: transparent;\n box-shadow: none;\n }\n\n .solo-section .button:hover {\n border-color: #fff;\n color: #1f2328;\n background: #fff;\n }\n\n .contact-section {\n color: #fff;\n background: #1f2328;\n }\n\n .contact-section .section-copy { color: #c6cbd0; }\n .contact-section .eyebrow { color: #fff; }\n\n .contact-form {\n color: #1f2328;\n background: #f7f8f9;\n box-shadow: 0 18px 50px rgba(0,0,0,.18);\n }\n\n .contact-form h3 {\n font-family: \"Rajdhani\", \"Arial Narrow\", sans-serif;\n font-size: 25px;\n font-weight: 700;\n text-transform: uppercase;\n }\n\n .field input:focus, .field textarea:focus {\n outline-color: rgba(232,0,51,.5);\n }\n\n .md-footer {\n color: #c2c6cb;\n background: #000;\n }\n\n @media (max-width: 850px) {\n .feature-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }\n .intro-grid, .connection-grid { gap: 36px; }\n .contact-grid { grid-template-columns: 1fr 1fr; }\n }\n\n @media (max-width: 620px) {\n .nav-wrap { width: calc(100% - 36px); }\n .brand-name { font-size: 13px; }\n .section { padding: 52px 18px; }\n .intro-grid, .connection-grid, .setup-grid, .contact-grid { grid-template-columns: 1fr; }\n .intro-image { aspect-ratio: 1.12; }\n .connection-image { aspect-ratio: 1.1; }\n .feature-grid { grid-template-columns: 1fr; }\n .feature-card { min-height: 0; }\n .feature-index { margin-bottom: 13px; }\n .vent-head { display: block; }\n .vent-head .section-copy { margin-top: 14px; }\n .vent-grid { grid-template-columns: 1fr; gap: 18px; }\n .vent-grid figure:last-child { margin-top: 0; }\n .vent-image, .vent-image-small { aspect-ratio: 1.12; }\n .solo-section { padding: 32px 18px; }\n .solo-inner { gap: 18px; }\n .solo-inner .button { justify-self: start; white-space: normal; }\n }\n\n @media (prefers-reduced-motion: reduce) {\n *, *::before, *::after {\n scroll-behavior: auto !important;\n animation-duration: .01ms !important;\n animation-iteration-count: 1 !important;\n transition-duration: .01ms !important;\n }\n }\n\n .section {\n padding: clamp(38px, 5vw, 64px) 24px;\n }\n\n .intro-section {\n padding-top: 40px;\n padding-bottom: 30px;\n }\n\n .intro-compact {\n display: grid;\n grid-template-columns: minmax(0, 1fr) minmax(280px, .75fr);\n align-items: end;\n gap: clamp(28px, 6vw, 82px);\n }\n\n .intro-compact .section-title {\n margin-bottom: 0;\n font-size: clamp(27px, 3.2vw, 38px);\n }\n\n .intro-compact .section-copy {\n margin: 0;\n font-size: 13px;\n }\n\n .intro-compact .section-copy + .section-copy { margin-top: 10px; }\n\n .product-stories {\n padding-top: 24px;\n padding-bottom: 66px;\n background: #fff;\n }\n\n .story-heading {\n display: grid;\n grid-template-columns: minmax(0, 1fr) minmax(250px, .65fr);\n align-items: end;\n gap: 30px;\n margin-bottom: 36px;\n padding-bottom: 22px;\n border-bottom: 1px solid var(--line);\n }\n\n .story-heading .eyebrow { margin-bottom: 9px; }\n\n .story-heading .section-title {\n margin-bottom: 0;\n font-size: clamp(28px, 3.6vw, 43px);\n }\n\n .story-heading .section-copy {\n margin-bottom: 2px;\n font-size: 13px;\n }\n\n .story-list {\n display: grid;\n gap: clamp(44px, 6vw, 76px);\n }\n\n .story {\n display: grid;\n align-items: center;\n gap: clamp(28px, 5vw, 68px);\n }\n\n .story-shell {\n grid-template-columns: minmax(0, 1.2fr) minmax(260px, .8fr);\n }\n\n .story-shell .story-image { aspect-ratio: 1.48; }\n\n .story-copy .small-label { margin-bottom: 9px; }\n\n .story-copy h3,\n .field-details h3 {\n margin: 0 0 12px;\n font-family: \"Rajdhani\", \"Arial Narrow\", sans-serif;\n font-size: clamp(25px, 3.2vw, 38px);\n font-weight: 700;\n letter-spacing: .01em;\n line-height: 1;\n text-transform: uppercase;\n }\n\n .story-copy p {\n max-width: 550px;\n margin: 0 0 10px;\n color: var(--muted);\n font-size: 13px;\n line-height: 1.75;\n }\n\n .story-visual img {\n display: block;\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n\n .story-image {\n overflow: hidden;\n background: #f0f0f0;\n }\n\n .story-image img { transition: none; }\n .story-image:hover img { transform: none; }\n\n .story-connection {\n grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);\n padding-top: 0;\n }\n\n .connection-visuals {\n display: grid;\n grid-template-columns: minmax(0, 1fr);\n }\n\n .connection-detail { aspect-ratio: 1.55; }\n\n .connection-detail img {\n display: block;\n width: 100%;\n height: 100%;\n object-fit: cover;\n object-position: 54% 43%;\n transform: scale(1.8);\n }\n\n .connection-detail:hover img { transform: scale(1.8); }\n\n .story-vent {\n grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);\n padding-top: 8px;\n }\n\n .vent-visuals {\n display: grid;\n grid-template-columns: repeat(2, minmax(0, 1fr));\n align-items: start;\n gap: 15px;\n }\n\n .vent-context, .vent-detail { aspect-ratio: .95; }\n\n .vent-context img, .vent-detail img {\n display: block;\n width: 100%;\n height: 100%;\n object-fit: cover;\n background: #f0f0f0;\n }\n\n .vent-grid figure:last-child { margin-top: 0; }\n\n .image-caption {\n margin: 5px 0 0;\n color: #4a4f54;\n font-size: 10px;\n line-height: 1.45;\n }\n\n .supporting-features {\n display: grid;\n grid-template-columns: repeat(3, minmax(0, 1fr));\n gap: 12px 30px;\n margin: 45px 0 0;\n padding: 18px 0 0;\n border-top: 1px solid var(--line);\n list-style: none;\n }\n\n .supporting-features li {\n position: relative;\n padding-left: 15px;\n color: #343a40;\n font-size: 11px;\n line-height: 1.65;\n }\n\n .supporting-features li::before {\n position: absolute;\n top: .55em;\n left: 0;\n width: 5px;\n height: 5px;\n background: var(--accent);\n content: \"\";\n }\n\n .supporting-features strong {\n display: block;\n margin-bottom: 2px;\n color: #1f2328;\n font-family: \"Rajdhani\", \"Arial Narrow\", sans-serif;\n font-size: 15px;\n line-height: 1.1;\n text-transform: uppercase;\n }\n\n .feature-band {\n color: var(--ink);\n background: #fff;\n }\n\n .field-details {\n padding-top: 45px;\n padding-bottom: 48px;\n background: #f7f8f9;\n }\n\n .field-scene {\n margin: 0 0 38px;\n }\n\n .field-scene img {\n display: block;\n width: 100%;\n height: auto;\n background: #f0f0f0;\n }\n\n .field-scene figcaption {\n margin-top: 6px;\n color: #4a4f54;\n font-size: 10px;\n line-height: 1.5;\n }\n\n .field-details-grid {\n display: grid;\n grid-template-columns: minmax(0, 1fr);\n gap: 42px;\n }\n\n .applications-feature {\n display: grid;\n grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);\n align-items: center;\n gap: clamp(32px, 5vw, 72px);\n }\n\n .applications-visual img {\n display: block;\n width: 100%;\n height: auto;\n background: #f0f0f0;\n }\n\n .applications-visual figcaption {\n margin-top: 6px;\n color: #4a4f54;\n font-size: 12px;\n line-height: 1.55;\n }\n\n .configuration-details {\n max-width: 1080px;\n margin-left: auto;\n }\n\n .field-details h2 {\n margin-bottom: 13px;\n font-size: clamp(27px, 3.2vw, 38px);\n }\n\n .field-details h3 { font-size: 24px; }\n .field-details p { margin-bottom: 12px; }\n\n .application-list {\n margin: 18px 0 0;\n padding: 0;\n list-style: none;\n border-top: 1px solid #dfe2e5;\n }\n\n .application-list li {\n padding: 10px 0;\n border-bottom: 1px solid #dfe2e5;\n color: #1f2328;\n font-size: 12px;\n font-weight: 700;\n line-height: 1.45;\n }\n\n .application-list span {\n display: block;\n color: #4a4f54;\n font-size: 11px;\n font-weight: 400;\n }\n\n .included-list {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 0 24px;\n margin: 16px 0 0;\n }\n\n .included-list li { font-size: 12px; }\n .included-label { margin-top: 24px; }\n\n .section { scroll-margin-top: 20px; }\n\n .intro-section {\n padding-top: 34px;\n padding-bottom: 24px;\n background: #fff;\n }\n\n .intro-compact {\n grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);\n align-items: start;\n gap: clamp(32px, 7vw, 96px);\n }\n\n .product-stories {\n padding-top: 20px;\n padding-bottom: 56px;\n background: #fff;\n }\n\n .story-list { gap: clamp(42px, 5vw, 64px); }\n\n .story-image {\n box-shadow: none;\n background: #f0f0f0;\n }\n\n .story-image img { transition: none; }\n\n .story-image::after {\n display: block;\n width: 30px;\n height: 2px;\n background: var(--accent);\n content: \"\";\n }\n\n .image-caption { padding-left: 1px; }\n\n .story-heading {\n display: block;\n max-width: 720px;\n margin-bottom: 25px;\n padding: 0;\n border: 0;\n }\n\n .story-heading .eyebrow { margin-bottom: 5px; }\n\n .story-heading .section-title {\n margin-bottom: 5px;\n font-size: clamp(25px, 3vw, 36px);\n }\n\n .story-heading .section-copy {\n max-width: 690px;\n margin: 0;\n }\n\n .story-copy h3,\n .field-details h3 {\n font-size: clamp(26px, 3vw, 36px);\n }\n\n .story-shell {\n grid-template-columns: minmax(0, 1.15fr) minmax(280px, .85fr);\n align-items: center;\n gap: clamp(32px, 5vw, 64px);\n }\n\n .story-shell .story-image {\n aspect-ratio: 836 \/ 768;\n background: #f0f0f0;\n }\n\n .story-shell .story-image img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n object-position: center;\n }\n\n .story-connection { padding-top: 0; }\n .story-vent { padding-top: 0; }\n\n .supporting-features {\n margin-top: 35px;\n padding-top: 15px;\n }\n\n .field-details {\n border-top: 1px solid #dfe2e5;\n background: #f7f8f9;\n }\n\n .solo-section {\n padding-top: 30px;\n padding-bottom: 30px;\n border: 0;\n background: #1f2328;\n }\n\n .solo-inner {\n grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);\n gap: clamp(26px, 5vw, 60px);\n }\n\n .solo-visual {\n margin: 0;\n }\n\n .solo-visual img {\n display: block;\n width: 100%;\n height: auto;\n background: #4a4f54;\n }\n\n .solo-visual figcaption {\n margin-top: 5px;\n color: #c4c8cd;\n font-size: 10px;\n line-height: 1.45;\n }\n\n .solo-content h2 { color: #fff; }\n .solo-content p { color: #c4c8cd; }\n .solo-content .button { margin-top: 18px; }\n\n .contact-section { margin-top: 0; }\n\n .field-scene {\n width: 100%;\n margin: 0 0 38px;\n overflow: hidden;\n }\n\n .field-scene img {\n transition: transform 650ms cubic-bezier(.2,.7,.2,1);\n transform: scale(1);\n }\n\n [data-scroll-reveal] {\n transition:\n opacity 600ms cubic-bezier(.2,.7,.2,1),\n transform 600ms cubic-bezier(.2,.7,.2,1);\n transition-delay: var(--reveal-delay, 0ms);\n will-change: opacity, transform;\n }\n\n [data-scroll-reveal=\"text\"] {\n opacity: 1;\n transform: translateY(0);\n }\n\n [data-scroll-reveal=\"image\"] {\n opacity: 1;\n transform: translateY(0) scale(1);\n }\n\n .motion-ready [data-scroll-reveal=\"text\"]:not(.is-visible) {\n opacity: 0;\n transform: translateY(14px);\n }\n\n .motion-ready [data-scroll-reveal=\"image\"]:not(.is-visible) {\n opacity: 0;\n transform: translateY(10px) scale(1.03);\n }\n\n .motion-ready .field-scene img:not(.is-visible) {\n transform: scale(1.03);\n }\n\n .motion-ready .field-scene[data-scroll-reveal=\"image\"]:not(.is-visible) {\n transform: translateY(10px);\n }\n\n @media (prefers-reduced-motion: reduce) {\n [data-scroll-reveal],\n .field-scene img {\n opacity: 1 !important;\n transform: none !important;\n transition: none !important;\n will-change: auto;\n }\n }\n\n @media (max-width: 850px) {\n .story-shell { grid-template-columns: minmax(0, 1fr) minmax(230px, .82fr); }\n .story-connection { grid-template-columns: 1fr; }\n .story-connection .story-copy { max-width: 650px; }\n .connection-visuals,\n .vent-visuals { grid-template-columns: repeat(2, minmax(0, 1fr)); }\n .field-details-grid { gap: 36px; }\n .solo-inner { grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); }\n }\n\n @media (max-width: 620px) {\n .section { padding: 38px 18px; }\n .intro-section { padding-top: 32px; padding-bottom: 20px; }\n .intro-compact, .story, .field-details-grid { grid-template-columns: 1fr; }\n .intro-compact { gap: 13px; }\n .intro-compact .section-title { font-size: 28px; }\n .product-stories { padding-top: 22px; padding-bottom: 42px; }\n .story-heading { margin-bottom: 22px; }\n .story-heading .section-title { font-size: 30px; }\n .story-list { gap: 35px; }\n .story { gap: 15px; }\n .story-shell .story-image,\n .connection-detail { aspect-ratio: auto; }\n .story-shell .story-image img,\n .connection-detail img {\n display: block;\n width: 100%;\n height: auto;\n object-fit: contain;\n }\n .story-copy h3, .field-details h3 { font-size: 27px; }\n .story-connection { gap: 15px; }\n .connection-visuals,\n .vent-visuals { grid-template-columns: 1fr; gap: 18px; }\n .connection-detail { aspect-ratio: 1.55; }\n .connection-detail img {\n height: 100%;\n object-fit: cover;\n transform: scale(1.5);\n }\n .connection-detail:hover img { transform: scale(1.5); }\n .story-vent { gap: 15px; }\n .vent-context,\n .vent-detail { aspect-ratio: auto; }\n .vent-context img,\n .vent-detail img { height: auto; object-fit: contain; }\n .supporting-features { grid-template-columns: 1fr 1fr; gap: 14px 18px; margin-top: 29px; }\n .field-details { padding-top: 35px; padding-bottom: 38px; }\n .field-details-grid { gap: 30px; }\n .included-list { gap: 0 16px; }\n .solo-inner { grid-template-columns: 1fr; gap: 20px; }\n .solo-visual img { max-height: 280px; object-fit: cover; object-position: center 48%; }\n .solo-content .button { margin-top: 9px; }\n }\n\n .draft-bar { font-size: 12px; line-height: 1.5; }\n .brand-name span { font-size: 12px; }\n .nav-links a { font-size: 12px; }\n .eyebrow, .small-label { font-size: 12px; letter-spacing: .12em; }\n .section-copy, .story-copy p, .feature-card p { font-size: 15px; }\n .hero-media figcaption, figcaption, .image-caption,\n .field-scene figcaption, .solo-visual figcaption { font-size: 12px; line-height: 1.55; }\n .button { font-size: 13px; letter-spacing: .04em; }\n .port-list li { font-size: 13px; }\n .feature-index { font-size: 12px; }\n .supporting-features li { font-size: 13px; }\n .supporting-features strong { font-size: 16px; }\n .application-list li { font-size: 14px; }\n .application-list span { font-size: 13px; }\n .included-list li, .check-list li { font-size: 14px; }\n .setup-footnote { font-size: 13px; line-height: 1.65; }\n .use-list li span { font-size: 13px; }\n .contact-item { font-size: 13px; }\n .contact-item strong { font-size: 13px; }\n .form-note, .field label { font-size: 12px; line-height: 1.55; }\n .field input, .field textarea { font-size: 15px; }\n .md-footer p { font-size: 12px; line-height: 1.5; }\n\n body { background: #f7f8f9; }\n\n .product-stories {\n padding-top: 44px;\n padding-bottom: 46px;\n color: #fff;\n background: #1f2328;\n }\n\n .product-stories .section-title,\n .product-stories .story-copy h3,\n .product-stories .supporting-features strong { color: #fff; }\n\n .product-stories .story-copy p,\n .product-stories .story-heading .section-copy,\n .product-stories .supporting-features li { color: #d0d5da; }\n\n .product-stories .supporting-features { border-color: #454a50; }\n\n .product-stories .image-caption { color: #d0d5da; }\n\n .product-stories .supporting-features {\n gap: 30px;\n margin-top: 42px;\n padding: 34px 0 30px;\n border-top: 1px solid #454a50;\n border-bottom: 1px solid #454a50;\n }\n\n .product-stories .supporting-features li {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n gap: 10px;\n padding: 0;\n color: #d0d5da;\n font-size: 15px;\n line-height: 1.65;\n }\n\n .product-stories .supporting-features li::before { content: none; }\n\n .supporting-icon {\n width: 30px;\n height: 30px;\n color: #e80033;\n stroke: currentColor;\n stroke-linecap: round;\n stroke-linejoin: round;\n stroke-width: 1.5;\n fill: none;\n }\n\n .product-stories .supporting-features strong {\n margin: 0;\n font-size: 19px;\n line-height: 1.1;\n }\n\n .technical-details {\n padding-top: 42px;\n padding-bottom: 46px;\n background: #f7f8f9;\n }\n\n .technical-details .story-list { gap: 56px; }\n .technical-details .small-label { color: #e80033; }\n .technical-details .story-copy p:not(.small-label) { color: #4a4f54; }\n\n .technical-details .story-connection,\n .technical-details .story-vent {\n position: relative;\n }\n\n .technical-details .story-connection::before,\n .technical-details .story-vent::before {\n position: absolute;\n top: -18px;\n left: 0;\n width: 42px;\n height: 2px;\n background: #e80033;\n content: \"\";\n transition: opacity 650ms cubic-bezier(.2,.7,.2,1);\n }\n\n .motion-ready .technical-details .story-connection:not(.is-visible)::before,\n .motion-ready .technical-details .story-vent:not(.is-visible)::before {\n opacity: .25;\n }\n\n .technical-details .story-connection.is-visible::before,\n .technical-details .story-vent.is-visible::before {\n opacity: 1;\n }\n\n @media (prefers-reduced-motion: reduce) {\n .technical-details .story-connection::before,\n .technical-details .story-vent::before {\n opacity: 1 !important;\n transition: none !important;\n }\n }\n\n .vent-visuals figure {\n display: grid;\n grid-template-rows: auto 1fr;\n align-content: start;\n }\n\n .vent-visuals .image-caption { margin-top: 7px; }\n\n .field-scene {\n margin-bottom: 0;\n background: #f7f8f9;\n }\n\n .field-scene img {\n width: min(100%, 1844px);\n height: auto;\n margin-inline: auto;\n object-fit: contain;\n }\n\n .field-scene figcaption {\n max-width: 1844px;\n margin: 0 auto;\n padding: 9px 24px;\n color: #4a4f54;\n background: #f7f8f9;\n }\n\n .field-details {\n padding-top: 42px;\n padding-bottom: 48px;\n border-top: 0;\n background: #fff;\n }\n\n .configuration-details {\n display: grid;\n grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);\n align-items: start;\n gap: 30px clamp(32px, 5vw, 72px);\n max-width: none;\n margin: 0;\n padding: clamp(26px, 4vw, 52px);\n background: #f7f8f9;\n }\n\n .configuration-intro .small-label,\n .configuration-included .small-label { margin-bottom: 8px; }\n\n .configuration-intro h3 {\n margin: 0 0 12px;\n color: #1f2328;\n font-family: \"Rajdhani\", \"Arial Narrow\", sans-serif;\n font-size: clamp(25px, 2.7vw, 34px);\n font-weight: 700;\n line-height: 1.05;\n text-transform: uppercase;\n }\n\n .configuration-intro .section-copy {\n margin-bottom: 12px;\n color: #343a40;\n }\n\n .configuration-details .setup-footnote {\n margin: 16px 0 0;\n color: #4a4f54;\n }\n\n .configuration-included .included-list {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n gap: 14px 28px;\n margin: 15px 0 0;\n }\n\n .configuration-included .included-list li {\n display: grid;\n grid-template-columns: 24px minmax(0, 1fr);\n align-items: start;\n gap: 12px;\n padding: 5px 0;\n border: 0;\n color: #1f2328;\n font-size: 15px;\n line-height: 1.5;\n }\n\n .configuration-included .included-list li::before { content: none; }\n\n .included-icon {\n width: 23px;\n height: 23px;\n color: #e80033;\n stroke: currentColor;\n stroke-linecap: round;\n stroke-linejoin: round;\n stroke-width: 1.5;\n fill: none;\n }\n\n .configuration-options {\n grid-column: 1 \/ -1;\n margin: 0;\n padding: 15px 18px;\n border-top: 1px solid #d5d9dd;\n color: #343a40;\n background: rgba(255,255,255,.55);\n font-size: 13px;\n line-height: 1.6;\n }\n\n .configuration-options strong { color: #1f2328; }\n\n .contact-section { margin-top: 40px; }\n\n @media (max-width: 620px) {\n .applications-feature {\n grid-template-columns: minmax(0, 1fr);\n gap: 24px;\n }\n\n .configuration-details { margin-left: 0; }\n .configuration-details {\n grid-template-columns: minmax(0, 1fr);\n gap: 24px;\n padding: 24px 20px;\n }\n\n .configuration-included .included-list {\n grid-template-columns: minmax(0, 1fr);\n gap: 10px;\n }\n\n .configuration-options { padding: 13px 14px; }\n\n .product-stories {\n padding-top: 34px;\n padding-bottom: 36px;\n }\n\n .product-stories .supporting-features {\n grid-template-columns: minmax(0, 1fr);\n gap: 24px;\n margin-top: 30px;\n padding: 26px 0;\n }\n\n .product-stories .supporting-features li {\n display: grid;\n grid-template-columns: 30px minmax(0, 1fr);\n align-items: start;\n column-gap: 13px;\n row-gap: 4px;\n }\n\n .product-stories .supporting-features .supporting-icon {\n grid-row: span 2;\n }\n\n .product-stories .supporting-features strong { align-self: center; }\n\n .technical-details {\n padding-top: 32px;\n padding-bottom: 36px;\n }\n\n .technical-details .story-list { gap: 34px; }\n\n .vent-context,\n .vent-detail { aspect-ratio: .95; }\n\n .vent-context img,\n .vent-detail img {\n height: 100%;\n object-fit: cover;\n }\n\n .field-details {\n padding-top: 32px;\n padding-bottom: 38px;\n }\n\n .field-scene figcaption { padding: 9px 18px; }\n\n .contact-section { margin-top: 28px; }\n }\n\n .md-header {\n position: sticky;\n top: 0;\n z-index: 20;\n }\n\n .nav-wrap {\n position: relative;\n gap: clamp(18px, 2.4vw, 32px);\n }\n\n .brand {\n flex: 0 0 auto;\n }\n\n .brand-logo {\n display: block;\n width: clamp(150px, 15vw, 205px);\n height: auto;\n filter: invert(1);\n }\n\n .nav-links a {\n position: relative;\n padding: 10px 0;\n }\n\n .nav-links a::after {\n position: absolute;\n right: 0;\n bottom: 3px;\n left: 0;\n height: 2px;\n background: #e80033;\n content: \"\";\n transform: scaleX(0);\n transform-origin: left;\n transition: transform .2s ease;\n }\n\n .nav-links a:hover::after,\n .nav-links a.is-current::after {\n transform: scaleX(1);\n }\n\n .nav-actions {\n display: flex;\n align-items: center;\n gap: 10px;\n flex: 0 0 auto;\n }\n\n .nav-actions .nav-cta {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n padding: 9px 16px;\n border: 1px solid #fff;\n border-radius: 2px;\n color: #fff;\n background: transparent;\n font-family: \"Rajdhani\", \"Arial Narrow\", sans-serif;\n font-size: 14px;\n font-weight: 700;\n letter-spacing: .06em;\n line-height: 1;\n text-decoration: none;\n text-transform: uppercase;\n white-space: nowrap;\n transition: background-color .2s ease, border-color .2s ease;\n }\n\n .nav-actions .nav-cta:hover {\n border-color: #e80033;\n color: #fff;\n background: #e80033;\n }\n\n .nav-cta-arrow {\n display: block;\n width: 10px;\n height: 10px;\n flex: 0 0 auto;\n }\n\n .nav-actions .nav-cta:focus-visible {\n outline: 2px solid #fff;\n outline-offset: 3px;\n box-shadow: 0 0 0 6px #e80033;\n }\n\n .menu-toggle {\n display: none;\n align-items: center;\n gap: 8px;\n padding: 8px 0 8px 8px;\n border: 0;\n color: #fff;\n background: transparent;\n cursor: pointer;\n font-size: 11px;\n font-weight: 650;\n }\n\n .menu-icon {\n display: grid;\n gap: 4px;\n }\n\n .menu-icon span {\n display: block;\n width: 18px;\n height: 2px;\n background: currentColor;\n }\n\n .menu-toggle:focus-visible,\n .nav-links a:focus-visible,\n .nav-cta:focus-visible {\n outline: 2px solid #e80033;\n outline-offset: 4px;\n }\n\n #overview,\n #features,\n #applications,\n #configuration,\n #contact {\n scroll-margin-top: 88px;\n }\n\n @media (max-width: 850px) {\n .nav-wrap {\n flex-wrap: nowrap;\n min-height: 72px;\n padding: 0;\n }\n\n .nav-links {\n position: absolute;\n top: 100%;\n right: 0;\n left: 0;\n z-index: 1;\n display: none;\n width: auto;\n margin: 0;\n padding: 12px 18px 17px;\n background: #000;\n box-shadow: 0 14px 20px rgba(0,0,0,.24);\n }\n\n .nav-links.is-open {\n display: grid;\n gap: 0;\n }\n\n .nav-links li { width: 100%; }\n\n .nav-links a {\n display: block;\n padding: 12px 0;\n font-size: 13px;\n }\n\n .nav-links a::after { bottom: 5px; }\n\n .nav-actions { gap: 7px; }\n\n .nav-actions .nav-cta {\n gap: 7px;\n padding: 8px 12px;\n font-size: 13px;\n }\n\n .menu-toggle { display: inline-flex; }\n }\n\n @media (max-width: 420px) {\n .brand-logo { width: clamp(120px, 37vw, 145px); }\n .nav-actions .nav-cta { gap: 6px; padding: 7px 10px; font-size: 12px; }\n .menu-toggle { gap: 6px; font-size: 10px; }\n .menu-icon span { width: 16px; }\n }\n\n \/* Shogun \/ Shopify embed: break out of the theme's content column so the\n page runs full width like the MOS product page sections. *\/\n body { overflow-x: clip; }\n\n \/* Shogun can drop the .md-page wrapper, so each top-level block of the\n draft also breaks out on its own. *\/\n .md-page,\n .draft-bar,\n .draft-bar ~ .md-header,\n .draft-bar ~ main,\n .draft-bar ~ .md-footer {\n position: relative;\n left: 50%;\n width: 100vw;\n max-width: 100vw;\n margin-left: -50vw;\n margin-right: 0;\n }\n\n \/* Shogun's section\/row wrappers use overflow: hidden, which crops the\n breakout back to the theme column. Let every wrapper around the page\n overflow; body keeps overflow-x: clip so there's no sideways scroll. *\/\n :where(body *):has(.draft-bar),\n :where(body *):has(.md-page) {\n overflow: visible !important;\n contain: none !important;\n clip-path: none !important;\n }\n\n \/* The MOS theme's own h1\/span styles (Bebas Neue, smaller size, inline\n spans) override the hero title inside Shogun. Lock the title to the\n draft's sizing with ID-level selectors so the theme can't win. *\/\n \/* Fixed pixel sizes (not vw) so the title stays at the draft's size no\n matter how Shogun sizes the frame around it. The h1's inline style\n reads this variable. *\/\n :root { --md-hero-title-size: 64px; }\n\n @media (max-width: 1200px) { :root { --md-hero-title-size: 56px; } }\n @media (max-width: 1000px) { :root { --md-hero-title-size: 50px; } }\n @media (max-width: 850px) { :root { --md-hero-title-size: 44px; } }\n @media (max-width: 620px) { :root { --md-hero-title-size: 42px; } }\n @media (max-width: 400px) { :root { --md-hero-title-size: 38px; } }\n\n #hero-title {\n display: flex !important;\n flex-direction: column !important;\n align-items: flex-start !important;\n max-width: none !important;\n margin: 0 !important;\n padding: 0 !important;\n color: #fff !important;\n font-family: \"Rajdhani\", \"Arial Narrow\", sans-serif !important;\n font-size: var(--md-hero-title-size, 64px) !important;\n font-weight: 700 !important;\n letter-spacing: -.025em !important;\n line-height: 1.05 !important;\n text-transform: uppercase !important;\n }\n\n #hero-title \u003e span {\n display: block !important;\n margin: 0 !important;\n color: #e2e0d9 !important;\n font-family: inherit !important;\n font-weight: inherit !important;\n text-transform: inherit !important;\n }\n\n #hero-title \u003e .hero-title-line {\n font-size: 1em !important;\n letter-spacing: -.02em !important;\n line-height: 1.05 !important;\n }\n\n \/* Hero: title and statement on the left, content-draft copy on the\n right, a condensed crop of the panoramic render, then a Quick Deploy\n bar (setup times + mission button) overlapping the image's lower edge.\n No load animation: everything is visible on first view. *\/\n .hero {\n position: relative;\n display: block;\n min-height: 0;\n overflow: hidden;\n color: var(--white);\n background: #000;\n }\n\n .hero-inner {\n display: grid;\n grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);\n gap: 56px;\n align-items: end;\n width: min(var(--wide), calc(100% - 48px));\n max-width: none;\n margin: 0 auto;\n padding: clamp(40px, 4.5vw, 60px) 0 clamp(28px, 3vw, 40px);\n }\n\n .hero .eyebrow { color: #fff; }\n .hero .eyebrow::before { background: var(--accent); }\n\n .hero .hero-manifesto {\n margin: 18px 0 0;\n color: #e80033;\n font-family: \"Rajdhani\", \"Arial Narrow\", sans-serif;\n font-size: 24px;\n font-weight: 700;\n letter-spacing: .08em;\n line-height: 1.1;\n text-transform: uppercase;\n }\n\n .hero .hero-copy p {\n margin: 0 0 16px;\n color: #d3d7dc;\n font-size: 17px;\n line-height: 1.65;\n }\n .hero .hero-copy p:last-child { margin-bottom: 0; }\n\n \/* Condensed crop of the panorama: keeps the tent, both personnel, the\n vehicle and the helicopter, trims sky and foreground. *\/\n .hero-media {\n width: 100%;\n margin: 0;\n overflow: hidden;\n background: #000;\n }\n\n .hero-media img {\n display: block;\n width: 100%;\n max-width: none;\n height: auto;\n aspect-ratio: 1942 \/ 600;\n object-fit: cover;\n object-position: 50% 62%;\n }\n\n .hero-deploy {\n position: relative;\n z-index: 2;\n width: min(var(--wide), calc(100% - 48px));\n margin: -64px auto 0;\n }\n\n .hero-deploy-in {\n display: grid;\n grid-template-columns: auto minmax(0, 1fr) minmax(0, 1fr) auto;\n background: rgba(15, 17, 20, .94);\n border-top: 3px solid #e80033;\n box-shadow: 0 18px 40px rgba(0, 0, 0, .45);\n }\n\n .hero-deploy-in \u003e div {\n display: flex;\n align-items: center;\n gap: 16px;\n padding: 22px 26px;\n border-right: 1px solid rgba(255, 255, 255, .12);\n }\n .hero-deploy-in \u003e div:last-child { justify-content: center; border-right: 0; }\n\n .hero-deploy-title {\n display: flex;\n align-items: center;\n gap: 10px;\n margin: 0;\n color: #fff;\n font-size: 13px;\n font-weight: 700;\n letter-spacing: .22em;\n line-height: 1;\n text-transform: uppercase;\n white-space: nowrap;\n }\n .hero-deploy-title svg { width: 18px; height: 18px; flex: none; }\n\n .hero-time {\n font-family: \"Rajdhani\", \"Arial Narrow\", sans-serif;\n font-size: 40px;\n font-weight: 700;\n line-height: 1;\n white-space: nowrap;\n }\n .hero-time small { margin-left: 4px; font-size: .42em; letter-spacing: .1em; }\n .hero-step.l1 .hero-time { color: #c7a77f; }\n .hero-step.l2 .hero-time { color: #e80033; }\n .hero-step-name { color: #fff; font-size: 14px; font-weight: 600; line-height: 1.3; }\n\n .hero-deploy .button {\n min-height: 54px;\n padding: 15px 26px;\n font-size: 14px;\n }\n\n .hero-caption {\n width: min(var(--wide), calc(100% - 48px));\n margin: 0 auto;\n padding: 14px 0 clamp(30px, 3.6vw, 44px);\n color: #9da3a9;\n font-size: 12px;\n }\n\n @media (max-width: 980px) {\n .hero-inner { grid-template-columns: 1fr; gap: 22px; }\n }\n\n @media (max-width: 860px) {\n .hero-media img { aspect-ratio: 16 \/ 9; }\n .hero-deploy { width: 100%; margin-top: 0; }\n .hero-deploy-in { grid-template-columns: 1fr; }\n .hero-deploy-in \u003e div { padding: 18px 24px; border-right: 0; border-bottom: 1px solid rgba(255, 255, 255, .12); }\n .hero-deploy-in \u003e div:last-child { justify-content: flex-start; }\n }\n\n @media (max-width: 620px) {\n .hero-inner { width: calc(100% - 36px); padding: 28px 0 22px; }\n .hero .hero-manifesto { font-size: 22px; }\n .hero .hero-copy p { font-size: 16px; line-height: 1.6; }\n .hero-deploy-in \u003e div { padding: 16px 18px; }\n .hero-caption { width: calc(100% - 36px); padding-bottom: 28px; }\n .hero-deploy .button {\n width: 100%;\n min-height: 52px;\n padding: 14px 20px;\n justify-content: space-between;\n }\n }\n\n \/* Two-layer cutaway band, continuing the hero. *\/\n \/* Technical grid (matches the cutaway diagram) on a lifted near-black,\n so the band reads as its own section after the plain-black hero. *\/\n .layers-band {\n position: relative;\n color: #fff;\n background-color: #0a0c0e;\n background-image:\n linear-gradient(#1c2024 1px, transparent 1px),\n linear-gradient(90deg, #1c2024 1px, transparent 1px),\n linear-gradient(#121518 1px, transparent 1px),\n linear-gradient(90deg, #121518 1px, transparent 1px);\n background-size: 96px 96px, 96px 96px, 24px 24px, 24px 24px;\n background-position: center top;\n border-top: 1px solid #2a2e33;\n border-bottom: 1px solid #2a2e33;\n }\n .layers-band .container { position: relative; }\n .layers-band .container::before,\n .layers-band .container::after {\n position: absolute;\n width: 18px;\n height: 18px;\n border: 0 solid #e80033;\n content: \"\";\n }\n .layers-band .container::before { top: 24px; left: -14px; border-width: 2px 0 0 2px; }\n .layers-band .container::after { bottom: 24px; right: -14px; border-width: 0 2px 2px 0; }\n @media (max-width: 620px) {\n .layers-band .container::before { left: -8px; }\n .layers-band .container::after { right: -8px; }\n }\n\n \/* Same grid on Contact, so it doesn't run straight on from the\n SOLO section's identical dark grey. *\/\n .contact-section {\n background-image:\n linear-gradient(rgba(255,255,255,.06) 1px, transparent 1px),\n linear-gradient(90deg, rgba(255,255,255,.06) 1px, transparent 1px),\n linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),\n linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px) !important;\n background-size: 96px 96px, 96px 96px, 24px 24px, 24px 24px !important;\n background-position: center top !important;\n border-top: 1px solid #343a41;\n }\n .layers-band .container {\n width: min(var(--wide), calc(100% - 48px));\n margin: 0 auto;\n padding: clamp(48px, 6vw, 80px) 0;\n }\n .layers-band .eyebrow { color: #fff; }\n .layers-band .eyebrow::before { background: #e80033; }\n .layers-band h2 {\n margin: 0 0 12px;\n color: #fff;\n font-family: \"Rajdhani\", \"Arial Narrow\", sans-serif;\n font-family: \"Open Sans\", Arial, sans-serif;\n font-size: clamp(24px, 2.4vw, 30px);\n font-weight: 700;\n line-height: 1.2;\n letter-spacing: -.01em;\n }\n .layers-band .band-lede {\n max-width: 760px;\n margin: 0 0 40px;\n color: #d3d7dc;\n font-size: 18px;\n line-height: 1.55;\n }\n .layers-grid {\n display: grid;\n grid-template-columns: minmax(0, 1.35fr) minmax(300px, 1fr);\n gap: clamp(28px, 4vw, 56px);\n align-items: center;\n }\n .layers-grid svg { display: block; width: 100%; height: auto; }\n .layer-cards { margin: 0; padding: 0; list-style: none; display: grid; gap: 14px; }\n .layer-cards li {\n display: grid;\n grid-template-columns: 104px 1fr;\n gap: 18px;\n align-items: center;\n padding: 12px 16px 12px 12px;\n border: 1px solid #2a2e33;\n border-left: 3px solid var(--c, #2a2e33);\n background: #0d0f11;\n }\n .layer-cards img {\n display: block;\n width: 104px;\n height: 78px;\n object-fit: cover;\n }\n .layer-cards .tag {\n display: block;\n margin: 0 0 2px;\n color: var(--c, #fff);\n font-family: \"Rajdhani\", sans-serif;\n font-size: 13px;\n font-weight: 700;\n letter-spacing: .14em;\n text-transform: uppercase;\n }\n .layer-cards strong {\n display: block;\n color: #fff;\n font-family: \"Rajdhani\", sans-serif;\n font-size: 22px;\n line-height: 1.1;\n text-transform: uppercase;\n }\n .layer-cards p { margin: 4px 0 0; color: #c7cbd0; font-size: 14px; line-height: 1.45; }\n .thumb-zoom { display: block; width: 104px; height: 78px; overflow: hidden; position: relative; }\n .layer-cards .thumb-zoom img { position: absolute; width: 400px; height: auto; max-width: none; left: -85px; top: -95px; object-fit: fill; }\n @media (max-width: 620px) {\n .thumb-zoom { width: 84px; height: 64px; }\n .layer-cards .thumb-zoom img { width: 320px; left: -66px; top: -76px; }\n }\n .layer-cards .l1 { --c: #c7a77f; }\n .layer-cards .l2 { --c: #e80033; }\n .layer-cards .res { --c: #fff; }\n @media (max-width: 900px) {\n .layers-grid { grid-template-columns: 1fr; }\n }\n @media (max-width: 620px) {\n .layers-band .container { width: calc(100% - 36px); }\n .layers-band .band-lede { font-size: 16px; }\n .layer-cards li { grid-template-columns: 84px 1fr; gap: 14px; }\n .layer-cards img { width: 84px; height: 64px; }\n .layer-cards strong { font-size: 19px; }\n }\n\n \/* Cutaway diagram: signals travel in and stop at Layer 2. *\/\n .md-wave { animation: md-wave 2.4s ease-out infinite; transform-box: fill-box; }\n .md-wave.w2 { animation-delay: .8s; }\n .md-wave.w3 { animation-delay: 1.6s; }\n .md-wave-in { animation: md-wave-in 2.4s ease-out infinite; transform-box: fill-box; }\n .md-wave-in.w2 { animation-delay: .8s; }\n .md-block { animation: md-block 2.4s ease-in-out infinite; transform-box: fill-box; transform-origin: center; }\n .md-enclosure { stroke-dasharray: 1200; stroke-dashoffset: 1200; }\n .layers-band.in-view .md-enclosure { animation: md-trace 1.4s cubic-bezier(.65,0,.35,1) forwards; }\n @keyframes md-wave {\n 0% { opacity: 0; transform: translateX(-10px); }\n 20% { opacity: 1; }\n 100% { opacity: 0; transform: translateX(46px); }\n }\n @keyframes md-wave-in {\n 0% { opacity: 0; transform: translateX(-12px); }\n 35% { opacity: .55; }\n 100% { opacity: 0; transform: translateX(28px); }\n }\n @keyframes md-block {\n 0%, 60%, 100% { opacity: .35; transform: scale(.85); }\n 75% { opacity: 1; transform: scale(1.15); }\n }\n @keyframes md-trace { to { stroke-dashoffset: 0; } }\n\n\n @media (prefers-reduced-motion: reduce) {\n .md-wave, .md-wave-in, .md-block, .layers-band .md-enclosure {\n animation: none !important;\n }\n .md-enclosure { stroke-dashoffset: 0; }\n }\n\n \/* Features as a close-up of Layer 2: marker, photo + index, three\n construction drawings, spec tiles. *\/\n .cs-section {\n background-color: #1f2328;\n background-image:\n linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px),\n linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px),\n linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px),\n linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px);\n background-size: 96px 96px, 96px 96px, 24px 24px, 24px 24px;\n background-position: center top;\n }\n .cs-section .container { width: min(var(--wide), 100%); }\n\n .cs-head {\n display: grid;\n grid-template-columns: minmax(0, 1fr) auto;\n gap: 24px 48px;\n align-items: end;\n margin-bottom: 36px;\n }\n .cs-head .section-copy { max-width: 620px; margin: 12px 0 0; color: #c7cbd0; }\n\n .cs-marker {\n display: flex;\n align-items: center;\n gap: 14px;\n padding: 12px 16px 12px 12px;\n border: 1px solid #343a41;\n border-left: 3px solid #e80033;\n color: #fff;\n background: rgba(0,0,0,.35);\n text-decoration: none;\n }\n .cs-marker svg { width: 78px; height: auto; flex: none; }\n .cs-marker strong { display: block; font-family: \"Rajdhani\", sans-serif; font-size: 17px; line-height: 1.1; text-transform: uppercase; }\n .cs-marker:hover { border-color: #e80033; }\n .cs-marker-box { animation: cs-pulse 2.6s ease-in-out infinite; }\n\n .cs-tag {\n display: inline-block;\n margin-bottom: 3px;\n color: #e80033;\n font-family: \"Rajdhani\", sans-serif;\n font-size: 12px;\n font-weight: 700;\n letter-spacing: .14em;\n text-transform: uppercase;\n }\n\n .cs-intro {\n display: grid;\n grid-template-columns: minmax(0, 1.25fr) minmax(260px, 1fr);\n gap: clamp(24px, 4vw, 56px);\n align-items: center;\n }\n .cs-photo { margin: 0; }\n .cs-photo img { display: block; width: 100%; height: auto; aspect-ratio: 1.48; object-fit: cover; object-position: 50% 45%; }\n .cs-intro-copy h3 {\n margin: 6px 0 22px;\n color: #fff;\n font-family: \"Rajdhani\", sans-serif;\n font-size: clamp(26px, 2.6vw, 34px);\n line-height: 1.05;\n text-transform: uppercase;\n }\n .cs-index { margin: 0; padding: 0; list-style: none; border-top: 1px solid #343a41; }\n .cs-index li {\n display: flex;\n align-items: baseline;\n gap: 14px;\n padding: 12px 0;\n border-bottom: 1px solid #343a41;\n color: #fff;\n font-family: \"Rajdhani\", sans-serif;\n font-size: 22px;\n font-weight: 700;\n text-transform: uppercase;\n }\n .cs-index span { color: #e80033; font-size: 15px; letter-spacing: .1em; }\n\n .cs-panels {\n display: grid;\n grid-template-columns: repeat(3, minmax(0, 1fr));\n gap: 18px;\n margin-top: 40px;\n }\n .cs-panel {\n position: relative;\n padding: 18px 20px 22px;\n border: 1px solid #343a41;\n background: rgba(10,12,14,.72);\n }\n .cs-panel::before {\n position: absolute;\n top: -1px;\n left: -1px;\n width: 16px;\n height: 16px;\n border: 0 solid #e80033;\n border-width: 2px 0 0 2px;\n content: \"\";\n }\n .cs-fig { display: block; width: 100%; height: auto; margin-bottom: 14px; background: #0a0c0e; }\n .cs-num { margin: 0 0 2px; color: #9da3a9; font-family: \"Rajdhani\", sans-serif; font-size: 14px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }\n .cs-num span { color: #e80033; }\n .cs-panel h4 { margin: 0 0 8px; color: #fff; font-family: \"Rajdhani\", sans-serif; font-size: 22px; line-height: 1.1; text-transform: uppercase; }\n .cs-panel \u003e p:last-child { margin: 0; color: #c7cbd0; font-size: 15px; line-height: 1.55; }\n\n .cs-specs {\n display: grid;\n grid-template-columns: repeat(3, minmax(0, 1fr));\n gap: 18px;\n margin: 18px 0 0;\n padding: 0;\n list-style: none;\n }\n .cs-specs li {\n display: grid;\n grid-template-columns: 34px minmax(0, 1fr);\n column-gap: 14px;\n padding: 18px 20px;\n border: 1px solid #343a41;\n border-left: 3px solid #e80033;\n background: rgba(10,12,14,.5);\n }\n .cs-specs .supporting-icon {\n grid-row: span 3;\n width: 30px;\n height: 30px;\n fill: none;\n stroke: #e80033;\n stroke-width: 1.6;\n stroke-linecap: round;\n stroke-linejoin: round;\n transition: transform .3s ease;\n }\n .cs-specs li:hover .supporting-icon { transform: translateY(-2px) rotate(-6deg); }\n .cs-specs strong { color: #fff; font-family: \"Rajdhani\", sans-serif; font-size: 19px; text-transform: uppercase; }\n .cs-spec-text { color: #c7cbd0; font-size: 14px; line-height: 1.5; }\n\n \/* Motion. Shell: plies spread apart. Seams: waves pass the stitched\n seam, stop at the taped one. Door: edges close, magnets light 1-2-3. *\/\n .cs-ply { transition: transform 900ms cubic-bezier(.2,.7,.2,1); }\n .cs-panel.in-view .cs-ply.p1 { transform: translateY(-30px); }\n .cs-panel.in-view .cs-ply.p2 { transform: translateY(-4px); }\n .cs-shell-label { opacity: 0; transition: opacity .5s ease .7s; }\n .cs-panel.in-view .cs-shell-label { opacity: 1; }\n\n .cs-leak path, .cs-hold path { opacity: 0; }\n .cs-panel.in-view .cs-leak path { animation: cs-leak 2.6s ease-out infinite; }\n .cs-panel.in-view .cs-leak path:nth-child(2) { animation-delay: .35s; }\n .cs-panel.in-view .cs-leak path:nth-child(3) { animation-delay: .7s; }\n .cs-panel.in-view .cs-hold path { animation: cs-hold 2.6s ease-out infinite; }\n .cs-panel.in-view .cs-hold path:nth-child(2) { animation-delay: .35s; }\n .cs-stop { opacity: .25; }\n .cs-panel.in-view .cs-stop { animation: cs-stop 2.6s ease-in-out infinite; }\n\n .cs-edge-l, .cs-edge-r { transition: transform 900ms cubic-bezier(.65,0,.35,1); }\n .cs-edge-l { transform: translateX(-26px); }\n .cs-edge-r { transform: translateX(26px); }\n .cs-panel.in-view .cs-edge-l, .cs-panel.in-view .cs-edge-r { transform: none; }\n .cs-mag-glow rect { opacity: 0; transition: opacity .3s ease; }\n .cs-panel.in-view .cs-mag-glow .m1 { opacity: 1; transition-delay: 1.0s; }\n .cs-panel.in-view .cs-mag-glow .m2 { opacity: 1; transition-delay: 1.25s; }\n .cs-panel.in-view .cs-mag-glow .m3 { opacity: 1; transition-delay: 1.5s; }\n .cs-sealed { opacity: 0; transition: opacity .4s ease 1.8s; }\n .cs-panel.in-view .cs-sealed { opacity: 1; }\n\n @keyframes cs-pulse { 0%, 100% { stroke-opacity: 1; } 50% { stroke-opacity: .45; } }\n @keyframes cs-leak {\n 0% { opacity: 0; transform: translateX(-14px); }\n 25% { opacity: 1; }\n 100% { opacity: 0; transform: translateX(16px); }\n }\n @keyframes cs-hold {\n 0% { opacity: 0; transform: translateX(-8px); }\n 40% { opacity: 1; transform: translateX(4px); }\n 60%, 100% { opacity: 0; transform: translateX(6px); }\n }\n @keyframes cs-stop { 0%, 30%, 100% { opacity: .25; } 45% { opacity: 1; } }\n\n @media (max-width: 980px) {\n .cs-panels, .cs-specs { grid-template-columns: 1fr; }\n .cs-panel { display: grid; grid-template-columns: minmax(0, 220px) minmax(0, 1fr); column-gap: 20px; align-items: start; }\n .cs-panel .cs-fig { grid-row: span 3; margin: 0; }\n }\n @media (max-width: 850px) {\n .cs-head, .cs-intro { grid-template-columns: 1fr; }\n .cs-marker { justify-self: start; }\n }\n @media (max-width: 620px) {\n .cs-panel { display: block; }\n .cs-panel .cs-fig { margin-bottom: 14px; }\n }\n\n @media (prefers-reduced-motion: reduce) {\n .cs-section *, .cs-section *::before { animation: none !important; transition: none !important; }\n .cs-ply.p1 { transform: translateY(-30px); }\n .cs-ply.p2 { transform: translateY(-4px); }\n .cs-shell-label, .cs-mag-glow rect, .cs-sealed { opacity: 1; }\n .cs-edge-l, .cs-edge-r { transform: none; }\n .cs-leak path:first-child, .cs-hold path:first-child { opacity: .8; }\n .cs-stop { opacity: 1; }\n }\n\n \/* Lower page: alternates Overland(ish) \"shelter\" sections (sand, topo\n contours, tan) with Mission Darkness \"shielding\" sections (dark grid,\n red), echoing the two layers. *\/\n :root {\n --fx-sand: #efe8dc;\n --fx-sand-2: #e5dccb;\n --fx-tan: #c7a77f;\n --fx-tan-ink: #7a5f3c;\n --fx-ink: #1d2024;\n --fx-ink-soft: #4a4f55;\n --fx-red: #e80033;\n --fx-red-ink: #c9002b;\n --fx-line-dark: #343a41;\n }\n\n .fx-sand {\n color: var(--fx-ink);\n background-color: var(--fx-sand);\n border-top: 1px solid #d8cdb9;\n }\n .fx-dark {\n color: #fff;\n background-color: #1f2328;\n background-image: none;\n }\n .fx-sand .container, .fx-dark .container { width: min(var(--wide), 100%); margin: 0 auto; }\n\n .fx-label {\n display: flex;\n align-items: center;\n gap: 10px;\n margin: 0 0 10px;\n color: var(--fx-red-ink);\n font-size: 12px;\n font-weight: 800;\n letter-spacing: .12em;\n text-transform: uppercase;\n }\n .fx-idx {\n display: inline-grid;\n place-items: center;\n min-width: 30px;\n height: 22px;\n padding: 0 6px;\n border: 1px solid var(--fx-tan-ink);\n color: var(--fx-tan-ink);\n font-family: \"Rajdhani\", sans-serif;\n font-size: 13px;\n letter-spacing: .06em;\n }\n .fx-h3 {\n margin: 0 0 14px;\n font-family: \"Rajdhani\", \"Arial Narrow\", sans-serif;\n font-size: clamp(28px, 3vw, 38px);\n font-weight: 700;\n line-height: 1.02;\n text-transform: uppercase;\n }\n .fx-p { margin: 0 0 14px; font-size: 16px; line-height: 1.6; }\n .fx-sand .fx-p { color: var(--fx-ink-soft); }\n .fx-dark .fx-p { color: #c7cbd0; }\n\n \/* Framed images: corner marks in tan (shelter) or red (shielding). *\/\n .fx-frame { position: relative; margin: 0; }\n .fx-frame::before, .fx-frame::after {\n position: absolute;\n z-index: 2;\n width: 18px;\n height: 18px;\n border: 0 solid var(--fx-tan-ink);\n pointer-events: none;\n content: \"\";\n }\n .fx-frame::before { top: -7px; left: -7px; border-width: 2px 0 0 2px; }\n .fx-frame::after { right: -7px; bottom: 22px; border-width: 0 2px 2px 0; }\n .fx-frame-dark::before, .fx-frame-dark::after { border-color: var(--fx-red); }\n .fx-frame-tan::before, .fx-frame-tan::after { border-color: var(--fx-tan); }\n .fx-img { overflow: hidden; background: #111; }\n .fx-img img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .8s cubic-bezier(.2,.7,.2,1); }\n .fx-frame figcaption { margin-top: 8px; font-size: 12px; line-height: 1.5; }\n .fx-sand figcaption { color: var(--fx-ink-soft); }\n .fx-dark figcaption, .fx-solo figcaption { color: #9da3a9; }\n\n \/* Connections + ventilation *\/\n .fx-row {\n display: grid;\n grid-template-columns: minmax(280px, .8fr) minmax(0, 1.2fr);\n gap: clamp(28px, 5vw, 72px);\n align-items: center;\n }\n .fx-row + .fx-row { margin-top: clamp(48px, 6vw, 80px); padding-top: clamp(48px, 6vw, 80px); border-top: 1px solid #d3c7b1; }\n .fx-frame-wide .fx-img { aspect-ratio: 1.55; }\n .fx-zoom img { object-position: 54% 43%; transform-origin: 54% 43%; }\n .fx-zoom:hover img { transform: scale(1.35); }\n .fx-ports { display: flex; flex-wrap: wrap; gap: 10px; margin: 18px 0 0; padding: 0; list-style: none; }\n .fx-ports li {\n display: flex;\n align-items: center;\n gap: 9px;\n padding: 10px 14px 10px 10px;\n border: 1px solid #cdbfa6;\n border-left: 3px solid var(--fx-red);\n background: rgba(255,255,255,.55);\n font-size: 13px;\n font-weight: 800;\n letter-spacing: .04em;\n text-transform: uppercase;\n }\n .fx-ports svg, .fx-uses svg, .fx-kit svg, .fx-prep svg, .fx-time svg {\n flex: none;\n fill: none;\n stroke: currentColor;\n stroke-width: 1.6;\n stroke-linecap: round;\n stroke-linejoin: round;\n }\n .fx-ports svg { width: 22px; height: 22px; color: var(--fx-red-ink); }\n\n .fx-pair { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }\n .fx-tall { aspect-ratio: .95; }\n .fx-airflow { display: block; width: 100%; max-width: 420px; height: auto; margin-top: 10px; }\n .fx-air path { opacity: .9; }\n .fx-rf path { opacity: .8; }\n\n \/* Applications *\/\n .fx-apps-grid {\n display: grid;\n grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);\n gap: clamp(28px, 5vw, 72px);\n align-items: center;\n }\n .fx-portrait { aspect-ratio: .92; }\n .fx-apps .section-title { color: #fff; }\n .fx-uses { margin: 22px 0 0; padding: 0; list-style: none; counter-reset: fxu; }\n .fx-uses li {\n display: grid;\n grid-template-columns: 34px 40px minmax(0, 1fr);\n gap: 0 12px;\n align-items: center;\n padding: 14px 12px 14px 0;\n border-top: 1px solid var(--fx-line-dark);\n counter-increment: fxu;\n transition: background .25s ease;\n }\n .fx-uses li:last-child { border-bottom: 1px solid var(--fx-line-dark); }\n .fx-uses li::before {\n color: var(--fx-red);\n font-family: \"Rajdhani\", sans-serif;\n font-size: 14px;\n font-weight: 700;\n letter-spacing: .1em;\n content: counter(fxu, decimal-leading-zero);\n }\n .fx-uses svg { width: 28px; height: 28px; color: #d3d7dc; transition: color .25s ease; }\n .fx-uses strong { display: block; color: #fff; font-family: \"Rajdhani\", sans-serif; font-size: 20px; line-height: 1.15; text-transform: uppercase; }\n .fx-uses span { display: block; margin-top: 2px; color: #b9bec4; font-size: 14px; line-height: 1.45; }\n .fx-uses li:hover { background: linear-gradient(90deg, rgba(232,0,51,.10), transparent 70%); }\n .fx-uses li:hover svg { color: var(--fx-red); }\n\n \/* Configuration *\/\n .fx-config-grid {\n display: grid;\n grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);\n gap: clamp(28px, 5vw, 72px);\n align-items: start;\n }\n .fx-time {\n display: flex;\n align-items: center;\n gap: 12px;\n padding: 12px 14px;\n border: 1px solid #cdbfa6;\n border-left: 3px solid var(--fx-tan-ink);\n background: rgba(255,255,255,.55);\n }\n .fx-time svg { width: 30px; height: 30px; color: var(--fx-tan-ink); }\n .fx-time strong { color: var(--fx-ink); font-weight: 800; }\n .fx-foot { margin: 14px 0 0; color: #6b6f74; font-size: 12px; line-height: 1.5; font-style: italic; }\n .fx-kit {\n display: grid;\n grid-template-columns: repeat(2, minmax(0, 1fr));\n gap: 12px;\n margin: 0;\n padding: 0;\n list-style: none;\n counter-reset: fxk;\n }\n .fx-kit li {\n position: relative;\n display: grid;\n grid-template-columns: 42px minmax(0, 1fr);\n gap: 12px;\n align-items: center;\n min-height: 84px;\n padding: 14px 16px 14px 14px;\n border: 1px solid #cdbfa6;\n background: rgba(255,255,255,.6);\n counter-increment: fxk;\n font-size: 14px;\n font-weight: 700;\n line-height: 1.4;\n }\n .fx-kit li::after {\n position: absolute;\n top: 6px;\n right: 8px;\n color: var(--fx-tan-ink);\n font-family: \"Rajdhani\", sans-serif;\n font-size: 12px;\n font-weight: 700;\n letter-spacing: .1em;\n content: counter(fxk, decimal-leading-zero);\n }\n .fx-kit svg {\n width: 42px;\n height: 42px;\n padding: 8px;\n border-radius: 50%;\n color: #fff;\n background: var(--fx-ink);\n }\n .fx-kit li:first-child svg { background: var(--fx-red); }\n .fx-options {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n gap: 10px 14px;\n margin-top: 28px;\n padding: 16px 18px;\n border: 1px dashed var(--fx-tan-ink);\n font-size: 14px;\n }\n .fx-options strong { font-weight: 800; }\n .fx-options ul { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; }\n .fx-options li {\n padding: 6px 12px;\n border-radius: 999px;\n color: #fff;\n background: var(--fx-ink);\n font-size: 13px;\n font-weight: 600;\n }\n\n \/* SOLO: Overland(ish) forward *\/\n .fx-solo {\n position: relative;\n padding: clamp(56px, 7vw, 96px) 24px;\n color: #fff;\n background-color: #22251f;\n }\n .fx-solo-inner {\n width: min(var(--wide), 100%);\n margin: 0 auto;\n display: grid;\n grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);\n gap: clamp(28px, 5vw, 64px);\n align-items: center;\n }\n .fx-solo-img { aspect-ratio: 1.15; }\n .fx-solo-copy h2 {\n margin: 0 0 16px;\n color: #fff;\n font-family: \"Rajdhani\", \"Arial Narrow\", sans-serif;\n font-size: clamp(32px, 3.6vw, 46px);\n font-weight: 700;\n line-height: 1.02;\n text-transform: uppercase;\n }\n .fx-solo-copy h2::before {\n display: block;\n width: 56px;\n height: 3px;\n margin-bottom: 18px;\n background: linear-gradient(90deg, var(--fx-tan) 50%, var(--fx-red) 50%);\n content: \"\";\n }\n .fx-solo-copy p { margin: 0 0 24px; color: #d6d2c8; font-size: 16px; line-height: 1.65; }\n .fx-solo .button.fx-btn-tan { border-color: var(--fx-tan); color: #1d2024; background: var(--fx-tan); }\n .fx-solo .button.fx-btn-tan:hover { border-color: #e0c49c; color: #1d2024; background: #e0c49c; }\n\n \/* Contact *\/\n .fx-contact-grid {\n display: grid;\n grid-template-columns: minmax(0, 1.1fr) minmax(320px, .9fr);\n gap: clamp(28px, 5vw, 72px);\n align-items: start;\n }\n .fx-contact .section-title { color: #fff; }\n .fx-contact.contact-section { margin-top: 0; background-image: none !important; }\n .fx-prep { display: grid; gap: 12px; margin-top: 24px; }\n .fx-prep-item {\n display: grid;\n grid-template-columns: 40px minmax(0, 1fr);\n gap: 14px;\n padding: 16px 18px 16px 14px;\n border: 1px solid var(--fx-line-dark);\n border-left: 3px solid var(--fx-tan);\n background: rgba(10,12,14,.45);\n color: #c7cbd0;\n font-size: 14px;\n line-height: 1.55;\n }\n .fx-prep-item svg { width: 30px; height: 30px; color: var(--fx-tan); }\n .fx-prep-item strong { display: block; margin-bottom: 3px; color: #fff; font-family: \"Rajdhani\", sans-serif; font-size: 19px; text-transform: uppercase; }\n .fx-form {\n position: relative;\n padding: 26px;\n border: 1px solid var(--fx-line-dark);\n color: #fff;\n background: #0d0f11;\n }\n .fx-form::before, .fx-form::after {\n position: absolute;\n width: 18px;\n height: 18px;\n border: 0 solid var(--fx-red);\n content: \"\";\n }\n .fx-form::before { top: -1px; left: -1px; border-width: 2px 0 0 2px; }\n .fx-form::after { right: -1px; bottom: -1px; border-width: 0 2px 2px 0; }\n .fx-form h3 { margin: 0 0 6px; font-family: \"Rajdhani\", sans-serif; font-size: 26px; text-transform: uppercase; }\n .fx-form-note { margin: 0 0 18px; color: #9da3a9; font-size: 12px; line-height: 1.5; }\n .fx-field { margin-bottom: 14px; }\n .fx-field label { display: block; margin-bottom: 6px; color: #d3d7dc; font-size: 12px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }\n .fx-field input, .fx-field textarea {\n width: 100%;\n padding: 12px 14px;\n border: 1px solid #3a3f45;\n border-radius: 0;\n color: #fff;\n background: #16191d;\n font: inherit;\n font-size: 15px;\n }\n .fx-field textarea { min-height: 120px; resize: vertical; }\n .fx-field input:focus, .fx-field textarea:focus { outline: none; border-color: var(--fx-red); box-shadow: 0 0 0 3px rgba(232,0,51,.2); }\n .fx-form .button { width: 100%; justify-content: space-between; }\n .fx-form .form-status { margin: 12px 0 0; color: #d3d7dc; font-size: 13px; }\n\n \/* Footer: tan + red hairline, the two layers. *\/\n .fx-footer { position: relative; }\n .fx-footer::before {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 3px;\n background: linear-gradient(90deg, var(--fx-tan) 0 50%, var(--fx-red) 50% 100%);\n content: \"\";\n }\n\n \/* Motion: fade up on view; airflow arrows pass the vent, RF waves stop. *\/\n [data-fx] { transition: opacity .7s cubic-bezier(.2,.7,.2,1), transform .7s cubic-bezier(.2,.7,.2,1); }\n .fx-ready [data-fx]:not(.fx-in) { opacity: 0; transform: translateY(18px); }\n .fx-air path { animation: fx-air 2.2s linear infinite; }\n .fx-air .a2 { animation-delay: .35s; }\n .fx-air .a3 { animation-delay: .7s; }\n .fx-air-out path { animation-delay: 1.1s; }\n .fx-air-out .a2 { animation-delay: 1.45s; }\n .fx-air-out .a3 { animation-delay: 1.8s; }\n .fx-rf path { animation: fx-rf 2.2s ease-out infinite; }\n .fx-rf .r2 { animation-delay: .4s; }\n @keyframes fx-air {\n 0% { opacity: 0; transform: translateX(-16px); }\n 30%, 70% { opacity: .9; }\n 100% { opacity: 0; transform: translateX(16px); }\n }\n @keyframes fx-rf {\n 0% { opacity: 0; transform: translateX(-18px); }\n 50% { opacity: .9; }\n 100% { opacity: 0; transform: translateX(4px); }\n }\n\n @media (max-width: 980px) {\n .fx-row, .fx-apps-grid, .fx-config-grid, .fx-solo-inner, .fx-contact-grid { grid-template-columns: 1fr; }\n .fx-portrait { aspect-ratio: 1.3; }\n }\n @media (max-width: 620px) {\n .fx-solo { padding: 52px 18px; }\n .fx-pair { grid-template-columns: 1fr; }\n .fx-kit { grid-template-columns: 1fr; }\n .fx-uses li { grid-template-columns: 28px 32px minmax(0, 1fr); }\n .fx-uses svg { width: 24px; height: 24px; }\n .fx-form { padding: 20px; }\n }\n\n @media (prefers-reduced-motion: reduce) {\n [data-fx] { transition: none !important; opacity: 1 !important; transform: none !important; }\n .fx-air path, .fx-rf path { animation: none !important; opacity: .9; }\n .fx-zoom:hover img { transform: none; }\n }\n \/* installed + standalone views in Features. *\/\n .cs-views { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 16px; align-items: start; }\n .cs-views .cs-photo:first-child img { aspect-ratio: 1; height: auto; object-position: 42% 50%; }\n .cs-studio-card {\n position: relative;\n aspect-ratio: 1;\n padding: 14px;\n background: #fff;\n }\n .cs-studio-card img { width: 100%; height: 100%; object-fit: contain; }\n .cs-studio-card::before, .cs-studio-card::after {\n position: absolute;\n width: 16px;\n height: 16px;\n border: 0 solid #e80033;\n content: \"\";\n }\n .cs-studio-card::before { top: -6px; left: -6px; border-width: 2px 0 0 2px; }\n .cs-studio-card::after { right: -6px; bottom: -6px; border-width: 0 2px 2px 0; }\n .cs-intro { grid-template-columns: minmax(0, 1.6fr) minmax(240px, .8fr); }\n\n \/* 100% customizable stat, styled after the MOS tent page tiles. *\/\n .fx-options-row { display: grid; grid-template-columns: minmax(0, 1fr) 260px; gap: 16px; margin-top: 28px; align-items: stretch; }\n .fx-options-row .fx-options { margin-top: 0; }\n .fx-stat {\n padding: 16px 20px;\n border: 1px solid #343a41;\n color: #fff;\n background: #1d2024;\n }\n .fx-stat p { margin: 0; }\n .fx-stat-num { color: #fff; font-family: \"Rajdhani\", \"Arial Narrow\", sans-serif; font-size: 52px; font-weight: 700; line-height: 1; }\n .fx-stat-num span { color: #e80033; }\n .fx-stat-label { margin-top: 8px !important; color: #fff; font-size: 11px; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; }\n .fx-stat-text { margin-top: 4px !important; color: #c7cbd0; font-size: 13px; }\n @media (max-width: 980px) {\n .cs-intro { grid-template-columns: 1fr; }\n .fx-options-row { grid-template-columns: 1fr; }\n }\n @media (max-width: 620px) {\n .cs-views { grid-template-columns: 1fr; }\n }\n\n \/* New images: support straps in Installation; workspace photo leads Applications. *\/\n .fx-straps { max-width: 340px; margin-top: 22px; }\n .fx-straps .fx-img { aspect-ratio: 1; background: #fff; }\n .fx-straps .fx-img img { object-fit: contain; }\n .fx-apps-media { display: grid; gap: 28px; }\n .fx-wide { aspect-ratio: 1.5; }\n .fx-apps-second { width: 62%; justify-self: end; }\n .fx-apps-second .fx-wide { aspect-ratio: 1.6; }\n .fx-apps-second img { object-position: 50% 40%; }\n @media (max-width: 620px) {\n .fx-straps { max-width: none; }\n .fx-apps-second { width: 100%; }\n }\n \/* Corner marks sit top-left \/ top-right so two-line captions never collide. *\/\n .fx-frame::after { top: -7px; right: -7px; bottom: auto; border-width: 2px 2px 0 0; }\n\n \/* Layer 1 thumbnail: Basecamp interior, cropped to the lit windows. *\/\n \/* Larger thumbnails so each layer reads at a glance. *\/\n .layer-cards li { grid-template-columns: 150px 1fr; }\n .layer-cards img, .thumb-zoom { width: 150px; height: 112px; }\n .layer-cards .thumb-zoom img { width: 577px; height: auto; left: -123px; top: -137px; }\n .layer-cards .thumb-l1 img { width: 333px; left: -100px; top: -37px; }\n @media (max-width: 620px) {\n .layer-cards li { grid-template-columns: 110px 1fr; }\n .layer-cards img, .thumb-zoom { width: 110px; height: 82px; }\n .layer-cards .thumb-zoom img { width: 423px; left: -90px; top: -100px; }\n .layer-cards .thumb-l1 img { width: 244px; left: -73px; top: -27px; }\n }\n\n \/* Installation: options + 100% tile sit under the kit list; no dashed box. *\/\n .fx-config { padding-top: clamp(48px, 5vw, 72px); padding-bottom: clamp(48px, 5vw, 72px); }\n .fx-config-grid { align-items: start; }\n .fx-straps { max-width: 280px; margin-top: 18px; }\n .fx-kit-wrap .fx-options-row { grid-template-columns: minmax(0, 1fr) 200px; gap: 12px; margin-top: 12px; }\n .fx-kit-wrap .fx-options {\n flex-direction: column;\n align-items: flex-start;\n gap: 10px;\n margin: 0;\n padding: 14px 16px;\n border: 1px solid #cdbfa6;\n background: rgba(255,255,255,.6);\n }\n .fx-kit-wrap .fx-options ul { gap: 6px; }\n .fx-kit-wrap .fx-options li { padding: 5px 10px; font-size: 12px; }\n .fx-kit-wrap .fx-stat { display: flex; flex-direction: column; justify-content: center; padding: 14px 18px; }\n .fx-kit-wrap .fx-stat-num { font-size: 44px; }\n @media (max-width: 620px) {\n .fx-kit-wrap .fx-options-row { grid-template-columns: 1fr; }\n }\n\n \/* Phones: keep the menu on screen and shorten the scroll. Image pairs sit\n side by side, the Features index (repeated by the panels) is hidden,\n and kit tiles are compact. Desktop is unaffected. *\/\n @media (max-width: 620px) {\n .nav-actions .nav-cta { display: none !important; }\n\n \/* Diagram labels shrink to ~6px here; the layer cards below name each\n layer in the same colors, so show the drawing only. *\/\n .layers-grid svg text,\n .layers-grid svg g[font-family=\"Rajdhani\"] { display: none; }\n\n .cs-intro { gap: 0; }\n .cs-views { grid-template-columns: 1fr 1fr !important; gap: 10px; }\n .cs-views .cs-photo:first-child img { aspect-ratio: 1; }\n .cs-studio-card { padding: 6px; }\n .cs-studio-card::before, .cs-studio-card::after { display: none; }\n .cs-views .image-caption { font-size: 11px; line-height: 1.4; }\n .cs-index { display: none; }\n\n .fx-pair { grid-template-columns: 1fr 1fr !important; gap: 10px; }\n .fx-pair .fx-tall { aspect-ratio: .85; }\n .fx-apps-media { grid-template-columns: 1fr 1fr; gap: 10px; }\n .fx-apps-media .fx-apps-second { width: 100%; }\n .fx-apps-media .fx-wide { aspect-ratio: 1; }\n .fx-pair figcaption, .fx-apps-media figcaption { font-size: 11px; line-height: 1.4; }\n .fx-pair .fx-frame::before, .fx-pair .fx-frame::after,\n .fx-apps-media .fx-frame::before, .fx-apps-media .fx-frame::after { display: none; }\n\n .fx-straps { max-width: 220px; }\n .fx-kit { gap: 8px; }\n .fx-kit li { min-height: 0; grid-template-columns: 34px minmax(0, 1fr); gap: 10px; padding: 10px 30px 10px 12px; font-size: 13px; }\n .fx-kit svg { width: 34px; height: 34px; padding: 7px; }\n }\n\n \/* De-duplicated layout: Overview merged into band; index links to panels. *\/\n .layers-band .eyebrow { margin-bottom: 14px; }\n .cs-specs { grid-template-columns: repeat(2, minmax(0, 1fr)); }\n .cs-index a { display: flex; align-items: baseline; gap: 14px; width: 100%; color: inherit; text-decoration: none; }\n .cs-index a:hover { color: #e80033; }\n .cs-index a::after { margin-left: auto; color: #e80033; font-size: 18px; content: \"↓\"; opacity: .6; }\n .cs-index a:hover::after { opacity: 1; }\n .cs-panel { scroll-margin-top: 100px; }\n @media (max-width: 980px) { .cs-specs { grid-template-columns: 1fr; } }\n\n \/* The MOS theme has its own .hero styles (fixed height, cropped overflow,\n background-image treatment) that squash this hero to a thin strip in\n Shogun. Lock the hero to its natural height with ID-level rules. *\/\n #md-hero {\n position: relative !important;\n display: block !important;\n height: auto !important;\n min-height: 0 !important;\n max-height: none !important;\n padding: 0 !important;\n overflow: visible !important;\n background: #000 !important;\n }\n #md-hero::before, #md-hero::after { content: none !important; display: none !important; }\n #md-hero .hero-media {\n position: relative !important;\n display: block !important;\n width: 100% !important;\n height: auto !important;\n min-height: 0 !important;\n max-height: none !important;\n margin: 0 !important;\n padding: 0 !important;\n overflow: hidden !important;\n }\n #md-hero .hero-media img {\n position: static !important;\n display: block !important;\n width: 100% !important;\n max-width: none !important;\n height: auto !important;\n min-height: 0 !important;\n max-height: none !important;\n aspect-ratio: 1942 \/ 600 !important;\n object-fit: cover !important;\n object-position: 50% 62% !important;\n transform: none !important;\n opacity: 1 !important;\n }\n #md-hero .hero-inner { display: grid !important; }\n #md-hero .hero-deploy { position: relative !important; display: block !important; }\n #md-hero .hero-deploy-in { display: grid !important; }\n #md-hero .hero-caption { position: relative !important; display: block !important; }\n @media (max-width: 860px) {\n #md-hero .hero-media img { aspect-ratio: 16 \/ 9 !important; }\n }\n\n \/* The theme adds its own list padding\/margins inside Shogun, which pushes\n the two feature cards up against the drawings and out of line. *\/\n #features .cs-specs {\n display: grid !important;\n grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n align-items: stretch !important;\n gap: 18px !important;\n margin: 28px 0 0 !important;\n padding: 0 !important;\n list-style: none !important;\n }\n #features .cs-specs li {\n display: grid !important;\n grid-template-columns: 34px minmax(0, 1fr) !important;\n align-content: start !important;\n column-gap: 14px !important;\n row-gap: 4px !important;\n margin: 0 !important;\n padding: 20px 22px !important;\n list-style: none !important;\n }\n #features .cs-specs li::before, #features .cs-specs li::marker { content: none !important; }\n #features .cs-specs strong, #features .cs-specs .cs-spec-text { margin: 0 !important; }\n @media (max-width: 980px) {\n #features .cs-specs { grid-template-columns: 1fr !important; }\n }\n\n \/* In use + Applications (option C). Fonts follow the page: Open Sans\n section titles and body, Rajdhani for small tags and item titles. *\/\n .fx-inuse { padding: clamp(56px, 6vw, 80px) 0 0; color: #fff; background: #0a0c0e; border-top: 1px solid #2a2e33; }\n .fx-inuse-head { width: min(var(--wide), calc(100% - 48px)); margin: 0 auto 28px; }\n .fx-inuse .section-title { margin: 0; color: #fff; }\n .fx-inuse .section-title span { color: var(--fx-red); }\n .fx-inuse-pair { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); }\n .fx-inuse-pair figure { display: flex; flex-direction: column; margin: 0; }\n .fx-inuse-pair img { display: block; width: 100%; height: clamp(320px, 38vw, 560px); object-fit: cover; }\n .fx-inuse-pair figure:first-child img { object-position: 50% 45%; }\n .fx-inuse-pair figure:last-child img { object-position: 50% 35%; }\n .fx-inuse-card { flex: 1; margin: 0; padding: 20px 24px 24px; border-top: 1px solid #2a2e33; background: #0f1113; }\n .fx-inuse-pair figure + figure .fx-inuse-card { border-left: 1px solid #2a2e33; }\n .fx-inuse-tag { display: block; color: var(--fx-red); font-family: \"Rajdhani\", sans-serif; font-size: 13px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }\n .fx-inuse-card p { margin: 8px 0 0; color: #d3d7dc; font-size: 16px; line-height: 1.6; }\n .fx-inuse-card small { display: block; margin-top: 10px; color: #9da3a9; font-size: 12px; line-height: 1.5; }\n\n .fx-apps {\n color: #fff;\n background-color: #0a0c0e;\n background-image:\n linear-gradient(#1c2024 1px, transparent 1px),\n linear-gradient(90deg, #1c2024 1px, transparent 1px),\n linear-gradient(#121518 1px, transparent 1px),\n linear-gradient(90deg, #121518 1px, transparent 1px);\n background-size: 96px 96px, 96px 96px, 24px 24px, 24px 24px;\n background-position: center top;\n border-top: 1px solid #2a2e33;\n }\n .fx-ap-grid { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 2fr); gap: 16px; margin-top: 26px; }\n .fx-ap-feature, .fx-ap-item { color: #fff; }\n .fx-ap-feature svg, .fx-ap-item svg { fill: none; stroke: var(--fx-red); stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; flex: none; }\n .fx-ap-feature strong, .fx-ap-item strong { display: block; font-family: \"Rajdhani\", sans-serif; font-weight: 700; line-height: 1.15; text-transform: uppercase; }\n .fx-ap-feature span, .fx-ap-item span { display: block; margin-top: 6px; color: #b9bec4; font-size: 15px; line-height: 1.5; }\n .fx-ap-feature { display: flex; flex-direction: column; justify-content: space-between; gap: 40px; padding: 30px 28px; border: 1px solid rgba(232,0,51,.55); border-top: 4px solid var(--fx-red); background: linear-gradient(160deg, rgba(232,0,51,.18), rgba(10,12,14,.9) 55%); }\n .fx-ap-feature svg { width: 54px; height: 54px; }\n .fx-ap-feature strong { font-size: 32px; }\n .fx-ap-feature span + span { margin-top: 10px; }\n .fx-ap-rest { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }\n .fx-ap-item { display: flex; gap: 16px; padding: 22px; border: 1px solid #343a41; border-left: 3px solid var(--fx-red); background: rgba(10,12,14,.7); }\n .fx-ap-item svg { width: 28px; height: 28px; }\n .fx-ap-item strong { font-size: 20px; }\n @media (max-width: 900px) {\n .fx-inuse-pair, .fx-ap-grid, .fx-ap-rest { grid-template-columns: 1fr; }\n .fx-inuse-pair figure + figure .fx-inuse-card { border-left: 0; }\n .fx-inuse-pair img { height: auto; aspect-ratio: 4 \/ 3; }\n .fx-ap-feature { gap: 20px; }\n }\n @media (max-width: 620px) {\n .fx-inuse-head { width: calc(100% - 36px); }\n .fx-inuse-card { padding: 16px 18px 20px; }\n .fx-ap-feature strong { font-size: 28px; }\n }\n \/* Shogun: keep the theme's figure, list and grid styles out of the\n Ready for the field \/ Applications layouts. *\/\n #in-use { display: block !important; padding: clamp(56px, 6vw, 80px) 0 0 !important; }\n #in-use .fx-inuse-pair { display: grid !important; grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr) !important; gap: 0 !important; }\n #in-use figure { display: flex !important; flex-direction: column !important; margin: 0 !important; padding: 0 !important; }\n #in-use figure img { width: 100% !important; max-width: none !important; height: clamp(320px, 38vw, 560px) !important; object-fit: cover !important; }\n #in-use .fx-inuse-card { margin: 0 !important; }\n #applications .fx-ap-grid { display: grid !important; grid-template-columns: minmax(0, 1.1fr) minmax(0, 2fr) !important; gap: 16px !important; }\n #applications .fx-ap-rest { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 16px !important; }\n @media (max-width: 900px) {\n #in-use .fx-inuse-pair, #applications .fx-ap-grid, #applications .fx-ap-rest { grid-template-columns: 1fr !important; }\n #in-use figure img { height: auto !important; aspect-ratio: 4 \/ 3; }\n }\n\n \/* Installation card. *\/\n .in2 .fx-p { font-size: 17px; }\n .in-quote { white-space: nowrap; }\n .in-lede { margin: 0 0 12px; color: var(--fx-ink); font-size: 15px; font-weight: 600; }\n .in-stat-row { display: flex; align-items: baseline; flex-wrap: wrap; gap: 4px 14px; margin-bottom: 18px; padding-bottom: 16px; border-bottom: 1px solid #d8cdb9; }\n .in-stat-row .fx-stat-num { margin: 0; color: var(--fx-ink); font-size: 44px; }\n .in-stat-row .fx-stat-label { margin: 0 !important; color: var(--fx-ink); }\n .in-stat-row .fx-stat-text { flex-basis: 100%; margin: 0 !important; color: var(--fx-ink-soft); }\n .in2 .fx-label { margin-bottom: 4px; }\n .in-chips { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 20px; padding: 0; list-style: none; }\n .in-chips li { padding: 7px 12px; border: 1px solid #cdbfa7; background: #fff; color: var(--fx-ink); font-size: 14px; font-weight: 600; }\n .in-checks { margin: 0 0 22px; padding: 0; list-style: none; }\n .in-checks li { display: flex; align-items: center; gap: 10px; padding: 8px 0; border-bottom: 1px solid #e2d8c6; color: var(--fx-ink); font-size: 15px; }\n .in-checks svg { width: 16px; height: 16px; flex: none; fill: none; stroke: var(--fx-red); stroke-width: 2.6; stroke-linecap: round; stroke-linejoin: round; }\n\n \/* Bold \"What's included\" tiles *\/\n .in-kit-title { margin: 48px 0 16px; color: var(--fx-ink); font-family: \"Rajdhani\", sans-serif; font-size: 26px; font-weight: 700; text-transform: uppercase; display: flex; align-items: center; gap: 14px; }\n .in-kit-title::after { flex: 1; height: 1px; background: #d8cdb9; content: \"\"; }\n .in-tiles { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin: 0; padding: 0; list-style: none; }\n .in-tiles li { display: flex; align-items: center; gap: 16px; padding: 18px 20px; background: #fff; border: 1px solid #d8cdb9; border-top: 3px solid var(--fx-red); color: var(--fx-ink); font-size: 15px; font-weight: 700; line-height: 1.35; box-shadow: 0 6px 18px rgba(60,45,25,.08); }\n .in-tiles i, .e-list i { display: grid; place-items: center; width: 44px; height: 44px; flex: none; border-radius: 50%; background: var(--fx-red); }\n .in-tiles svg, .e-list svg { width: 22px; height: 22px; fill: none; stroke: #fff; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }\n\n .f-head { max-width: 780px; }\n .f-head .fx-p { margin: 0; }\n .f-card { margin-top: 30px; background: #fff; border: 1px solid #d8cdb9; box-shadow: 0 10px 28px rgba(60,45,25,.08); }\n .f-tabs { display: flex; align-items: stretch; border-bottom: 1px solid #d8cdb9; }\n .f-tabs button { padding: 18px 26px; border: 0; border-right: 1px solid #d8cdb9; background: #f3ede2; color: var(--fx-ink-soft); font-family: \"Rajdhani\", sans-serif; font-size: 20px; font-weight: 700; text-transform: uppercase; cursor: pointer; }\n .f-tabs button b { color: var(--fx-red); }\n .f-tabs button[aria-selected=\"true\"] { background: #fff; color: var(--fx-ink); box-shadow: inset 0 3px 0 var(--fx-red); }\n .f-tabs .in-quote { margin: 10px 10px 10px auto; }\n .f-pane { padding: 26px; }\n .in-tiles-flat li { box-shadow: none; background: #faf7f1; }\n .f-opt { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 40px; align-items: start; }\n .f-opt .in-stat-row { display: block; margin: 0; padding: 0 40px 0 0; border-bottom: 0; border-right: 1px solid #d8cdb9; }\n .f-opt .in-stat-row .fx-stat-num { font-size: 52px; }\n .f-opt .in-stat-row .fx-stat-label { margin-top: 6px !important; }\n .f-opt .in-stat-row .fx-stat-text { margin-top: 4px !important; }\n\n @media (max-width: 980px) {\n .f-opt { grid-template-columns: 1fr; }\n .in-tiles { grid-template-columns: 1fr 1fr; }\n .f-opt .in-stat-row { padding: 0 0 18px; border-right: 0; border-bottom: 1px solid #d8cdb9; }\n }\n @media (max-width: 620px) {\n .in-tiles { grid-template-columns: 1fr; }\n .f-tabs { flex-wrap: wrap; }\n .f-tabs button { flex: 1; padding: 14px 12px; font-size: 17px; }\n .f-tabs .in-quote { flex-basis: 100%; margin: 10px; justify-content: space-between; }\n .in-quote { width: 100%; justify-content: space-between; }\n }\n\n \/* Installation: both parts always visible. *\/\n .f-tabs { align-items: center; padding: 0 10px 0 26px; }\n .f-title { margin: 0; color: var(--fx-ink); font-family: \"Rajdhani\", sans-serif; font-size: 22px; font-weight: 700; text-transform: uppercase; }\n .f-pane-opt { padding-top: 24px; background: #f7f3ec; border-top: 1px solid #d8cdb9; }\n @media (max-width: 620px) { .f-tabs { padding: 14px 18px 0; } .f-title { flex-basis: 100%; } .f-tabs .in-quote { margin: 12px 0 14px; } }\n\n \/* Installation card header: dark with a tan rule; tan icon discs. *\/\n .in-f .f-tabs { position: relative; padding: 14px 12px 20px 26px; background: #1f2328; border-bottom: 0; }\n .in-f .f-tabs { border-bottom: 3px solid #c7a77f; }\n .in-f .f-title { color: #fff; font-family: \"Rajdhani\", \"Arial Narrow\", sans-serif; font-size: clamp(26px, 2.6vw, 32px); font-weight: 700; line-height: 1.02; text-transform: uppercase; }\n .in-f .f-title small { display: block; margin-top: 2px; color: #c7a77f; font-family: \"Rajdhani\", sans-serif; font-size: 13px; font-weight: 700; letter-spacing: .2em; }\n .in-f .in-tiles i { background: #c7a77f; }\n .in-f .in-tiles svg { stroke: #1f2328; }\n .in-f .in-tiles li { border-top-color: #c7a77f; }\n .in-f .in-tiles li:hover { border-top-color: var(--fx-red); }\n .in-f .in-tiles li:hover i { background: var(--fx-red); }\n .in-f .in-tiles li:hover svg { stroke: #fff; }\n \/* Shogun: keep the theme's list and heading styles out of the Installation card. *\/\n #configuration .f-card { display: block !important; }\n #configuration .f-tabs { display: flex !important; align-items: center !important; }\n #configuration .in-tiles { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 14px !important; margin: 0 !important; padding: 0 !important; list-style: none !important; }\n #configuration .in-tiles li { display: flex !important; margin: 0 !important; }\n #configuration .in-chips { display: flex !important; flex-wrap: wrap !important; margin: 0 !important; padding: 0 !important; list-style: none !important; }\n #configuration .in-chips li { margin: 0 !important; }\n #configuration .f-opt { display: grid !important; }\n @media (max-width: 980px) { #configuration .in-tiles { grid-template-columns: 1fr 1fr !important; } }\n @media (max-width: 620px) { #configuration .in-tiles { grid-template-columns: 1fr !important; } }\n\n\n \/* Legibility: small red text on dark backgrounds uses a brighter red so it\n stays readable (4.5:1); large red text keeps the brand red. *\/\n .hero-step.l2 .hero-time small,\n .layer-cards .l2 .tag,\n .cs-tag, .cs-index span, .cs-num span,\n .fx-inuse-tag, .in-card .fx-label, .in-band .fx-label { color: #ff4d6d !important; }\n input::placeholder, textarea::placeholder { color: #9da3a9; opacity: 1; }\n\n \/* Shogun: the theme can recolor headings, text and form fields; lock the\n contact section so it stays readable on its dark background. *\/\n #contact, #contact .section-title, #contact h2, #contact h3 { color: #fff !important; }\n #contact p, #contact .fx-p { color: #d3d7dc !important; }\n #contact label { color: #e6e8eb !important; }\n #contact input, #contact textarea {\n color: #fff !important;\n background: #15181b !important;\n border: 1px solid #4a5058 !important;\n -webkit-text-fill-color: #fff !important;\n }\n #contact input::placeholder, #contact textarea::placeholder { color: #9da3a9 !important; -webkit-text-fill-color: #9da3a9 !important; }\n #contact .button { color: #fff !important; }\n\n \/* Connections + Ventilation: two matching cards side by side. *\/\n .tx-tag { display: block; margin-bottom: 8px; color: var(--fx-red); font-family: \"Rajdhani\", sans-serif; font-size: 13px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }\n .tx .fx-h3 { margin-bottom: 12px; }\n .tx-cap { margin: 8px 0 0; color: #7d725f; font-size: 12px; line-height: 1.5; }\n .tx figure { margin: 0; }\n .tx img { display: block; width: 100%; height: 100%; object-fit: cover; }\n\n .tx-c-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; align-items: stretch; }\n .tx-c-card { display: flex; flex-direction: column; background: #fff; border: 1px solid #d8cdb9; box-shadow: 0 10px 28px rgba(60,45,25,.08); }\n .tx-c-media { height: 300px; overflow: hidden; }\n .tx-c-fig .tx-cap { min-height: 36px; padding: 0 14px; }\n .tx-c-card \u003e .tx-c-fig, .tx-c-card \u003e .tx-c-pair { flex: none; }\n .tx-c-pair { display: grid; grid-template-columns: 1fr 1fr; gap: 4px; }\n .tx-c-body { flex: 1; padding: 26px 28px 28px; }\n\n @media (max-width: 900px) {\n .tx-c-grid { grid-template-columns: 1fr; }\n .tx-c-media { height: 240px; }\n }\n\n \/* Contact: field photo with the heading on the left, form on the right. *\/\n .ct { position: relative; color: #fff; background: #0a0c0e; overflow: hidden; }\n .ct .section-title { margin: 0 0 12px; color: #fff; }\n .ct .fx-p { margin: 0; color: #d3d7dc; font-size: 17px; line-height: 1.6; }\n .ct .fx-form { margin: 0; padding: 0; border: 0; background: none; box-shadow: none; }\n .ct .fx-form::before, .ct .fx-form::after { content: none; }\n\n\n\n .ct-c { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); border-top: 4px solid var(--fx-red); }\n .ct-c-media { position: relative; min-height: 540px; }\n .ct-c-media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 40% 78%; }\n .ct-c-media::after { position: absolute; inset: 0; background: linear-gradient(0deg, rgba(10,12,14,.92) 25%, rgba(10,12,14,.2)); content: \"\"; }\n .ct-c-over { position: absolute; left: 0; right: 0; bottom: 0; z-index: 1; padding: 32px clamp(24px, 4vw, 56px); text-shadow: 0 2px 12px rgba(0,0,0,.6); }\n .ct-c-form { display: flex; align-items: center; padding: 40px clamp(24px, 4vw, 56px); background: #1f2328; }\n .ct-c-form .fx-form { width: 100%; }\n\n @media (max-width: 900px) {\n .ct-c-media { min-height: 0; display: flex; flex-direction: column; }\n .ct-c-media img { position: static; height: 240px; }\n .ct-c-media::after { content: none; }\n .ct-c-over { position: static; padding: 26px 18px 6px; background: #0a0c0e; text-shadow: none; }\n }\n\n \/* Shogun: keep the theme's figure, grid and form styles out of the\n Connections cards and the contact layout. *\/\n .tx-c-grid { display: grid !important; }\n .tx-c-card { display: flex !important; flex-direction: column !important; }\n .tx-c-pair { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 4px !important; }\n .tx figure { margin: 0 !important; padding: 0 !important; }\n .tx img { width: 100% !important; max-width: none !important; height: 100% !important; object-fit: cover !important; }\n #contact.ct-c { display: grid !important; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr) !important; padding: 0 !important; }\n #contact .ct-c-media img { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover !important; }\n #contact .fx-form { display: block !important; }\n @media (max-width: 900px) {\n .tx-c-grid { grid-template-columns: 1fr !important; }\n #contact.ct-c { grid-template-columns: 1fr !important; }\n #contact .ct-c-media img { position: static !important; height: 240px !important; }\n }\n\n \/* Features update (Nov 5): MOS links, single-row images, plays-once tape drawing,\n real door photo, one remaining spec card. *\/\n .cs-go { display: block; margin-top: 4px; color: #c7cbd0; font-size: 12px; font-weight: 600; letter-spacing: .04em; }\n .cs-marker:hover .cs-go { color: #fff; }\n a.cs-studio-card { display: block; text-decoration: none; transition: box-shadow .25s ease; }\n a.cs-studio-card:hover, a.cs-studio-card:focus-visible { box-shadow: 0 0 0 3px #e80033; }\n .cs-intro { grid-template-columns: 1fr !important; }\n .cs-views .cs-photo:first-child img { aspect-ratio: 1.3 !important; }\n .cs-studio-card { aspect-ratio: 1.3; }\n .cs-bond * { transform-box: fill-box; }\n .cs-bond .bd-l, .cs-bond .bd-r { transition: transform 900ms cubic-bezier(.2,.7,.2,1); }\n .cs-bond .bd-l { transform: translateX(-30px); }\n .cs-bond .bd-r { transform: translateX(30px); }\n .cs-bond .bd-tape { opacity: 0; transform: translateY(-16px); transition: opacity .5s ease .9s, transform .5s cubic-bezier(.2,.7,.2,1) .9s; }\n .cs-panel.in-view .cs-bond .bd-l, .cs-panel.in-view .cs-bond .bd-r, .cs-panel.in-view .cs-bond .bd-tape { transform: none; opacity: 1; }\n .cs-photo-fig { position: relative; margin: 0 0 14px !important; aspect-ratio: 320 \/ 200; overflow: hidden; background: #fff; }\n #features .cs-photo-fig img { position: absolute !important; width: 150% !important; max-width: none !important; height: auto !important; left: -22% !important; top: -52% !important; }\n .cs-photo-fig img { position: absolute; display: block; width: 150%; max-width: none; height: auto; left: -22%; top: -52%; }\n .cs-photo-fig figcaption { position: absolute; left: 0; right: 0; bottom: 0; padding: 18px 10px 6px; color: #e6e2da; font-size: 11px; background: linear-gradient(transparent, rgba(0,0,0,.7)); }\n #features .cs-specs { grid-template-columns: 1fr !important; }\n @media (prefers-reduced-motion: reduce) { .cs-bond .bd-l, .cs-bond .bd-r, .cs-bond .bd-tape { transform: none; opacity: 1; } }\n\n \/* Shogun preview fixes (Nov 5). The theme resets paragraph and list\n spacing: keep the hero caption in the content column, keep the port\n chips the same size, and fit both card headings on one line so the\n Connections and Ventilation text starts at the same height. *\/\n #md-hero .hero-caption {\n width: min(var(--wide), calc(100% - 48px)) !important;\n max-width: none !important;\n margin: 0 auto !important;\n padding: 14px 0 clamp(30px, 3.6vw, 44px) !important;\n text-indent: 0 !important;\n text-align: left !important;\n }\n .fx-ports { display: flex !important; flex-wrap: wrap !important; gap: 10px !important; margin: 18px 0 0 !important; padding: 0 !important; list-style: none !important; }\n .fx-ports li {\n display: flex !important;\n align-items: center !important;\n height: 44px !important;\n margin: 0 !important;\n padding: 0 14px 0 10px !important;\n line-height: 1 !important;\n list-style: none !important;\n }\n .fx-ports li::before, .fx-ports li::marker { content: none !important; }\n .fx-ports svg { width: 22px !important; height: 22px !important; }\n .tx-c-body .fx-h3 { font-size: clamp(24px, 2.3vw, 32px) !important; }\n @media (max-width: 620px) { #md-hero .hero-caption { width: calc(100% - 36px) !important; padding-bottom: 28px !important; } }\n\n \/* The two newest images are drawn as backgrounds: the theme's img rules\n (lazy-load, sizing) were hiding them inside Shogun. *\/\n #features .cs-door-img {\n position: absolute !important; inset: 0 !important; display: block !important;\n background: #fff url(\"https:\/\/cdn.shopify.com\/s\/files\/1\/1018\/3105\/files\/open_tent.webp\") no-repeat !important;\n background-size: 150% auto !important;\n background-position: 44% 37% !important;\n }\n #contact .ct-bg-img {\n position: absolute !important; inset: 0 !important; display: block !important;\n background: #0a0c0e url(\"https:\/\/cdn.shopify.com\/s\/files\/1\/1018\/3105\/files\/contact_forest_render.png\") no-repeat !important;\n background-size: cover !important;\n background-position: 40% 78% !important;\n }\n @media (max-width: 900px) {\n #contact .ct-bg-img { position: relative !important; inset: auto !important; height: 240px !important; }\n }\n\n \/* Footer: full width, carries the store footer's links and newsletter,\n with Back to top. Named md-footer so it doesn't style the theme's\n .site-footer; the theme's boxed footer is hidden on this page. *\/\n .md-footer.fx-footer { padding: 0 !important; color: #c7cbd0 !important; background: #0a0c0e !important; }\n .md-footer .footer-inner { width: min(var(--wide), calc(100% - 48px)) !important; max-width: none !important; margin: 0 auto !important; }\n .md-footer .mf-grid { display: grid !important; grid-template-columns: 1fr 1fr 1.6fr !important; gap: 40px !important; padding: 56px 0 40px !important; }\n .md-footer h4 { margin: 0 0 16px !important; color: #fff !important; font-family: \"Rajdhani\", sans-serif !important; font-size: 18px !important; font-weight: 700 !important; letter-spacing: .06em !important; text-transform: uppercase !important; }\n .md-footer ul { margin: 0 !important; padding: 0 !important; list-style: none !important; }\n .md-footer li { margin: 0 0 10px !important; padding: 0 !important; list-style: none !important; }\n .md-footer li::before, .md-footer li::marker { content: none !important; }\n .md-footer a { color: #c7cbd0 !important; font-size: 14px !important; text-decoration: none !important; }\n .md-footer a:hover { color: #fff !important; text-decoration: underline !important; }\n .md-footer label { display: block !important; margin: 0 0 10px !important; color: #c7cbd0 !important; font-size: 14px !important; }\n .md-footer .mf-input { display: flex !important; max-width: 460px !important; }\n .md-footer .mf-input input { flex: 1 !important; min-width: 0 !important; height: 46px !important; margin: 0 !important; padding: 0 14px !important; border: 1px solid #4a5058 !important; border-right: 0 !important; border-radius: 0 !important; color: #fff !important; background: #15181b !important; font-size: 15px !important; -webkit-text-fill-color: #fff !important; }\n .md-footer .mf-input input::placeholder { color: #9da3a9 !important; -webkit-text-fill-color: #9da3a9 !important; }\n .md-footer .mf-input button { height: 46px !important; margin: 0 !important; padding: 0 18px !important; border: 0 !important; border-radius: 0 !important; color: #fff !important; background: #e80033 !important; font-size: 13px !important; font-weight: 700 !important; letter-spacing: .06em !important; text-transform: uppercase !important; cursor: pointer !important; }\n .md-footer .mf-social { display: flex !important; flex-wrap: wrap !important; gap: 6px 18px !important; margin-top: 20px !important; }\n .md-footer .mf-social li { margin: 0 !important; }\n .md-footer .mf-social a { font-size: 13px !important; }\n .md-footer .mf-bottom { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 20px !important; padding: 18px 0 !important; border-top: 1px solid #2a2e33 !important; }\n .md-footer .mf-bottom p { margin: 0 !important; color: #9da3a9 !important; font-size: 12px !important; }\n .md-footer .mf-bottom p a { font-size: 12px !important; color: #c7cbd0 !important; }\n .md-footer .mf-top { display: inline-flex !important; align-items: center !important; gap: 8px !important; margin: 0 !important; padding: 10px 16px !important; border: 1px solid #4a5058 !important; border-radius: 2px !important; color: #fff !important; background: transparent !important; font-family: \"Rajdhani\", sans-serif !important; font-size: 14px !important; font-weight: 700 !important; letter-spacing: .08em !important; text-transform: uppercase !important; cursor: pointer !important; white-space: nowrap !important; }\n .md-footer .mf-top:hover { border-color: #e80033 !important; background: #e80033 !important; }\n @media (max-width: 860px) {\n .md-footer .mf-grid { grid-template-columns: 1fr 1fr !important; }\n .md-footer .mf-news { grid-column: 1 \/ -1 !important; }\n }\n @media (max-width: 620px) {\n .md-footer .footer-inner { width: calc(100% - 36px) !important; }\n .md-footer .mf-grid { gap: 28px !important; padding: 40px 0 28px !important; }\n .md-footer .mf-bottom { flex-direction: column !important; align-items: flex-start !important; }\n }\n \/* Hide the theme's own boxed footer on this page; ours replaces it. *\/\n footer.site-footer[role=\"contentinfo\"] { display: none !important; }\n \/* Hide the Stamped.io reviews widget on this page (built-to-order system,\n no reviews yet). Delete this rule to bring the reviews back. *\/\n #stamped-main-widget, .stamped-main-widget, .stamped-product-reviews-badge { display: none !important; }\n\n \/* Section titles: one style everywhere, matching the hero title\n (Rajdhani 700, uppercase). ID-level locks so Shogun's theme can't override. *\/\n #layers-title, #features .section-title, #inuse-title, #applications .section-title,\n #configuration .fx-h3, #solo-title, #contact-title {\n font-family: 'Rajdhani', 'Arial Narrow', sans-serif !important;\n font-size: clamp(34px, 3.6vw, 46px) !important;\n font-weight: 700 !important;\n letter-spacing: -.01em !important;\n line-height: 1.02 !important;\n text-transform: uppercase !important;\n }\n\n \/* SOLO on sand now that Installation is hidden, so the page keeps alternating:\n Applications (dark) -\u003e SOLO (sand) -\u003e Contact (dark). *\/\n #solo.fx-solo { color: #1f2328 !important; background-color: var(--fx-sand) !important; border-top: 1px solid #d8cdb9 !important; }\n #solo #solo-title { color: #1f2328 !important; }\n #solo .fx-solo-copy p { color: #3f444a !important; }\n #solo figcaption { color: #5d6268 !important; }\n\n \/* Connections: link for filter options beyond the standard set *\/\n #connections .tx-req { display: inline-flex !important; align-items: center !important; gap: 8px !important; margin-top: 16px !important; color: #c8102e !important; font-family: \"Rajdhani\", sans-serif !important; font-size: 15px !important; font-weight: 700 !important; letter-spacing: .06em !important; text-transform: uppercase !important; text-decoration: none !important; border-bottom: 2px solid currentColor !important; padding-bottom: 2px !important; }\n #connections .tx-req:hover { color: #1f2328 !important; }\n\n \/* Draft banner hidden. The element stays because the full-width layout code\n uses it as an anchor (.draft-bar ~ main). *\/\n .draft-bar { display: none !important; }\n\n \/* Page header (logo, section links, contact button) hidden; the store's own\n header sits above this page. Kept in the markup because the menu script uses it. *\/\n .md-header { display: none !important; }\n\n \/* Lead time directly under the inquiry button, inside the Quick Deploy panel *\/\n #md-hero .hero-deploy-in \u003e .hero-ask { flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 10px !important; }\n #md-hero .hero-lead { margin: 0 !important; color: #d3d7dc !important; font-size: 13px !important; font-weight: 600 !important; letter-spacing: .02em !important; line-height: 1.2 !important; white-space: nowrap !important; }\n @media (max-width: 860px) { #md-hero .hero-deploy-in \u003e .hero-ask { align-items: flex-start !important; } }\n @media (max-width: 620px) { #md-hero .hero-deploy-in \u003e .hero-ask { align-items: stretch !important; } #md-hero .hero-lead { text-align: center !important; } }\n\n\n\n \/* Package includes: full-width block under the two-layer diagram *\/\n #overview .band-package { margin: 36px 0 0 !important; padding: 22px 0 0 !important; border-top: 1px solid rgba(255,255,255,.14) !important; }\n #overview .band-package-label { margin: 0 0 8px !important; color: #c7a77f !important; font-family: \"Rajdhani\", \"Arial Narrow\", sans-serif !important; font-size: 15px !important; font-weight: 700 !important; letter-spacing: .14em !important; line-height: 1.2 !important; text-transform: uppercase !important; }\n #overview .band-package-list { max-width: none !important; margin: 0 !important; color: #e6e2da !important; font-size: 16px !important; line-height: 1.6 !important; }\n #overview .band-package-note { margin: 8px 0 0 !important; color: #b8bdc3 !important; font-size: 13px !important; line-height: 1.5 !important; }\n \u003c\/style\u003e \u003cdiv class=\"md-page\"\u003e \u003cdiv class=\"draft-bar\" aria-hidden=\"true\"\u003e\u003c\/div\u003e \u003cheader class=\"md-header\" aria-hidden=\"true\"\u003e\u003c\/header\u003e \u003cmain id=\"top\"\u003e \u003csection class=\"hero\" id=\"md-hero\" aria-labelledby=\"hero-title\"\u003e \u003cdiv class=\"hero-inner\"\u003e \u003cdiv class=\"hero-head\"\u003e \u003cp class=\"eyebrow\"\u003eMission Darkness™\u003c\/p\u003e \u003ch1 id=\"hero-title\" style=\"display: flex !important; flex-direction: column !important; align-items: flex-start !important; max-width: none !important; margin: 0 !important; padding: 0 !important; color: #fff !important; font-family: 'Rajdhani', 'Arial Narrow', sans-serif !important; font-size: var(--md-hero-title-size, 64px) !important; font-weight: 700 !important; letter-spacing: -.025em !important; line-height: 1.05 !important; text-transform: uppercase !important;\"\u003e \u003cspan class=\"hero-title-line\" style=\"display: block !important; margin: 0 !important; color: #e2e0d9 !important; font-family: inherit !important; font-weight: inherit !important; font-size: 1em !important; letter-spacing: -.02em !important; line-height: 1.05 !important; text-transform: inherit !important;\"\u003eCYPHERCYLENT FOR\u003c\/span\u003e \u003cspan class=\"hero-title-line\" style=\"display: block !important; margin: 0 !important; color: #e2e0d9 !important; font-family: inherit !important; font-weight: inherit !important; font-size: 1em !important; letter-spacing: -.02em !important; line-height: 1.05 !important; text-transform: inherit !important;\"\u003eOVERLAND(ISH) BASECAMP\u003c\/span\u003e \u003c\/h1\u003e \u003cp class=\"hero-manifesto\"\u003eTwo layers. One mission.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"hero-copy\"\u003e \u003cp\u003eTake RF isolation into the field with a portable setup, fast installation, and a low-profile exterior. The Mission Darkness CYPHERCYLENT Faraday Enclosure for Overland(ish) Basecamp brings a controlled RF workspace wherever your mission takes you.\u003c\/p\u003e \u003cp\u003eThe included CYPHERCYLENT tent sets up inside for military operations, digital forensics, and RF-sensitive testing.\u003c\/p\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cfigure class=\"hero-media\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1018\/3105\/files\/basecamprender2.png?v=1793729078\" alt=\"Product render of the Overland(ish) Basecamp shelter deployed in open desert scrubland, with two military personnel, a field equipment table, a utility vehicle, and a helicopter in the distance\" width=\"1942\" height=\"809\" fetchpriority=\"high\"\u003e \u003c\/figure\u003e \u003cdiv class=\"hero-deploy\"\u003e \u003cdiv class=\"hero-deploy-in\"\u003e \u003cdiv\u003e\u003cp class=\"hero-deploy-title\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"\u003e\u003ccircle cx=\"12\" cy=\"13\" r=\"8\"\u003e\u003c\/circle\u003e\u003cpath d=\"M12 9v4l2.5 2M9.5 2.5h5\"\u003e\u003c\/path\u003e\u003c\/svg\u003eQuick Deploy\u003c\/p\u003e\u003c\/div\u003e \u003cdiv class=\"hero-step l1\"\u003e\n\u003cspan class=\"hero-time\"\u003e1–2\u003csmall\u003eMIN\u003c\/small\u003e\u003c\/span\u003e\u003cspan class=\"hero-step-name\"\u003eOverland(ish) Basecamp\u003c\/span\u003e\n\u003c\/div\u003e \u003cdiv class=\"hero-step l2\"\u003e\n\u003cspan class=\"hero-time\"\u003e5–10\u003csmall\u003eMIN\u003c\/small\u003e\u003c\/span\u003e\u003cspan class=\"hero-step-name\"\u003eCYPHERCYLENT enclosure\u003c\/span\u003e\n\u003c\/div\u003e \u003cdiv class=\"hero-ask\"\u003e\n\u003ca class=\"button\" href=\"#contact\"\u003eDiscuss your mission requirements\u003c\/a\u003e\u003cp class=\"hero-lead\"\u003eEstimated lead time: 8–10 weeks\u003c\/p\u003e\n\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cp class=\"hero-caption\"\u003eProduct render: Mission Darkness Faraday enclosure inside the Overland(ish) Basecamp.\u003c\/p\u003e \u003c\/section\u003e \u003csection class=\"layers-band\" id=\"overview\" aria-labelledby=\"layers-title\"\u003e \u003cdiv class=\"container\"\u003e \u003ch2 id=\"layers-title\"\u003eBasecamp outside. Mission Darkness within.\u003c\/h2\u003e \u003cp class=\"band-lede\"\u003eCYPHERCYLENT works directly with the Overland(ish) Basecamp. The Basecamp provides the outer shelter and supporting structure, while the Mission Darkness enclosure sets up inside, aligns with the existing window openings, and creates the interior Faraday space.\u003c\/p\u003e \u003cdiv class=\"layers-grid\"\u003e \u003csvg viewbox=\"0 0 680 400\" role=\"img\" aria-label=\"Cutaway diagram: the Basecamp shelter is the outer layer; the CYPHERCYLENT Faraday enclosure inside it blocks RF signals around the workspace\"\u003e \u003cdefs\u003e \u003cpattern id=\"lb-mesh\" width=\"10\" height=\"10\" patternunits=\"userSpaceOnUse\"\u003e \u003cpath d=\"M0 10 10 0M-2 2 2 -2M8 12 12 8\" stroke=\"#e80033\" stroke-opacity=\".35\" stroke-width=\"1\"\u003e\u003c\/path\u003e \u003c\/pattern\u003e \u003c\/defs\u003e \u003cline x1=\"20\" y1=\"340\" x2=\"660\" y2=\"340\" stroke=\"#3a3f45\" stroke-width=\"2\"\u003e\u003c\/line\u003e \u003cg fill=\"none\" stroke=\"#9da3a9\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e \u003cpath class=\"md-wave w1\" d=\"M30 170 q10 -20 0 -40\"\u003e\u003c\/path\u003e \u003cpath class=\"md-wave w2\" d=\"M48 180 q16 -30 0 -60\"\u003e\u003c\/path\u003e \u003cpath class=\"md-wave w3\" d=\"M66 190 q22 -40 0 -80\"\u003e\u003c\/path\u003e \u003c\/g\u003e \u003ctext x=\"22\" y=\"222\" fill=\"#9da3a9\" font-family=\"Open Sans\" font-size=\"12\" font-weight=\"700\" letter-spacing=\"1.5\"\u003eRF SIGNALS\u003c\/text\u003e \u003cpath d=\"M110 340 L130 170 L230 90 L410 90 L510 170 L530 340\" fill=\"#2b2620\" stroke=\"#c7a77f\" stroke-width=\"3\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e \u003cpath d=\"M110 340 L530 340\" stroke=\"#c7a77f\" stroke-width=\"3\"\u003e\u003c\/path\u003e \u003cpath d=\"M120 332 L139 176 L235 99 L405 99 L501 176 L520 332 Z\" fill=\"url(#lb-mesh)\"\u003e\u003c\/path\u003e \u003cpath d=\"M120 332 L139 176 L235 99 L405 99 L501 176 L520 332 Z\" fill=\"#000\" fill-opacity=\".55\"\u003e\u003c\/path\u003e \u003cpath class=\"md-enclosure\" d=\"M120 332 L139 176 L235 99 L405 99 L501 176 L520 332 Z\" fill=\"none\" stroke=\"#e80033\" stroke-width=\"3\"\u003e\u003c\/path\u003e \u003cg class=\"md-block\" stroke=\"#e80033\" stroke-width=\"3\" stroke-linecap=\"round\"\u003e \u003cline x1=\"108\" y1=\"193\" x2=\"122\" y2=\"207\"\u003e\u003c\/line\u003e \u003cline x1=\"122\" y1=\"193\" x2=\"108\" y2=\"207\"\u003e\u003c\/line\u003e \u003c\/g\u003e \u003crect x=\"265\" y=\"270\" width=\"110\" height=\"8\" fill=\"#d3d7dc\"\u003e\u003c\/rect\u003e \u003cline x1=\"275\" y1=\"278\" x2=\"275\" y2=\"332\" stroke=\"#d3d7dc\" stroke-width=\"3\"\u003e\u003c\/line\u003e \u003cline x1=\"365\" y1=\"278\" x2=\"365\" y2=\"332\" stroke=\"#d3d7dc\" stroke-width=\"3\"\u003e\u003c\/line\u003e \u003crect x=\"290\" y=\"236\" width=\"44\" height=\"30\" rx=\"2\" fill=\"none\" stroke=\"#d3d7dc\" stroke-width=\"3\"\u003e\u003c\/rect\u003e \u003crect x=\"342\" y=\"250\" width=\"12\" height=\"20\" rx=\"2\" fill=\"none\" stroke=\"#d3d7dc\" stroke-width=\"2\"\u003e\u003c\/rect\u003e \u003cg font-family=\"Rajdhani\" font-weight=\"700\" font-size=\"16\" letter-spacing=\"1\"\u003e \u003cline x1=\"470\" y1=\"120\" x2=\"530\" y2=\"80\" stroke=\"#c7a77f\" stroke-width=\"1.5\"\u003e\u003c\/line\u003e \u003cline x1=\"530\" y1=\"80\" x2=\"560\" y2=\"80\" stroke=\"#c7a77f\" stroke-width=\"1.5\"\u003e\u003c\/line\u003e \u003ccircle cx=\"470\" cy=\"120\" r=\"4\" fill=\"#c7a77f\"\u003e\u003c\/circle\u003e \u003ctext x=\"560\" y=\"60\" fill=\"#c7a77f\"\u003eLAYER 1\u003c\/text\u003e \u003ctext x=\"560\" y=\"100\" fill=\"#fff\" font-size=\"14\" font-family=\"Open Sans\" font-weight=\"600\"\u003eBasecamp\u003c\/text\u003e \u003ctext x=\"560\" y=\"118\" fill=\"#fff\" font-size=\"14\" font-family=\"Open Sans\" font-weight=\"600\"\u003eshelter\u003c\/text\u003e \u003cline x1=\"505\" y1=\"210\" x2=\"560\" y2=\"210\" stroke=\"#e80033\" stroke-width=\"1.5\"\u003e\u003c\/line\u003e \u003ccircle cx=\"505\" cy=\"210\" r=\"4\" fill=\"#e80033\"\u003e\u003c\/circle\u003e \u003ctext x=\"560\" y=\"200\" fill=\"#e80033\"\u003eLAYER 2\u003c\/text\u003e \u003ctext x=\"560\" y=\"232\" fill=\"#fff\" font-size=\"14\" font-family=\"Open Sans\" font-weight=\"600\"\u003eCYPHERCYLENT\u003c\/text\u003e \u003ctext x=\"560\" y=\"250\" fill=\"#fff\" font-size=\"14\" font-family=\"Open Sans\" font-weight=\"600\"\u003eenclosure\u003c\/text\u003e \u003c\/g\u003e \u003ctext x=\"320\" y=\"176\" fill=\"#fff\" font-family=\"Open Sans\" font-size=\"11\" font-weight=\"700\" letter-spacing=\"1.5\" text-anchor=\"middle\"\u003eSHIELDED WORKSPACE\u003c\/text\u003e \u003c\/svg\u003e \u003col class=\"layer-cards\"\u003e \u003cli class=\"l1\"\u003e \u003cspan class=\"thumb-zoom thumb-l1\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1018\/3105\/files\/insidebasecamp.webp?v=1793729076\" alt=\"\"\u003e\u003c\/span\u003e \u003cdiv\u003e\n\u003cspan class=\"tag\"\u003eLayer 1\u003c\/span\u003e\u003cstrong\u003eBasecamp shelter\u003c\/strong\u003e\n\u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"l2\"\u003e \u003cspan class=\"thumb-zoom\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1018\/3105\/files\/BasecampShelterinWoodlandClearing-ProductRender.png?v=1793729077\" alt=\"\"\u003e\u003c\/span\u003e \u003cdiv\u003e\n\u003cspan class=\"tag\"\u003eLayer 2\u003c\/span\u003e\u003cstrong\u003eCYPHERCYLENT enclosure\u003c\/strong\u003e\n\u003c\/div\u003e \u003c\/li\u003e \u003cli class=\"res\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1018\/3105\/files\/InteriorWorkspace-IllustrativeRender.png?v=1793729077\" alt=\"\" style=\"object-position: 50% 45%;\"\u003e \u003cdiv\u003e\n\u003cspan class=\"tag\"\u003eResult\u003c\/span\u003e\u003cstrong\u003eRF-shielded workspace\u003c\/strong\u003e\n\u003c\/div\u003e \u003c\/li\u003e \u003c\/ol\u003e \u003c\/div\u003e \u003cdiv class=\"band-package\"\u003e \u003cp class=\"band-package-label\"\u003ePackage includes\u003c\/p\u003e \u003cp class=\"band-package-list\"\u003eBasecamp tent, CYPHERCYLENT Faraday tent, hanging hardware, flooring, lighting, carrying bags, repair supplies, and cables.\u003c\/p\u003e \u003cp class=\"band-package-note\"\u003eFaraday tent also sold separately.\u003c\/p\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/section\u003e \u003csection class=\"section product-stories cs-section\" id=\"features\"\u003e \u003cdiv class=\"container\"\u003e \u003cdiv class=\"cs-head\"\u003e \u003cdiv\u003e \u003ch2 class=\"section-title\"\u003eFeatures \u0026amp; customer benefits\u003c\/h2\u003e \u003cp class=\"section-copy\"\u003eCYPHERCYLENT features, including TitanRF shielding, tape-bonded construction, magnetic door closure, and shielded connections, support work that requires RF isolation.\u003c\/p\u003e \u003c\/div\u003e \u003ca class=\"cs-marker\" href=\"https:\/\/mosequipment.com\/products\/mission-darkness-cyphercylent-faraday-tent\" target=\"_blank\" rel=\"noopener\" aria-label=\"Layer 2: CYPHERCYLENT enclosure on the MOS website (opens in a new tab)\"\u003e \u003csvg viewbox=\"96 80 448 272\" aria-hidden=\"true\"\u003e \u003cpath d=\"M110 340 L130 170 L230 90 L410 90 L510 170 L530 340 Z\" fill=\"#2b2620\" stroke=\"#c7a77f\" stroke-opacity=\".6\" stroke-width=\"5\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e \u003cpath d=\"M124 330 L142 178 L236 102 L404 102 L498 178 L516 330 Z\" fill=\"rgba(232,0,51,.18)\" stroke=\"#e80033\" stroke-width=\"7\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e \u003c\/svg\u003e \u003cspan\u003e \u003cspan class=\"cs-tag\"\u003eLayer 2\u003c\/span\u003e \u003cstrong\u003eCYPHERCYLENT enclosure\u003c\/strong\u003e \u003cspan class=\"cs-go\"\u003eView on MOS ↗\u003c\/span\u003e \u003c\/span\u003e \u003c\/a\u003e \u003c\/div\u003e \u003cdiv class=\"cs-intro\"\u003e \u003cdiv class=\"cs-views\"\u003e \u003cfigure class=\"cs-photo\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1018\/3105\/files\/BasecampShelterinWoodlandClearing-ProductRender.png?v=1793729077\" alt=\"Product render of the Overland(ish) Basecamp shelter with its open entrance and Faraday enclosure in a woodland clearing\" width=\"836\" height=\"768\" loading=\"lazy\"\u003e \u003cfigcaption class=\"image-caption\"\u003eProduct render: CYPHERCYLENT enclosure inside the Overland(ish) Basecamp in a woodland clearing.\u003c\/figcaption\u003e \u003c\/figure\u003e \u003cfigure class=\"cs-photo cs-studio\"\u003e \u003ca class=\"cs-studio-card\" href=\"https:\/\/mosequipment.com\/products\/mission-darkness-cyphercylent-faraday-tent\" target=\"_blank\" rel=\"noopener\" aria-label=\"CYPHERCYLENT enclosure on the MOS website (opens in a new tab)\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1018\/3105\/files\/cyphercylenttent.webp?v=1793729076\" alt=\"CYPHERCYLENT Faraday enclosure on its own, supported by a standalone carbon fiber frame\" width=\"1400\" height=\"1400\" loading=\"lazy\"\u003e \u003c\/a\u003e \u003cfigcaption class=\"image-caption\"\u003eProduct image: CYPHERCYLENT enclosure in its standalone carbon fiber frame. Inside the Basecamp, the shelter provides the support.\u003c\/figcaption\u003e \u003c\/figure\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"cs-panels\"\u003e \u003carticle class=\"cs-panel\" id=\"cs-panel-1\" data-cs\u003e \u003csvg class=\"cs-fig cs-shell\" viewbox=\"0 0 320 200\" role=\"img\" aria-label=\"Diagram: several stacked layers of Faraday fabric forming the shell\"\u003e \u003cg class=\"cs-ply p2\"\u003e\u003cpath d=\"M70 122 L190 92 L270 122 L150 152 Z\" fill=\"#e80033\" fill-opacity=\".14\" stroke=\"#e80033\" stroke-width=\"2\"\u003e\u003c\/path\u003e\u003c\/g\u003e \u003cg class=\"cs-ply p1\"\u003e \u003cpath d=\"M70 122 L190 92 L270 122 L150 152 Z\" fill=\"#2a1b20\" stroke=\"#e80033\" stroke-width=\"2\"\u003e\u003c\/path\u003e \u003cpath d=\"M100 122 L190 99 M120 127 L210 104 M140 132 L230 109 M160 137 L250 114\" stroke=\"#e80033\" stroke-opacity=\".35\" stroke-width=\"1\"\u003e\u003c\/path\u003e \u003c\/g\u003e \u003cg class=\"cs-shell-label\" font-family=\"Open Sans\" font-size=\"11\" font-weight=\"700\" letter-spacing=\"1.2\" fill=\"#d3d7dc\"\u003e \u003ctext x=\"160\" y=\"186\" text-anchor=\"middle\"\u003eMULTIPLE LAYERS\u003c\/text\u003e \u003c\/g\u003e \u003c\/svg\u003e \u003ch4\u003eTitanRF Faraday Fabric\u003c\/h4\u003e \u003cp\u003eMultiple layers form the enclosure’s RF-shielding shell.\u003c\/p\u003e \u003c\/article\u003e \u003carticle class=\"cs-panel\" id=\"cs-panel-2\" data-cs\u003e \u003csvg class=\"cs-fig cs-seams cs-bond\" viewbox=\"0 0 320 200\" role=\"img\" aria-label=\"Diagram: two TitanRF fabric panels joined with conductive TitanRF Faraday Tape, forming one continuous conductive shell\"\u003e \u003cg class=\"bd-l\"\u003e\u003crect x=\"20\" y=\"96\" width=\"140\" height=\"26\" fill=\"#2a2f35\" stroke=\"#4a5058\"\u003e\u003c\/rect\u003e\u003cline x1=\"20\" y1=\"109\" x2=\"160\" y2=\"109\" stroke=\"#e80033\" stroke-width=\"4\"\u003e\u003c\/line\u003e\u003c\/g\u003e \u003cg class=\"bd-r\"\u003e\u003crect x=\"160\" y=\"96\" width=\"140\" height=\"26\" fill=\"#2a2f35\" stroke=\"#4a5058\"\u003e\u003c\/rect\u003e\u003cline x1=\"160\" y1=\"109\" x2=\"300\" y2=\"109\" stroke=\"#e80033\" stroke-width=\"4\"\u003e\u003c\/line\u003e\u003c\/g\u003e \u003cg class=\"bd-tape\"\u003e \u003crect x=\"122\" y=\"92\" width=\"76\" height=\"34\" fill=\"#e80033\" fill-opacity=\".92\"\u003e\u003c\/rect\u003e \u003cpath d=\"M198 94 L222 76 H236\" stroke=\"#9da3a9\" stroke-width=\"1\" fill=\"none\"\u003e\u003c\/path\u003e \u003ctext x=\"240\" y=\"74\" fill=\"#ff4d6d\" font-family=\"Open Sans\" font-size=\"11\" font-weight=\"700\" letter-spacing=\"1.2\"\u003eTITANRF\u003c\/text\u003e \u003ctext x=\"240\" y=\"88\" fill=\"#ff4d6d\" font-family=\"Open Sans\" font-size=\"11\" font-weight=\"700\" letter-spacing=\"1.2\"\u003eTAPE\u003c\/text\u003e \u003c\/g\u003e \u003ctext x=\"160\" y=\"170\" fill=\"#fff\" font-family=\"Open Sans\" font-size=\"11\" font-weight=\"700\" letter-spacing=\"1.2\" text-anchor=\"middle\"\u003eBONDED AT EVERY JOINT\u003c\/text\u003e \u003c\/svg\u003e \u003ch4\u003eTape-bonded construction\u003c\/h4\u003e \u003cp\u003eSeams bonded with conductive TitanRF Faraday Tape create a continuous conductive shell that can be repaired in the field.\u003c\/p\u003e \u003c\/article\u003e \u003carticle class=\"cs-panel\" id=\"cs-panel-3\" data-cs\u003e \u003cfigure class=\"cs-fig cs-photo-fig\"\u003e\u003cdiv class=\"cs-door-img\" role=\"img\" aria-label=\"A person folding open the RFMagLink magnetic door of a CYPHERCYLENT enclosure\"\u003e\u003c\/div\u003e\n\u003cfigcaption\u003eProduct image: RFMagLink door.\u003c\/figcaption\u003e\u003c\/figure\u003e \u003ch4\u003eRFMagLink magnetic door\u003c\/h4\u003e \u003cp\u003eA magnetic closure with three rows of magnets provides redundancy and seals on contact without manual alignment.\u003c\/p\u003e \u003c\/article\u003e \u003c\/div\u003e \u003cul class=\"cs-specs\" aria-label=\"Additional CYPHERCYLENT features\"\u003e \u003cli\u003e \u003csvg class=\"supporting-icon\" viewbox=\"0 0 24 24\" aria-hidden=\"true\"\u003e\u003cpath d=\"m14.5 6.5 3-3 3 3-3 3\"\u003e\u003c\/path\u003e\u003cpath d=\"m17.5 9.5-8 8a3.5 3.5 0 0 1-5-5l8-8\"\u003e\u003c\/path\u003e\u003cpath d=\"m7 13 4 4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003cstrong\u003eField-repair materials\u003c\/strong\u003e \u003cspan class=\"cs-spec-text\"\u003eIn the event of a puncture, conductive patches and tape support on-site repairs to the shielding layer.\u003c\/span\u003e \u003c\/li\u003e \u003c\/ul\u003e \u003c\/div\u003e \u003c\/section\u003e \u003csection class=\"section fx-sand fx-tech tx tx-c\" aria-label=\"Connections and ventilation\"\u003e \u003cdiv class=\"container tx-c-grid\"\u003e \u003carticle class=\"tx-c-card\" id=\"connections\"\u003e \u003cfigure class=\"tx-c-fig\"\u003e\u003cdiv class=\"tx-c-media\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1018\/3105\/files\/filterrender1.png?v=1793729077\" alt=\"Close product render of the shielded filter plate at a Basecamp window opening, with a field workstation in the background\" width=\"1538\" height=\"1023\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cfigcaption class=\"tx-cap\"\u003eProduct render: enclosure filter panel shown at a Basecamp window opening.\u003c\/figcaption\u003e\u003c\/figure\u003e \u003cdiv class=\"tx-c-body\"\u003e \u003cspan class=\"tx-tag\"\u003eConnections\u003c\/span\u003e \u003ch3 class=\"fx-h3\"\u003eConnections for your workflow\u003c\/h3\u003e \u003cp class=\"fx-p\"\u003eThe standard setup includes shielded filter plates for AC power, Ethernet, and two USB-A. More filter options are available, and the modular system lets connections change without rebuilding the enclosure.\u003c\/p\u003e \u003ca class=\"tx-req\" href=\"mailto:accounts@mosequipment.com?subject=Filter%20options%20request%3A%20CYPHERCYLENT%20for%20Overland(ish)%20Basecamp\" target=\"_top\"\u003eRequest other filter options \u003cspan aria-hidden=\"true\"\u003e→\u003c\/span\u003e\u003c\/a\u003e \u003c\/div\u003e \u003c\/article\u003e \u003carticle class=\"tx-c-card\"\u003e \u003cdiv class=\"tx-c-pair\"\u003e \u003cfigure class=\"tx-c-fig\"\u003e\u003cdiv class=\"tx-c-media\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1018\/3105\/files\/ventrender1.png?v=1793729077\" alt=\"Product render of a shielded honeycomb vent at an upper Basecamp window\" width=\"1189\" height=\"1323\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cfigcaption class=\"tx-cap\"\u003eProduct render: Faraday vent shown at an upper Basecamp window.\u003c\/figcaption\u003e\u003c\/figure\u003e \u003cfigure class=\"tx-c-fig\"\u003e\u003cdiv class=\"tx-c-media\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1018\/3105\/files\/ventrender2.png?v=1793729078\" alt=\"Product render of a Faraday vent at a lower Basecamp window\" width=\"1254\" height=\"1254\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cfigcaption class=\"tx-cap\"\u003eProduct render: Faraday vent shown at a low Basecamp window.\u003c\/figcaption\u003e\u003c\/figure\u003e \u003c\/div\u003e \u003cdiv class=\"tx-c-body\"\u003e \u003cspan class=\"tx-tag\"\u003eVentilation\u003c\/span\u003e \u003ch3 class=\"fx-h3\"\u003eShielded ventilation\u003c\/h3\u003e \u003cp class=\"fx-p\"\u003eHoneycomb vents aligned with the upper and lower Basecamp window openings provide a path for airflow through the Faraday enclosure while maintaining RF shielding.\u003c\/p\u003e \u003c\/div\u003e \u003c\/article\u003e \u003c\/div\u003e \u003c\/section\u003e \u003csection class=\"fx-inuse\" id=\"in-use\" aria-labelledby=\"inuse-title\"\u003e \u003cdiv class=\"container fx-inuse-head\"\u003e \u003ch2 class=\"section-title\" id=\"inuse-title\"\u003eReady for \u003cspan\u003ethe field.\u003c\/span\u003e\n\u003c\/h2\u003e \u003c\/div\u003e \u003cdiv class=\"fx-inuse-pair\"\u003e \u003cfigure\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1018\/3105\/files\/inside_tent_table.png\" alt=\"BlockBox with its lid open on a folding table inside a CYPHERCYLENT Faraday enclosure, with evidence bags, a notepad, and gloves\" width=\"1536\" height=\"1024\" loading=\"lazy\"\u003e \u003cfigcaption class=\"fx-inuse-card\"\u003e\u003cspan class=\"fx-inuse-tag\"\u003eInterior\u003c\/span\u003e\u003cp\u003eRoom inside to accommodate your different workstations.\u003c\/p\u003e\n\u003csmall\u003eProduct image: interior CYPHERCYLENT workspace. Equipment shown for context.\u003c\/small\u003e\u003c\/figcaption\u003e \u003c\/figure\u003e \u003cfigure\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1018\/3105\/files\/Interior_Workspace_-_Folding_Table.png\" alt=\"Technician working at a laptop on a folding table beside a BlockBox inside a CYPHERCYLENT Faraday enclosure\" width=\"1254\" height=\"1254\" loading=\"lazy\" style=\"object-position: 50% 45%;\"\u003e \u003cfigcaption class=\"fx-inuse-card\"\u003e\u003cspan class=\"fx-inuse-tag\"\u003eWorkflow\u003c\/span\u003e\u003cp\u003eHandle devices while the whole workspace stays RF-isolated.\u003c\/p\u003e\n\u003csmall\u003eIllustrative interior workspace render. Equipment shown for context.\u003c\/small\u003e\u003c\/figcaption\u003e \u003c\/figure\u003e \u003c\/div\u003e \u003c\/section\u003e \u003csection class=\"section fx-apps\" id=\"applications\"\u003e \u003cdiv class=\"container\"\u003e \u003ch2 class=\"section-title\"\u003eApplications\u003c\/h2\u003e \u003cp class=\"fx-p\"\u003eTrusted CYPHERCYLENT performance for:\u003c\/p\u003e \u003cdiv class=\"fx-ap-grid\"\u003e \u003cdiv class=\"fx-ap-feature\"\u003e\n\u003csvg viewbox=\"0 0 24 24\" aria-hidden=\"true\"\u003e\u003cpath d=\"M12 3 5 6v5c0 4.5 3 8 7 10 4-2 7-5.5 7-10V6l-7-3Z\"\u003e\u003c\/path\u003e\u003cpath d=\"m9 12 2 2 4-4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003cdiv\u003e\n\u003cstrong\u003eMilitary operations\u003c\/strong\u003e\u003cspan\u003eSupport operational requirements for a controlled RF workspace.\u003c\/span\u003e\u003cspan\u003ePortable shielding for secure communications and electronic countermeasures where no fixed facility exists.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e \u003cdiv class=\"fx-ap-rest\"\u003e \u003cdiv class=\"fx-ap-item\"\u003e\n\u003csvg viewbox=\"0 0 24 24\" aria-hidden=\"true\"\u003e\u003ccircle cx=\"10.5\" cy=\"10.5\" r=\"6\"\u003e\u003c\/circle\u003e\u003cpath d=\"m15 15 5.5 5.5M8 10.5h5\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003cdiv\u003e\n\u003cstrong\u003eDigital forensics and evidence intake\u003c\/strong\u003e\u003cspan\u003eIsolate devices during examination and handling.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e \u003cdiv class=\"fx-ap-item\"\u003e\n\u003csvg viewbox=\"0 0 24 24\" aria-hidden=\"true\"\u003e\u003crect x=\"6\" y=\"2.5\" width=\"12\" height=\"19\" rx=\"2\"\u003e\u003c\/rect\u003e\u003cpath d=\"M10 6h4M9.5 13h5v4h-5zM14.5 14.5h1\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003cdiv\u003e\n\u003cstrong\u003eExtended device extractions\u003c\/strong\u003e\u003cspan\u003eSupport workflows requiring devices to remain powered and RF-isolated.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e \u003cdiv class=\"fx-ap-item\"\u003e\n\u003csvg viewbox=\"0 0 24 24\" aria-hidden=\"true\"\u003e\u003crect x=\"7\" y=\"7\" width=\"10\" height=\"10\" rx=\"1\"\u003e\u003c\/rect\u003e\u003cpath d=\"M10 3v4M14 3v4M10 17v4M14 17v4M3 10h4M3 14h4M17 10h4M17 14h4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003cdiv\u003e\n\u003cstrong\u003eEMI and hardware testing\u003c\/strong\u003e\u003cspan\u003eEvaluate electronics in a controlled RF environment.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e \u003cdiv class=\"fx-ap-item\"\u003e\n\u003csvg viewbox=\"0 0 24 24\" aria-hidden=\"true\"\u003e\u003cpath d=\"M12 12v9M8 21h8\"\u003e\u003c\/path\u003e\u003ccircle cx=\"12\" cy=\"10\" r=\"2\"\u003e\u003c\/circle\u003e\u003cpath d=\"M7.8 5.8a6 6 0 0 0 0 8.4M16.2 5.8a6 6 0 0 1 0 8.4M5 3a10 10 0 0 0 0 14M19 3a10 10 0 0 1 0 14\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003cdiv\u003e\n\u003cstrong\u003eRF-sensitive equipment development\u003c\/strong\u003e\u003cspan\u003eReduce exposure to outside signals that could affect measurements.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/section\u003e \u003ctemplate id=\"installation-saved\"\u003e \u003csection class=\"section fx-sand fx-config in2 in-f\" id=\"configuration\"\u003e \u003cdiv class=\"container\"\u003e \u003cdiv class=\"f-head\"\u003e \u003ch3 class=\"fx-h3\"\u003eInstallation overview\u003c\/h3\u003e \u003cp class=\"fx-p\"\u003eSet up the Faraday enclosure inside the Overland(ish) Basecamp using the included hanging components.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"f-card\"\u003e \u003cdiv class=\"f-tabs\"\u003e \u003ch4 class=\"f-title\"\u003eWhat’s included \u003csmall\u003eCYPHERCYLENT · Basecamp\u003c\/small\u003e\n\u003c\/h4\u003e \u003ca class=\"button in-quote\" href=\"mailto:accounts@mosequipment.com?subject=Quote%20request%3A%20CYPHERCYLENT%20for%20Overland(ish)%20Basecamp\" target=\"_top\"\u003eRequest a quote\u003c\/a\u003e \u003c\/div\u003e \u003cdiv class=\"f-pane\" id=\"f-kit\"\u003e \u003cul class=\"in-tiles in-tiles-flat\"\u003e \u003cli\u003e\n\u003ci\u003e\u003csvg viewbox=\"0 0 24 24\" aria-hidden=\"true\"\u003e\u003cpath d=\"m12 3 8 4.5v9L12 21l-8-4.5v-9L12 3Z\"\u003e\u003c\/path\u003e\u003cpath d=\"m4.5 7.7 7.5 4.2 7.5-4.2M12 12v9\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/i\u003e\u003cspan\u003eCYPHERCYLENT Faraday enclosure\u003c\/span\u003e\n\u003c\/li\u003e \u003cli\u003e\n\u003ci\u003e\u003csvg viewbox=\"0 0 24 24\" aria-hidden=\"true\"\u003e\u003cpath d=\"M7 4v11a5 5 0 0 0 10 0V4\"\u003e\u003c\/path\u003e\u003cpath d=\"M4.5 4h5M14.5 4h5M9 10h6M9 14h6\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/i\u003e\u003cspan\u003eMagnets and support straps\u003c\/span\u003e\n\u003c\/li\u003e \u003cli\u003e\n\u003ci\u003e\u003csvg viewbox=\"0 0 24 24\" aria-hidden=\"true\"\u003e\u003crect x=\"4\" y=\"4\" width=\"16\" height=\"16\" rx=\"1\"\u003e\u003c\/rect\u003e\u003cpath d=\"M8 8v8m4-8v8m4-8v8\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/i\u003e\u003cspan\u003eShielded honeycomb vents\u003c\/span\u003e\n\u003c\/li\u003e \u003cli\u003e\n\u003ci\u003e\u003csvg viewbox=\"0 0 24 24\" aria-hidden=\"true\"\u003e\u003crect x=\"3.5\" y=\"5\" width=\"17\" height=\"14\" rx=\"1\"\u003e\u003c\/rect\u003e\u003cpath d=\"M7 8.5h10M7 12h10M7 15.5h10\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/i\u003e\u003cspan\u003eModular shielded filter panel\u003c\/span\u003e\n\u003c\/li\u003e \u003cli\u003e\n\u003ci\u003e\u003csvg viewbox=\"0 0 24 24\" aria-hidden=\"true\"\u003e\u003cpath d=\"M14.5 6.5a5 5 0 0 0-6.7 6.7L4 17l3 3 3.8-3.8a5 5 0 0 0 6.7-6.7l-3.1 3.1-3-3 3.1-3.1Z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/i\u003e\u003cspan\u003eInstallation hardware and instructions\u003c\/span\u003e\n\u003c\/li\u003e \u003cli\u003e\n\u003ci\u003e\u003csvg viewbox=\"0 0 24 24\" aria-hidden=\"true\"\u003e\u003cpath d=\"M3 8 12 4l9 4v10l-9 3-9-3V8Z\"\u003e\u003c\/path\u003e\u003cpath d=\"m3.5 8 8.5 4 8.5-4M12 12v9M7 6l9 4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/i\u003e\u003cspan\u003eFloor protection, lighting, cables, repair materials, and transport equipment, as specified\u003c\/span\u003e\n\u003c\/li\u003e \u003c\/ul\u003e \u003c\/div\u003e \u003cdiv class=\"f-pane f-pane-opt\" id=\"f-opt\"\u003e \u003cdiv class=\"f-opt\"\u003e \u003cdiv class=\"in-stat-row\"\u003e\n\u003cp class=\"fx-stat-num\"\u003e\u003cspan\u003e100\u003c\/span\u003e%\u003c\/p\u003e \u003cp class=\"fx-stat-label\"\u003eCustomizable\u003c\/p\u003e \u003cp class=\"fx-stat-text\"\u003eEvery system built to order\u003c\/p\u003e\n\u003c\/div\u003e \u003cdiv\u003e \u003cp class=\"fx-label\"\u003eAvailable options\u003c\/p\u003e \u003cul class=\"in-chips\"\u003e \u003cli\u003eFilter connections for power, Ethernet, and USB-A\u003c\/li\u003e \u003cli\u003eFlooring\u003c\/li\u003e \u003cli\u003eFabrics and covers\u003c\/li\u003e \u003c\/ul\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/section\u003e \u003c\/template\u003e \u003csection class=\"solo-section fx-solo\" id=\"solo\" aria-labelledby=\"solo-title\"\u003e \u003cdiv class=\"container fx-solo-inner\"\u003e \u003cfigure class=\"fx-frame fx-frame-tan\" data-fx\u003e \u003cdiv class=\"fx-img fx-solo-img\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1018\/3105\/files\/BasecampSolo-ConceptImage.png?v=1793729077\" alt=\"Concept image of the Overland(ish) Basecamp SOLO shelter in a mountain landscape\" loading=\"lazy\"\u003e \u003c\/div\u003e \u003cfigcaption\u003eConcept image: Overland(ish) Basecamp SOLO.\u003c\/figcaption\u003e \u003c\/figure\u003e \u003cdiv class=\"fx-solo-copy\" data-fx\u003e \u003ch2 id=\"solo-title\"\u003eMake room for Faraday shielding in your Basecamp SOLO.\u003c\/h2\u003e \u003cp\u003eWhen your operation calls for a smaller workspace, a CYPHERCYLENT enclosure tailored to the Overland(ish) Basecamp SOLO could bring RF isolation into your shelter.\u003c\/p\u003e \u003ca class=\"button fx-btn-tan\" href=\"#contact\"\u003eDiscuss a SOLO Configuration\u003c\/a\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/section\u003e \u003csection class=\"ct ct-c\" id=\"contact\" aria-labelledby=\"contact-title\"\u003e \u003cdiv class=\"ct-c-media\"\u003e \u003cdiv class=\"ct-bg-img\" aria-hidden=\"true\"\u003e\u003c\/div\u003e \u003cdiv class=\"ct-c-over\"\u003e \u003ch2 class=\"section-title\" id=\"contact-title\"\u003eDiscuss your next mission.\u003c\/h2\u003e \u003cp class=\"fx-p\"\u003eTell Mission Darkness about your application, connection requirements, and intended setup. Discuss how the CYPHERCYLENT enclosure for Overland(ish) Basecamp could support your operation.\u003c\/p\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"ct-c-form\"\u003e\u003cform class=\"fx-form\" id=\"draft-form\" method=\"post\" action=\"https:\/\/mosequipment.com\/contact#contact\" accept-charset=\"UTF-8\" target=\"_top\"\u003e \u003cinput type=\"hidden\" name=\"form_type\" value=\"contact\"\u003e \u003cinput type=\"hidden\" name=\"utf8\" value=\"✓\"\u003e \u003cinput type=\"hidden\" name=\"contact[Page]\" value=\"CYPHERCYLENT for Overland(ish) Basecamp\"\u003e \u003cdiv class=\"fx-field\"\u003e\n\u003clabel for=\"name\"\u003eName\u003c\/label\u003e\u003cinput id=\"name\" name=\"contact[name]\" autocomplete=\"name\" placeholder=\"Your name\" required\u003e\n\u003c\/div\u003e \u003cdiv class=\"fx-field\"\u003e\n\u003clabel for=\"email\"\u003eEmail\u003c\/label\u003e\u003cinput id=\"email\" name=\"contact[email]\" type=\"email\" autocomplete=\"email\" placeholder=\"you@example.com\" required\u003e\n\u003c\/div\u003e \u003cdiv class=\"fx-field ct-wide\"\u003e\n\u003clabel for=\"requirements\"\u003eWhat are you planning?\u003c\/label\u003e\u003ctextarea id=\"requirements\" name=\"contact[body]\" placeholder=\"Application, connections, and intended setup\"\u003e\u003c\/textarea\u003e\n\u003c\/div\u003e \u003cbutton class=\"button\" type=\"submit\"\u003eContact Mission Darkness\u003c\/button\u003e \u003cp class=\"form-status\" id=\"form-status\" role=\"status\" aria-live=\"polite\"\u003e\u003c\/p\u003e \u003c\/form\u003e\u003c\/div\u003e \u003c\/section\u003e \u003c\/main\u003e \u003cfooter class=\"md-footer fx-footer\"\u003e \u003cdiv class=\"footer-inner mf-grid\"\u003e \u003cnav class=\"mf-col\" aria-label=\"Links\"\u003e \u003ch4\u003eLinks\u003c\/h4\u003e \u003cul\u003e \u003cli\u003e\u003ca href=\"\/search\"\u003eSearch\u003c\/a\u003e\u003c\/li\u003e \u003cli\u003e\u003ca href=\"\/collections\/all\"\u003eAll Products\u003c\/a\u003e\u003c\/li\u003e \u003cli\u003e\u003ca href=\"\/policies\/privacy-policy\"\u003ePrivacy Policy\u003c\/a\u003e\u003c\/li\u003e \u003cli\u003e\u003ca href=\"\/policies\/terms-of-service\"\u003eTerms of Service\u003c\/a\u003e\u003c\/li\u003e \u003cli\u003e\u003ca href=\"\/pages\/press\"\u003ePress\u003c\/a\u003e\u003c\/li\u003e \u003cli\u003e\u003ca href=\"\/pages\/careers\"\u003eCareers\u003c\/a\u003e\u003c\/li\u003e \u003cli\u003e\u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1018\/3105\/files\/MOS_Equipment_W9_2026.pdf?v=1769729922\"\u003eW-9 Form\u003c\/a\u003e\u003c\/li\u003e \u003cli\u003e\u003ca href=\"\/pages\/quote-request\"\u003eQuote Request\u003c\/a\u003e\u003c\/li\u003e \u003c\/ul\u003e \u003c\/nav\u003e \u003cnav class=\"mf-col\" aria-label=\"Customer care\"\u003e \u003ch4\u003eCustomer Care\u003c\/h4\u003e \u003cul\u003e \u003cli\u003e\u003ca href=\"\/pages\/order-information\"\u003eOrder Info\u003c\/a\u003e\u003c\/li\u003e \u003cli\u003e\u003ca href=\"\/blogs\/blog\"\u003eResources\u003c\/a\u003e\u003c\/li\u003e \u003cli\u003e\u003ca href=\"\/policies\/refund-policy\"\u003eReturn Policy\u003c\/a\u003e\u003c\/li\u003e \u003cli\u003e\u003ca href=\"\/policies\/shipping-policy\"\u003eShipping Policy\u003c\/a\u003e\u003c\/li\u003e \u003c\/ul\u003e \u003c\/nav\u003e \u003cdiv class=\"mf-col mf-news\"\u003e \u003ch4\u003eBe in the know\u003c\/h4\u003e \u003cform method=\"post\" action=\"\/contact#md-newsletter\" id=\"md-newsletter\" accept-charset=\"UTF-8\"\u003e \u003cinput type=\"hidden\" name=\"form_type\" value=\"customer\"\u003e \u003cinput type=\"hidden\" name=\"utf8\" value=\"✓\"\u003e \u003cinput type=\"hidden\" name=\"contact[tags]\" value=\"newsletter\"\u003e \u003clabel for=\"md-news-email\"\u003eSign up for the latest news, offers and styles\u003c\/label\u003e \u003cdiv class=\"mf-input\"\u003e \u003cinput type=\"email\" id=\"md-news-email\" name=\"contact[email]\" placeholder=\"Your email\" autocomplete=\"email\" required\u003e \u003cbutton type=\"submit\"\u003eSubscribe\u003c\/button\u003e \u003c\/div\u003e \u003c\/form\u003e \u003cul class=\"mf-social\"\u003e \u003cli\u003e\u003ca href=\"https:\/\/www.facebook.com\/missiondarkness\/\"\u003eFacebook\u003c\/a\u003e\u003c\/li\u003e \u003cli\u003e\u003ca href=\"https:\/\/twitter.com\/MissionDarkness\"\u003eTwitter\u003c\/a\u003e\u003c\/li\u003e \u003cli\u003e\u003ca href=\"https:\/\/www.pinterest.com\/missiondarkness\/\"\u003ePinterest\u003c\/a\u003e\u003c\/li\u003e \u003cli\u003e\u003ca href=\"https:\/\/www.instagram.com\/missiondarkness\/\"\u003eInstagram\u003c\/a\u003e\u003c\/li\u003e \u003cli\u003e\u003ca href=\"https:\/\/www.youtube.com\/channel\/UCdaFrEdqwXGeljob6LxaJ5Q\/videos\"\u003eYouTube\u003c\/a\u003e\u003c\/li\u003e \u003c\/ul\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"footer-inner mf-bottom\"\u003e \u003cp\u003e© 2026, \u003ca href=\"\/\"\u003eMOS Equipment\u003c\/a\u003e · Mission Darkness · CYPHERCYLENT for Overland(ish) Basecamp\u003c\/p\u003e \u003cbutton class=\"mf-top\" type=\"button\" onclick=\"window.scrollTo({ top: 0, behavior: 'smooth' })\"\u003eBack to top \u003cspan aria-hidden=\"true\"\u003e↑\u003c\/span\u003e\u003c\/button\u003e \u003c\/div\u003e \u003c\/footer\u003e \u003c\/div\u003e \u003cscript\u003e\n \/\/ Full-width breakout for Shogun. The HTML block sits inside the product\n \/\/ description column, which crops it. Unclip every wrapper around it; if\n \/\/ Shogun put the block in an iframe, stretch the iframe itself instead.\n (() =\u003e {\n const unclip = (el, stop) =\u003e {\n for (; el \u0026\u0026 el !== stop; el = el.parentElement) {\n el.style.setProperty(\"overflow\", \"visible\", \"important\");\n el.style.setProperty(\"contain\", \"none\", \"important\");\n el.style.setProperty(\"clip-path\", \"none\", \"important\");\n }\n };\n\n let frame = null;\n try { frame = window.frameElement; } catch (error) { frame = null; }\n\n if (frame) {\n const parentDoc = frame.ownerDocument;\n const parentWin = parentDoc.defaultView;\n const stretch = () =\u003e {\n frame.style.setProperty(\"margin-left\", \"0px\", \"important\");\n const left = frame.getBoundingClientRect().left;\n frame.style.setProperty(\"width\", parentDoc.documentElement.clientWidth + \"px\", \"important\");\n frame.style.setProperty(\"max-width\", \"none\", \"important\");\n frame.style.setProperty(\"margin-left\", -left + \"px\", \"important\");\n };\n unclip(frame.parentElement, parentDoc.body);\n parentDoc.body.style.setProperty(\"overflow-x\", \"clip\");\n stretch();\n parentWin.addEventListener(\"resize\", stretch);\n } else {\n \/\/ The MOS theme nests the block in .page-width (max width) inside\n \/\/ #PageContainer (overflow: hidden), and offsets the description\n \/\/ column by a few px, so 50vw centering lands off by that much.\n \/\/ Measure each block and pin it to the window edges instead.\n const blocks = document.querySelector(\".md-page\")\n ? [document.querySelector(\".md-page\")]\n : [...document.querySelectorAll(\".draft-bar, .draft-bar ~ .md-header, .draft-bar ~ main, .draft-bar ~ .md-footer\")];\n if (blocks.length) {\n unclip(blocks[0].parentElement, document.body);\n const stretch = () =\u003e {\n const viewport = document.documentElement.clientWidth;\n for (const block of blocks) {\n block.style.setProperty(\"left\", \"0\", \"important\");\n block.style.setProperty(\"margin-left\", \"0px\", \"important\");\n block.style.setProperty(\"margin-right\", \"0px\", \"important\");\n const left = block.getBoundingClientRect().left;\n block.style.setProperty(\"width\", viewport + \"px\", \"important\");\n block.style.setProperty(\"max-width\", \"none\", \"important\");\n block.style.setProperty(\"margin-left\", -left + \"px\", \"important\");\n }\n };\n stretch();\n window.addEventListener(\"resize\", stretch);\n window.addEventListener(\"load\", stretch);\n }\n }\n })();\n \u003c\/script\u003e \u003cscript\u003e\n if (\"IntersectionObserver\" in window \u0026\u0026\n !window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches) {\n const revealGroups = [\n \".intro-compact \u003e div\",\n \".story-heading \u003e div\",\n \".story-shell .story-copy\",\n \".supporting-features\",\n \".field-details-grid \u003e div\",\n \".applications-feature \u003e div\",\n \".solo-content\",\n \".contact-grid \u003e div\",\n \".contact-form\"\n ];\n const textSelector = \"h1, h2, h3, p, a.button, li, .contact-item, label, input, textarea\";\n const imageSelector = \".story-shell figure, .field-scene, .field-scene img, .applications-visual, .solo-visual\";\n const softRevealSelector = \".technical-details .story-connection, .technical-details .story-vent\";\n const targets = new Set();\n const observer = new IntersectionObserver((entries, currentObserver) =\u003e {\n for (const entry of entries) {\n if (entry.isIntersecting) {\n entry.target.classList.add(\"is-visible\");\n currentObserver.unobserve(entry.target);\n }\n }\n }, { threshold: 0.12 });\n\n try {\n for (const groupSelector of revealGroups) {\n document.querySelectorAll(groupSelector).forEach((group) =\u003e {\n const items = [...group.querySelectorAll(textSelector)];\n items.forEach((item, index) =\u003e {\n const isHeading = item.matches(\"h1, h2, h3\");\n const isButton = item.matches(\"a.button\");\n const isLead = item.matches(\"p:not(.small-label):not(.eyebrow)\");\n const delay = isHeading ? 0 : isButton ? 220 : isLead ? 120 : 40 + index * 35;\n item.dataset.scrollReveal = \"text\";\n item.style.setProperty(\"--reveal-delay\", `${Math.min(delay, 280)}ms`);\n targets.add(item);\n });\n });\n }\n\n document.querySelectorAll(imageSelector).forEach((item) =\u003e {\n item.dataset.scrollReveal = \"image\";\n targets.add(item);\n });\n\n document.querySelectorAll(softRevealSelector).forEach((item) =\u003e {\n item.dataset.scrollReveal = \"accent\";\n targets.add(item);\n });\n\n targets.forEach((target) =\u003e observer.observe(target));\n document.documentElement.classList.add(\"motion-ready\");\n } catch (error) {\n observer.disconnect();\n document.documentElement.classList.remove(\"motion-ready\");\n }\n }\n\n const menuButton = document.querySelector(\".menu-toggle\");\n const navLinks = document.querySelector(\".nav-links\");\n\n function setMenuOpen(open) {\n menuButton.setAttribute(\"aria-expanded\", String(open));\n navLinks.classList.toggle(\"is-open\", open);\n }\n\n \/\/ The page header is empty now (the store header is used), so the menu\n \/\/ code only runs if the menu is ever put back.\n if (menuButton \u0026\u0026 navLinks) {\n menuButton.addEventListener(\"click\", () =\u003e {\n setMenuOpen(menuButton.getAttribute(\"aria-expanded\") !== \"true\");\n });\n\n navLinks.addEventListener(\"click\", (event) =\u003e {\n if (event.target.closest(\"a\")) setMenuOpen(false);\n });\n\n document.querySelector(\".nav-cta\").addEventListener(\"click\", () =\u003e setMenuOpen(false));\n\n document.addEventListener(\"keydown\", (event) =\u003e {\n if (event.key === \"Escape\" \u0026\u0026 menuButton.getAttribute(\"aria-expanded\") === \"true\") {\n setMenuOpen(false);\n menuButton.focus();\n }\n });\n }\n\n const sectionLinks = [...document.querySelectorAll(\".nav-links [data-section]\")];\n const navSections = sectionLinks.map((link) =\u003e ({\n link,\n section: document.getElementById(link.dataset.section)\n }));\n let activeSectionFrame = 0;\n\n function updateCurrentNavigation() {\n activeSectionFrame = 0;\n const marker = window.scrollY + document.querySelector(\".md-header\").offsetHeight + 24;\n const soloTop = document.querySelector(\".solo-section\").getBoundingClientRect().top + window.scrollY;\n const beyondNavSections = marker \u003e= soloTop;\n const current = beyondNavSections\n ? null\n : navSections\n .filter(({ section }) =\u003e section.getBoundingClientRect().top + window.scrollY \u003c= marker)\n .slice(-1)[0];\n\n navSections.forEach(({ link }) =\u003e {\n const isCurrent = current?.link === link;\n link.classList.toggle(\"is-current\", isCurrent);\n if (isCurrent) link.setAttribute(\"aria-current\", \"location\");\n else link.removeAttribute(\"aria-current\");\n });\n }\n\n function scheduleCurrentNavigation() {\n if (!activeSectionFrame) {\n activeSectionFrame = window.requestAnimationFrame(updateCurrentNavigation);\n }\n }\n\n window.addEventListener(\"scroll\", scheduleCurrentNavigation, { passive: true });\n window.addEventListener(\"resize\", scheduleCurrentNavigation);\n updateCurrentNavigation();\n\n \/\/ Contact form posts to the store's Shopify contact form. After sending,\n \/\/ Shopify returns to this page with ?contact_posted=true.\n (function () {\n let q = location.search;\n try { q += window.top.location.search; } catch (e) {}\n if (q.indexOf(\"contact_posted=true\") !== -1) {\n document.getElementById(\"form-status\").textContent = \"Thanks. Your message was sent to Mission Darkness.\";\n }\n })();\n \u003c\/script\u003e \u003cscript\u003e\n (function () {\n const band = document.querySelector(\".layers-band\");\n if (band \u0026\u0026 \"IntersectionObserver\" in window) {\n new IntersectionObserver((entries, o) =\u003e {\n if (entries[0].isIntersecting) { band.classList.add(\"in-view\"); o.disconnect(); }\n }, { threshold: 0.3 }).observe(band);\n } else if (band) {\n band.classList.add(\"in-view\");\n }\n })();\n\u003c\/script\u003e \u003cscript\u003e\n \/* Features drawings and lower-page blocks animate when scrolled into view. *\/\n (function () {\n const panels = document.querySelectorAll(\"[data-cs]\");\n const blocks = document.querySelectorAll(\"[data-fx]\");\n const reduce = window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;\n if (!(\"IntersectionObserver\" in window) || reduce) {\n panels.forEach((p) =\u003e p.classList.add(\"in-view\"));\n return;\n }\n const watch = (els, cls, threshold) =\u003e {\n const o = new IntersectionObserver((entries) =\u003e {\n entries.forEach((e) =\u003e { if (e.isIntersecting) { e.target.classList.add(cls); o.unobserve(e.target); } });\n }, { threshold });\n els.forEach((el) =\u003e o.observe(el));\n };\n watch(panels, \"in-view\", 0.35);\n document.documentElement.classList.add(\"fx-ready\");\n watch(blocks, \"fx-in\", 0.15);\n })();\n\u003c\/script\u003e \u003c\/div\u003e \u003c\/div\u003e","brand":"MOS Equipment","offers":[{"title":"Default Title","offer_id":67960571101500,"sku":null,"price":0.0,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1018\/3105\/files\/mainimage.png?v=1793923443","url":"https:\/\/mosequipment.com\/products\/cyphercylent-quick-deploy-faraday-tent-for-overlandish-basecamp","provider":"MOS Equipment","version":"1.0","type":"link"}