/* Desktop source of truth: display each approved composition as one whole image.
   No cropping, background cover, or duplicated visible HTML layer is allowed. */
.approved-art-master{display:none}

@media (min-width:901px){
  .how-section,
  .approved-intelligence-art,
  .approved-commercial-art,
  .approved-bastidores-art{
    min-height:0!important;
    padding:0!important;
    background:#fff!important;
  }
  .approved-intelligence-art{background:#031328!important}
  .approved-bastidores-art{background:#03152a!important}

  /* Commercial operation: approved office composition with one restrained
     institutional side note replacing the former numeric sidebar. */
  .approved-commercial-art{position:relative;isolation:isolate;background:#07192d!important}
  .approved-commercial-art .approved-art-master{position:relative;z-index:0}
  .commercial-operation-panel{position:absolute;z-index:1;top:15%;right:2.2%;width:13.6%;padding:0 0 0 15px;border-left:2px solid #158fea;color:#edf7ff}
  .commercial-operation-panel>span{display:block;color:#5fbaff;font-size:clamp(7px,.55vw,10px);font-weight:850;letter-spacing:.18em;line-height:1.45;text-transform:uppercase}
  .commercial-operation-panel h2{margin:9px 0 9px;font-size:clamp(16px,1.35vw,25px);line-height:1.04;letter-spacing:-.045em}
  .commercial-operation-panel p{margin:0;color:#c2d8ea;font-size:clamp(8px,.63vw,12px);line-height:1.42}
  .commercial-operation-panel small{display:block;margin-top:17px;padding-top:12px;border-top:1px solid rgba(102,194,255,.35);color:#87bee4;font-size:clamp(6px,.5vw,9px);font-weight:750;letter-spacing:.08em;line-height:1.5;text-transform:uppercase}

  .approved-art-master{
    display:block;
    width:100%;
    margin:0;
    line-height:0;
    opacity:0;
    transform:translateY(15px) scale(1);
    transform-origin:center;
    transition:opacity 1.15s ease,transform 1.35s cubic-bezier(.2,.72,.2,1);
  }
  .approved-art-master img{
    display:block;
    width:100%;
    height:auto;
    object-fit:contain;
  }
  .approved-art-visible .approved-art-master{opacity:1;transform:translateY(0) scale(1.015)}

  /* RF3 Intelligence: an abstract activity layer only; no card, label or skyline is redrawn. */
  .approved-intelligence-art{position:relative;isolation:isolate}
  .approved-intelligence-art .approved-art-master{position:relative;z-index:0}
  .engine-ambient{position:absolute;z-index:1;inset:0;opacity:0;pointer-events:none;transition:opacity .65s ease .42s}
  .approved-art-visible .engine-ambient{opacity:1}
  .engine-ambient svg{display:block;width:100%;height:100%;overflow:visible}
  .engine-flow-line{fill:none;stroke:rgba(101,205,255,.2);stroke-width:2;stroke-linecap:round;stroke-dasharray:4 22;filter:drop-shadow(0 0 4px rgba(41,172,255,.23));animation:engineFlow 5.8s linear infinite}
  .flow-input-two{animation-delay:-1.3s}.flow-output-one{animation-delay:-2.2s}.flow-output-two{animation-delay:-3s}.flow-output-three{animation-delay:-3.8s}.flow-output-four{animation-delay:-4.6s}
  .engine-flow-pulse{fill:#9ce7ff;filter:drop-shadow(0 0 5px rgba(43,183,255,.72));animation:enginePulse 4.8s ease-in-out infinite}
  .pulse-left-two{animation-delay:-.9s}.pulse-right-one{animation-delay:-1.5s}.pulse-right-two{animation-delay:-2.1s}.pulse-right-three{animation-delay:-2.7s}.pulse-right-four{animation-delay:-3.3s}
  .engine-core-aura{position:absolute;left:40.6%;top:16.5%;width:19%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(71,189,255,.17),rgba(34,139,232,.055) 42%,transparent 69%);filter:blur(5px);animation:engineCoreAura 5.2s ease-in-out infinite}
  .engine-graph-spark{position:absolute;left:94.8%;top:41%;width:.55%;aspect-ratio:1;border-radius:50%;background:#bcf2ff;box-shadow:0 0 10px 3px rgba(49,181,255,.55);animation:engineGraphSpark 4.8s ease-in-out infinite}
  @keyframes engineFlow{to{stroke-dashoffset:-104}}
  @keyframes enginePulse{0%,100%{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.24)}}
  @keyframes engineCoreAura{0%,100%{opacity:.38;transform:scale(.96)}50%{opacity:.82;transform:scale(1.02)}}
  @keyframes engineGraphSpark{0%,100%{opacity:.25;transform:translate(-7px,7px)}50%{opacity:1;transform:translate(5px,-8px)}}

  .how-section .how-backdrop,
  .how-section .how-grid,
  .approved-intelligence-art .engine-approved-mobile,
  .approved-intelligence-art .engine-grid-bg,
  .approved-intelligence-art .engine-wrap,
  .approved-commercial-art .commercial-photo-layer,
  .approved-commercial-art .commercial-live-grid,
  .approved-bastidores-art:before,
  .approved-bastidores-art .bastidores-grid{display:none!important}
}

@media (prefers-reduced-motion:reduce){
  .approved-art-master{opacity:1!important;transform:none!important;transition:none!important}
 .engine-ambient{opacity:1!important;transition:none!important}
  .engine-flow-line,.engine-flow-pulse,.engine-core-aura,.engine-graph-spark{animation:none!important}
}

/* Mobile keeps the approved Intelligence artwork as one complete, responsive
   section. The earlier HTML reconstruction is intentionally absent. */
@media (max-width:900px){
  .approved-intelligence-art{
    min-height:0!important;
    padding:0!important;
    background:#031328!important;
  }
  .approved-intelligence-art .approved-art-master{
    display:block;
    width:100%;
    margin:0;
    line-height:0;
    opacity:1;
    transform:none;
  }
  .approved-intelligence-art .approved-art-master img{
    display:block;
    width:100%;
    height:auto;
    object-fit:contain;
  }
  .approved-intelligence-art .engine-ambient{display:none!important}

  .approved-commercial-art{min-height:0!important;padding:0!important;background:#06182d!important}
  .approved-commercial-art .approved-art-master{display:block;width:100%;margin:0;line-height:0;opacity:1;transform:none}
  .approved-commercial-art .approved-art-master img{display:block;width:100%;height:auto;object-fit:contain}
  .approved-commercial-art .commercial-operation-panel{position:relative;top:auto;right:auto;width:auto;margin:0;padding:24px 22px 27px;border:0;border-top:1px solid rgba(93,182,242,.35);background:linear-gradient(135deg,#071d36,#0b3159);color:#edf7ff}
  .commercial-operation-panel>span{font-size:9px;letter-spacing:.18em}.commercial-operation-panel h2{margin:8px 0;font-size:27px}.commercial-operation-panel p{max-width:520px;font-size:14px;line-height:1.5}.commercial-operation-panel small{margin-top:16px;padding-top:12px;font-size:9px;letter-spacing:.09em}
}