/* === DARA — Tactical Defense Theme === */
/* These --_colors and --_theme vars are what the R-K engine actually reads. */

/* ─── Webflow swatch overrides (drive the ENTIRE R-K theme system) ─── */
:root {
  --_colors---swatch--black: #0a0c10;
  --_colors---swatch--grey: #c8ced6;
  --_colors---swatch--brand: #6090c0;
  --_colors---swatch--black-24: rgba(10, 12, 16, 0.15);
}

/* ─── Force ALL sections to dark ─── */
.section.theme-base,
.section.theme-light,
.section.theme-blue {
  --_theme---background: #0a0c10;
  --_theme---body-text: #c8ced6;
  --_theme---heading: #c8ced6;
  --_theme---border: rgba(96, 144, 192, 0.15);
  --_theme---button--button-bg: #6090c0;
  --_theme---button--button-content: #0a0c10;
  --_theme---cursor-select-bg: #6090c0;
  --_theme---cursor-select-text: #0a0c10;
  --_theme---menu--menu-text: #c8ced6;
  --_theme---menu--menu-background: #0a0c10;
  --_theme---menu--bottom-bar: #ff2818;
}
.section.theme-dark {
  --_theme---background: #05070a;
  --_theme---body-text: #c8ced6;
  --_theme---heading: #e0e6ec;
}

/* ─── Global dark ─── */
body, .page-wrapper, .main-wrapper {
  background-color: #0a0c10 !important;
  color: #c8ced6 !important;
}

/* ─── Headings: monospace ─── */
h1, h2, h3, h4, h5, h6, [class*="heading"] {
  font-family: ui-monospace, "SF Mono", monospace !important;
  color: var(--_theme---heading, #c8ced6) !important;
  letter-spacing: 0.04em;
}

/* ─── Body text ─── */
p, [class*="paragraph"] {
  color: var(--_theme---body-text, #c8ced6) !important;
}

/* ─── Eyebrow/labels ─── */
.eyebrow-inline, [class*="eyebrow"], [class*="tagline"] .paragraph-m {
  font-family: ui-monospace, monospace !important;
  color: #6090c0 !important;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

/* ─── Links ─── */
a { color: #6090c0; }
a:hover { color: #7ab0e0; }

/* ─── Buttons ─── */
.main-btn__bg { background-color: rgba(96, 144, 192, 0.12) !important; }
.main-btn-inner__text, .secondary-btn-inner__text { color: #c8ced6 !important; }

/* ─── Navigation ─── */
.navbar { background-color: rgba(10, 12, 16, 0.92) !important; }
.menu { background-color: rgba(10, 12, 16, 0.96) !important; }

/* ─── Cards ─── */
.case__img-inner-wrapper, .insights__img-inner-wrapper { background-color: #0d1117 !important; }

/* ─── Footer ─── */
#footer { background-color: #05070a !important; border-top: 1px solid rgba(96,144,192,0.08); }

/* ─── Hero: EagleEye canvas ─── */
#section_hero { background-color: #000 !important; }
#ee-hero { background: #040a08 !important; }
.hero-inner__main { position: relative; z-index: 2; }
.hero_inner { position: relative; z-index: 1; }

/* ─── Decorative icons ─── */
.icon__regular path, .rect-icon rect { fill: #6090c0 !important; }

/* ─── Scrollbar ─── */
::-webkit-scrollbar { width: 4px; }
::-webkit-scrollbar-track { background: #0a0c10; }
::-webkit-scrollbar-thumb { background: rgba(96,144,192,0.3); border-radius: 2px; }

/* ─── Selection ─── */
::selection { background: #6090c0; color: #0a0c10; }

/* ─── Image desaturation ─── */
img:not([class*="logo"]):not([class*="preloader"]) { filter: saturate(0.7) brightness(0.9); }


#section_intro {
  background-color: transparent !important;
  /* Scroll-linked opacity eased in by the hero-copy-scroll-fade script —
     add a short CSS transition so tiny per-frame steps blend smoothly. */
  transition: opacity 0.25s ease-out;
}
#section_intro .intro_wrapper { background-color: transparent !important; }
#section_intro .section { background-color: transparent !important; }
.quicknav { position: relative; z-index: 3; }

/* ─── Glass effect on navigation buttons ─── */
.navbar-btn__bg,
.main-btn__bg {
  background: rgba(96, 144, 192, 0.06) !important;
  backdrop-filter: blur(12px) saturate(1.3) !important;
  -webkit-backdrop-filter: blur(12px) saturate(1.3) !important;
  border: 1px solid rgba(96, 144, 192, 0.12) !important;
  border-radius: 4px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.04),
    0 0 20px rgba(96, 144, 192, 0.05) !important;
  transition: all 0.3s ease !important;
}
.navbar-btn__bg:hover,
.main-btn__bg:hover {
  background: rgba(96, 144, 192, 0.12) !important;
  border-color: rgba(96, 144, 192, 0.25) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 0 30px rgba(96, 144, 192, 0.1) !important;
}

/* Glass effect on quicknav columns */
.quicknav-col__item-w .util__item-mask a,
.quicknav .tagline__item-label {
  background: rgba(96, 144, 192, 0.04);
  backdrop-filter: blur(8px) saturate(1.2);
  -webkit-backdrop-filter: blur(8px) saturate(1.2);
  border-radius: 3px;
  padding: 2px 6px;
  transition: background 0.2s;
}
.quicknav-col__item-w .util__item-mask a:hover {
  background: rgba(96, 144, 192, 0.10);
}

/* Navbar logo button — glass box with condor */
.navbar_fixed .navbar-btn__inner {
  padding: 6px !important;
}
.navbar_fixed a[data-btn] {
  backdrop-filter: blur(16px) saturate(1.4);
  -webkit-backdrop-filter: blur(16px) saturate(1.4);
  border: 1px solid rgba(96, 144, 192, 0.15);
  border-radius: 6px;
  overflow: hidden;
}

/* Dock icon button (the Condor home-link) — square footprint sized in px so
   it doesn't inherit the nav's small em scale. Pinned to the Directory/Sound
   button height (~38px) with extra breathing room for the Condor mark. */
.navbar_fixed a[data-btn="icon"] {
  width: 44px;
  height: 44px;
  flex: 0 0 44px;
}
.navbar_fixed a[data-btn="icon"] .navbar-btn__inner {
  padding: 7px !important;
  width: 100%;
  height: 100%;
}
.navbar_fixed a[data-btn="icon"] .centered-nav__logo-icon {
  width: 100%;
  height: 100%;
  display: block;
  color: #ffffff !important;
}

/* Top-bar (quicknav) Condor logo — also white. Works by resetting the
   text color on the anchor so currentColor → white for the SVG fill. */
.quicknav__logo-link,
.quicknav__logo-svg,
.navbar_fixed a[data-btn="icon"] {
  color: #ffffff !important;
}


/* ─── Hero copy overlay — lives inside .hero_hud so it inherits the
   existing `[data-scene-state="past"] .hero_hud { opacity: 0 }` fade rule.
   Additionally fades out on an earlier scroll threshold via a JS
   scroll-listener that sets inline opacity (see home-eagleeye.html) — this
   prevents overlap with section_intro's "Design shapes the world…" copy
   that scrolls in below. Size 15% smaller than the previous iteration. */
.hero_copy {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 7vh;
  text-align: center;
  pointer-events: none;
  padding: 0 4vw;
  color: #ffffff;
  transition: opacity 0.4s ease-out;
}
.hero_copy__main {
  position: relative;
  display: inline-block;
  padding: 1.75em 2.25em 0.75em;
  max-width: 100%;
}
.hero_copy__bracket {
  position: absolute;
  top: 0;
  width: 10px;
  height: 10px;
  background: rgb(96, 144, 192);
}
.hero_copy__bracket--left { left: 0; }
.hero_copy__bracket--right { right: 0; }
.hero_copy__headline,
.hero_copy p.hero_copy__headline {
  margin: 0;
  font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  font-weight: 500;
  font-size: clamp(1.19rem, 2.38vw, 2.04rem);
  line-height: 1.4;
  letter-spacing: 0.01em;
  color: #ffffff !important;
}
.hero_copy__line {
  display: block;
  color: #ffffff !important;
}
.hero_copy__tagline,
.hero_copy p.hero_copy__tagline {
  margin: 1em 0 0;
  font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  font-size: clamp(0.64rem, 0.85vw, 0.85rem);
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.7) !important;
}
@media (max-width: 768px) {
  .hero_copy { bottom: 10vh; }
  .hero_copy__bracket { display: none; }
}

/* Hide the ORIGINAL scrolling hero decorations so they don't duplicate the
   pinned .hero_copy overlay: hide the headline h1, tagline h2, AND the 4
   .rect-icon corner squares that flank them (those were the "extra blue
   squares"). Use visibility:hidden (not display:none) so the layout slot
   is preserved — otherwise "Get in touch" and other hero_inner elements
   reflow out of their original positions. */
#section_hero .hero_wrapper h1.heading-xl,
#section_hero .hero_wrapper h2.heading-xl,
#section_hero .hero_wrapper .rect-icon {
  visibility: hidden !important;
}


/* Preloader cover color. IMPORTANT: set ONLY on .preloader__bg (the element
   the engine applies clip-path to). The parent .preloader element must stay
   TRANSPARENT — otherwise it fills the clip-path hole with its own bg from
   behind the clipped bg, blocking the iframe/scene underneath. */
.preloader { background-color: transparent !important; }
.preloader__bg { background-color: #05070a !important; }



/* ─── Preloader wordmark sizing (CONDOR / VISION) — 2x scale ───
   NO !important on margins: the R-K engine's FLIP timeline tweens marginLeft:0
   during phase 4 (1.25-2.45s). !important would pin the margin and break FLIP. */
.preloader__item-mask.is--r { width: 56em; }
.preloader__item-mask.is--k { width: 46em; margin-left: -1.5em; }

@media screen and (max-width: 991px) {
  .preloader__item-mask.is--r { width: 40em; }
  .preloader__item-mask.is--k { width: 32em; margin-left: -0.5em; }
}

@media screen and (max-width: 479px) {
  .preloader__item-mask.is--r { width: 26em; }
  .preloader__item-mask.is--k { width: 20em; margin-left: 0; }
}

/* Condor logo center — ORIGINAL sizing restored. Every attempt to shift it
   (align-items, width change, margin-top, viewBox reframe) has hung the
   preloader's FLIP timeline. The icon stays center-vertical; baseline
   alignment with the wordmark has been left as-is to keep the intro
   animation reliable. */
.preloader__item-mask.is--logo { width: 10em; margin-left: -1em; margin-right: -1em; }
@media screen and (max-width: 991px) { .preloader__item-mask.is--logo { width: 6em; } }
@media screen and (max-width: 479px) { .preloader__item-mask.is--logo { width: 5em; margin-left: 0; margin-right: 0; } }

/* =========================================================================
 * Mapped Intelligence scene HUD — ported from mapped-intelligence-v5.html
 * All rules scoped to #eagleeye-wrap so they cannot leak onto dara pages.
 * position:fixed from the standalone source becomes position:absolute here
 * so the HUD stays attached to the sticky hero wrap, not the viewport.
 * ========================================================================= */

#eagleeye-wrap {
  position: relative;
  overflow: hidden;
  background: #0a0c10;
}

#eagleeye-wrap #eagleeye-canvas {
  position: absolute;
  inset: 0;
  display: block;
  outline: none;
}

#eagleeye-wrap .hint {
  position: absolute;
  top: 18px; left: 22px;
  color: rgba(200, 210, 220, 0.55);
  font-size: 11px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-family: ui-monospace, monospace;
  pointer-events: none;
  z-index: 5;
}

#eagleeye-wrap .back {
  position: absolute;
  top: 16px; left: 16px;
  background: rgba(20, 23, 28, 0.78);
  backdrop-filter: blur(12px) saturate(1.2);
  -webkit-backdrop-filter: blur(12px) saturate(1.2);
  border: 1px solid rgba(174, 184, 194, 0.25);
  color: #c8ced6;
  padding: 8px 16px;
  font-size: 11px;
  letter-spacing: 0.08em;
  border-radius: 3px;
  cursor: pointer;
  font-family: inherit;
  z-index: 10;
  text-transform: uppercase;
  display: none;
}
#eagleeye-wrap .back:hover {
  background: rgba(34, 40, 50, 0.92);
  border-color: rgba(174, 184, 194, 0.5);
}

#eagleeye-wrap .panel {
  position: absolute;
  top: 16px; right: 16px;
  width: 340px;
  max-height: calc(100% - 32px);
  background: rgba(20, 23, 28, 0.6);
  backdrop-filter: blur(22px) saturate(1.3);
  -webkit-backdrop-filter: blur(22px) saturate(1.3);
  border: 1px solid rgba(174, 184, 194, 0.2);
  border-radius: 6px;
  color: #c8ced6;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55),
              inset 1px 0 0 rgba(255, 255, 255, 0.06);
  z-index: 6;
  overflow-y: auto;
  font-size: 12px;
  display: none;
}
#eagleeye-wrap .panel::-webkit-scrollbar { width: 0; }

#eagleeye-wrap .panel-h {
  padding: 16px 20px;
  border-bottom: 1px solid rgba(174, 184, 194, 0.12);
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: sticky;
  top: 0;
  background: rgba(15, 17, 22, 0.85);
  backdrop-filter: blur(14px);
  z-index: 2;
}
#eagleeye-wrap .panel-h h3 {
  margin: 0;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #aebecc;
}
#eagleeye-wrap .panel-h .x {
  background: transparent;
  border: none;
  color: #7a828c;
  cursor: pointer;
  font-size: 22px;
  line-height: 1;
  padding: 0 6px;
}
#eagleeye-wrap .panel-h .x:hover { color: #c8ced6; }

#eagleeye-wrap .grp {
  padding: 14px 20px 16px;
  border-bottom: 1px dashed rgba(174, 184, 194, 0.1);
}
#eagleeye-wrap .grp:last-child { border-bottom: none; }
#eagleeye-wrap .grp-n {
  font-size: 9px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: rgba(174, 190, 204, 0.55);
  margin-bottom: 10px;
  font-weight: 500;
}

#eagleeye-wrap .task {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 10px;
  margin: 2px -10px;
  border-radius: 4px;
  transition: background 0.14s;
  cursor: pointer;
}
#eagleeye-wrap .task:hover { background: rgba(255, 255, 255, 0.04); }
#eagleeye-wrap .task.done { opacity: 0.5; }
#eagleeye-wrap .task-l {
  display: flex; align-items: center; gap: 10px; min-width: 0; flex: 1;
}
#eagleeye-wrap .task-g { font-size: 13px; color: #aebecc; flex-shrink: 0; line-height: 1; }
#eagleeye-wrap .task-n { font-size: 12px; color: #c8ced6; line-height: 1.3; }
#eagleeye-wrap .task-r { display: flex; align-items: center; gap: 6px; flex-shrink: 0; }
#eagleeye-wrap .task-d {
  font-size: 9px; color: #aebecc;
  font-family: ui-monospace, monospace;
  padding: 2px 6px;
  background: rgba(15, 17, 22, 0.6);
  border: 1px solid rgba(174, 184, 194, 0.18);
  border-radius: 2px;
}
#eagleeye-wrap .task-a {
  font-size: 9px; color: #7a828c;
  text-transform: uppercase; letter-spacing: 0.06em;
}

#eagleeye-wrap .label {
  position: absolute;
  transform: translate(-50%, -50%);
  background: rgba(20, 20, 24, 0.78);
  color: #c8ced6;
  padding: 4px 11px;
  font: 11px/1 ui-monospace, monospace;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  border: 1px solid rgba(174, 184, 194, 0.25);
  border-radius: 2px;
  pointer-events: none;
  white-space: nowrap;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.45);
  z-index: 4;
  transition: opacity 0.2s ease;
}
#eagleeye-wrap .label.sel {
  background: rgba(15, 17, 22, 0.92);
  color: #fff;
  padding: 5px 14px;
}

/* =========================================================================
 * Mapped Intelligence HUD — scope position:fixed → position:absolute
 * when rendered inside #eagleeye-wrap (sticky hero). Without this, HUD
 * elements bleed over dara sections below the hero. Matches the iframe
 * behavior: HUD stays inside the hero viewport, not the browser viewport.
 * ========================================================================= */
#eagleeye-wrap .hint,
#eagleeye-wrap .back,
#eagleeye-wrap .panel,
#eagleeye-wrap .label,
#eagleeye-wrap #hud-blip,
#eagleeye-wrap #hud-detail-card,
#eagleeye-wrap #hud-telemetry-callouts,
#eagleeye-wrap #hud-compass,
#eagleeye-wrap #hud-minimap,
#eagleeye-wrap #hud-pip-frame {
  position: absolute !important;
}

/* =========================================================================
 * Inline scene mode — HUD scoping.
 * The scene creates its HUD DOM (#hud-compass/minimap/pip-frame/
 * telemetry-callouts/detail-card/blip + .hint/.back/.panel/.label) with
 * position:fixed intended for standalone use. We append those into
 * #eagleeye-wrap instead of <body> (via _eeHudParent in the scene script)
 * and flip fixed → absolute here so HUD stays bounded inside the sticky
 * hero section rather than leaking over the rest of the page.
 * ========================================================================= */
#eagleeye-wrap .hint,
#eagleeye-wrap .back,
#eagleeye-wrap .panel,
#eagleeye-wrap .label,
#eagleeye-wrap #hud-blip,
#eagleeye-wrap #hud-detail-card,
#eagleeye-wrap #hud-telemetry-callouts,
#eagleeye-wrap #hud-compass,
#eagleeye-wrap #hud-minimap,
#eagleeye-wrap #hud-pip-frame {
  position: absolute !important;
}

/* =========================================================================
 * Mapped-intelligence hero — stage / spacer / HUD structure (per the
 * other agent's core-sample-hero direct-embed pattern). The inline styles
 * on home-eagleeye.html mirror these but the explicit CSS makes them
 * cascadable and overridable without editing the HTML.
 * ========================================================================= */
#section_hero[data-scene-hero="mapped-intelligence"] .hero_spacer,
#section_hero[data-scene-hero="mapped-intelligence"] #eagleeye-wrap {
  position: relative !important;
  height: 600vh !important;   /* scroll runway — overrides legacy eagleeye-css which pinned wrap to 100vh */
  width: 100% !important;
  pointer-events: auto !important;
  /* Transparent — the stage (fixed in body at z:0) must show through.
     Without this the wrapper paints its own #0a0c10 fill and covers the
     scene mid-scroll, leaving the viewport solid dark. */
  background-color: transparent !important;
  background: transparent !important;
}
#section_hero[data-scene-hero="mapped-intelligence"] .hero_stage {
  /* JS inside mountMappedIntelligence toggles between position:absolute
     (before/after scroll range) and position:fixed (within range) based
     on spacer.getBoundingClientRect() — more reliable than CSS sticky
     which was being broken by ancestor overflow:clip / transform. */
  height: 100vh;
  overflow: hidden;
  isolation: isolate;
}
#section_hero[data-scene-hero="mapped-intelligence"] .hero_canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
}
/* Layering + pinning — iframe-era logic reproduced in inline form.
 *
 * .hero_wrapper is PINNED via position:sticky top:0 height:100vh, so the
 * dara chrome (quicknav / condor / hero copy / CTAs) stays visible at
 * viewport top throughout the entire section_hero scroll range (0 →
 * ~6300px). The section itself acts as the scroll runway.
 *
 * The scene stage (#eagleeye-wrap > .hero_stage, reparented to <body>
 * for fixed positioning) is pinned in parallel at z:1. Chrome at z:2
 * paints above the scene. Both stay in view; scroll advances
 * scrollProgress across the whole section.
 *
 * Background must be transparent — the wrapper's own fill would cover
 * the scene across its 100vh height. Chrome children paint at z:1
 * inside this stacking context; wrapper is just a carrier. */
/* Transparent chain — so the scene stage (fixed in body at z:0) shows
 * through the document's opaque ancestors. CSS-only — no JS mutations
 * that Barba's lifecycle might reset. When the home page has a scene,
 * we scope transparency to the pages/ancestors that matter. */
#section_hero[data-scene-hero="mapped-intelligence"] {
  background-color: transparent !important;
}
/* Only the home page's main-wrapper (barba namespace="home") needs to be
 * transparent over the scene region. Other pages keep their opaque bg. */
[data-barba-namespace="home"].main-wrapper,
.main-wrapper:has(#section_hero[data-scene-hero="mapped-intelligence"]) {
  background-color: transparent !important;
  background: transparent !important;
  position: relative !important;
  z-index: 1 !important;
}
#section_hero[data-scene-hero="mapped-intelligence"] .hero_wrapper {
  position: relative !important;
  z-index: 2 !important;
  background-color: transparent !important;
  background: transparent !important;
}
#section_hero[data-scene-hero="mapped-intelligence"] .hero_hud {
  position: absolute;
  inset: 0;
  pointer-events: none;
  transition: opacity 0.35s ease-out;
}
#section_hero[data-scene-hero="mapped-intelligence"][data-scene-state="past"] .hero_hud {
  opacity: 0;
}

/* =========================================================================
 * Quicknav spacing (no backdrop chips — plain text with breathing room).
 * Horizontal spacing was previously OK; bump VERTICAL spacing between
 * stacked items in each column so labels + links aren't cramped against
 * one another.
 * ========================================================================= */
#section_hero[data-scene-hero="mapped-intelligence"] .quicknav {
  padding: 20px 28px !important;
  gap: 48px !important;
  column-gap: 56px !important;
  row-gap: 12px !important;
}
#section_hero[data-scene-hero="mapped-intelligence"] .quicknav-col {
  row-gap: 8px !important;
  gap: 8px !important;
  display: flex !important;
  flex-direction: column !important;
}
/* Tighter vertical rhythm between stacked items within a column */
#section_hero[data-scene-hero="mapped-intelligence"] .quicknav-col__item-w {
  margin-top: 4px !important;
  margin-bottom: 0 !important;
}
#section_hero[data-scene-hero="mapped-intelligence"] .quicknav-col__label {
  margin-bottom: 6px !important;
}
/* Keep plain text rendering — no chip/background/border backdrop.
   Override the earlier global glass rule that applied blur to quicknav links. */
#section_hero[data-scene-hero="mapped-intelligence"] .quicknav .quicknav-col__label .paragraph-m,
#section_hero[data-scene-hero="mapped-intelligence"] .quicknav .quicknav-col__item-w a,
#section_hero[data-scene-hero="mapped-intelligence"] .quicknav .tagline__item-label,
#section_hero[data-scene-hero="mapped-intelligence"] .quicknav-col__item-w .util__item-mask a {
  padding: 0 !important;
  background: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  letter-spacing: 0.06em !important;
  line-height: 1.4 !important;
}
#section_hero[data-scene-hero="mapped-intelligence"] .quicknav__logo {
  padding-right: 16px !important;
}

/* =========================================================================
 * Hamburger menu items — overwrite Webflow's default dark-red #891a20 on
 * .menu-item__bg to the brand cyan (kept subtle so hover lights it up).
 * ========================================================================= */
.menu-item__bg {
  background-color: rgba(96, 144, 192, 0.10) !important;
  border-radius: 3px !important;
  border: 1px solid rgba(96, 144, 192, 0.14) !important;
  transition: background-color 0.25s ease, border-color 0.25s ease !important;
}
.menu_item:hover .menu-item__bg,
a[data-mi]:hover .menu-item__bg {
  background-color: rgba(96, 144, 192, 0.22) !important;
  border-color: rgba(96, 144, 192, 0.38) !important;
}

/* =========================================================================
 * Scene fade-out easing as section exits viewport.
 * JS in mountMappedIntelligence sets .hero_stage[data-scene-fade] as an
 * attribute value (0..1) when scrollProgress passes ~0.85; stage opacity
 * transitions smoothly so scene doesn't just hard-cut when user scrolls
 * past the hero into section_intro.
 * ========================================================================= */
.hero_stage {
  transition: opacity 0.4s cubic-bezier(0.45, 0.05, 0.13, 1), visibility 0.4s step-end !important;
}
.hero_stage[data-scene-fade="out"] {
  opacity: 0 !important;
}

/* MI-card THERMAL toggle — glass overlay button mirroring `.navbar-btn__bg`
   styling (rgba(96,144,192) family). Positioned absolute at bottom-center of
   the `.case__img-inner-wrapper`. pointer-events:auto so it's clickable even
   though its ancestors disable events in the hover-follow system. Sits on
   top of the parallax iframe via z-index:4 (above overlay=2, follower=3). */
/* Make the case-img-wrapper a positioning context so the absolutely-
   positioned THERMAL button anchors to the card rect, not the inner
   parallax-target div (whose transform would pull it along the scroll). */
.cases__item:has(#mi-commando-scene) .case__img-wrapper { position: relative; overflow: hidden; }

/* Disable parallax translate on the MI card so the commando iframe fills
   the full component box at all scroll positions (otherwise the GSAP
   translate leaves black at the top/bottom). Scoped to the MI card only —
   other cards still parallax normally. */
.cases__item:has(#mi-commando-scene) [data-parallax="target"],
.cases__item:has(#buyt-condor-card) [data-parallax="target"] {
  position: relative !important;
  width: 100% !important;
  height: 100% !important;
  inset: 0 !important;
  top: 0 !important;
  left: 0 !important;
  transform: none !important;
  translate: none !important;
  rotate: none !important;
  scale: none !important;
}

/* Buyt Bags hosts the bundled Condor Vision tactical scene directly inside
   the card. Keep the whole Webflow flex/parallax chain pinned to the card
   rectangle so Cesium sizes from the component instead of a separate iframe
   viewport. */
.cases__item:has(#buyt-condor-card) .case__img-wrapper,
.cases__item:has(#mi-commando-scene) .case__img-inner-wrapper,
.cases__item:has(#mi-commando-scene) .case__img-inner,
.cases__item:has(#buyt-condor-card) .case__img-inner-wrapper,
.cases__item:has(#buyt-condor-card) .case__img-inner {
  position: relative;
  overflow: hidden;
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  flex: 1 1 100% !important;
}
.cases__item:has(#mi-commando-scene) .case__img-inner,
.cases__item:has(#buyt-condor-card) .case__img-inner {
  display: block !important;
}
.cases__item:has(#mi-commando-scene) [data-parallax="target"],
.cases__item:has(#buyt-condor-card) [data-parallax="target"] {
  min-width: 0 !important;
  max-width: 100% !important;
  flex: 0 0 100% !important;
}
.cases__item:has(#mi-commando-scene) .case__img-inner-wrapper,
.cases__item:has(#buyt-condor-card) .case__img-inner-wrapper {
  position: absolute !important;
  inset: 0 !important;
}
.cases__item:has(#mi-commando-scene) #mi-commando-scene,
.cases__item:has(#buyt-condor-card) #buyt-condor-card {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
}
.cases__item:has(#buyt-condor-card) [data-parallax="target"] {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  overflow: hidden !important;
}

.condor-card-app {
  --condor-card-scale: 1;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  isolation: isolate;
  background: #020305;
  color: rgba(255, 255, 255, 0.9);
  pointer-events: auto;
  touch-action: none;
  container-type: inline-size;
}

.condor-card-stage {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% / var(--condor-card-scale));
  height: calc(100% / var(--condor-card-scale));
  transform: scale(var(--condor-card-scale));
  transform-origin: top left;
  overflow: hidden;
}

.condor-card-stage > * {
  pointer-events: auto;
}

.condor-card-app.is-exact-scale .condor-card-stage {
  width: 100% !important;
  height: 100% !important;
  transform: none !important;
}

.condor-card-exact-surface {
  position: absolute;
  left: 0;
  top: 0;
  width: var(--condor-exact-w, 1280px);
  height: var(--condor-exact-h, 848px);
  overflow: hidden;
  transform:
    translate3d(var(--condor-exact-x, 0), var(--condor-exact-y, 0), 0)
    scale(var(--condor-exact-scale, 1));
  transform-origin: top left;
  pointer-events: auto;
}

.condor-card-hud-surface {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  pointer-events: none;
}

.condor-card-hud-surface > * {
  pointer-events: auto;
}

.condor-card-app.is-exact-scale .condor-card-cesium,
.condor-card-app.is-exact-scale .condor-card-cesium .cesium-viewer,
.condor-card-app.is-exact-scale .condor-card-cesium .cesium-viewer-cesiumWidgetContainer,
.condor-card-app.is-exact-scale .condor-card-cesium .cesium-widget,
.condor-card-app.is-exact-scale .condor-card-cesium canvas {
  width: 100% !important;
  height: 100% !important;
}

.mi-commando-scene {
  background: #020305;
  overflow: hidden;
  pointer-events: none;
  color: rgba(255, 255, 255, 0.72);
}

.mi-commando-scene canvas,
.mi-commando-canvas {
  width: 100% !important;
  height: 100% !important;
  display: block;
}

.mi-commando-status {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 2;
  transform: translate(-50%, -50%);
  font: 600 10px/1 ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  white-space: nowrap;
  pointer-events: none;
}

.condor-card-app .cesium-viewer-bottom,
.condor-card-app .cesium-widget-credits,
.condor-card-app .cesium-credit-textContainer,
.condor-card-app .cesium-credit-expand-link,
.condor-card-app .cesium-credit-logoContainer,
.condor-card-app .cesium-credit-lightbox-overlay,
.condor-card-app .cesium-credit-lightbox,
.condor-card-app .cesium-credit-lightbox *,
.condor-card-app .cesium-credit-wrapper {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

.condor-card-cesium,
.condor-card-cesium .cesium-viewer,
.condor-card-cesium .cesium-viewer-cesiumWidgetContainer,
.condor-card-cesium .cesium-widget,
.condor-card-cesium canvas {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  display: block;
  touch-action: none !important;
}

.condor-card-status {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 8;
  transform: translate(-50%, -50%);
  font: 600 10px/1 ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.72);
  white-space: nowrap;
  pointer-events: none;
}

.cv-hover-drone {
  width: 100%;
  height: 100%;
  display: block;
  pointer-events: none;
  background: transparent;
  filter:
    brightness(2.35)
    saturate(1.18)
    drop-shadow(0 0 2px rgba(0, 0, 0, 0.9))
    drop-shadow(0 0 12px rgba(80, 212, 255, 0.72));
}

.cv-hover-drone canvas {
  width: 100%;
  height: 100%;
  display: block;
  background: transparent;
}

.case__img-hover:has(.cv-hover-drone) {
  z-index: 20 !important;
  overflow: visible !important;
}

.cv-hover-drone svg {
  width: 100%;
  height: 100%;
  display: block;
  overflow: visible;
}

.cv-hover-drone__scan circle {
  fill: none;
  stroke: rgba(80, 212, 255, 0.5);
  stroke-width: 1.4;
  stroke-dasharray: 2 5;
  transform-origin: 50px 50px;
  animation: cv-hover-drone-spin 6s linear infinite;
}

.cv-hover-drone__airframe {
  fill: none;
  stroke: rgba(245, 252, 255, 0.98);
  stroke-width: 2.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.cv-hover-drone .body {
  fill: rgba(245, 252, 255, 0.96);
  stroke: rgba(2, 5, 8, 0.95);
  stroke-width: 2.4;
}

.cv-hover-drone .accent {
  fill: rgba(44, 224, 123, 0.42);
  stroke: rgba(44, 224, 123, 0.95);
  stroke-width: 1.1;
}

.cv-hover-drone .rotor {
  stroke: rgba(80, 212, 255, 0.95);
  stroke-width: 2.2;
  fill: rgba(80, 212, 255, 0.16);
  transform-origin: center;
  animation: cv-hover-drone-rotor 0.42s linear infinite;
}

.cv-hover-drone .gear {
  stroke: rgba(190, 214, 230, 0.78);
  stroke-width: 1;
}

.cv-hover-drone .light {
  stroke: none;
}

.cv-hover-drone .light.red { fill: #ff645c; }
.cv-hover-drone .light.green { fill: #2ce07b; }
.cv-hover-drone .light.white { fill: #e8f6ff; }

@keyframes cv-hover-drone-spin {
  to { transform: rotate(360deg); }
}

@keyframes cv-hover-drone-rotor {
  0% { transform: rotate(0deg) scaleX(1); opacity: 0.55; }
  50% { transform: rotate(180deg) scaleX(0.72); opacity: 1; }
  100% { transform: rotate(360deg) scaleX(1); opacity: 0.55; }
}

.condor-ticket {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  background: rgba(6, 16, 24, 0.92) !important;
}

.condor-ticket__icon {
  width: min(42%, 18rem) !important;
  height: auto !important;
  display: block !important;
  filter: brightness(0) invert(1) drop-shadow(0 0 18px rgba(96, 144, 192, 0.34));
  opacity: 0.96;
}

.condor-rings-frame {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
  background: transparent;
}

.condor-rings-ticket {
  position: relative;
  display: block !important;
  overflow: hidden !important;
  background: rgba(5, 14, 23, 0.92) !important;
}

.condor-rings-ticket .condor-rings-frame {
  position: absolute;
  inset: 0;
  transform: scale(1.08);
  transform-origin: center;
  pointer-events: none;
}

.condor-rings-panel {
  position: relative;
  width: 100%;
  min-height: clamp(22rem, 46vw, 42rem);
  overflow: hidden;
  background: transparent;
}

.condor-rings-panel .condor-rings-frame {
  position: absolute;
  inset: 0;
  transform: none;
  transform-origin: center;
  pointer-events: auto;
}

.footer_bottom-wrapper:has(.footer_condor-rings-wrap) .footer_swords-svg {
  display: none;
}

.footer_condor-rings-wrap {
  position: relative;
  width: 100%;
  min-height: clamp(18rem, 34vw, 34rem);
  overflow: hidden;
}

.footer_condor-rings-wrap .condor-rings-frame {
  position: absolute;
  inset: 0;
  transform: scale(1.12);
  transform-origin: center;
}

@media screen and (max-width: 767px) {
  .footer_condor-rings-wrap {
    min-height: clamp(14rem, 62vw, 24rem);
  }

  .condor-rings-ticket .condor-rings-frame {
    transform: scale(1.18);
  }
}

.condor-card-app:not(.is-exact-scale) .tac-topbar,
.condor-card-app:not(.is-exact-scale) .tac-mission,
.condor-card-app:not(.is-exact-scale) .tac-left,
.condor-card-app:not(.is-exact-scale) .tac-right,
.condor-card-app:not(.is-exact-scale) .tac-dock,
.condor-card-app:not(.is-exact-scale) .mini-map,
.condor-card-app:not(.is-exact-scale) .pip-feed,
.condor-card-app:not(.is-exact-scale) #drone-callouts,
.condor-card-app:not(.is-exact-scale) #tac-toast {
  position: absolute !important;
}

.condor-card-app:not(.is-exact-scale) .tac-topbar {
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 30px !important;
  gap: 7px !important;
  padding: 0 8px !important;
  font-size: 8px !important;
}

.condor-card-app:not(.is-exact-scale) .tac-brand .cv-logo {
  --cv-size: 16px;
}

.condor-card-app:not(.is-exact-scale) .tac-brand .cv-wordmark {
  font-size: 11.5px !important;
  max-width: 124px !important;
  letter-spacing: 0.02em !important;
}

.condor-card-app:not(.is-exact-scale) .tac-status,
.condor-card-app:not(.is-exact-scale) .tac-site-select,
.condor-card-app:not(.is-exact-scale) .tac-clock {
  font-size: 8px !important;
}

.condor-card-app:not(.is-exact-scale) .tac-mission {
  top: 30px !important;
  left: 0 !important;
  right: 0 !important;
  height: 22px !important;
  gap: 8px !important;
  padding: 0 8px !important;
  font-size: 7px !important;
}

.condor-card-app:not(.is-exact-scale) .tac-left {
  top: 52px !important;
  left: 0 !important;
  bottom: 88px !important;
  width: 150px !important;
  padding: 6px 7px !important;
  font-size: 7.5px !important;
}

.condor-card-app:not(.is-exact-scale) .tac-right {
  top: 52px !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 164px !important;
  font-size: 7.5px !important;
}

.condor-card-app:not(.is-exact-scale) .tac-sensors {
  grid-template-columns: 1fr 1fr !important;
}

.condor-card-app:not(.is-exact-scale) .tac-sensor-action {
  min-height: 38px !important;
  padding: 5px 4px !important;
  font-size: 7px !important;
}

.condor-card-app:not(.is-exact-scale) .tac-dock {
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  height: 78px !important;
  padding-left: 154px !important;
  padding-right: 168px !important;
  grid-template-columns: 1fr 114px !important;
  font-size: 7px !important;
}

.condor-card-app:not(.is-exact-scale) .tac-log-row {
  grid-template-columns: 42px 34px 1fr !important;
  gap: 4px !important;
  padding: 1px 6px !important;
}

.condor-card-app:not(.is-exact-scale) .tac-sys-grid {
  padding: 4px 6px !important;
  gap: 2px 5px !important;
}

.condor-card-app:not(.is-exact-scale) .mini-map {
  left: 0 !important;
  bottom: 0 !important;
  width: 150px !important;
  height: 88px !important;
}

.condor-card-app:not(.is-exact-scale) .mini-map-svg {
  height: 66px !important;
}

.condor-card-app:not(.is-exact-scale) .mini-map-label {
  padding: 3px 6px !important;
  font-size: 6.5px !important;
}

.condor-card-app:not(.is-exact-scale) .pip-feed,
.condor-card-app:not(.is-exact-scale) #drone-callouts {
  display: none !important;
}

.condor-card-app:not(.is-exact-scale) #tac-toast {
  bottom: 84px !important;
}

.condor-card-app {
  --tac-panel-bg: rgba(2, 4, 8, 0.92) !important;
  --tac-panel-bg-alt: rgba(5, 9, 14, 0.94) !important;
  --tac-divider: rgba(96, 144, 192, 0.24) !important;
}

.condor-card-app:not(.is-exact-scale) .tac-topbar,
.condor-card-app:not(.is-exact-scale) .tac-mission,
.condor-card-app:not(.is-exact-scale) .tac-left,
.condor-card-app:not(.is-exact-scale) .tac-right,
.condor-card-app:not(.is-exact-scale) .tac-dock,
.condor-card-app:not(.is-exact-scale) .mini-map,
.condor-card-app:not(.is-exact-scale) .pip-feed {
  background:
    linear-gradient(180deg, rgba(2, 5, 9, 0.94), rgba(2, 5, 9, 0.84)) !important;
  border-color: rgba(96, 144, 192, 0.22) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.04),
    inset 0 -1px 0 rgba(0, 0, 0, 0.55),
    0 10px 30px rgba(0, 0, 0, 0.34) !important;
  backdrop-filter: blur(16px) saturate(1.15) !important;
  -webkit-backdrop-filter: blur(16px) saturate(1.15) !important;
}

.condor-card-app:not(.is-exact-scale) .tac-brand,
.condor-card-app:not(.is-exact-scale) .tac-site-select,
.condor-card-app:not(.is-exact-scale) .tac-status,
.condor-card-app:not(.is-exact-scale) .tac-sensor-action,
.condor-card-app:not(.is-exact-scale) .tac-sensor-tab,
.condor-card-app:not(.is-exact-scale) .tac-alert,
.condor-card-app:not(.is-exact-scale) .tac-roster-row,
.condor-card-app:not(.is-exact-scale) .tac-threat-row,
.condor-card-app:not(.is-exact-scale) .tac-meta-pill,
.condor-card-app:not(.is-exact-scale) .pip-title,
.condor-card-app:not(.is-exact-scale) .pip-view,
.condor-card-app:not(.is-exact-scale) .mini-map-label {
  background-color: rgba(1, 5, 9, 0.72) !important;
  border-color: rgba(96, 144, 192, 0.18) !important;
}

@container (max-width: 900px) {
  .condor-card-app:not(.is-exact-scale) .tac-left,
  .condor-card-app:not(.is-exact-scale) .tac-right,
  .condor-card-app:not(.is-exact-scale) .tac-dock,
  .condor-card-app:not(.is-exact-scale) .mini-map,
  .condor-card-app:not(.is-exact-scale) #tac-toast {
    display: block !important;
  }

  .condor-card-app:not(.is-exact-scale) .pip-feed,
  .condor-card-app:not(.is-exact-scale) #drone-callouts {
    display: none !important;
  }

  .condor-card-app:not(.is-exact-scale) .tac-topbar {
    display: grid !important;
    grid-template-columns: minmax(120px, 0.9fr) minmax(128px, 1fr) minmax(112px, 0.85fr) auto !important;
    height: 32px !important;
    gap: 6px !important;
    padding: 4px 8px !important;
    overflow: hidden !important;
    font-size: 8px !important;
  }

  .condor-card-app:not(.is-exact-scale) .tac-brand,
  .condor-card-app:not(.is-exact-scale) .tac-site-select,
  .condor-card-app:not(.is-exact-scale) .tac-status {
    min-width: 0 !important;
    height: 24px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  .condor-card-app:not(.is-exact-scale) .tac-brand {
    gap: 6px !important;
  }

  .condor-card-app:not(.is-exact-scale) .tac-brand .cv-logo {
    --cv-size: 18px !important;
    flex: 0 0 18px !important;
  }

  .condor-card-app:not(.is-exact-scale) .tac-brand .cv-wordmark {
    display: inline-flex !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    max-width: 116px !important;
    font-size: 11px !important;
    transform: none !important;
  }

  .condor-card-app:not(.is-exact-scale) .tac-site-select,
  .condor-card-app:not(.is-exact-scale) .tac-status,
  .condor-card-app:not(.is-exact-scale) .tac-clock {
    font-size: 8px !important;
    line-height: 1.05 !important;
  }

  .condor-card-app:not(.is-exact-scale) .tac-site-select {
    padding: 3px 7px !important;
    white-space: normal !important;
  }

  .condor-card-app:not(.is-exact-scale) .tac-status {
    justify-content: center !important;
    gap: 5px !important;
    padding: 3px 8px !important;
  }

  .condor-card-app:not(.is-exact-scale) .tac-icon-btn {
    width: 20px !important;
    height: 20px !important;
  }

  .condor-card-app:not(.is-exact-scale) .tac-mission {
    top: 32px !important;
    left: 0 !important;
    right: 0 !important;
    height: 22px !important;
    gap: 8px !important;
    padding: 0 8px !important;
    overflow: hidden !important;
    font-size: 7px !important;
    pointer-events: none !important;
  }

  .condor-card-app:not(.is-exact-scale) .tac-mission-group:nth-child(n+4) {
    display: none !important;
  }

  .condor-card-app:not(.is-exact-scale) .tac-left {
    display: flex !important;
    top: 54px !important;
    left: 0 !important;
    bottom: 70px !important;
    width: clamp(108px, 30cqw, 150px) !important;
    padding: 5px 6px !important;
    overflow: hidden !important;
  }

  .condor-card-app:not(.is-exact-scale) .tac-right {
    display: flex !important;
    top: 54px !important;
    right: 0 !important;
    bottom: 0 !important;
    width: clamp(118px, 32cqw, 164px) !important;
    overflow: hidden !important;
  }

  .condor-card-app:not(.is-exact-scale) .tac-sensors {
    grid-template-columns: 1fr 1fr !important;
  }

  .condor-card-app:not(.is-exact-scale) .tac-sensor-action {
    min-height: 32px !important;
    padding: 4px 3px !important;
    font-size: clamp(5.5px, 1.45cqw, 7px) !important;
    letter-spacing: 0.08em !important;
  }

  .condor-card-app:not(.is-exact-scale) .tac-dock {
    display: grid !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    height: 70px !important;
    padding-left: clamp(112px, 31cqw, 154px) !important;
    padding-right: clamp(122px, 33cqw, 168px) !important;
    grid-template-columns: minmax(0, 1fr) minmax(70px, 23cqw) !important;
    overflow: hidden !important;
  }

  .condor-card-app:not(.is-exact-scale) .tac-dock-title,
  .condor-card-app:not(.is-exact-scale) .tac-dock-sub,
  .condor-card-app:not(.is-exact-scale) .tac-log-row,
  .condor-card-app:not(.is-exact-scale) .tac-sys-grid {
    font-size: clamp(5.5px, 1.45cqw, 7px) !important;
  }

  .condor-card-app:not(.is-exact-scale) .mini-map {
    display: block !important;
    left: 0 !important;
    bottom: 0 !important;
    width: clamp(108px, 30cqw, 150px) !important;
    height: 70px !important;
    overflow: hidden !important;
  }

  .condor-card-app:not(.is-exact-scale) .mini-map-svg {
    height: 49px !important;
  }

  .condor-card-app:not(.is-exact-scale) .mini-map-label {
    padding: 3px 5px !important;
    font-size: 5.5px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
  }
}

@container (max-width: 560px) {
  .condor-card-app:not(.is-exact-scale) .tac-topbar {
    grid-template-columns: minmax(98px, 0.9fr) minmax(118px, 1fr) minmax(92px, 0.75fr) !important;
    height: 34px !important;
    gap: 5px !important;
    padding: 4px 6px !important;
  }

  .condor-card-app:not(.is-exact-scale) .tac-clock,
  .condor-card-app:not(.is-exact-scale) .tac-icon-btn {
    display: none !important;
  }

  .condor-card-app:not(.is-exact-scale) .tac-brand .cv-logo {
    --cv-size: 16px !important;
    flex-basis: 16px !important;
  }

  .condor-card-app:not(.is-exact-scale) .tac-brand .cv-wordmark {
    max-width: 96px !important;
    font-size: 9.25px !important;
  }

  .condor-card-app:not(.is-exact-scale) .tac-site-select,
  .condor-card-app:not(.is-exact-scale) .tac-status {
    height: 26px !important;
    font-size: 7.5px !important;
    padding-inline: 6px !important;
  }

  .condor-card-app:not(.is-exact-scale) .tac-mission {
    top: 34px !important;
    height: 20px !important;
    font-size: 6.4px !important;
  }

  .condor-card-app:not(.is-exact-scale) .tac-mission-group:nth-child(n+3) {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .condor-card-app:not(.is-exact-scale) .tac-left,
  .condor-card-app:not(.is-exact-scale) .tac-right,
  .condor-card-app:not(.is-exact-scale) .tac-dock,
  .condor-card-app:not(.is-exact-scale) #drone-callouts {
    display: none !important;
  }

  .condor-card-app:not(.is-exact-scale) .tac-topbar {
    display: grid !important;
    grid-template-columns: minmax(80px, 0.82fr) minmax(116px, 1.08fr) minmax(90px, 0.82fr) !important;
    align-items: stretch !important;
    height: 36px !important;
    gap: 6px !important;
    padding: 4px 7px !important;
    overflow: hidden !important;
  }

  .condor-card-app:not(.is-exact-scale) .tac-brand,
  .condor-card-app:not(.is-exact-scale) .tac-site-select,
  .condor-card-app:not(.is-exact-scale) .tac-status {
    min-width: 0 !important;
    height: 28px !important;
    align-self: center !important;
    box-sizing: border-box !important;
  }

  .condor-card-app:not(.is-exact-scale) .tac-topbar,
  .condor-card-app:not(.is-exact-scale) .tac-mission,
  .condor-card-app:not(.is-exact-scale) .tac-brand,
  .condor-card-app:not(.is-exact-scale) .tac-site-select,
  .condor-card-app:not(.is-exact-scale) .tac-status {
    pointer-events: none !important;
  }

  .condor-card-app:not(.is-exact-scale) .tac-brand {
    gap: 5px !important;
    overflow: hidden !important;
  }

  .condor-card-app:not(.is-exact-scale) .tac-brand .cv-logo {
    --cv-size: 18px !important;
    flex: 0 0 18px !important;
  }

  .condor-card-app:not(.is-exact-scale) .tac-brand .cv-wordmark {
    max-width: calc(100% - 23px) !important;
    overflow: hidden !important;
    font-size: 8.75px !important;
    letter-spacing: 0.02em !important;
  }

  .condor-card-app:not(.is-exact-scale) .tac-mission {
    top: 36px !important;
    height: 20px !important;
    gap: 6px !important;
    padding-inline: 7px !important;
    font-size: 6.5px !important;
  }

  .condor-card-app:not(.is-exact-scale) .tac-clock,
  .condor-card-app:not(.is-exact-scale) .tac-icon-btn {
    display: none !important;
  }

  .condor-card-app:not(.is-exact-scale) .tac-site-select {
    max-width: none !important;
    min-width: 0 !important;
    overflow: hidden !important;
    justify-content: space-between !important;
    gap: 4px !important;
    padding: 3px 6px !important;
    font-size: 8.5px !important;
    line-height: 1.05 !important;
    white-space: normal !important;
  }

  .condor-card-app:not(.is-exact-scale) .tac-site-select span:first-child {
    display: block !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: clip !important;
    line-height: 1.05 !important;
  }

  .condor-card-app:not(.is-exact-scale) .tac-site-select .caret {
    flex: 0 0 auto !important;
    align-self: center !important;
  }

  .condor-card-app:not(.is-exact-scale) .tac-status {
    flex: 0 0 auto !important;
    justify-content: center !important;
    gap: 5px !important;
    padding: 3px 6px !important;
    font-size: 8.5px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  .condor-card-app:not(.is-exact-scale) .tac-mission-group:nth-child(n+3) {
    display: none !important;
  }

  .condor-card-app:not(.is-exact-scale) .mini-map,
  .condor-card-app:not(.is-exact-scale) .pip-feed {
    display: block !important;
    position: absolute !important;
    bottom: 8px !important;
    width: 78px !important;
    height: 78px !important;
    pointer-events: none !important;
  }

  .condor-card-app:not(.is-exact-scale) .mini-map {
    left: 8px !important;
  }

  .condor-card-app:not(.is-exact-scale) .pip-feed {
    right: 8px !important;
    left: auto !important;
  }

  .condor-card-app:not(.is-exact-scale) .mini-map-label,
  .condor-card-app:not(.is-exact-scale) .pip-title {
    font-size: 5.5px !important;
    line-height: 1 !important;
    padding: 2px 4px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
  }

  .condor-card-app:not(.is-exact-scale) .mini-map-svg,
  .condor-card-app:not(.is-exact-scale) .pip-view {
    height: 60px !important;
  }
}

@media (max-width: 479px) {
  .cases__list {
    grid-template-columns: 1fr !important;
    gap: 2.25em !important;
  }

  .cases__item,
  .case__item-link,
  .case__img-wrapper,
  .case__img-inner-wrapper,
  .case__img-inner {
    width: 100% !important;
    max-width: 100% !important;
  }

  .case__img-wrapper {
    aspect-ratio: 16 / 11 !important;
  }

  .case__text-wrapper .paragraph-l {
    max-width: 100% !important;
    overflow-wrap: normal;
  }

  .condor-rings-panel {
    min-height: clamp(16rem, 68vw, 24rem);
  }

  .condor-rings-panel .condor-rings-frame {
    transform: none;
  }
}

.quicknav__logo-link {
  display: inline-flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 0.45rem !important;
  color: #e6edf4 !important;
  width: max-content !important;
}

.quicknav__logo-wordmark {
  display: inline-block;
  flex: 0 0 auto;
  width: clamp(6.6rem, 8.5vw, 8.6rem);
  height: clamp(0.78rem, 1vw, 0.98rem);
  background-color: currentColor;
  -webkit-mask: url("/public/brand/condor-vision-wordmark-mask.svg") no-repeat center / contain;
  mask: url("/public/brand/condor-vision-wordmark-mask.svg") no-repeat center / contain;
  opacity: 0.98;
}

.quicknav__logo-link::after {
  display: none;
}

.quicknav__logo-svg {
  flex: 0 0 auto;
}

.condor-card-stage {
  width: 100% !important;
  height: 100% !important;
  transform: none !important;
}

@media (min-width: 768px) {
  .condor-card-app {
    --condor-topbar-h: 28px;
    --condor-mission-h: 20px;
    --condor-body-top: calc(var(--condor-topbar-h) + var(--condor-mission-h));
    --condor-left-w: 110px;
    --condor-right-w: 136px;
    --condor-dock-h: 60px;
    --condor-mini-h: 60px;
  }

  .condor-card-app:not(.is-exact-scale) .tac-topbar {
    height: var(--condor-topbar-h) !important;
    gap: 6px !important;
    padding: 0 7px !important;
    font-size: 7.25px !important;
  }

  .condor-card-app:not(.is-exact-scale) .tac-brand .cv-logo {
    --cv-size: 14px !important;
    flex: 0 0 14px !important;
  }

  .condor-card-app:not(.is-exact-scale) .tac-brand .cv-wordmark {
    font-size: 10.5px !important;
    max-width: 114px !important;
    line-height: 1 !important;
    letter-spacing: 0.02em !important;
  }

  .condor-card-app:not(.is-exact-scale) .tac-site-select,
  .condor-card-app:not(.is-exact-scale) .tac-status,
  .condor-card-app:not(.is-exact-scale) .tac-clock {
    font-size: 7.25px !important;
  }

  .condor-card-app:not(.is-exact-scale) .tac-mission {
    top: var(--condor-topbar-h) !important;
    height: var(--condor-mission-h) !important;
    gap: 7px !important;
    padding: 0 7px !important;
    font-size: 6.4px !important;
  }

  .condor-card-app:not(.is-exact-scale) .tac-left {
    top: var(--condor-body-top) !important;
    bottom: var(--condor-dock-h) !important;
    width: var(--condor-left-w) !important;
    padding: 5px 6px !important;
    font-size: 6.8px !important;
  }

  .condor-card-app:not(.is-exact-scale) .tac-right {
    top: var(--condor-body-top) !important;
    bottom: 0 !important;
    width: var(--condor-right-w) !important;
    font-size: 6.8px !important;
  }

  .condor-card-app:not(.is-exact-scale) .tac-sensor-action {
    min-height: 34px !important;
    padding: 4px 3px !important;
    font-size: 6.2px !important;
    letter-spacing: 0.08em !important;
  }

  .condor-card-app:not(.is-exact-scale) .tac-dock {
    height: var(--condor-dock-h) !important;
    padding-left: calc(var(--condor-left-w) + 4px) !important;
    padding-right: calc(var(--condor-right-w) + 4px) !important;
    grid-template-columns: minmax(0, 1fr) 96px !important;
    font-size: 6.3px !important;
  }

  .condor-card-app:not(.is-exact-scale) .tac-log-row {
    grid-template-columns: 38px 28px 1fr !important;
    gap: 4px !important;
    padding: 1px 5px !important;
  }

  .condor-card-app:not(.is-exact-scale) .tac-sys-grid {
    padding: 4px 5px !important;
    gap: 2px 4px !important;
  }

  .condor-card-app:not(.is-exact-scale) .mini-map {
    width: var(--condor-left-w) !important;
    height: var(--condor-mini-h) !important;
  }

  .condor-card-app:not(.is-exact-scale) .mini-map-svg {
    height: calc(var(--condor-mini-h) - 21px) !important;
  }

  .condor-card-app:not(.is-exact-scale) .mini-map-label {
    padding: 3px 5px !important;
    font-size: 5.4px !important;
  }
}

.ta-card-hover,
.ta-card-media {
  width: 100%;
  height: 100%;
  display: block;
  background: #020305;
}

.ta-card-hover {
  padding: 6px;
  box-sizing: border-box;
}

.ta-card-hover img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
  object-position: center center;
  filter: none !important;
}

.ta-card-hover video,
.ta-card-video {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
  object-position: center center;
  background: #020305;
  filter: none !important;
}

.ta-card-media {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 10px;
  padding: 10px;
  box-sizing: border-box;
}

.ta-card-media__frame {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background:
    linear-gradient(180deg, rgba(7, 10, 14, 0.94), rgba(4, 7, 10, 0.9));
  border: 1px solid rgba(96, 144, 192, 0.12);
  border-radius: 4px;
}

.ta-card-media__frame img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
  object-position: center center;
  filter: none !important;
}

.ta-card-media__frame--primary img {
  object-position: 50% 50%;
}

.ta-card-media__frame--secondary img {
  object-position: 50% 45%;
}

.condor-rings-panel {
  background: transparent !important;
}

.condor-rings-panel .condor-rings-frame {
  pointer-events: auto;
  transform: scale(1.04);
  transform-origin: center;
}

@media (max-width: 767px) {
  .quicknav__logo-link {
    gap: 0.35rem !important;
  }

  .quicknav__logo-wordmark {
    width: 5.8rem;
    height: 0.68rem;
  }

  .ta-card-media {
    gap: 8px;
    padding: 8px;
  }
}

@media (max-width: 479px) {
  .quicknav__logo-wordmark {
    width: 5.1rem;
    height: 0.6rem;
  }

  .ta-card-media {
    gap: 6px;
    padding: 6px;
  }
}

#mi-thermal-toggle {
  position: absolute;
  bottom: 14px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 4;
  pointer-events: auto;
  visibility: visible !important;
  opacity: 1;
  appearance: none;
  cursor: pointer;
  font: 11px/1 ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #c8ced6;
  padding: 8px 18px;
  background: rgba(96, 144, 192, 0.06);
  backdrop-filter: blur(12px) saturate(1.3);
  -webkit-backdrop-filter: blur(12px) saturate(1.3);
  border: 1px solid rgba(96, 144, 192, 0.25);
  border-radius: 4px;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 0 20px rgba(96, 144, 192, 0.08);
  transition: all 0.3s ease;
}
#mi-thermal-toggle:hover {
  background: rgba(96, 144, 192, 0.14);
  border-color: rgba(96, 144, 192, 0.45);
  color: #fff;
}
#mi-thermal-toggle.is-off {
  opacity: 0.55;
  border-color: rgba(96, 144, 192, 0.12);
}

/* =========================================================================
 * Responsive coverage for recent edits — .hero_copy overlay, the new
 * #section_intro 3-line headings, and the nav dock icon. Three breakpoints
 * matching the existing 991 / 768 / 479 structure already in this file.
 * ========================================================================= */

/* NOTE: base hero_copy rules use selector `.hero_copy p.hero_copy__headline`
   (specificity 0,2,1) — the mobile overrides below must match that
   specificity or higher, else they're ignored. Same for tagline. */

/* =========================================================================
 * Mobile HUD layout — each element is repositioned + scaled to fit its
 * viewport without overlap. Nav dock lives top-right (fixed), hero_copy +
 * "Get in touch" CTA live bottom-center. HUD elements stack in the leftover
 * real estate:
 *
 *    ┌────────────────────────────────┐
 *    │  [COMPASS]          [NAV DOCK] │  ← top strip
 *    │ [BLIP]                         │
 *    │ [MINIMAP]           [DETAIL]   │  ← upper band (tablet)
 *    │                                │
 *    │ [TELEMETRY]                    │  ← left column
 *    │                                │
 *    │ [PIP]              [hero_copy] │  ← bottom band
 *    │                    [Get in…]   │
 *    └────────────────────────────────┘
 *
 * On ≤479 (portrait phone), density is further reduced:
 * - detail-card hidden (info unreadable at that scale)
 * - telemetry shown at 0.55 scale, pinned left
 * - pip shrunk + moved left so hero_copy keeps the centre
 * ========================================================================= */

@media screen and (max-width: 991px) {
  .hero_copy p.hero_copy__headline { font-size: clamp(1rem, 2.6vw, 1.7rem); }
  .hero_copy p.hero_copy__tagline  { font-size: clamp(0.56rem, 1vw, 0.75rem); }
  #section_intro .heading-xl { font-size: clamp(1.1rem, 3.2vw, 1.8rem); }

  /* Compass: shrink 520→390, stay top-centre */
  #hud-compass {
    top: 18px !important;
    transform: translateX(-50%) scale(0.75) !important;
    transform-origin: top center !important;
  }
  /* Minimap: 180→144, top-right below nav */
  #hud-minimap {
    top: 76px !important;
    right: 22px !important;
    transform: scale(0.8) !important;
    transform-origin: top right !important;
  }
}

@media screen and (max-width: 768px) {
  .hero_copy { padding: 0 6vw; }
  .hero_copy p.hero_copy__headline { line-height: 1.15; }
  #section_intro .util__heading-wrapper { padding: 0 4vw; }
  #section_intro .heading-xl { font-size: clamp(0.9rem, 2.4vw, 1.3rem); }

  /* Compass: 520→340, still top-centre, thinner margin */
  #hud-compass {
    top: 14px !important;
    transform: translateX(-50%) scale(0.65) !important;
    transform-origin: top center !important;
  }
  /* Blip: keep centred just below compass */
  #hud-blip {
    top: 44px !important;
    transform: translateX(-50%) scale(0.85) !important;
    transform-origin: top center !important;
  }
  /* Minimap: 180→126, top-right */
  #hud-minimap {
    top: 56px !important;
    right: 16px !important;
    transform: scale(0.7) !important;
    transform-origin: top right !important;
  }
  /* Detail card: 260→190, below minimap, right-aligned */
  #hud-detail-card {
    top: auto !important;
    bottom: 180px !important;
    right: 16px !important;
    width: 190px !important;
    transform: scale(0.85) !important;
    transform-origin: bottom right !important;
  }
  /* Telemetry callouts: keep the container full-screen but scale child
     cards down so they don't overlap centre. Pin to top-left stack. */
  #hud-telemetry-callouts { transform: scale(0.78) !important; transform-origin: top left !important; }
  /* PIP: 160→110, bottom-right but lifted well above hero_copy so the
     full-width tagline "PERSISTENT SURVEILLANCE ENGINE" never clips the
     frame or its GHOST-02 EO-NADIR label. bottom:210 = frame ends at
     viewport_h - 210, which is above hero_copy's top-of-box on tablet. */
  #hud-pip-frame {
    right: 16px !important;
    bottom: 210px !important;
    transform: scale(0.72) !important;
    transform-origin: bottom right !important;
  }
  /* Hide the free-floating .panel (Lusion side-drawer) and any body>.label
     labels that aren't anchored to the scene — they consistently collide. */
  #eagleeye-wrap .panel,
  .hero_stage ~ .panel,
  body > .label { display: none !important; }
}

@media screen and (max-width: 479px) {
  .hero_copy { bottom: 8vh; padding: 0 5vw; }
  .hero_copy p.hero_copy__headline { font-size: clamp(0.88rem, 3.5vw, 1.2rem); line-height: 1.2; }
  .hero_copy p.hero_copy__tagline  { font-size: clamp(0.5rem, 1.4vw, 0.65rem); letter-spacing: 0.12em; margin-top: 0.6em; }
  #section_intro .heading-xl { font-size: clamp(0.95rem, 4vw, 1.3rem); }
  .navbar_fixed a[data-btn="icon"] { width: 38px; height: 38px; flex: 0 0 38px; }

  /* Compass: 520→260, fits inside a 375 viewport with 57px left/right margin */
  #hud-compass {
    top: 12px !important;
    transform: translateX(-50%) scale(0.5) !important;
    transform-origin: top center !important;
  }
  /* Blip: slightly tighter below compass */
  #hud-blip {
    top: 36px !important;
    transform: translateX(-50%) scale(0.75) !important;
    transform-origin: top center !important;
  }
  :root { --cv-mobile-hud-panel: clamp(96px, 29vw, 112px); }

  /* Tactical map + drone POV: equal-size mobile pair. They sit in the top
     HUD band below the compass with enough center buffer for the scene and
     no collision with hero_copy near the bottom. */
  #hud-minimap {
    display: block !important;
    top: 56px !important;
    left: 12px !important;
    right: auto !important;
    width: var(--cv-mobile-hud-panel) !important;
    height: var(--cv-mobile-hud-panel) !important;
    transform: none !important;
    transform-origin: top left !important;
    box-sizing: border-box !important;
  }
  /* Detail card + telemetry callouts: hidden on portrait phones.
     Their content is positioned via drone/track world coords and
     can't be stacked cleanly at this viewport without occluding the
     minimap in the top-left or the pip in the bottom-left. Leaving
     compass + minimap + pip + blip only for a readable layout. */
  #hud-detail-card,
  #hud-telemetry-callouts { display: none !important; }
  #hud-pip-frame {
    display: block !important;
    top: 56px !important;
    right: 12px !important;
    bottom: auto !important;
    left: auto !important;
    width: var(--cv-mobile-hud-panel) !important;
    height: var(--cv-mobile-hud-panel) !important;
    transform: none !important;
    transform-origin: top right !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    background: rgba(8, 10, 14, 0.78) !important;
  }
  #hud-pip-frame > div:first-child {
    top: 5px !important;
    left: 7px !important;
    right: 7px !important;
    max-width: calc(100% - 14px) !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    font-size: 7px !important;
    letter-spacing: 0.08em !important;
    line-height: 1 !important;
    color: #8cc2e6 !important;
    background: rgba(4, 8, 12, 0.62) !important;
    padding: 2px 3px !important;
    box-sizing: border-box !important;
  }
}

/* -------------------------------------------------------------------------
   Final card-native overrides
   ------------------------------------------------------------------------- */

.quicknav__logo-link::after {
  display: none;
}

.quicknav__logo-wordmark {
  width: clamp(6.6rem, 8.5vw, 8.6rem);
  height: clamp(0.78rem, 1vw, 0.98rem);
}

.slider__wrapper,
.slider__main,
.slider__wrap {
  position: relative;
  overflow: hidden !important;
}

.slider__main {
  width: 100%;
}

.slider__list {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  width: auto !important;
  min-width: 100% !important;
  will-change: transform;
}

.slider__slide {
  flex: 0 0 100% !important;
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  display: flex !important;
  align-items: stretch !important;
  justify-content: center !important;
  overflow: hidden !important;
}

.slider__slide-inner {
  position: relative;
  width: 100% !important;
  min-width: 100% !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
}

.slider__slide:has(.condor-rings-panel),
.slider__slide-inner:has(.condor-rings-panel) {
  background: transparent !important;
}

.condor-rings-panel {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: clamp(21rem, 44vw, 38rem) !important;
  background: transparent !important;
}

.condor-rings-panel .condor-rings-frame {
  width: 100% !important;
  height: 100% !important;
  background: transparent !important;
  transform: none !important;
}

.cases__item:has(#buyt-condor-card) #buyt-condor-card {
  container-name: condor-buyt;
  container-type: inline-size;
}

.cases__item:has(#buyt-condor-card) .condor-card-app {
  --buyt-topbar-h: clamp(23px, 6.8cqw, 27px);
  --buyt-mission-h: clamp(15px, 4cqw, 17px);
  --buyt-left-w: clamp(82px, 22cqw, 96px);
  --buyt-right-w: clamp(108px, 31cqw, 124px);
  --buyt-dock-h: clamp(44px, 13cqw, 54px);
  --buyt-mini-h: clamp(44px, 13cqw, 54px);
  --buyt-body-top: calc(var(--buyt-topbar-h) + var(--buyt-mission-h));
}

.cases__item:has(#buyt-condor-card) .condor-card-stage {
  width: 100% !important;
  height: 100% !important;
  transform: none !important;
}

.cases__item:has(#buyt-condor-card) .condor-card-app:not(.is-exact-scale) .tac-topbar,
.cases__item:has(#buyt-condor-card) .condor-card-app:not(.is-exact-scale) .tac-mission,
.cases__item:has(#buyt-condor-card) .condor-card-app:not(.is-exact-scale) .tac-left,
.cases__item:has(#buyt-condor-card) .condor-card-app:not(.is-exact-scale) .tac-right,
.cases__item:has(#buyt-condor-card) .condor-card-app:not(.is-exact-scale) .tac-dock,
.cases__item:has(#buyt-condor-card) .condor-card-app:not(.is-exact-scale) .mini-map {
  border-radius: 0 !important;
  overflow: hidden !important;
}

.cases__item:has(#buyt-condor-card) .condor-card-app:not(.is-exact-scale) .tac-topbar {
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: var(--buyt-topbar-h) !important;
  padding: 0 6px !important;
  gap: 5px !important;
  display: grid !important;
  grid-template-columns: minmax(96px, 0.86fr) minmax(124px, 1.02fr) minmax(96px, 0.72fr) !important;
  align-items: center !important;
  font-size: 7.3px !important;
}

.cases__item:has(#buyt-condor-card) .condor-card-app:not(.is-exact-scale) .tac-clock,
.cases__item:has(#buyt-condor-card) .condor-card-app:not(.is-exact-scale) .tac-icon-btn {
  display: none !important;
}

.cases__item:has(#buyt-condor-card) .condor-card-app:not(.is-exact-scale) .tac-brand,
.cases__item:has(#buyt-condor-card) .condor-card-app:not(.is-exact-scale) .tac-site-select,
.cases__item:has(#buyt-condor-card) .condor-card-app:not(.is-exact-scale) .tac-status {
  min-width: 0 !important;
  height: calc(var(--buyt-topbar-h) - 6px) !important;
  padding: 3px 6px !important;
  box-sizing: border-box !important;
}

.cases__item:has(#buyt-condor-card) .condor-card-app:not(.is-exact-scale) .tac-brand {
  gap: 6px !important;
}

.cases__item:has(#buyt-condor-card) .condor-card-app:not(.is-exact-scale) .tac-brand .cv-logo {
  --cv-size: 14px !important;
  flex: 0 0 14px !important;
}

.cases__item:has(#buyt-condor-card) .condor-card-app:not(.is-exact-scale) .tac-brand .cv-wordmark {
  max-width: 120px !important;
  font-size: 10.4px !important;
  line-height: 1 !important;
  letter-spacing: 0.02em !important;
}

.cases__item:has(#buyt-condor-card) .condor-card-app:not(.is-exact-scale) .tac-site-select,
.cases__item:has(#buyt-condor-card) .condor-card-app:not(.is-exact-scale) .tac-status {
  font-size: 7.1px !important;
  line-height: 1.05 !important;
}

.cases__item:has(#buyt-condor-card) .condor-card-app:not(.is-exact-scale) .tac-site-select {
  justify-content: space-between !important;
  gap: 4px !important;
  white-space: normal !important;
}

.cases__item:has(#buyt-condor-card) .condor-card-app:not(.is-exact-scale) .tac-site-select span:first-child {
  display: block !important;
  min-width: 0 !important;
  line-height: 1.02 !important;
}

.cases__item:has(#buyt-condor-card) .condor-card-app:not(.is-exact-scale) .tac-status {
  justify-content: center !important;
  white-space: nowrap !important;
}

.cases__item:has(#buyt-condor-card) .condor-card-app:not(.is-exact-scale) .tac-mission {
  top: var(--buyt-topbar-h) !important;
  left: 0 !important;
  right: 0 !important;
  height: var(--buyt-mission-h) !important;
  padding: 0 6px !important;
  gap: 6px !important;
  font-size: 5.9px !important;
  pointer-events: none !important;
}

.cases__item:has(#buyt-condor-card) .condor-card-app:not(.is-exact-scale) .tac-mission-group:nth-child(n + 4) {
  display: none !important;
}

.cases__item:has(#buyt-condor-card) .condor-card-app:not(.is-exact-scale) .tac-left {
  top: var(--buyt-body-top) !important;
  left: 0 !important;
  bottom: var(--buyt-dock-h) !important;
  width: var(--buyt-left-w) !important;
  padding: 4px 4px !important;
  font-size: 6.1px !important;
  scrollbar-width: none !important;
}

.cases__item:has(#buyt-condor-card) .condor-card-app:not(.is-exact-scale) .tac-left::-webkit-scrollbar {
  display: none !important;
}

.cases__item:has(#buyt-condor-card) .condor-card-app:not(.is-exact-scale) .tac-left .tac-site-card,
.cases__item:has(#buyt-condor-card) .condor-card-app:not(.is-exact-scale) .tac-left .tac-install-card,
.cases__item:has(#buyt-condor-card) .condor-card-app:not(.is-exact-scale) .tac-left .tac-install-meta,
.cases__item:has(#buyt-condor-card) .condor-card-app:not(.is-exact-scale) .tac-left .tac-roster,
.cases__item:has(#buyt-condor-card) .condor-card-app:not(.is-exact-scale) .tac-left .tac-threat-card,
.cases__item:has(#buyt-condor-card) .condor-card-app:not(.is-exact-scale) .tac-left .tac-add-btn,
.cases__item:has(#buyt-condor-card) .condor-card-app:not(.is-exact-scale) .tac-left .tac-section-header:not(:first-of-type) {
  display: none !important;
}

.cases__item:has(#buyt-condor-card) .condor-card-app:not(.is-exact-scale) .tac-left .tac-section-header {
  margin: 2px 0 3px !important;
  padding-bottom: 2px !important;
  font-size: 5.8px !important;
}

.cases__item:has(#buyt-condor-card) .condor-card-app:not(.is-exact-scale) .tac-left .tac-ops-card {
  padding: 4px 5px !important;
  font-size: 6.4px !important;
}

.cases__item:has(#buyt-condor-card) .condor-card-app:not(.is-exact-scale) .tac-ops-k {
  font-size: 5.7px !important;
}

.cases__item:has(#buyt-condor-card) .condor-card-app:not(.is-exact-scale) .tac-ops-v {
  font-size: 6.5px !important;
}

.cases__item:has(#buyt-condor-card) .condor-card-app:not(.is-exact-scale) .tac-right {
  top: var(--buyt-body-top) !important;
  right: 0 !important;
  bottom: 0 !important;
  width: var(--buyt-right-w) !important;
  font-size: 6.1px !important;
}

.cases__item:has(#buyt-condor-card) .condor-card-app:not(.is-exact-scale) .tac-sensors {
  grid-template-columns: 1fr 1fr !important;
}

.cases__item:has(#buyt-condor-card) .condor-card-app:not(.is-exact-scale) .tac-sensor-tab-row {
  padding: 4px 5px 2px !important;
  gap: 5px !important;
}

.cases__item:has(#buyt-condor-card) .condor-card-app:not(.is-exact-scale) .tac-sensor-tab {
  width: 16px !important;
  height: 16px !important;
}

.cases__item:has(#buyt-condor-card) .condor-card-app:not(.is-exact-scale) .tac-sensor-action {
  min-height: 30px !important;
  padding: 3px 2px !important;
  font-size: 5.6px !important;
  letter-spacing: 0.08em !important;
}

.cases__item:has(#buyt-condor-card) .condor-card-app:not(.is-exact-scale) .tac-sensor-action svg {
  width: 10px !important;
  height: 10px !important;
}

.cases__item:has(#buyt-condor-card) .condor-card-app:not(.is-exact-scale) .tac-notifications-head {
  padding: 5px 6px 4px !important;
  font-size: 5.8px !important;
}

.cases__item:has(#buyt-condor-card) .condor-card-app:not(.is-exact-scale) .tac-alert-card {
  margin: 0 6px 5px !important;
}

.cases__item:has(#buyt-condor-card) .condor-card-app:not(.is-exact-scale) .tac-alert-head {
  padding: 7px 7px !important;
}

.cases__item:has(#buyt-condor-card) .condor-card-app:not(.is-exact-scale) .tac-alert-kind {
  font-size: 7.4px !important;
}

.cases__item:has(#buyt-condor-card) .condor-card-app:not(.is-exact-scale) .tac-alert-badge {
  top: 8px !important;
  right: 24px !important;
  padding: 3px 5px !important;
  font-size: 6.4px !important;
}

.cases__item:has(#buyt-condor-card) .condor-card-app:not(.is-exact-scale) .tac-alert-badge .dist {
  font-size: 8px !important;
}

.cases__item:has(#buyt-condor-card) .condor-card-app:not(.is-exact-scale) .tac-alert-zone,
.cases__item:has(#buyt-condor-card) .condor-card-app:not(.is-exact-scale) .tac-field-label,
.cases__item:has(#buyt-condor-card) .condor-card-app:not(.is-exact-scale) .tac-field-value {
  font-size: 6.5px !important;
}

.cases__item:has(#buyt-condor-card) .condor-card-app:not(.is-exact-scale) .tac-dock {
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  height: var(--buyt-dock-h) !important;
  padding-left: calc(var(--buyt-left-w) + 3px) !important;
  padding-right: calc(var(--buyt-right-w) + 3px) !important;
  grid-template-columns: minmax(0, 1fr) 82px !important;
  font-size: 5.5px !important;
}

.cases__item:has(#buyt-condor-card) .condor-card-app:not(.is-exact-scale) .tac-dock::before {
  left: var(--buyt-left-w) !important;
}

.cases__item:has(#buyt-condor-card) .condor-card-app:not(.is-exact-scale) .tac-dock::after {
  right: var(--buyt-right-w) !important;
}

.cases__item:has(#buyt-condor-card) .condor-card-app:not(.is-exact-scale) .tac-dock-head {
  padding: 4px 6px !important;
  font-size: 5.5px !important;
}

.cases__item:has(#buyt-condor-card) .condor-card-app:not(.is-exact-scale) .tac-dock-title,
.cases__item:has(#buyt-condor-card) .condor-card-app:not(.is-exact-scale) .tac-dock-sub,
.cases__item:has(#buyt-condor-card) .condor-card-app:not(.is-exact-scale) .tac-log-row,
.cases__item:has(#buyt-condor-card) .condor-card-app:not(.is-exact-scale) .tac-sys-grid {
  font-size: 5.5px !important;
}

.cases__item:has(#buyt-condor-card) .condor-card-app:not(.is-exact-scale) .tac-log-row {
  grid-template-columns: 30px 20px 1fr !important;
  gap: 3px !important;
  padding: 1px 5px !important;
}

.cases__item:has(#buyt-condor-card) .condor-card-app:not(.is-exact-scale) .tac-sys-grid {
  padding: 4px 4px !important;
  gap: 2px 3px !important;
}

.cases__item:has(#buyt-condor-card) .condor-card-app:not(.is-exact-scale) .mini-map {
  left: 0 !important;
  bottom: 0 !important;
  width: var(--buyt-left-w) !important;
  height: var(--buyt-mini-h) !important;
}

.cases__item:has(#buyt-condor-card) .condor-card-app:not(.is-exact-scale) .mini-map-svg {
  height: calc(var(--buyt-mini-h) - 16px) !important;
}

.cases__item:has(#buyt-condor-card) .condor-card-app:not(.is-exact-scale) .mini-map-label {
  padding: 2px 5px !important;
  font-size: 4.8px !important;
}

.cases__item:has(#buyt-condor-card) .condor-card-app:not(.is-exact-scale) .pip-feed,
.cases__item:has(#buyt-condor-card) .condor-card-app:not(.is-exact-scale) #drone-callouts,
.cases__item:has(#buyt-condor-card) .condor-card-app:not(.is-exact-scale) #tac-toast {
  display: none !important;
}

@container condor-buyt (max-width: 420px) {
  .cases__item:has(#buyt-condor-card) .condor-card-app {
    --buyt-left-w: 68px;
    --buyt-right-w: 98px;
    --buyt-dock-h: 46px;
    --buyt-mini-h: 46px;
  }

  .cases__item:has(#buyt-condor-card) .condor-card-app:not(.is-exact-scale) .tac-topbar {
    grid-template-columns: minmax(78px, 0.8fr) minmax(104px, 1fr) minmax(80px, 0.72fr) !important;
  }

  .cases__item:has(#buyt-condor-card) .condor-card-app:not(.is-exact-scale) .tac-brand .cv-wordmark {
    max-width: 92px !important;
    font-size: 9.1px !important;
  }

  .cases__item:has(#buyt-condor-card) .condor-card-app:not(.is-exact-scale) .tac-site-select,
  .cases__item:has(#buyt-condor-card) .condor-card-app:not(.is-exact-scale) .tac-status {
    font-size: 6.5px !important;
  }

  .cases__item:has(#buyt-condor-card) .condor-card-app:not(.is-exact-scale) .tac-right {
    font-size: 5.4px !important;
  }
}