/* ================================================================
   SMK TI Bali Global Badung / Living Backgrounds — Edition 04
   Engineering visual system: navy, blue, brass. No neon/glow overload.
   All decoration is behind the content and ignores pointer events.
   ================================================================ */
.academic-modern .academic-ambient-host {position:relative;isolation:isolate;overflow:hidden;}
.academic-modern .academic-ambient-bg {
  position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;
  contain:paint;user-select:none;
}
.academic-modern .academic-ambient-canvas {position:absolute;inset:0;width:100%;height:100%;display:block;opacity:1;}
.academic-modern #about.academic-ambient-host > .container,
.academic-modern #jurusan.academic-ambient-host > .container,
.academic-modern #Keunggulan.academic-ambient-host > .container,
.academic-modern #line-up.academic-ambient-host > .container,
.academic-modern #schedule.academic-ambient-host > .container,
.academic-modern #kontak .academic-ambient-host > .row,
.academic-modern .academic-bg-radar > .container {position:relative;z-index:3;}
.academic-modern .academic-bg-telemetry > .academic-ambient-bg {z-index:0;}
.academic-modern .academic-bg-telemetry .academic-ambient-canvas {
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.25) 18%,#000 58%);
  mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.25) 18%,#000 58%);
}
.academic-modern .academic-bg-blueprint {background:#fbfdff;}
.academic-modern .academic-bg-blueprint .academic-ambient-canvas {opacity:.92;}
.academic-modern .academic-bg-circuit {background:#f4f7fd;}
.academic-modern .academic-bg-circuit .academic-ambient-canvas {opacity:1;}
.academic-modern .academic-bg-signal {background:#fff;}
.academic-modern .academic-bg-signal .academic-ambient-canvas {opacity:1;}
.academic-modern .academic-bg-constellate {background:#f4f7fd;}
.academic-modern .academic-bg-constellate .academic-ambient-canvas {opacity:.87;}
.academic-modern .academic-bg-timeline {background:#fff;}
.academic-modern .academic-bg-timeline .academic-ambient-canvas {opacity:.97;}
.academic-modern .academic-bg-radar {background:linear-gradient(125deg,#102c55,#153a72 60%,#235ac6);}
.academic-modern .academic-bg-radar > .academic-ambient-bg {z-index:1;}
.academic-modern .academic-bg-radar .academic-ambient-canvas {opacity:1;}
.academic-modern .academic-bg-radar .academic-cta-radar,
.academic-modern .academic-bg-radar .academic-cta-lines,
.academic-modern .academic-bg-radar .academic-cta-dust {z-index:2;}
.academic-modern .academic-bg-topography > .academic-ambient-bg {z-index:0;}
.academic-modern .academic-bg-topography .academic-ambient-canvas {opacity:1;}
.academic-modern #kontak .academic-bg-topography > .row {position:relative;z-index:2;}
.academic-modern .academic-ambient-hud {
  position:absolute;right:clamp(17px,3vw,49px);bottom:clamp(12px,1.9vw,25px);
  display:flex;align-items:center;gap:10px;
  color:rgba(42,79,128,.53);
  font:750 9px/1.4 'Plus Jakarta Sans',sans-serif;
  letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;
  z-index:1;
}
.academic-modern .academic-ambient-beacon {display:block;flex:none;width:5px;height:5px;border-radius:50%;background:#b58a48;box-shadow:0 0 0 3px rgba(181,138,72,.10);}
.academic-modern .academic-bg-radar .academic-ambient-hud {right:25px;bottom:17px;color:rgba(236,243,255,.64);}
.academic-modern .academic-bg-radar .academic-ambient-beacon {background:#d4b780;box-shadow:0 0 0 3px rgba(212,183,128,.17);}
.academic-modern .academic-bg-telemetry .academic-ambient-hud {right:2.6%;bottom:18px;color:rgba(27,72,137,.36);}
.academic-modern .academic-bg-topography .academic-ambient-hud {bottom:9px;right:21px;opacity:.75;}
.academic-modern #about .academic-ambient-hud {right:2.5%;bottom:14px;}
.academic-modern .academic-bg-circuit .academic-ambient-hud {right:clamp(21px,4vw,60px);}
.academic-modern .academic-bg-signal .academic-ambient-hud {right:clamp(21px,4vw,60px);}
.academic-modern .academic-bg-timeline .academic-ambient-hud {bottom:16px;}
.academic-modern .academic-bg-constellate .academic-ambient-hud {bottom:14px;}
/* Content legibility is paramount: light surface shadows on information panels. */
.academic-modern #jurusan .academic-program-card,
.academic-modern #Keunggulan .academic-strength-card {background-color:rgba(255,255,255,.96);}
.academic-modern #line-up .lineup-right-content,
.academic-modern #schedule .schedule-right-content {position:relative;z-index:3;}
@media (max-width:767.98px){
  .academic-modern .academic-ambient-hud {font-size:7px;right:12px;bottom:11px;letter-spacing:.1em;gap:6px;opacity:.75;}
  .academic-modern .academic-bg-telemetry .academic-ambient-hud {bottom:7px;}
  .academic-modern .academic-bg-blueprint .academic-ambient-canvas,
  .academic-modern .academic-bg-constellate .academic-ambient-canvas {opacity:.65;}
  .academic-modern .academic-bg-radar .academic-ambient-hud {right:12px;bottom:8px;}
  .academic-modern .academic-bg-topography .academic-ambient-hud {bottom:4px;right:9px;}
}
@media (prefers-reduced-motion:reduce){
  .academic-modern .academic-ambient-beacon {animation:none!important;}
  .academic-modern .academic-ambient-hud {transform:none!important;}
}