/* DigiBuild – cinematische opening */
html.dbl-seen .db-logo-intro { display: none !important; }
html.dbl-lock, html.dbl-lock body { overflow: hidden !important; }
html { scrollbar-gutter: stable; }
html.dbl-lock .site-brand img, html.dbl-lock .site-brand .brand-text { visibility: hidden; }

.db-logo-intro { position: fixed; inset: 0; z-index: 99999; background: #f9f8f4; overflow: hidden; cursor: pointer; }
.db-logo-intro canvas { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; }
.db-logo-intro canvas.dbl-2d { pointer-events: none; }
.dbl-flat { position: absolute; opacity: 0; pointer-events: none; }
.dbl-flat svg { display: block; width: 100%; height: 100%; fill: #243f12; }
.dbl-rule { position: absolute; height: 1px; width: 0; background: #8d7827; transform: translateX(-50%); opacity: 0; pointer-events: none; }
.dbl-sub { position: absolute; transform: translateX(-50%); white-space: nowrap; pointer-events: none; opacity: 0;
	font-family: var(--db-font, "Albert Sans", system-ui, sans-serif); font-size: clamp(.95rem, 1.45vw, 1.25rem); font-weight: 400;
	letter-spacing: .04em; color: #141414; text-align: center; }

.dbl-skip { position: absolute; right: 24px; bottom: calc(20px + env(safe-area-inset-bottom, 0px)); background: none; border: 0; font: inherit; font-size: .72rem; letter-spacing: .16em; text-transform: uppercase; color: #141414; opacity: .5; cursor: pointer; padding: 8px; }
.dbl-skip:hover, .dbl-skip:focus-visible { opacity: 1; }

@media (prefers-reduced-motion: reduce) { .db-logo-intro { display: none !important; } }