/* =====================================================================
   SMK TI Bali Global Badung — Motion Architecture / Edition 03
   8 handcrafted section scenes, no glossy gradients/no random 3D blobs.
   Decorations are non-interactive and never replace semantic content.
   ===================================================================== */
.academic-modern {
  --motion-ink:#16345c;
  --motion-blue:#356ab2;
  --motion-gold:#c49951;
  --motion-line:rgba(39,76,131,.2);
}
.academic-modern section { scroll-margin-top:95px; }
.academic-modern section .section-title { position:relative; }
.academic-modern section .section-title .straight-line-wrapper { transform-origin:left center; }
.academic-modern .academic-hero { isolation:isolate; }
.academic-modern .academic-hero .academic-stats-panel { position:relative; z-index:3; }
.academic-modern .academic-hero-visual { transform-style:preserve-3d; }
.academic-modern .academic-hero .academic-motion-crosshair { will-change:transform; }

/* 01 — About: architectural image brackets + editorial scanning beam */
.academic-modern #about .academic-about-photo { position:relative; isolation:isolate; overflow:hidden; border-radius:22px; }
.academic-modern #about .academic-about-photo > img { display:block; width:100%; position:relative; z-index:1; }
.academic-modern #about .academic-about-tech { position:absolute; inset:8%; z-index:2; pointer-events:none; }
.academic-modern #about .academic-photo-corner { width:38px; height:38px; position:absolute; opacity:.82; border-color:#d5e5fc; border-style:solid; border-width:0; }
.academic-modern #about .academic-photo-tl { top:0;left:0;border-left-width:2px;border-top-width:2px; }
.academic-modern #about .academic-photo-tr { top:0;right:0;border-right-width:2px;border-top-width:2px; }
.academic-modern #about .academic-photo-bl { bottom:0;left:0;border-left-width:2px;border-bottom-width:2px; }
.academic-modern #about .academic-photo-br { bottom:0;right:0;border-right-width:2px;border-bottom-width:2px; }
.academic-modern #about .academic-photo-scan { position:absolute;left:0;right:0;height:1px;top:14%; opacity:0; background:linear-gradient(90deg,transparent,#c7e4ff,#aac8ef,transparent);box-shadow:0 0 15px 2px rgba(70,142,222,.21); }
.academic-modern #about .academic-photo-axis { position:absolute;left:13px;bottom:13px;font-size:10px;font-weight:750;letter-spacing:.2em;color:white;text-shadow:0 1px 6px #0f305c; }
.academic-modern #about .academic-about-details { position:relative; }
.academic-modern #about .academic-about-details::before { content:'';position:absolute;left:-17px;top:0;bottom:0;width:1px;background:var(--motion-line); }
.academic-modern #about .academic-about-details::after { content:'';position:absolute;left:-20px;top:0;width:7px;height:7px;border-radius:50%;background:var(--motion-gold); }

/* 02 — Jurusan: indexed cards + circuit-track edge, no noisy neon */
.academic-modern #jurusan { position:relative; }
.academic-modern #jurusan .academic-program-card { isolation:isolate; position:relative; overflow:hidden; transform-style:preserve-3d; }
.academic-modern #jurusan .academic-program-no { position:absolute;right:25px;top:22px;font:700 12px/1.2 'Plus Jakarta Sans',sans-serif;letter-spacing:.18em;color:#8095b5;opacity:.8; }
.academic-modern #jurusan .academic-program-rule { position:absolute;left:0;top:0;height:2px;width:100%;transform:scaleX(0);transform-origin:left center;background:linear-gradient(90deg,#356ab2,#c49951);pointer-events:none; }
.academic-modern #jurusan .academic-program-node { position:absolute;right:16px;bottom:16px;width:8px;height:8px;border-radius:50%;border:1px solid rgba(40,84,150,.6);background:#f6faff;box-shadow:0 0 0 5px rgba(40,84,150,.04);pointer-events:none; }
.academic-modern #jurusan .academic-program-card .highlights-icon-style-1 { transform-origin:left center; }
.academic-modern #jurusan .academic-program-card:hover .academic-program-no { color:var(--motion-blue); }

/* 03 — Keunggulan: wave of academic signal nodes */
.academic-modern #Keunggulan .academic-strength-card { position:relative;isolation:isolate;overflow:hidden; }
.academic-modern #Keunggulan .academic-strength-id { position:absolute;top:15px;right:18px;font:650 10px/1 'Plus Jakarta Sans',sans-serif;letter-spacing:.1em;color:#8b9cb7; }
.academic-modern #Keunggulan .academic-strength-card .highlights-icon-style-1 { position:relative;z-index:1; }
.academic-modern #Keunggulan .academic-strength-pulse { position:absolute;width:66px;height:66px;left:0;top:50%;transform:translateY(-50%) scale(.9);border:1px solid rgba(57,108,184,.23);border-radius:50%;pointer-events:none;opacity:0; }
.academic-modern #Keunggulan .academic-strength-card::after { content:'';position:absolute;left:20px;bottom:17px;width:21px;height:2px;background:#c3a06a;transform:scaleX(.35);transform-origin:left;opacity:.4;transition:transform .35s ease,opacity .35s ease; }
.academic-modern #Keunggulan .academic-strength-card:hover::after { transform:scaleX(1);opacity:1; }

/* 04 — Prestasi: viewport rules + masked photos + editorial counters */
.academic-modern #line-up { position:relative;overflow:hidden; }
.academic-modern #line-up .lineup-right-content { position:relative; }
.academic-modern #line-up .academic-gallery-rule { position:absolute;left:0;top:-16px;width:100%;height:1px;background:linear-gradient(90deg,rgba(35,76,135,.65),rgba(35,76,135,.08));transform-origin:left center;pointer-events:none; }
.academic-modern #line-up .academic-gallery-photo { isolation:isolate;overflow:hidden; }
.academic-modern #line-up .academic-gallery-photo img { will-change:transform; }
.academic-modern #line-up .academic-gallery-no {position:absolute;bottom:16px;right:17px;z-index:6;background:rgba(11,27,52,.82);border:1px solid rgba(222,231,244,.35);padding:8px 10px;color:#fff;font:700 9px/1.3 'Plus Jakarta Sans',sans-serif;letter-spacing:.12em;backdrop-filter:blur(8px);pointer-events:none; }
.academic-modern #line-up .swiper-button-progress { overflow:hidden; }

/* 05 — PPDB: scrubbed indicator + per-row timeline dots */
.academic-modern #schedule .schedule-tabs { position:relative;isolation:isolate; }
.academic-modern #schedule .academic-schedule-indicator {position:absolute;bottom:-11px;height:3px;left:0;width:36px;border-radius:5px;background:linear-gradient(90deg,#c49951,#356ab2);pointer-events:none;z-index:3; }
.academic-modern #schedule .academic-schedule-step { position:relative; }
.academic-modern #schedule .academic-schedule-step-mark {position:absolute;left:-17px;top:22px;width:6px;height:6px;border:1px solid #4c77b5;border-radius:50%;background:#fff;box-shadow:0 0 0 4px rgba(75,112,180,.08);pointer-events:none; }
.academic-modern #schedule .schedule-right-content { isolation:isolate; }
.academic-modern #schedule .schedule-tabs-content { position:relative; }
.academic-modern #schedule .schedule-tabs-content::before {content:'';position:absolute;top:0;bottom:0;left:-14px;width:1px;background:linear-gradient(#b5cbe8,#eef4fd);pointer-events:none; }

/* 06 — CTA: precision concentric engineering radar and sparse rising traces */
.academic-modern .academic-cta-scene {position:relative;overflow:hidden;isolation:isolate;}
.academic-modern .academic-cta-scene > .container {position:relative;z-index:3;}
.academic-modern .academic-cta-radar { position:absolute;width:min(70vw,720px);aspect-ratio:1;right:-15%;top:50%;transform:translateY(-50%);opacity:.6;pointer-events:none;z-index:1; }
.academic-modern .academic-cta-ring {position:absolute;inset:0;border:1px solid rgba(212,223,247,.14);border-radius:50%;}
.academic-modern .academic-cta-ring-2 {inset:17%;border-style:dashed;border-color:rgba(218,227,248,.18);}
.academic-modern .academic-cta-ring-3 {inset:36%;border-color:rgba(220,229,249,.23);}
.academic-modern .academic-cta-cross {position:absolute;left:50%;top:50%;width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(231,235,246,.2),transparent);transform:translate(-50%,-50%); }
.academic-modern .academic-cta-cross::after {content:'';position:absolute;left:50%;top:-220px;height:440px;width:1px;background:linear-gradient(transparent,rgba(231,235,246,.18),transparent);}
.academic-modern .academic-cta-lines {position:absolute;inset:0;z-index:2;pointer-events:none;}
.academic-modern .academic-cta-line {position:absolute;left:4%;width:92%;height:1px;background:linear-gradient(90deg,transparent,rgba(210,226,247,.23),transparent);transform:scaleX(0);transform-origin:left center;}
.academic-modern .academic-cta-line:nth-child(1){top:20%}
.academic-modern .academic-cta-line:nth-child(2){top:55%}
.academic-modern .academic-cta-line:nth-child(3){top:89%}
.academic-modern .academic-cta-dust {position:absolute;inset:0;pointer-events:none;z-index:2;}
.academic-modern .academic-cta-particle {position:absolute;width:3px;height:3px;background:#bdcce6;opacity:0;left:calc(12% + var(--particle-x, 0%));bottom:0;border-radius:50%;}
.academic-modern .academic-cta-scene .cta-icon a {position:relative;z-index:5;}

/* 07 — Kontak: map reveal/mapping alignment accents */
.academic-modern #kontak .academic-map-frame {position:relative;isolation:isolate;overflow:hidden;border-radius:20px;}
.academic-modern #kontak .academic-map-frame iframe {position:relative;z-index:1;display:block;}
.academic-modern #kontak .academic-map-scanline {position:absolute;left:7%;right:7%;height:1px;top:15%;background:linear-gradient(90deg,transparent,rgba(43,121,217,.58),transparent);box-shadow:0 0 13px rgba(62,133,217,.26);pointer-events:none;z-index:3;opacity:0;}
.academic-modern #kontak .academic-map-badge {position:absolute;z-index:3;top:19px;left:18px;padding:8px 11px;color:#fff;background:rgba(14,34,60,.8);font:700 9px/1.2 'Plus Jakarta Sans',sans-serif;letter-spacing:.13em;backdrop-filter:blur(5px);pointer-events:none;}
.academic-modern #kontak .academic-map-corner {position:absolute;z-index:4;width:25px;height:25px;border-color:#9cc5f0;border-style:solid;border-width:0;pointer-events:none;}
.academic-modern #kontak .academic-map-tl {left:9px;top:9px;border-left-width:2px;border-top-width:2px;}
.academic-modern #kontak .academic-map-tr {right:9px;top:9px;border-right-width:2px;border-top-width:2px;}
.academic-modern #kontak .academic-map-bl {left:9px;bottom:9px;border-left-width:2px;border-bottom-width:2px;}
.academic-modern #kontak .academic-map-br {right:9px;bottom:9px;border-right-width:2px;border-bottom-width:2px;}
.academic-modern #kontak .academic-social-link {display:inline-flex;transform-origin:center;}
.academic-modern #kontak .academic-social-link:hover {color:#356ab2;}

/* 08 — Footer: quiet horizontal scan / closing signature */
.academic-modern .academic-footer-scene {position:relative;}
.academic-modern .academic-footer-trace {position:absolute;top:0;left:5%;width:90%;height:1px;background:linear-gradient(90deg,transparent,#5c80aa,transparent);transform:scaleX(0);transform-origin:left center;pointer-events:none;}

/* Responsive simplifications: expensive transforms & ornamental layers toned down */
@media (max-width:991.98px){
  .academic-modern .academic-cta-radar{right:-40%;width:85vw;}
  .academic-modern #about .academic-about-details::before,
  .academic-modern #about .academic-about-details::after{display:none;}
}
@media (max-width:767.98px){
  .academic-modern #about .academic-about-photo{border-radius:17px;}
  .academic-modern #about .academic-about-tech{inset:10%;}
  .academic-modern #about .academic-photo-axis{font-size:8px;}
  .academic-modern #jurusan .academic-program-no{font-size:10px;}
  .academic-modern #Keunggulan .academic-strength-pulse{display:none;}
  .academic-modern #schedule .academic-schedule-indicator{bottom:-5px;height:2px;}
  .academic-modern #schedule .academic-schedule-step-mark{left:-10px;width:5px;height:5px;}
  .academic-modern #schedule .schedule-tabs-content::before{left:-8px;}
  .academic-modern .academic-cta-radar{width:120vw;right:-65%;opacity:.42;}
  .academic-modern .academic-cta-particle:nth-child(n+7){display:none;}
  .academic-modern #kontak .academic-map-badge{font-size:8px;}
}
@media (prefers-reduced-motion:reduce){
  .academic-modern .academic-photo-scan,
  .academic-modern .academic-map-scanline,
  .academic-modern .academic-cta-particle,
  .academic-modern .academic-strength-pulse{display:none !important;}
  .academic-modern #jurusan .academic-program-rule,
  .academic-modern .academic-footer-trace{transform:scaleX(1)!important;}
}