/* FINAL/S 95 — BANATTI SYSTEM FRAMES
   The approved crown governs the header pod and the BANAT viewing instrument.
   Existing atmosphere remains; old geometric borders yield to this chassis. */

@media (min-width:861px){
  /* Build-sheet notation beneath the six PORT actuators. Its tiny elliptical
     returns meet the resting centres of BANAT and ROOTS; the straight rail
     opens only once, around the quiet PORTS cue. */
  body:not(.verticale-edition) .site-nav::after{
    display:none !important;
  }

  body:not(.verticale-edition) .ports-menu-notation{
    position:absolute;
    display:block;
    height:24px;
    overflow:visible;
    pointer-events:none;
    z-index:1;
    color:rgba(190,238,145,.64);
    font-family:'DM Mono',monospace;
  }

  body:not(.verticale-edition) .ports-menu-notation svg{
    position:absolute;
    inset:0;
    display:block;
    width:100%;
    height:24px;
    overflow:visible;
  }

  body:not(.verticale-edition) .ports-menu-notation path{
    fill:none;
    /* One honest menu-green construction line.  Its former changing
       opacity made the lower PORTS cue read like atmosphere, not frame. */
    stroke:var(--banatti-frame-menu-outer-solid,#2e5b05);
    stroke-width:1.45px;
    stroke-linecap:round;
    stroke-linejoin:round;
    vector-effect:non-scaling-stroke;
    shape-rendering:geometricPrecision;
    opacity:1;
    filter:drop-shadow(0 0 2px rgba(117,230,13,.12));
  }

  body:not(.verticale-edition) .ports-menu-notation span{
    position:absolute;
    left:var(--ports-menu-cue-x,50%);
    top:5px;
    transform:translateX(-50%);
    padding:0 11px;
    color:rgba(213,244,184,.66);
    background:rgba(3,7,4,.94);
    font-size:16px;
    line-height:1;
    letter-spacing:.24em;
    white-space:nowrap;
    text-shadow:0 0 5px rgba(117,230,13,.16);
  }

  /* Restore the approved twenty-eight-pixel breathing room beneath the
     pinned Kármán contour so menu and viewer return to their saved position. */
  body:not(.verticale-edition){
    --banatti-cowl-drop:28px;
    --banatti-main-site-surface:#020403;
    /* True neutral rest field: inactive PORT destinations must read black,
       with green appearing only when that destination becomes active. */
    --banatti-selector-surface:#000000;
    --banatti-frame-bridge-solid:#2f5e04;
    --banatti-frame-header-outer-solid:#447f05;
    --banatti-frame-header-inner-solid:#2d5803;
    --banatti-frame-viewer-outer-solid:#478805;
    --banatti-frame-viewer-inner-solid:#193102;
    --banatti-frame-selector-outer-solid:#56a50a;
    --banatti-frame-selector-inner-solid:#1d3902;
    /* Upright centre spine: the selector outer green settled by 15%. */
    --banatti-frame-upright-spine-solid:#498c09;
    --banatti-frame-menu-outer-solid:#2e5b05;
    --banatti-frame-menu-inner-solid:#112101;
    --banatti-frame-menu-engaged-outer-solid:#5fb70b;
    --banatti-frame-menu-engaged-inner-solid:#234503;
    --banatti-map-land-low:.56;
    --banatti-map-land-high:.62;
    --banatti-map-grid-low:.55;
    --banatti-map-grid-high:.61;
    --banatti-map-dome-low:.46;
    --banatti-map-dome-high:.54;
  }

  body:not(.verticale-edition) .site-header{
    top:calc(91px + var(--banatti-cowl-drop)) !important;
    /* The cowl and port buttons carry their own instrument blacks.  The old
       full-width header veil only darkened the Mapologique into a visible swath. */
    background:transparent !important;
  }

  body:not(.verticale-edition) .site-header::before,
  body:not(.verticale-edition) .site-header::after{
    top:calc(-57px - var(--banatti-cowl-drop)) !important;
  }

  body:not(.verticale-edition) .page{
    top:calc(var(--header-h) + 91px + var(--banatti-cowl-drop)) !important;
    z-index:3 !important;
  }

  /* FINAL/S 95 — OVERSPILL EXCISION.
     The page is sealed to its real canvas. The selector's dark backplate is
     painted by the exact drawn bezel path, never by a larger CSS capsule. */
  body.banatti-view-lens-host:not(.verticale-edition){
    overflow:hidden !important;
  }

  /* A hidden overflow box can still be pulled off its origin when a lower
     control receives focus. Clip removes that hidden scroll track entirely,
     so every PORT stays registered to the same top edge after every click. */
  body.banatti-view-lens-host:not(.verticale-edition) .page{
    overflow:clip !important;
    overscroll-behavior:none;
  }

  body.banatti-view-lens-host:not(.verticale-edition) .page .portal-status,
  body.banatti-view-lens-host:not(.verticale-edition) #p5.page .showroom-nav{
    background:transparent !important;
  }

  /* LOCKED 931px LOWER PORT SELECTOR — solid black across all six PORTs.
     Fill the complete existing selector interior, including Hangar. Preserve
     its established width; never alter it without Capt's explicit permission. */
  body.banatti-view-lens-host:not(.verticale-edition) .page .portal-status > .banatti-selector-bezel path:first-of-type,
  body.banatti-view-lens-host:not(.verticale-edition) #p5.page .showroom-nav > .banatti-selector-bezel path:first-of-type{
    fill:#000000 !important;
  }

  body.banatti-view-lens-host:not(.verticale-edition) .page .portal-status > .banatti-selector-bezel,
  body.banatti-view-lens-host:not(.verticale-edition) #p5.page .showroom-nav > .banatti-selector-bezel{
    opacity:1 !important;
  }

  body.banatti-view-lens-host:not(.verticale-edition) .page .portal-status > .portal-readout{
    position:relative;
    z-index:3;
  }

  body.banatti-view-lens-host:not(.verticale-edition) .page .portal-status > .portal-nav,
  body.banatti-view-lens-host:not(.verticale-edition) #p5.page .showroom-nav > .snav-arrow{
    position:relative;
    z-index:4;
    pointer-events:auto !important;
  }

  .banatti-system-frame{
    position:absolute;
    display:block;
    overflow:visible;
    pointer-events:none;
    mix-blend-mode:normal;
  }

  /* The menu rail and the lower selector read within one continuous outer
     Banattisphere frame. The selector itself owns its newer two-piece face. */
  .banatti-system-frame-menu-bridge{
    position:fixed;
    inset:0;
    display:block;
    width:100vw;
    height:100vh;
    overflow:visible;
    pointer-events:none;
    z-index:201;
    mix-blend-mode:normal;
    opacity:1;
  }

  /* The six cowl stems sit one plane beneath the fixed header.  The pod and
     PORT faces therefore conceal both ends naturally while the complete
     menu reads as one family fed directly from the Banatti master cowl. */
  .banatti-cowl-uprights-layer{
    position:fixed;
    inset:0;
    display:block;
    width:100vw;
    height:100vh;
    overflow:visible;
    pointer-events:none;
    z-index:199;
    mix-blend-mode:normal;
  }

  /* MAPOLOGIQUE' ATMOSPHERE STUDY.
     The former independent Kármán crown is archived and retired. The blue
     now begins on the map's own outer planetary curvature, while the cowl,
     viewer, selector, and existing fade depth remain protected. */
  .banatti-karman-blue-atmosphere{
    position:fixed;
    inset:0;
    display:block;
    width:100vw;
    height:100vh;
    overflow:visible;
    pointer-events:none;
    z-index:0;
    mix-blend-mode:screen;
  }

  /* BLACK INSTRUMENT FIELD.
     This exact frame-shaped backing sits between MAPOLOGIQUE' and the live
     site. It is deliberately independent so it can later receive imagery or
     a different density without disturbing the approved composition. */
  .banatti-site-black-surface{
    position:fixed;
    inset:0;
    display:block;
    width:100vw;
    height:100vh;
    overflow:visible;
    pointer-events:none;
    z-index:2;
  }

  /* Restore the original black horizontal DASH backing over the map field. */
  body:not(.verticale-edition) .banatti-site-black-surface{
    display:block !important;
  }

  .banatti-site-black-surface .banatti-site-black-field{
    fill:var(--banatti-main-site-surface);
    stroke:none;
    shape-rendering:geometricPrecision;
  }

  /* DASH-BACKGROUND TRIAL — user-approved levels for all six ports.
     The 931px menu selector remains locked and unchanged. */
  body:not(.verticale-edition):has(#p1.active) .banatti-site-black-surface .banatti-site-black-field{ fill:rgba(0,0,0,.70); }
  body:not(.verticale-edition):has(#p2.active) .banatti-site-black-surface .banatti-site-black-field{ fill:rgba(0,0,0,.55); }
  body:not(.verticale-edition):has(#p3.active) .banatti-site-black-surface .banatti-site-black-field{ fill:rgba(0,0,0,.45); }
  /* At Architecture's closing statement, the vehicle picture recedes and
     the Mapologique becomes the picture. Lift only this scene's dark backing. */
  body:not(.verticale-edition):has(#p3.active [data-panel-id="architecture-vehicle-reading-nature-clean"].is-vehicle-finale-image-out:not(.is-hidden)) .banatti-site-black-surface .banatti-site-black-field{ fill:transparent; }
  body:not(.verticale-edition):has(#p5.active) .banatti-site-black-surface .banatti-site-black-field{ fill:rgba(0,0,0,.33); }
  body:not(.verticale-edition):has(#p6.active) .banatti-site-black-surface .banatti-site-black-field{ fill:rgba(0,0,0,.22); }
  body:not(.verticale-edition):has(#p7.active) .banatti-site-black-surface .banatti-site-black-field{ fill:rgba(0,0,0,.11); }

  .banatti-karman-blue-atmosphere .karman-blue-fall{
    fill:url(#banatti-karman-blue-fall-gradient);
    opacity:.6;
    mix-blend-mode:multiply;
    /* Painted after the map and degree grid, before the dome and shared rim. */
    shape-rendering:geometricPrecision;
  }

  /* BANATTI MAPOLOGIQUE' — v394 static navigation field. Its native vector
     lines remain crisp and legible without a moving glow or radar glaze. */
  .banatti-karman-blue-atmosphere .karman-planet-map,
  .banatti-karman-blue-atmosphere .karman-planet-map-fallback{
    display:none;
    filter:none;
    image-rendering:auto;
  }

  .banatti-karman-blue-atmosphere .karman-planet-map{
    opacity:.64;
  }

  .banatti-karman-blue-atmosphere .karman-planet-map-fallback{
    opacity:.58;
  }

  /* MAP 3 PHILIPPINES STUDY — the clarified visible-field map and its
     registered locator remain independent, reversible scenery sheets. */
  .banatti-karman-blue-atmosphere .karman-planet-map-map3-layer{
    display:none;
    opacity:1;
    filter:none;
    image-rendering:auto;
    pointer-events:none;
  }

  body.banatti-map3-phil-ring-sample:not(.verticale-edition) .banatti-karman-blue-atmosphere .karman-planet-map-map3-layer{
    display:block;
  }

  /* HERO MAP SOLO PROOF — the saturated pure cartograph is judged entirely
     on its own beneath the finished cockpit. Every earlier map, grid, dome,
     locator and atmospheric embellishment is silent for this pass. */
  body.banatti-hero-map-solo-sample:not(.verticale-edition) .banatti-karman-blue-atmosphere .karman-planet-map-map3-layer{
    display:none !important;
    opacity:0;
  }

  /* MAP 111 HERO — the user's finished Photoshop field sits as an untouched,
     independent sheet in exact registration above BALANCE 05 / BLUE 07. */
  .banatti-karman-blue-atmosphere .karman-planet-map-map111-layer{
    display:none;
    opacity:1;
    filter:none;
    image-rendering:auto;
    pointer-events:none;
  }

  /* Restrained corrective study above MAP 111. The approved Photoshop map
     remains fully present below; this newer sheet is only a ten-percent veil. */
  .banatti-karman-blue-atmosphere .karman-planet-map-map111-restraint-layer{
    display:none;
    opacity:.1;
    filter:none;
    image-rendering:auto;
    pointer-events:none;
  }

  body.banatti-hero-map-solo-sample:not(.verticale-edition) .banatti-karman-blue-atmosphere .karman-planet-map-map111-layer{
    display:block;
    opacity:1;
  }

  body.banatti-hero-map-solo-sample:not(.verticale-edition) .banatti-karman-blue-atmosphere .karman-planet-map-map111-restraint-layer{
    display:block;
    opacity:.1;
  }

  body.banatti-hero-map-solo-sample:not(.verticale-edition) .banatti-karman-blue-atmosphere .karman-planet-map-land-layer,
  body.banatti-hero-map-solo-sample:not(.verticale-edition) .banatti-map-grid-trace-layer,
  body.banatti-hero-map-solo-sample:not(.verticale-edition) .banatti-map-crosshair-layer,
  body.banatti-hero-map-solo-sample:not(.verticale-edition) .banatti-karman-blue-atmosphere .karman-map-edge-downfall,
  body.banatti-hero-map-solo-sample:not(.verticale-edition) .banatti-karman-blue-atmosphere .karman-map-edge-underlight,
  body.banatti-hero-map-solo-sample:not(.verticale-edition) .banatti-karman-blue-atmosphere .karman-map-edge-glint{
    display:none !important;
    animation:none !important;
  }

  .banatti-map-philippines-study-overlay{
    position:fixed;
    inset:0;
    display:none;
    width:100vw;
    height:100vh;
    overflow:visible;
    pointer-events:none;
    /* Below the black cockpit body, above the map and dome. */
    z-index:1;
  }

  .banatti-map-philippines-study-overlay .banatti-map-philippines-ring{
    /* Match the dome's restrained green rather than reading as a beacon. */
    opacity:.6;
    filter:none;
    image-rendering:auto;
  }

  .banatti-map-philippines-study-overlay .banatti-map-philippines-ring.is-port-pulsing{
    animation:banattiPhilCirclePortPulse 1100ms cubic-bezier(.16,.72,.24,1) both;
  }

  /* PORT → MAPOLOGIQUE' → PHILIPPINES.
     The travelling light is cut from the approved degree-grid and dome
     drawings themselves, so the network feels awakened rather than added. */
  .banatti-port-energy-overlay{
    position:fixed;
    inset:0;
    display:none;
    width:100vw;
    height:100vh;
    overflow:visible;
    pointer-events:none;
    z-index:1;
    opacity:0;
    mix-blend-mode:screen;
    will-change:clip-path,opacity;
  }

  /* The PORT itself answers first: one restrained pool of light centred on
     the pressed actuator, distinct from the current that then leaves it. */
  .banatti-port-click-ignition{
    position:fixed;
    left:0;
    top:0;
    width:var(--banatti-port-ignition-width,280px);
    height:var(--banatti-port-ignition-height,76px);
    border-radius:999px / 72%;
    pointer-events:none;
    z-index:205;
    opacity:0;
    transform:translate(-50%,-50%) scale(.90);
    mix-blend-mode:screen;
    background:
      radial-gradient(ellipse at center,
        rgba(234,255,214,.25) 0%,
        rgba(176,244,111,.18) 18%,
        rgba(117,230,13,.075) 48%,
        rgba(117,230,13,0) 76%);
    box-shadow:0 0 13px rgba(117,230,13,.16),inset 0 0 8px rgba(225,255,194,.12);
    will-change:transform,opacity,filter;
  }

  .banatti-port-click-ignition.is-firing{
    animation:banattiPortClickIgnition 280ms cubic-bezier(.12,.78,.18,1) both;
  }

  .banatti-port-energy-overlay .banatti-port-energy-grid{
    opacity:1;
    filter:brightness(1.22) saturate(1.04)
      drop-shadow(0 0 3px rgba(205,255,166,.13))
      drop-shadow(0 0 10px rgba(117,230,13,.08));
  }

  .banatti-port-energy-overlay .banatti-port-energy-dome{
    opacity:.94;
    filter:brightness(1.27) saturate(1.03)
      drop-shadow(0 0 4px rgba(220,255,191,.13))
      drop-shadow(0 0 13px rgba(117,230,13,.09));
  }

  .banatti-port-energy-overlay .banatti-port-energy-rim{
    opacity:.88;
    filter:brightness(1.24) saturate(1.02)
      drop-shadow(0 0 4px rgba(216,255,184,.12))
      drop-shadow(0 0 12px rgba(117,230,13,.08));
  }

  body.banatti-port-routing:not(.verticale-edition) .banatti-karman-blue-atmosphere .karman-planet-map-linework{
    animation:banattiPortDomeFire 700ms cubic-bezier(.14,.76,.18,1) both !important;
  }

  body.banatti-port-routing:not(.verticale-edition) .banatti-karman-blue-atmosphere .karman-planet-map-flat-degree-grid{
    animation:banattiPortGridFire 740ms cubic-bezier(.14,.76,.18,1) 72ms both !important;
  }

  body.banatti-port-routing:not(.verticale-edition) .banatti-karman-blue-atmosphere .karman-planet-map-degree-rim{
    animation:banattiPortRimFire 760ms cubic-bezier(.14,.76,.18,1) 146ms both !important;
  }

  .banatti-map-philippines-study-overlay .banatti-map-philippines-wave{
    opacity:0;
    pointer-events:none;
    transform-box:fill-box;
    transform-origin:center;
    will-change:transform,opacity,filter;
  }

  .banatti-map-philippines-study-overlay.is-port-receiving .banatti-map-philippines-wave-out{
    animation:banattiPhilCircleWaveOut 920ms cubic-bezier(.12,.68,.18,1) 105ms both;
  }

  .banatti-map-philippines-study-overlay.is-port-receiving .banatti-map-philippines-wave-in{
    animation:banattiPhilCircleWaveIn 760ms cubic-bezier(.16,.76,.20,1) 170ms both;
  }

  .banatti-map-philippines-study-overlay.is-port-receiving .banatti-map-philippines-wave-bing{
    animation:banattiPhilCircleBing 180ms cubic-bezier(.10,.82,.16,1) both;
  }

  @keyframes banattiPortClickIgnition{
    0%{opacity:0;transform:translate(-50%,-50%) scale(.90);filter:brightness(1);}
    24%{opacity:.25;transform:translate(-50%,-50%) scale(.98);filter:brightness(1.18);}
    52%{opacity:.20;transform:translate(-50%,-50%) scale(1.03);filter:brightness(1.10);}
    100%{opacity:0;transform:translate(-50%,-50%) scale(1.12);filter:brightness(1);}
  }

  @keyframes banattiPhilCircleBing{
    0%{
      opacity:0;
      transform:scale(.91);
      filter:brightness(1);
    }
    18%{
      opacity:.50;
      transform:scale(.98);
      filter:brightness(1.42) drop-shadow(0 0 3px rgba(229,255,209,.42)) drop-shadow(0 0 8px rgba(117,230,13,.24));
    }
    46%{
      opacity:.28;
      transform:scale(1.025);
      filter:brightness(1.18) drop-shadow(0 0 5px rgba(177,255,112,.18));
    }
    100%{
      opacity:0;
      transform:scale(1.10);
      filter:brightness(1);
    }
  }

  @keyframes banattiPhilCirclePortPulse{
    0%{
      opacity:.6;
      filter:none;
    }
    18%{
      opacity:.66;
      filter:brightness(1.108) drop-shadow(0 0 4px rgba(114,255,32,.141)) drop-shadow(0 0 13px rgba(84,218,20,.102));
    }
    44%{
      opacity:.645;
      filter:brightness(1.051) drop-shadow(0 0 3px rgba(105,244,29,.087)) drop-shadow(0 0 9px rgba(77,195,18,.057));
    }
    100%{
      opacity:.6;
      filter:none;
    }
  }

  @keyframes banattiPhilCircleWaveOut{
    0%{
      opacity:0;
      transform:scale(.96);
      filter:brightness(1.027) drop-shadow(0 0 2px rgba(117,230,13,.048));
    }
    18%{
      opacity:.123;
      transform:scale(1.02);
      filter:brightness(1.203) drop-shadow(0 0 5px rgba(200,255,151,.129)) drop-shadow(0 0 15px rgba(117,230,13,.099));
    }
    100%{
      opacity:0;
      transform:scale(1.64);
      filter:brightness(1.027) drop-shadow(0 0 18px rgba(117,230,13,.018));
    }
  }

  @keyframes banattiPhilCircleWaveIn{
    0%{
      opacity:0;
      transform:scale(1.42);
      filter:brightness(1.015) drop-shadow(0 0 12px rgba(117,230,13,.018));
    }
    28%{
      opacity:.093;
      filter:brightness(1.138) drop-shadow(0 0 7px rgba(181,255,121,.087));
    }
    78%{
      opacity:.057;
      transform:scale(.90);
      filter:brightness(1.192) drop-shadow(0 0 4px rgba(218,255,188,.108));
    }
    100%{
      opacity:0;
      transform:scale(.82);
      filter:brightness(1.053) drop-shadow(0 0 2px rgba(117,230,13,.027));
    }
  }

  @keyframes banattiPortDomeFire{
    0%,100%{opacity:.46;filter:none;}
    18%{opacity:.49;filter:brightness(1.036) drop-shadow(0 0 2px rgba(117,230,13,.027));}
    42%{opacity:.529;filter:brightness(1.126) drop-shadow(0 0 4px rgba(196,255,145,.102)) drop-shadow(0 0 12px rgba(117,230,13,.063));}
    68%{opacity:.484;filter:brightness(1.03) drop-shadow(0 0 3px rgba(117,230,13,.027));}
  }

  @keyframes banattiPortGridFire{
    0%,100%{opacity:.55;filter:none;}
    22%{opacity:.576;filter:brightness(1.027) drop-shadow(0 0 2px rgba(117,230,13,.024));}
    48%{opacity:.615;filter:brightness(1.108) drop-shadow(0 0 4px rgba(202,255,156,.096)) drop-shadow(0 0 11px rgba(117,230,13,.057));}
    74%{opacity:.567;filter:brightness(1.021) drop-shadow(0 0 2px rgba(117,230,13,.021));}
  }

  @keyframes banattiPortRimFire{
    0%,100%{opacity:.5;filter:none;}
    24%{opacity:.521;filter:brightness(1.024);}
    52%{opacity:.566;filter:brightness(1.114) drop-shadow(0 0 4px rgba(211,255,175,.099)) drop-shadow(0 0 12px rgba(117,230,13,.06));}
    78%{opacity:.515;filter:brightness(1.018);}
  }

  body.banatti-map3-phil-ring-sample:not(.verticale-edition) .banatti-map-philippines-study-overlay{
    display:block;
  }

  body.banatti-hero-map-solo-sample:not(.verticale-edition) .banatti-map-philippines-study-overlay{
    display:block;
  }

  @media (prefers-reduced-motion:reduce){
    .banatti-port-energy-overlay{
      display:none !important;
      animation:none !important;
    }
    .banatti-port-click-ignition{
      display:none !important;
      animation:none !important;
    }
    body.banatti-port-routing:not(.verticale-edition) .banatti-karman-blue-atmosphere .karman-planet-map-linework,
    body.banatti-port-routing:not(.verticale-edition) .banatti-karman-blue-atmosphere .karman-planet-map-flat-degree-grid,
    body.banatti-port-routing:not(.verticale-edition) .banatti-karman-blue-atmosphere .karman-planet-map-degree-rim{
      animation:none !important;
      filter:none !important;
    }
    .banatti-map-philippines-study-overlay.is-port-receiving .banatti-map-philippines-wave{
      animation:none !important;
      opacity:0 !important;
    }
    .banatti-map-philippines-study-overlay .banatti-map-philippines-ring.is-port-pulsing{
      animation:none !important;
      filter:brightness(1.075) drop-shadow(0 0 5px rgba(117,230,13,.078));
    }
  }

  /* TEMPORARY SCENERY JUDGMENT — silence the complete cockpit while leaving
     the external View Lens controls untouched. */
  body.banatti-cockpit-off:not(.verticale-edition) .site-header,
  body.banatti-cockpit-off:not(.verticale-edition) .page,
  body.banatti-cockpit-off:not(.verticale-edition) .banatti-site-black-surface,
  body.banatti-cockpit-off:not(.verticale-edition) .banatti-system-frame-menu-bridge,
  body.banatti-cockpit-off:not(.verticale-edition) .banatti-cowl-uprights-layer,
  body.banatti-cockpit-off:not(.verticale-edition) #banatti-menu-curves{
    display:none !important;
  }

  .banatti-karman-blue-atmosphere .banatti-map-source-land{
    opacity:.96;
    stroke-width:1.7px;
    vector-effect:non-scaling-stroke;
    shape-rendering:geometricPrecision;
  }

  .banatti-karman-blue-atmosphere .karman-planet-map-linework{
    display:none;
    /* 222-rise Grace Curve HERO dome: bows only; the shared rim is separate. */
    opacity:.6;
    filter:none;
    image-rendering:auto;
    mix-blend-mode:normal;
    pointer-events:none;
  }

  .banatti-karman-blue-atmosphere .karman-planet-map-flat-degree-grid{
    display:none;
    opacity:.6;
    filter:none;
    image-rendering:auto;
    mix-blend-mode:screen;
    pointer-events:none;
  }

  .banatti-karman-blue-atmosphere .karman-planet-map-degree-rim{
    display:none;
    /* Independently lit for the approved three-part basket study. */
    opacity:.5;
    filter:none;
    image-rendering:auto;
    mix-blend-mode:screen;
    pointer-events:none;
  }

  body.banatti-hero-map-solo-sample:not(.verticale-edition) .banatti-karman-blue-atmosphere .karman-planet-map-flat-degree-grid,
  body.banatti-hero-map-solo-sample:not(.verticale-edition) .banatti-karman-blue-atmosphere .karman-planet-map-degree-rim,
  body.banatti-hero-map-solo-sample:not(.verticale-edition) .banatti-karman-blue-atmosphere .karman-planet-map-linework{
    display:block;
  }

  body.banatti-planet-map-study:not(.verticale-edition) .banatti-karman-blue-atmosphere .karman-planet-map,
  body.banatti-planet-map-study:not(.verticale-edition) .banatti-karman-blue-atmosphere .karman-planet-map-fallback{
    display:block;
  }

  body.banatti-map-layers-ready:not(.verticale-edition) .banatti-karman-blue-atmosphere .karman-planet-map-fallback{
    display:none;
  }

  body.banatti-planet-map-study.banatti-map-linework-overlay-sample:not(.verticale-edition) .banatti-karman-blue-atmosphere .karman-planet-map-linework{
    display:block;
  }

  /* FULL GREEN FOAM DOME — it belongs to the world beneath the instrument.
     The map remains its ground; every live control, word, cowl and reel
     occupies the clean plane immediately above it. */
  .banatti-map-construction-layer{
    position:fixed;
    inset:0;
    display:block;
    width:100vw;
    height:100vh;
    overflow:hidden;
    pointer-events:none;
    z-index:1;
    contain:layout paint;
  }

  .banatti-map-grid-trace-layer{
    display:none !important;
    opacity:.58;
    mix-blend-mode:screen;
    will-change:opacity;
  }

  .banatti-map-grid-trace-layer .banatti-map-registered-grid-trace{
    opacity:1;
  }

  .banatti-map-grid-trace-layer .banatti-map-degree-rings,
  .banatti-map-grid-trace-layer .banatti-map-degree-rays{
    opacity:.76;
  }

  .banatti-map-grid-trace-layer .banatti-map-traced-rim{
    opacity:1;
    stroke-width:1.7;
  }

  .banatti-map-crosshair-layer{
    display:none !important;
    z-index:1;
    fill:none;
    stroke:#64c309;
    stroke-width:2;
    stroke-linecap:round;
    opacity:.5;
    will-change:opacity;
  }

  .banatti-map-crosshair-layer .banatti-map-height-rings,
  .banatti-map-crosshair-layer .banatti-map-height-arc{
    stroke:#64c309;
    stroke-width:2;
    opacity:.9;
  }

  .banatti-map-crosshair-layer .banatti-map-height-marker{
    fill:#ff2922;
    stroke:#ffb0a9;
    stroke-width:3;
    opacity:1;
    filter:drop-shadow(0 0 9px rgba(255,41,34,.92));
  }

  .banatti-karman-blue-atmosphere .karman-map-edge-downfall{
    display:none;
    fill:url(#banatti-map-edge-downfall);
    pointer-events:none;
    opacity:1;
  }

  body.banatti-planet-map-study:not(.verticale-edition) .banatti-karman-blue-atmosphere .karman-map-edge-downfall{
    display:block;
  }

  /* MAPOLOGIQUE' UPPER EDGE GLINT.
     The later travelling future-light is retired. This ellipse repeats the
     original static Kármán edge recipe exactly: pale green at the crown,
     thinning naturally down the two sides without animation or atmosphere. */
  .banatti-karman-blue-atmosphere .karman-map-edge-underlight,
  .banatti-karman-blue-atmosphere .karman-map-edge-glint{
    display:none;
    fill:none;
    vector-effect:non-scaling-stroke;
    stroke-linecap:round;
    stroke-linejoin:round;
    pointer-events:none;
    stroke:url(#banatti-map-edge-karman-glint);
    stroke-width:1.45px;
  }

  .banatti-karman-blue-atmosphere .karman-map-edge-underlight{
    opacity:.44;
    filter:blur(6.2px) drop-shadow(0 0 8px rgba(117,230,13,.22));
  }

  .banatti-karman-blue-atmosphere .karman-map-edge-glint{
    opacity:1;
    filter:drop-shadow(0 0 2px rgba(225,255,203,.34)) drop-shadow(0 0 7px rgba(117,230,13,.20));
  }

  body.banatti-planet-map-study:not(.verticale-edition) .banatti-karman-blue-atmosphere .karman-map-edge-underlight,
  body.banatti-planet-map-study:not(.verticale-edition) .banatti-karman-blue-atmosphere .karman-map-edge-glint{
    display:block;
  }

  /* MAPOLOGIQUE' LIVING FIELD — three static drawings breathe only through
     their transparency. No sweep, blur travel or redrawing is involved. */
  @keyframes banatti-map-ground-ebb{
    0%,100%{opacity:var(--banatti-map-land-low);}
    48%{opacity:var(--banatti-map-land-high);}
  }

  @keyframes banatti-map-grid-ebb{
    0%,100%{opacity:var(--banatti-map-grid-low);}
    52%{opacity:var(--banatti-map-grid-high);}
  }

  @keyframes banatti-map-dome-ebb{
    0%,100%{opacity:var(--banatti-map-dome-low);}
    46%{opacity:var(--banatti-map-dome-high);}
  }

  @keyframes banatti-map-rim-ebb{
    0%,100%{opacity:.78;}
    50%{opacity:1;}
  }

  body.banatti-map-layers-ready:not(.verticale-edition) .karman-planet-map-land-layer{
    animation:banatti-map-ground-ebb 23s ease-in-out -8s infinite;
    will-change:opacity;
  }

  body.banatti-map-layers-ready:not(.verticale-edition) .banatti-map-grid-trace-layer{
    animation:banatti-map-grid-ebb 17s ease-in-out -4s infinite;
  }

  body.banatti-map-layers-ready:not(.verticale-edition) .banatti-map-crosshair-layer{
    animation:banatti-map-dome-ebb 19s ease-in-out -11s infinite;
  }

  body.banatti-map-layers-ready:not(.verticale-edition) .karman-map-edge-glint{
    animation:banatti-map-rim-ebb 29s ease-in-out -13s infinite;
    will-change:opacity;
  }

  @media (prefers-reduced-motion:reduce){
    body.banatti-map-layers-ready:not(.verticale-edition) .karman-planet-map-land-layer,
    body.banatti-map-layers-ready:not(.verticale-edition) .banatti-map-grid-trace-layer,
    body.banatti-map-layers-ready:not(.verticale-edition) .banatti-map-crosshair-layer,
    body.banatti-map-layers-ready:not(.verticale-edition) .karman-map-edge-glint{
      animation:none;
    }
  }

  body.banatti-blue-below-study:not(.verticale-edition) .ghost-drift{
    display:none !important;
  }

  body.verticale-edition .banatti-karman-blue-atmosphere,
  body.verticale-edition .banatti-site-black-surface{
    display:none !important;
  }

  /* FINAL/S 95 — LOWER ATMOSPHERE RETIRED.
     The lower sweep has been removed so the selector and live frame carry
     the base of the pod without a second, disconnected gesture. */
  body:not(.verticale-edition) .page::before,
  body:not(.verticale-edition) .page::after{
    display:none !important;
  }

  .banatti-system-frame-menu-bridge .menu-bridge-halo,
  .banatti-system-frame-menu-bridge .menu-bridge-echo,
  .banatti-system-frame-menu-bridge .menu-bridge-main,
  .banatti-system-frame-menu-bridge .menu-bridge-upper-glint,
  .banatti-system-frame-menu-bridge .menu-bridge-karman-wash{
    fill:none;
    vector-effect:non-scaling-stroke;
    stroke-linecap:round;
    stroke-linejoin:round;
  }

  /* One directional atmosphere sits beneath the Kármán edge. It is a
     separate wash, never a second sharp line competing with the contour. */
  .banatti-system-frame-menu-bridge .menu-bridge-karman-wash{
    stroke:rgba(117,230,13,.078);
    stroke-width:2px;
    opacity:1;
    filter:url(#banatti-menu-bridge-downwash);
  }

  .banatti-system-frame-menu-bridge .menu-bridge-halo{
    stroke:rgba(82,160,4,.078);
    stroke-width:7px;
    filter:blur(4px);
  }

  .banatti-system-frame-menu-bridge .menu-bridge-echo{
    stroke:rgba(82,160,4,.096);
    stroke-width:2.6px;
  }

  .banatti-system-frame-menu-bridge .menu-bridge-main{
    stroke:var(--banatti-frame-bridge-solid);
    stroke-width:1.45px;
    shape-rendering:geometricPrecision;
  }

  /* A restrained light catches only the two upper outer sweeps.  It begins
     at the PORTS-menu ellipse entries and is fully gone by the curve
     midpoints, leaving the lower frame and selector quiet. */
  .banatti-system-frame-menu-bridge .menu-bridge-upper-glint{
    stroke:url(#banatti-menu-bridge-upper-glint);
    stroke-width:1.45px;
    shape-rendering:geometricPrecision;
    opacity:.82;
    filter:drop-shadow(0 0 3px rgba(156,255,84,.20));
  }

  /* Two cowl hangers repeat the approved three-pixel upright language above
     the PORTS rail: quiet dark-green shoulders carrying one raised centre
     highlight. Their flat ends seat directly into the cowl base and rail. */
  .banatti-cowl-uprights-layer .menu-cowl-uprights{
    fill:none;
    vector-effect:non-scaling-stroke;
    stroke-linecap:butt;
    stroke-linejoin:miter;
    shape-rendering:geometricPrecision;
    opacity:1;
  }

  .banatti-cowl-uprights-layer .menu-cowl-uprights-shoulders{
    stroke:var(--banatti-frame-menu-inner-solid);
    stroke-width:5.5px;
    filter:drop-shadow(0 0 2px rgba(82,160,4,.07));
  }

  .banatti-cowl-uprights-layer .menu-cowl-uprights-middle{
    stroke:var(--banatti-frame-menu-outer-solid);
    stroke-width:3.3px;
    opacity:.92;
  }

  .banatti-cowl-uprights-layer .menu-cowl-uprights-spines{
    stroke:var(--banatti-frame-upright-spine-solid);
    stroke-width:1.1px;
    opacity:.72;
    filter:drop-shadow(0 0 1px rgba(183,240,118,.06));
  }

  /* A short top shadow lays over each green stem.  It is darkest at the
     cowl seam and dissolves before the PORT face, creating the impression
     that every line emerges from behind the pod rather than sitting on it. */
  .banatti-cowl-uprights-layer .menu-cowl-uprights-emergence-shadow{
    stroke:url(#banatti-cowl-upright-emergence-shadow);
    stroke-width:5.5px;
    opacity:1;
    filter:blur(.55px) drop-shadow(0 1.5px 1.5px rgba(0,0,0,.24));
  }

  .banatti-system-frame-menu-bridge .menu-bridge-left-reveal,
  .banatti-system-frame-menu-bridge .menu-bridge-right-reveal{
    fill:none;
    stroke:url(#banatti-menu-bridge-right-reveal);
    stroke-width:1.35px;
    stroke-linecap:round;
    stroke-linejoin:round;
    vector-effect:non-scaling-stroke;
    filter:drop-shadow(0 0 3px rgba(117,230,13,.24));
    opacity:.6;
  }

  .banatti-system-frame .system-frame-wash,
  .banatti-system-frame .system-frame-bloom{
    stroke:none;
  }

  .banatti-system-frame-viewer .system-frame-wash,
  .banatti-system-frame-viewer .system-frame-bloom{
    opacity:.44;
  }

  .banatti-system-frame .system-frame-shadow-far,
  .banatti-system-frame .system-frame-shadow-near,
  .banatti-system-frame .system-frame-atmosphere,
  .banatti-system-frame .system-frame-offset-ghost,
  .banatti-system-frame .system-frame-inner-contour,
  .banatti-system-frame .system-frame-main{
    fill:none;
    vector-effect:non-scaling-stroke;
  }

  .banatti-system-frame .system-frame-shadow-far,
  .banatti-system-frame .system-frame-shadow-near,
  .banatti-system-frame .system-frame-offset-ghost,
  .banatti-system-frame .system-frame-inner-contour,
  .banatti-system-frame .system-frame-main{
    stroke-width:1.15px;
  }

  .banatti-system-frame .system-frame-atmosphere{
    stroke-width:2.2px;
    filter:blur(7px);
  }

  .banatti-system-frame-header .system-frame-shadow-far{stroke:rgba(82,160,4,.08);}
  .banatti-system-frame-header .system-frame-shadow-near{stroke:rgba(82,160,4,.09);}
  .banatti-system-frame-header .system-frame-atmosphere{stroke:rgba(82,160,4,.18);}
  .banatti-system-frame-header .system-frame-offset-ghost{opacity:0;}
  .banatti-system-frame-header .system-frame-inner-contour{stroke:var(--banatti-frame-header-inner-solid);}
  .banatti-system-frame-header .system-frame-main{
    stroke:var(--banatti-frame-header-outer-solid);
    stroke-width:1.2px;
  }

  .banatti-system-frame-header .system-frame-header-cowl{
    fill:none;
    vector-effect:non-scaling-stroke;
    stroke-linecap:round;
    pointer-events:none;
  }

  .banatti-system-frame-header .system-frame-header-cowl-glow{
    stroke-width:1px;
    opacity:.65;
    filter:blur(1px);
  }

  .banatti-system-frame-header .system-frame-header-cowl-main{
    stroke-width:1.62px;
    filter:drop-shadow(0 0 2px rgba(225,255,203,.68)) drop-shadow(0 1px 6px rgba(117,230,13,.50));
  }

  /* The inner upper and lower rails sit after the opaque black faces in the
     SVG paint order, so their light remains cleanly in front of the cowl. */
  .banatti-system-frame-header .system-frame-header-inner-rail{
    fill:none;
    vector-effect:non-scaling-stroke;
    stroke-linecap:round;
    pointer-events:none;
  }

  .banatti-system-frame-header .system-frame-header-inner-rail-glow{
    stroke-width:6px;
    opacity:.38;
    filter:blur(4px);
  }

  .banatti-system-frame-header .system-frame-header-inner-rail-main{
    stroke-width:1.1px;
    opacity:.78;
    filter:drop-shadow(0 0 3px rgba(117,230,13,.28));
  }

  .banatti-system-frame-viewer .system-frame-shadow-far{stroke:rgba(82,160,4,.04);}
  .banatti-system-frame-viewer .system-frame-shadow-near{stroke:rgba(82,160,4,.08);}
  .banatti-system-frame-viewer .system-frame-atmosphere{stroke:rgba(82,160,4,.10);}
  .banatti-system-frame-viewer .system-frame-offset-ghost{stroke:rgba(82,160,4,.20);}
  .banatti-system-frame-viewer .system-frame-viewer-cowl,
  .banatti-system-frame-viewer .system-frame-viewer-cowl-shade{
    stroke:none;
    pointer-events:none;
  }
  .banatti-system-frame-viewer .system-frame-inner-contour{stroke:var(--banatti-frame-viewer-inner-solid);}
  .banatti-system-frame-viewer .system-frame-main{
    stroke:var(--banatti-frame-viewer-outer-solid);
    /* FINESSE 23 — one restrained gain so the cowl remains continuous at
       the 67% presentation scale without becoming a heavy outline. */
    stroke-width:1.42px;
    shape-rendering:geometricPrecision;
  }

  /* A single Kármán-like glint crowns the viewing glass: brightest only at
     centre, carried through both shoulders, then dissolved on the returns. */
  .banatti-system-frame-viewer .system-frame-viewer-crown{
    fill:none;
    stroke-width:1.64px;
    stroke-linecap:round;
    stroke-linejoin:round;
    vector-effect:non-scaling-stroke;
    opacity:.88;
    shape-rendering:geometricPrecision;
    filter:drop-shadow(0 -1px 4px rgba(117,230,13,.22));
    pointer-events:none;
  }

  .banatti-system-frame .system-frame-node{
    vector-effect:non-scaling-stroke;
    fill:rgba(82,160,4,.20);
    stroke:rgba(82,160,4,.34);
    stroke-width:1px;
    filter:drop-shadow(0 0 5px rgba(82,160,4,.15));
  }

  /* Two soft teardrop signals ride the actual contours. Their light swells
     at the nose and dissolves into the rail behind them—never a hard dash. */
  .banatti-system-frame .system-frame-motion-guide{
    fill:none;
    stroke:none;
  }

  .banatti-system-frame .system-frame-signal{
    pointer-events:none;
    mix-blend-mode:screen;
  }

  .banatti-system-frame .system-frame-signal-haze{opacity:.78;}
  .banatti-system-frame .system-frame-signal-core{opacity:.46;}
  .banatti-system-frame .system-frame-signal-head-haze{opacity:.58;}
  .banatti-system-frame .system-frame-signal-head{opacity:.78;}
  /* The four signals do not march in uniform light. Their intensities are
     deliberately stepped: 20%, 30% and 40% quieter than full brilliance. */
  .banatti-system-frame-viewer .system-frame-signal-outer{opacity:.56;}
  .banatti-system-frame-viewer .system-frame-signal-inner{opacity:.48;}
  .banatti-system-frame-header .system-frame-signal-outer{opacity:.64;}
  .banatti-system-frame-header .system-frame-signal-inner{opacity:.48;}

  .banatti-system-frame-header{
    z-index:3;
    mix-blend-mode:normal;
  }

  .banatti-system-frame-header .system-frame-face{
    stroke:none;
    opacity:1;
  }

  .banatti-system-frame-header .system-frame-inner-face{
    fill:#020302;
    stroke:none;
    opacity:1;
  }

  /* The header now has one face and two drawn contours. Retire the former
     washes, bloom passes, offset shadows and extra crown highlight. */
  .banatti-system-frame-header :is(
    .system-frame-wash,
    .system-frame-bloom,
    .system-frame-shadow-far,
    .system-frame-shadow-near,
    .system-frame-atmosphere,
    .system-frame-offset-ghost
  ){
    display:none;
  }

  .header-top::before{
    border-color:transparent !important;
    background:none !important;
    box-shadow:none !important;
    opacity:0 !important;
  }

  /* The drawn cowl itself is now the only header body. Retire the older
     inset capsule, whose lower edge was reading as a stray third contour. */
  .header-top::after{
    border-color:transparent !important;
    background:none !important;
    box-shadow:none !important;
    opacity:0 !important;
    z-index:0 !important;
  }

  :is(#p1,#p2,#p3,#p5,#p6,#p7) .master-screen > .banatti-system-frame-viewer{
    z-index:8;
  }

  :is(#p1,#p2,#p3,#p5,#p6,#p7) .master-screen > :is(.golden-box,.bay-golden){
    --banatti-viewer-side-bezel:6px;
    --banatti-viewer-top-bezel:10px;
    --banatti-viewer-bottom-bezel:10px;
    aspect-ratio:1.63524 / 1 !important;
    overflow:hidden !important;
    border-color:transparent !important;
    border-radius:0 !important;
    /* The picture lives only inside the inner contour.  The revealed space
       between the two contours is one restrained proscenium: instrument
       black above and below, with the header's 60% grey on the returns. */
    background:
      linear-gradient(#020302,#020302) top / 100% var(--banatti-viewer-top-bezel) no-repeat,
      linear-gradient(#020302,#020302) bottom / 100% var(--banatti-viewer-bottom-bezel) no-repeat,
      linear-gradient(90deg,
        rgba(76,76,76,.60) 0 var(--banatti-viewer-side-bezel),
        transparent var(--banatti-viewer-side-bezel) calc(100% - var(--banatti-viewer-side-bezel)),
        rgba(76,76,76,.60) calc(100% - var(--banatti-viewer-side-bezel)) 100%) !important;
    box-shadow:none !important;
  }

  :is(#p1,#p2,#p3,#p5,#p6,#p7) .master-screen > :is(.golden-box,.bay-golden)::before,
  :is(#p1,#p2,#p3,#p5,#p6,#p7) .master-screen > :is(.golden-box,.bay-golden)::after{
    border-color:transparent !important;
    border-radius:0 !important;
    background:none !important;
    box-shadow:none !important;
  }

  :is(#p1,#p2,#p3,#p5,#p6,#p7) .master-screen > :is(.golden-box,.bay-golden) > :is(.reel-stage,.section-screen-slide,.bay-view-media,.bay-view-writ){
    inset:var(--banatti-viewer-top-bezel) var(--banatti-viewer-side-bezel) var(--banatti-viewer-bottom-bezel) !important;
    width:calc(100% - (var(--banatti-viewer-side-bezel) * 2)) !important;
    height:calc(100% - var(--banatti-viewer-top-bezel) - var(--banatti-viewer-bottom-bezel)) !important;
    border-radius:0 !important;
  }

  /* The former straight-edged electron tracks are retired here. Their
     motion has been transferred to the two live system contours above. */
  :is(#p1,#p2,#p3,#p5,#p6,#p7) .master-screen > :is(.golden-box,.bay-golden) > .gb-corner{
    display:none !important;
    animation:none !important;
  }

  :is(#p1,#p2,#p3,#p5,#p6,#p7) .master-screen > .view-rail{
    border-color:transparent !important;
    border-top-color:#448504 !important;
    box-shadow:
      0 0 22px rgba(82,160,4,.08),
      inset 0 0 0 1px rgba(82,160,4,.10);
    border-radius:0 !important;
  }

  :is(#p1,#p2,#p3,#p5,#p6,#p7) .master-screen > .view-rail::after{
    border-color:transparent !important;
    border-radius:0 !important;
  }

  /* FINAL/S 95 — SELECTOR DISTILLATION.
     The outer lens and its information remain. The old rectangular cradle,
     terminal ticks and nested button boxes are retired. */
  body:not(.verticale-edition) .page .portal-shell::before,
  body:not(.verticale-edition) .page .portal-shell::after{
    display:none !important;
  }

  body:not(.verticale-edition) .page .portal-status .portal-nav,
  body:not(.verticale-edition) #p5.page .showroom-nav .snav-arrow{
    border-color:transparent !important;
    background:none !important;
    box-shadow:none !important;
  }

  body:not(.verticale-edition) .page .portal-status,
  body:not(.verticale-edition) #p5.page .showroom-nav{
    box-shadow:0 0 20px rgba(82,160,4,.08) !important;
  }

  /* In the full-desktop lens, the brighter drawn bezel is the selector.
     Retire the older, smaller ellipse beneath it in every sector, including
     The Hangar's dedicated selector shell. */
  body.banatti-view-lens-host:not(.verticale-edition) .page .portal-status,
  body.banatti-view-lens-host:not(.verticale-edition) #p5.page .showroom-nav{
    border-color:transparent !important;
    box-shadow:none !important;
  }

  body:not(.verticale-edition) .page .portal-status .portal-nav::before,
  body:not(.verticale-edition) .page .portal-status .portal-nav::after,
  body:not(.verticale-edition) #p5.page .showroom-nav .snav-arrow::before,
  body:not(.verticale-edition) #p5.page .showroom-nav .snav-arrow::after{
    display:none !important;
  }

  body:not(.verticale-edition) .page .portal-status .portal-nav:not(:disabled):hover,
  body:not(.verticale-edition) .page .portal-status .portal-nav:focus-visible,
  body:not(.verticale-edition) #p5.page .showroom-nav .snav-arrow:not(:disabled):hover,
  body:not(.verticale-edition) #p5.page .showroom-nav .snav-arrow:focus-visible{
    color:rgba(255,255,255,.9) !important;
    background:none !important;
    text-shadow:none;
  }

  /* Fit the green MSTR faces to the inner frame: a 5px layout inset on the
     top, bottom and outer ends, with each flat inner edge touching its stalk. */
  body.banatti-view-lens-host:not(.verticale-edition) .page .portal-status,
  body.banatti-view-lens-host:not(.verticale-edition) #p5.page .showroom-nav{
    --banatti-directional-face-scale:1.4;
    --banatti-directional-outer-inset:-1.3px;
    --banatti-directional-wire-offset:200px;
    --banatti-directional-cover-shift:calc(var(--banatti-directional-wire-offset) - 169.79px);
    --banatti-destination-inset:27.457px;
    grid-template-columns:113.333px minmax(0,1fr) 113.333px !important;
    column-gap:54px !important;
  }

  body.banatti-view-lens-host:not(.verticale-edition) .page .portal-status .portal-nav,
  body.banatti-view-lens-host:not(.verticale-edition) #p5.page .showroom-nav .snav-arrow{
    box-sizing:border-box;
    width:125.333px !important;
    min-width:113.333px !important;
    height:48.3px !important;
    min-height:48.3px !important;
    padding:4px 15px 0 !important;
    border:0 !important;
    border-radius:0 !important;
    color:rgba(255,255,255,.9) !important;
    background:transparent !important;
    box-shadow:none !important;
    filter:none;
    text-shadow:0 0 7px rgba(117,230,13,.18);
    transition:transform 70ms cubic-bezier(.2,.72,.22,1),color 55ms ease-out,text-shadow 55ms ease-out !important;
    overflow:visible;
    isolation:isolate;
  }

  /* The arrow marks sit inside the four cut faces. The original BACK/NEXT
     actions remain on their buttons; only their marks are drawn here. */
  body.banatti-view-lens-host:not(.verticale-edition) :is(#p1,#p2,#p3,#p5,#p6,#p7).page .portal-status > .portal-nav .portal-nav-arrow{
    display:block !important;
    position:absolute !important;
    left:0 !important;
    top:0 !important;
    width:113.333px !important;
    height:48.3px !important;
    min-width:0 !important;
    margin:0 !important;
    padding:0 !important;
    overflow:visible !important;
    border:0 !important;
    border-radius:0 !important;
    color:transparent !important;
    font-size:0 !important;
    line-height:0 !important;
    text-shadow:none !important;
    background:transparent !important;
    box-shadow:none !important;
    filter:none !important;
    clip-path:none !important;
    transform:none !important;
    pointer-events:none !important;
  }

  body.banatti-view-lens-host:not(.verticale-edition) :is(#p1,#p2,#p3,#p5,#p6,#p7).page .portal-status > .portal-nav .mstr-directional-marks{
    position:absolute !important;
    inset:0 !important;
    display:block !important;
    width:113.333px !important;
    height:48.3px !important;
    overflow:visible !important;
    pointer-events:none !important;
  }

  body.banatti-view-lens-host:not(.verticale-edition) :is(#p1,#p2,#p3,#p5,#p6,#p7).page .portal-status > .portal-nav .mstr-directional-marks i{
    position:absolute !important;
    display:block !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    box-sizing:border-box !important;
    background:#3d8104 !important;
    box-shadow:none !important;
    filter:drop-shadow(0 0 4px rgba(117,230,13,.28)) !important;
    pointer-events:none !important;
  }

  body.banatti-view-lens-host:not(.verticale-edition) :is(#p1,#p2,#p3,#p5,#p6,#p7).page .portal-status > .portal-nav:not(:disabled):is(.banatti-actuator-hovering-single,.banatti-actuator-pressing-single,.banatti-actuator-engaged-single) .mstr-directional-mark-single,
  body.banatti-view-lens-host:not(.verticale-edition) :is(#p1,#p2,#p3,#p5,#p6,#p7).page .portal-status > .portal-nav:not(:disabled):is(.banatti-actuator-hovering-fast,.banatti-actuator-pressing-fast,.banatti-actuator-engaged-fast) .mstr-directional-mark-double{
    background-image:linear-gradient(100deg,#78bd2b 0%,#8cdc35 34%,#e5ffc0 49%,#8cdc35 64%,#78bd2b 100%) !important;
    background-size:260% 100% !important;
    background-position:130% 0 !important;
    animation:banatGreenFlou .72s linear infinite !important;
    filter:drop-shadow(0 0 5px rgba(117,230,13,.48)) !important;
  }

  body.banatti-view-lens-host:not(.verticale-edition) :is(#p1,#p2,#p3,#p5,#p6,#p7).page .portal-status > .portal-nav .portal-nav-arrow::before,
  body.banatti-view-lens-host:not(.verticale-edition) :is(#p1,#p2,#p3,#p5,#p6,#p7).page .portal-status > .portal-nav .portal-nav-arrow::after{
    content:none !important;
    display:none !important;
  }

  body.banatti-view-lens-host:not(.verticale-edition) :is(#p1,#p2,#p3,#p5,#p6,#p7).page .portal-status > .portal-nav .mstr-directional-mark-single{
    top:15.413px !important;
    width:12.6px !important;
    height:18.2px !important;
    transform:scaleX(1.15) !important;
  }

  body.banatti-view-lens-host:not(.verticale-edition) :is(#p1,#p2,#p3,#p5,#p6,#p7).page .portal-status > .portal-nav .mstr-directional-mark-double{
    top:19.068px !important;
    width:7.26px !important;
    height:10.89px !important;
    transform:scaleX(1.15) !important;
  }

  body.banatti-view-lens-host:not(.verticale-edition) :is(#p1,#p2,#p3,#p5,#p6,#p7).page .portal-status > .portal-nav:first-of-type .mstr-directional-marks .mstr-directional-mark-single{
    left:95.945px !important;
    clip-path:polygon(100% 0,0 50%,100% 100%) !important;
  }

  body.banatti-view-lens-host:not(.verticale-edition) :is(#p1,#p2,#p3,#p5,#p6,#p7).page .portal-status > .portal-nav:last-of-type .mstr-directional-marks .mstr-directional-mark-single{
    left:4.855px !important;
    clip-path:polygon(0 0,100% 50%,0 100%) !important;
  }

  body.banatti-view-lens-host:not(.verticale-edition) :is(#p1,#p2,#p3,#p5,#p6,#p7).page .portal-status > .portal-nav:first-of-type .mstr-directional-marks i{
    transform-origin:right center !important;
  }

  body.banatti-view-lens-host:not(.verticale-edition) :is(#p1,#p2,#p3,#p5,#p6,#p7).page .portal-status > .portal-nav:last-of-type .mstr-directional-marks i{
    transform-origin:left center !important;
  }

  body.banatti-view-lens-host:not(.verticale-edition) :is(#p1,#p2,#p3,#p5,#p6,#p7).page .portal-status > .portal-nav:first-of-type .mstr-directional-marks .mstr-directional-mark-double{
    clip-path:polygon(100% 0,0 50%,100% 100%) !important;
  }

  body.banatti-view-lens-host:not(.verticale-edition) :is(#p1,#p2,#p3,#p5,#p6,#p7).page .portal-status > .portal-nav:last-of-type .mstr-directional-marks .mstr-directional-mark-double{
    clip-path:polygon(0 0,100% 50%,0 100%) !important;
  }

  body.banatti-view-lens-host:not(.verticale-edition) :is(#p1,#p2,#p3,#p5,#p6,#p7).page .portal-status > .portal-nav:first-of-type .mstr-directional-mark-outer-a{left:26.34px !important;}
  body.banatti-view-lens-host:not(.verticale-edition) :is(#p1,#p2,#p3,#p5,#p6,#p7).page .portal-status > .portal-nav:first-of-type .mstr-directional-mark-outer-b{left:37.689px !important;}
  body.banatti-view-lens-host:not(.verticale-edition) :is(#p1,#p2,#p3,#p5,#p6,#p7).page .portal-status > .portal-nav:last-of-type .mstr-directional-mark-outer-a{left:68.351px !important;}
  body.banatti-view-lens-host:not(.verticale-edition) :is(#p1,#p2,#p3,#p5,#p6,#p7).page .portal-status > .portal-nav:last-of-type .mstr-directional-mark-outer-b{left:79.7px !important;}

  /* Port names already identify the destination; keep only the directionals. */
  body.banatti-view-lens-host:not(.verticale-edition) .page .portal-status > .portal-nav > .portal-nav-label{
    display:none !important;
  }

  body.banatti-view-lens-host:not(.verticale-edition) .page .portal-status .portal-nav::before,
  body.banatti-view-lens-host:not(.verticale-edition) #p5.page .showroom-nav .snav-arrow::before{
    content:'' !important;
    display:block !important;
    position:absolute !important;
    inset:-6px !important;
    width:113.333px !important;
    height:60.3px !important;
    border:0 !important;
    border-radius:0 !important;
    background:rgba(117,230,13,.24) !important;
    box-shadow:none !important;
    filter:drop-shadow(0 0 5px rgba(82,160,4,.22));
    opacity:.72 !important;
    transform:none !important;
    pointer-events:none;
    z-index:-2;
    transition:opacity 55ms ease-out,filter 55ms ease-out !important;
  }

  body.banatti-view-lens-host:not(.verticale-edition) .page .portal-status .portal-nav:first-of-type::before,
  body.banatti-view-lens-host:not(.verticale-edition) #p5.page .showroom-nav .snav-arrow:first-of-type::before{
    clip-path:path("M 2 25.65 C 2 17.442 8.208 14.364 40.107 12.312 C 62.667 10.517 94 9.619 125.333 9.619 L 125.333 50.681 C 94 50.681 62.667 49.784 40.107 47.988 C 8.208 45.936 2 42.858 2 34.65 L 2 25.65 Z");
  }

  body.banatti-view-lens-host:not(.verticale-edition) .page .portal-status .portal-nav:last-of-type::before,
  body.banatti-view-lens-host:not(.verticale-edition) #p5.page .showroom-nav .snav-arrow:last-of-type::before{
    clip-path:path("M 0 9.619 C 31.333 9.619 62.667 10.517 85.227 12.312 C 117.125 14.364 123.333 17.442 123.333 25.65 L 123.333 34.65 C 123.333 42.858 117.125 45.936 85.227 47.988 C 62.667 49.784 31.333 50.681 0 50.681 L 0 9.619 Z");
  }

  body.banatti-view-lens-host:not(.verticale-edition) .page .portal-status .portal-nav:first-of-type,
  body.banatti-view-lens-host:not(.verticale-edition) #p5.page .showroom-nav .snav-arrow:first-of-type{
    left:calc(var(--banatti-directional-outer-inset) - 1.291px);
    top:6px;
    transform:scale(var(--banatti-directional-face-scale)) !important;
    transform-origin:2px 50%;
  }

  body.banatti-view-lens-host:not(.verticale-edition) .page .portal-status .portal-nav:last-of-type,
  body.banatti-view-lens-host:not(.verticale-edition) #p5.page .showroom-nav .snav-arrow:last-of-type{
    right:calc(var(--banatti-directional-outer-inset) - 6.085px);
    top:6px;
    transform:scale(var(--banatti-directional-face-scale)) !important;
    transform-origin:calc(100% - 2px) 50%;
  }

  body.banatti-view-lens-host:not(.verticale-edition) .page .portal-status .portal-nav::after,
  body.banatti-view-lens-host:not(.verticale-edition) #p5.page .showroom-nav .snav-arrow::after{
    content:'' !important;
    display:block !important;
    position:absolute !important;
    inset:0 !important;
    width:113.333px !important;
    height:48.3px !important;
    border:0 !important;
    border-radius:0 !important;
    background:
      radial-gradient(ellipse 128% 126% at 50% 2%,rgba(59,83,39,.72) 0%,rgba(26,43,14,.24) 42%,rgba(26,43,14,0) 78%),
      radial-gradient(ellipse 124% 122% at 50% 98%,rgba(1,6,1,.72) 0%,rgba(5,15,2,.26) 42%,rgba(5,15,2,0) 78%),
      linear-gradient(180deg,#23420a 0%,#1b3605 44%,#152d02 100%) !important;
    box-shadow:
      inset 0 1px 0 rgba(215,255,176,.13),
      inset 0 -5px 10px rgba(1,8,0,.34) !important;
    filter:drop-shadow(0 0 3px rgba(82,160,4,.12));
    opacity:1 !important;
    pointer-events:none;
    z-index:-1;
    transition:filter 55ms ease-out,background 55ms ease-out !important;
  }

  body.banatti-view-lens-host:not(.verticale-edition) .page .portal-status .portal-nav:first-of-type::after,
  body.banatti-view-lens-host:not(.verticale-edition) #p5.page .showroom-nav .snav-arrow:first-of-type::after{
    clip-path:path("M 2 20.65 C 2 14.042 6.608 11.564 35.105 9.912 C 56.086 8.467 84.71 7.744 113.333 7.744 L 113.333 40.556 C 84.71 40.556 56.086 39.834 35.105 38.388 C 6.608 36.736 2 34.258 2 27.65 L 2 20.65 Z");
    transform:translateY(.363px) scale(1.189,1.255) !important;
    transform-origin:2px 50%;
    --banatti-directional-cut-center:57.667px;
  }

  body.banatti-view-lens-host:not(.verticale-edition) .page .portal-status .portal-nav:last-of-type::after,
  body.banatti-view-lens-host:not(.verticale-edition) #p5.page .showroom-nav .snav-arrow:last-of-type::after{
    clip-path:path("M 0 7.744 C 28.624 7.744 57.248 8.467 78.228 9.912 C 106.725 11.564 111.333 14.042 111.333 20.65 L 111.333 27.65 C 111.333 34.258 106.725 36.736 78.228 38.388 C 57.248 39.834 28.624 40.556 0 40.556 L 0 7.744 Z");
    transform:translateY(.363px) scale(1.189,1.255) !important;
    transform-origin:111.333px 50%;
    --banatti-directional-cut-center:55.667px;
  }

  /* Split each original face at its own true midpoint. The transparent 3.002px
     source slit reads as 2.5px in the 50% lens after the existing face scales;
     the solid black plate beneath it supplies the clean separation. */
  body.banatti-view-lens-host:not(.verticale-edition) .page .portal-status .portal-nav::after,
  body.banatti-view-lens-host:not(.verticale-edition) #p5.page .showroom-nav .snav-arrow::after{
    -webkit-mask-image:linear-gradient(90deg,
      #000 0,
      #000 calc(var(--banatti-directional-cut-center) - 1.501px),
      transparent calc(var(--banatti-directional-cut-center) - 1.501px),
      transparent calc(var(--banatti-directional-cut-center) + 1.501px),
      #000 calc(var(--banatti-directional-cut-center) + 1.501px),
      #000 100%) !important;
    mask-image:linear-gradient(90deg,
      #000 0,
      #000 calc(var(--banatti-directional-cut-center) - 1.501px),
      transparent calc(var(--banatti-directional-cut-center) - 1.501px),
      transparent calc(var(--banatti-directional-cut-center) + 1.501px),
      #000 calc(var(--banatti-directional-cut-center) + 1.501px),
      #000 100%) !important;
    -webkit-mask-size:100% 100%;
    mask-size:100% 100%;
    -webkit-mask-repeat:no-repeat;
    mask-repeat:no-repeat;
  }

  body.banatti-view-lens-host:not(.verticale-edition) .page .portal-status .portal-nav:focus-visible,
  body.banatti-view-lens-host:not(.verticale-edition) #p5.page .showroom-nav .snav-arrow:focus-visible{
    color:white !important;
    text-shadow:0 0 8px rgba(228,255,199,.34);
  }

  body.banatti-view-lens-host:not(.verticale-edition) .page .portal-status .portal-nav:focus-visible::after,
  body.banatti-view-lens-host:not(.verticale-edition) #p5.page .showroom-nav .snav-arrow:focus-visible::after{
    background:
      radial-gradient(ellipse 128% 126% at 50% 2%,rgba(228,255,199,.42) 0%,rgba(183,240,118,.16) 42%,rgba(117,230,13,0) 78%),
      radial-gradient(ellipse 124% 122% at 50% 98%,rgba(1,8,0,.40) 0%,rgba(3,14,0,.19) 42%,rgba(3,14,0,0) 78%),
      linear-gradient(180deg,rgb(88,169,10) 0%,rgb(72,150,7) 44%,rgb(61,129,4) 100%) !important;
    box-shadow:
      inset 0 2px 4px rgba(225,255,194,.207),
      inset 0 -4px 7px rgba(1,9,0,.196),
      inset 7px 0 10px rgba(2,12,0,.08),
      inset -7px 0 10px rgba(2,12,0,.08),
      0 0 0 1px rgba(117,230,13,.30),
      0 0 11px rgba(82,160,4,.18) !important;
    filter:drop-shadow(0 0 7px rgba(117,230,13,.32));
  }

  body.banatti-view-lens-host:not(.verticale-edition) .page .portal-status .portal-nav:focus-visible::before,
  body.banatti-view-lens-host:not(.verticale-edition) #p5.page .showroom-nav .snav-arrow:focus-visible::before{
    background:rgba(182,255,115,.44) !important;
    filter:drop-shadow(0 0 9px rgba(117,230,13,.38));
    opacity:1 !important;
  }

  body.banatti-view-lens-host:not(.verticale-edition) .page .portal-status .portal-nav:not(:disabled):is(:active,.banatti-actuator-pressing,.banatti-actuator-engaged),
  body.banatti-view-lens-host:not(.verticale-edition) #p5.page .showroom-nav .snav-arrow:not(:disabled):is(:active,.banatti-actuator-engaged){
    transform:translateY(3px) scale(var(--banatti-directional-face-scale)) !important;
  }

  body.banatti-view-lens-host:not(.verticale-edition) .page .portal-status .portal-nav:not(:disabled):is(:active,.banatti-actuator-pressing)::after,
  body.banatti-view-lens-host:not(.verticale-edition) #p5.page .showroom-nav .snav-arrow:not(:disabled):active::after{
    background:
      radial-gradient(ellipse 124% 122% at 50% 2%,rgba(1,8,0,.40) 0%,rgba(3,14,0,.19) 42%,rgba(3,14,0,0) 78%),
      radial-gradient(ellipse 128% 126% at 50% 98%,rgba(228,255,199,.42) 0%,rgba(183,240,118,.16) 42%,rgba(117,230,13,0) 78%),
      linear-gradient(180deg,rgb(88,169,10) 0%,rgb(72,150,7) 44%,rgb(61,129,4) 100%) !important;
    box-shadow:
      inset 0 4px 7px rgba(1,9,0,.196),
      inset 0 -2px 4px rgba(225,255,194,.207),
      inset 7px 0 10px rgba(2,12,0,.08),
      inset -7px 0 10px rgba(2,12,0,.08),
      0 0 0 1px rgba(117,230,13,.30),
      0 0 11px rgba(82,160,4,.18) !important;
    filter:drop-shadow(0 0 8px rgba(117,230,13,.36));
  }

  /* The chosen direction stays pressed while active, but its face sits below
     the Flou arrow in brightness. Keep the moving arrow mark independent. */
  body.banatti-view-lens-host:not(.verticale-edition) .page .portal-status .portal-nav:not(:disabled).banatti-actuator-engaged::after,
  body.banatti-view-lens-host:not(.verticale-edition) #p5.page .showroom-nav .snav-arrow:not(:disabled).banatti-actuator-engaged::after{
    background:
      radial-gradient(ellipse 124% 122% at 50% 2%,rgba(1,8,0,.40) 0%,rgba(3,14,0,.19) 42%,rgba(3,14,0,0) 78%),
      radial-gradient(ellipse 128% 126% at 50% 98%,rgba(228,255,199,.14) 0%,rgba(183,240,118,.07) 42%,rgba(117,230,13,0) 78%),
      linear-gradient(180deg,rgb(54,110,7) 0%,rgb(45,92,5) 44%,rgb(36,74,4) 100%) !important;
    box-shadow:
      inset 0 4px 7px rgba(1,9,0,.196),
      inset 0 -2px 4px rgba(225,255,194,.207),
      inset 7px 0 10px rgba(2,12,0,.08),
      inset -7px 0 10px rgba(2,12,0,.08),
      0 0 0 1px rgba(117,230,13,.17),
      0 0 6px rgba(82,160,4,.08) !important;
    filter:drop-shadow(0 0 4px rgba(117,230,13,.13));
  }

  body.banatti-view-lens-host:not(.verticale-edition) .page .portal-status .portal-nav:not(:disabled):is(:active,.banatti-actuator-pressing,.banatti-actuator-engaged) .portal-nav-arrow::before,
  body.banatti-view-lens-host:not(.verticale-edition) .page .portal-status .portal-nav:not(:disabled):is(:active,.banatti-actuator-pressing,.banatti-actuator-engaged) .portal-nav-arrow::after{
    background:linear-gradient(135deg,#fff 0%,#dfffc1 42%,#8bea2d 100%);
    filter:
      drop-shadow(-.4px -.4px 0 rgba(255,255,255,.46))
      drop-shadow(.8px .9px 0 rgba(17,48,0,.72))
      drop-shadow(0 0 4px rgba(231,255,207,.38));
    opacity:1;
  }

  /* While a menu direction is held, let only its chosen mark carry the same
     moving flou-green light used in the BANAT body copy. */
  body.banatti-view-lens-host:not(.verticale-edition) :is(#p1,#p2,#p3,#p5,#p6,#p7).page .portal-status > .portal-nav:not(:disabled):is(.banatti-actuator-pressing-single,.banatti-actuator-engaged-single) .mstr-directional-mark-single,
  body.banatti-view-lens-host:not(.verticale-edition) :is(#p1,#p2,#p3,#p5,#p6,#p7).page .portal-status > .portal-nav:not(:disabled):is(.banatti-actuator-pressing-fast,.banatti-actuator-engaged-fast) .mstr-directional-mark-double{
    background-image:linear-gradient(100deg,#78bd2b 0%,#8cdc35 34%,#e5ffc0 49%,#8cdc35 64%,#78bd2b 100%) !important;
    background-size:260% 100% !important;
    background-position:130% 0 !important;
    animation:banatGreenFlou .72s linear infinite !important;
    filter:drop-shadow(0 0 5px rgba(117,230,13,.48)) !important;
  }

  body.banatti-view-lens-host:not(.verticale-edition) .page .portal-status .portal-nav:disabled,
  body.banatti-view-lens-host:not(.verticale-edition) #p5.page .showroom-nav .snav-arrow:disabled{
    opacity:.72;
  }

  body.banatti-view-lens-host:not(.verticale-edition) .page .portal-status .portal-nav:disabled::after,
  body.banatti-view-lens-host:not(.verticale-edition) #p5.page .showroom-nav .snav-arrow:disabled::after{
    filter:brightness(.72);
  }

  /* FINAL/S 95 — DIRECTIONAL OPERATING CELLS.
     Each divider sits 7px beyond the inner edge of its directional face,
     matching the 7px moat between the face and the outer selector housing. */
  body.banatti-view-lens-host:not(.verticale-edition) .page .portal-status,
  body.banatti-view-lens-host:not(.verticale-edition) #p5.page .showroom-nav{
    z-index:9;
    --banatti-cell-wire-width:5.5px;
  }

  body.banatti-view-lens-host:not(.verticale-edition) .page .portal-status::before,
  body.banatti-view-lens-host:not(.verticale-edition) .page .portal-status::after,
  body.banatti-view-lens-host:not(.verticale-edition) #p5.page .showroom-nav::before,
  body.banatti-view-lens-host:not(.verticale-edition) #p5.page .showroom-nav::after{
    content:'' !important;
    display:block !important;
    position:absolute !important;
    top:var(--banatti-cell-wire-top,12.744px) !important;
    /* The settled five-and-a-half-pixel body reads as a quietly firmer
       structural stem in the approved 67% workbench view. */
    width:var(--banatti-cell-wire-width) !important;
    height:var(--banatti-cell-wire-height,73.492px) !important;
    /* The lower uprights now speak the same depth language as the cowl:
       dark shoulders, a measured middle green and one quiet raised heart.
       A short black fall at the top lets each stem emerge from behind the
       viewer before becoming fully visible over the directional material. */
    background:
      linear-gradient(180deg,
        rgba(0,0,0,.74) 0,
        rgba(0,0,0,.42) 11.56px,
        rgba(0,0,0,.14) 24.48px,
        rgba(0,0,0,0) 34px) top / 100% 34px no-repeat,
      linear-gradient(90deg,
        var(--banatti-frame-menu-inner-solid) 0 20%,
        rgb(44,86,5) 20% 40%,
        rgb(65,125,8) 40% 60%,
        rgb(44,86,5) 60% 80%,
        var(--banatti-frame-menu-inner-solid) 80% 100%) !important;
    box-shadow:
      0 0 3px rgba(82,160,4,.10),
      inset 0 0 1px rgba(183,240,118,.10) !important;
    opacity:1 !important;
    transform:none !important;
    pointer-events:none !important;
    /* The PORT-change atmosphere may pass beneath this operating wire, never
       over it.  Keep the divider as the crisp foreground registration mark. */
    z-index:7 !important;
  }

  body.banatti-view-lens-host:not(.verticale-edition) .page .portal-status::before,
  body.banatti-view-lens-host:not(.verticale-edition) #p5.page .showroom-nav::before{
    left:calc(var(--banatti-directional-wire-offset) - 2.25px) !important;
    right:auto !important;
  }

  body.banatti-view-lens-host:not(.verticale-edition) .page .portal-status::after,
  body.banatti-view-lens-host:not(.verticale-edition) #p5.page .showroom-nav::after{
    left:auto !important;
    right:calc(var(--banatti-directional-wire-offset) - 2.25px) !important;
  }

  /* FINAL/S 96.2 — SOLID FRAMEWORK.
     MAPOLOGIQUE' may illuminate the atmosphere around the instrument, but it
     can no longer mix through the chassis itself. The matched solid colours
     preserve the approved apparent brightness; only the surrounding halo
     remains translucent. */
  body.banatti-view-lens-host:not(.verticale-edition) .banatti-selector-outline-overlay{
    opacity:1 !important;
    mix-blend-mode:normal !important;
  }

  body.banatti-view-lens-host:not(.verticale-edition) .banatti-selector-outline-overlay path:nth-of-type(1){
    stroke:var(--banatti-frame-selector-outer-solid) !important;
  }

  body.banatti-view-lens-host:not(.verticale-edition) .banatti-selector-outline-overlay path:nth-of-type(2){
    stroke:var(--banatti-frame-selector-inner-solid) !important;
  }

  /* One bezel only: every PORT carries an exact copy of the clicked BANAT
     bezel. There is no passive bezel or differently coloured layer below it. */
  body.banatti-view-lens-host:not(.verticale-edition) .banatti-menu-bezel-actuator{
    opacity:1 !important;
    mix-blend-mode:normal !important;
  }

  body.banatti-view-lens-host:not(.verticale-edition) .banatti-menu-bezel-actuator > svg:not(.banatti-port-section-outline) > path:nth-of-type(1){
    stroke:var(--banatti-frame-menu-engaged-outer-solid) !important;
  }

  body.banatti-view-lens-host:not(.verticale-edition) .banatti-menu-bezel-actuator > svg:not(.banatti-port-section-outline) > path:nth-of-type(2){
    stroke:var(--banatti-frame-menu-engaged-inner-solid) !important;
  }

  /* LOCKED OUTER SELECTOR BACKING — keep a solid black plate beneath only the
     left BACK and right NEXT faces in every port, including The Hangar. */
  body.banatti-view-lens-host:not(.verticale-edition) .page .portal-status .portal-nav:first-of-type::before,
  body.banatti-view-lens-host:not(.verticale-edition) .page .portal-status .portal-nav:last-of-type::before,
  body.banatti-view-lens-host:not(.verticale-edition) #p5.page .showroom-nav .snav-arrow:first-of-type::before,
  body.banatti-view-lens-host:not(.verticale-edition) #p5.page .showroom-nav .snav-arrow:last-of-type::before{
    display:block !important;
    background:#000000 !important;
    box-shadow:none !important;
    filter:none !important;
    opacity:1 !important;
  }

}

@media (max-width:860px){
  .ports-menu-notation,
  .banatti-site-black-surface{display:none !important;}
}

/* WINDOW TO THE WORLD BLK BKG — adjustable black glass inside the fixed
   viewer contour. The master starts clear; the phone comparison dials it in. */
#p1 .portal-shell > .golden-box.is-reel > .window-to-the-world-blk-bkg{
  position:absolute !important;
  inset:0 !important;
  z-index:70 !important;
  display:block !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  background:#000 !important;
  opacity:var(--window-to-the-world-blk-bkg-opacity,0);
  pointer-events:none !important;
}

/* Shared directional focus: pointer clicks release visually; keyboard users retain a clear guide. */
body:not(.verticale-edition) .page .banatti-journey-selector > .portal-nav:focus:not(:focus-visible){outline:none;}
body:not(.verticale-edition) .page .banatti-journey-selector > .portal-nav:focus-visible{
  outline:2px solid #75e60d;
  outline-offset:3px;
}

/* Append to the shared native chrome stylesheet, after existing selector rules. */
@media(min-width:861px){
  body:not(.verticale-edition) .page .banatti-journey-selector > .banatti-gap-copyright{
    position:absolute;
    left:50%;
    top:var(--banatti-copyright-gap-y,0px);
    transform:translate(-50%,-50%);
    display:block;
    width:max-content;
    max-width:calc(100% - var(--banatti-directional-wire-offset,169.79px) - var(--banatti-directional-wire-offset,169.79px) - 24px);
    margin:0;
    padding:0;
    color:var(--green,#52A004);
    font:400 10px/1 'IBM Plex Sans',sans-serif;
    letter-spacing:.04em;
    text-align:center;
    text-transform:none;
    white-space:nowrap;
    text-shadow:none;
    pointer-events:none;
    user-select:none;
    z-index:8;
  }
}