/* Shared XTI navigation for vetted static demos. Works without JavaScript. */
body[data-xti-demo-mode]{--xti-demo-offset:64px;margin:0;padding-top:var(--xti-demo-offset)!important}
body[data-xti-demo-mode=embedded]{--xti-demo-offset:0px}
.xti-demo-toolbar{box-sizing:border-box;position:fixed;z-index:2147483000;inset:0 0 auto;min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:10px clamp(16px,3vw,40px);background:#17171a;color:#fff;font:14px/1.35 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;box-shadow:0 1px 0 #ffffff1c}
.xti-demo-toolbar *{box-sizing:border-box}
.xti-demo-toolbar a{color:inherit;text-decoration:none}
.xti-demo-toolbar__brand{display:inline-flex;align-items:center;gap:15px;font-size:23px;font-weight:800;letter-spacing:-.05em;min-height:42px}
.xti-demo-toolbar__brand>span{font-size:11px;font-weight:500;letter-spacing:0;color:#d0cadb;border-left:1px solid #5c5666;padding-left:15px}
.xti-demo-toolbar>p{margin:0;display:flex;flex-direction:column;align-items:center;gap:3px;min-width:0}
.xti-demo-toolbar>p strong{font-size:12px;max-width:40vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.xti-demo-toolbar>p span{font-size:10px;color:#c0baca}
.xti-demo-toolbar .xti-demo-toolbar__cta{min-height:42px;display:inline-flex;align-items:center;gap:18px;background:#eee9fa;color:#302445;border-radius:9px;padding:10px 16px;font-size:12px;font-weight:750;white-space:nowrap}
.xti-demo-toolbar a:hover{text-decoration:underline;text-underline-offset:4px}
.xti-demo-toolbar a:focus-visible{outline:3px solid #b6a3ed;outline-offset:3px}
/* Remove the packaged XTI bar; retain each demo's own customer navigation. */
body[data-xti-demo-mode] :is(.vr-demo-bar,.mm-demo,.nd-demo,.kc-demo,#xti-wedding-demo>.demo,.el-demo-bar,.ec-demo-bar,.ek-demo-bar){display:none!important}
body[data-xti-demo-mode] :is(.vr-header,.mm-header,.nd-header,.kc-header,#xti-wedding-demo .nav,.el-header,.ek-header){top:var(--xti-demo-offset)!important}
/* Clip wide decoration without making a second scroll container for sticky headers. */
body[data-xti-demo-mode] :is(#xti-vannro-camping,#xti-mellom-harstudio,#xti-noas-dap,#xti-alexander-konfirmasjon,#xti-wedding-demo,#xti-elveklar-renhold){overflow:visible;overflow:clip}
/* Content must never depend on a reveal observer to become readable. */
body[data-xti-demo-mode] :is(.vr-reveal,.mm-reveal,.nd-reveal,.kc-reveal,.el-reveal,.ek-reveal,.reveal){opacity:1!important;visibility:visible!important;transform:none!important}
@media(max-width:650px){body[data-xti-demo-mode=full]{--xti-demo-offset:58px}.xti-demo-toolbar{min-height:58px;gap:12px;padding:8px 14px}.xti-demo-toolbar>p{display:none}.xti-demo-toolbar__brand{font-size:21px;gap:10px}.xti-demo-toolbar__brand>span{font-size:10px;padding-left:10px}.xti-demo-toolbar .xti-demo-toolbar__cta{font-size:11px;min-height:42px;padding:10px 13px;gap:10px}}
@media(prefers-reduced-motion:reduce){body[data-xti-demo-mode] *,body[data-xti-demo-mode] *::before,body[data-xti-demo-mode] *::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
@media print{.xti-demo-toolbar{display:none!important}body[data-xti-demo-mode]{padding-top:0!important}}
