/* Public-facing composition only; never style admin descendants here. */
:root { --cinematic-paper:#f7f7f3;--cinematic-ink:#111318; }
[data-theme="dark"] { --cinematic-paper:#080f1d;--cinematic-ink:#f8fafc; }
body:not(.admin-mode-active) { background:var(--cinematic-paper); }
#heroAmbient { position:fixed;inset:0;width:100vw;height:100dvh;transform:none; }
#sceneBackdrop { clip-path:inset(var(--site-header-height,96px) 0 0); }
.home-opening,.hero-content-section,#profil,#divisi,#artikel,#galeri,#faq,#kontak { position:relative;z-index:1; }
.hero-content-section { min-height:calc(100svh - var(--site-header-height,96px));display:grid;align-items:center;padding:48px 0;overflow:clip; }
.hero-content-section::before,.hero-content-section::after { display:none!important; }
.hero-content-section .hero-grid { grid-template-columns:minmax(0,1.65fr) minmax(300px,.85fr);align-items:center;gap:56px; }
.hero-content { position:relative;isolation:isolate; }

.hero-title { max-width:none;font-size:clamp(32px,3.15vw,52px);line-height:1.12;letter-spacing:-.035em;text-wrap:pretty; }
.hero-title .cinematic-lead { display:block;font-size:clamp(48px,5.05vw,78px);line-height:.98;letter-spacing:-.055em;margin-bottom:20px; }
.hero-title .cinematic-tail { display:block;font-size:clamp(24px,2.05vw,34px);line-height:1.25;letter-spacing:-.02em; }
.hero-description { max-width:64ch;font-size:16px;line-height:1.8;margin:26px 0; }
.hero-preview-box { justify-self:end;max-width:420px;min-height:380px;padding:42px 28px;margin:0;background:color-mix(in srgb,var(--bg-card) 88%,transparent);backdrop-filter:blur(18px);border-radius:28px;box-shadow:0 32px 80px rgba(19,46,88,.13);transition:transform .65s cubic-bezier(.22,1,.36,1); }
.hero-preview-logo { width:min(300px,100%);height:auto;max-height:none; }
:root[data-cinematic-lock="true"] .hero-preview-box { transform:none!important; }
.spanduk-container { position:relative;z-index:3;background:var(--cinematic-ink); }
#profil { background:transparent!important; }
:root[data-construction-mode="staged"] [data-build-text="true"][data-build-state="building"] { opacity:1; }
.build-word { transform:translateY(calc((1 - var(--word-alpha,0))*18px)); }
@media(max-width:992px) {
 .hero-content-section { padding:28px 0; }
 .hero-content-section .hero-grid { grid-template-columns:1fr;grid-template-areas:'station' 'copy';gap:32px; }
 .hero-preview-box { grid-area:station;justify-self:center;width:min(360px,100%);min-height:300px;padding:28px; }
 .hero-content { grid-area:copy; }
 .hero-title .cinematic-lead { font-size:clamp(40px,8vw,64px); }
 .hero-title .cinematic-tail { font-size:24px; }
}
@media(prefers-reduced-motion:reduce),(forced-colors:active) {
 .build-word { transform:none;clip-path:none;opacity:1; }
}