/* Content has one reveal owner. Layout exists before anything is painted. */
:root[data-reveal-owner="construction"] .reveal { animation:none!important; }
/* Do not let #cookieBanner lend ID specificity to every gated section. */
:root:is([data-construction="pending"],[data-construction="building"]) :where(section[id],.hero-content-section,footer,#cookieBanner,.footer-skip) {
  visibility:hidden;opacity:0;pointer-events:none;
}
:root[data-construction="building"] .home-opening .hero-content-section { visibility:visible;opacity:1;pointer-events:auto; }
:root[data-construction="building"] .hero-preview-box { visibility:visible;opacity:var(--intro-panel,0);transform:none!important; }
:root[data-construction="building"] .hero-preview-logo { opacity:0; }
:root[data-logo-docked="true"] .hero-preview-logo { opacity:1; }
:root[data-construction="building"] #beranda[data-build-piece] { visibility:visible;opacity:var(--build-alpha,0); }
:root[data-construction="building"] [data-build-piece] { opacity:var(--build-alpha,0); }
:root[data-construction="building"] [data-build-piece]:not([data-build-state="ready"]) { pointer-events:none; }
:root[data-construction="building"] :is(.hero-content,.hero-preview-box)>:not([data-build-piece]):not(.hero-preview-logo):not(.hero-liquid-glass-layer) { opacity:0; }
:root[data-construction-mode="staged"] [data-build-state="queued"] { visibility:hidden!important;opacity:0!important;animation:none!important;transition:none!important; }
.build-word { display:inline-block;opacity:var(--word-alpha,0);clip-path:inset(calc((1 - var(--word-alpha,0))*100%) 0 0);transform:translateY(calc((1 - var(--word-alpha,0))*5px)); }
:root[data-construction="ready"] [data-build-state="ready"] { visibility:visible;opacity:1; }
:root[data-construction="ready"] :is(section[id],.hero-content-section,footer,#cookieBanner,.footer-skip) { visibility:visible; }
:root[data-construction-mode="static"] .build-word { opacity:1;clip-path:none;transform:none; }
:root:is([data-construction="pending"],[data-construction="building"]) #sceneBackdrop { z-index:2; }
:root[data-logo-docked="true"] #sceneBackdrop { z-index:0; }
@media (prefers-reduced-motion:reduce),(forced-colors:active) {
  :root:is([data-construction="pending"],[data-construction="building"]) :is(section[id],.hero-content-section,footer,#cookieBanner,.footer-skip) { visibility:visible;opacity:1;pointer-events:auto; }
  .build-word { opacity:1;clip-path:none;transform:none; }
}

:root[data-construction-mode="staged"] [data-build-state="building"] { visibility:visible;opacity:var(--build-alpha,0)!important;animation:none!important;transition:none!important; }
:root[data-construction="ready"][data-construction-mode="staged"] [data-build-state="building"] { transform:translateY(calc((1 - var(--build-alpha,0))*10px)); }
:root[data-motion="paused"] #profil .misi-card { transition:none; }

.gradient-text:has(.build-word) { background-image:none; }
.build-gradient { background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent; }
:root:is([data-construction="pending"],[data-construction="building"]) .hero-content { animation:none!important;transform:none!important;opacity:1!important; }
:root[data-construction="building"] .home-opening .hero-content { opacity:var(--intro-copy,0)!important; }
:root[data-construction] :is(.hero-content-section,#profil,#divisi,#artikel,#galeri,#faq,#kontak,.motion-footer) :is(a,button,input,textarea,select,[tabindex]) { transition-property:color,background-color,border-color,box-shadow,transform,opacity,filter; }