/* SMPTE never crowds the logo on tablet/phone */
@media (max-width:1099px){ .ll-tc, .site-top .top-status{ display:none !important; } }

@media (max-width:900px){
  .top-inner{ min-height:60px !important; gap:10px !important; padding-inline:clamp(14px,4vw,20px) !important; }
  .site-top .brand img{ height:26px !important; }
  .lang-switch{ margin-right:10px !important; gap:0 !important; }
  .lang-switch button{ padding:6px 6px !important; font-size:10px !important; opacity:.55; }
  .lang-switch button[aria-pressed="true"]{ opacity:1; color:#F5F5F5 !important; }

  /* ---- modern menu button: frozen-glass square + spectral ring, hamburger⇄X in place ---- */
  .menu-toggle{
    width:46px !important; height:46px !important; padding:0 !important; gap:0 !important;
    display:inline-flex !important; align-items:center; justify-content:center;
    border-radius:13px !important;
    background:rgba(12,12,16,.55) !important;
    border:1px solid rgba(245,245,245,.14) !important;
    -webkit-backdrop-filter:blur(16px) saturate(1.3); backdrop-filter:blur(16px) saturate(1.3);
    box-shadow:0 6px 20px rgba(0,0,0,.4), inset 0 1px 0 rgba(255,255,255,.08) !important;
    position:relative; overflow:visible; animation:none !important;
    transition:transform .2s var(--ease-out), box-shadow .3s var(--ease-out);
  }
  .menu-toggle:active{ transform:scale(.93); }
  .menu-toggle::after{
    content:""; position:absolute; inset:-1px; border-radius:14px; padding:1.2px;
    left:auto; top:auto; width:auto; height:auto; filter:none;
    background:linear-gradient(135deg, var(--page-a,#00E8FF), var(--page-b,#FC03FB)) !important;
    -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite:xor; mask-composite:exclude;
    opacity:.6 !important; pointer-events:none; animation:none !important;
    transition:opacity .3s var(--ease-out);
  }
  .menu-toggle .menu-icon{ display:block !important; position:relative; width:20px !important; height:14px; background:none !important; }
  .menu-toggle .menu-icon span{
    position:absolute; left:0; height:2px !important; width:20px !important;
    background:#F5F5F5 !important; border-radius:2px; justify-self:auto !important;
    transition:transform .34s var(--ease-out), top .34s var(--ease-out);
  }
  .menu-toggle .menu-icon span:first-child{ top:3px; }
  .menu-toggle .menu-icon span:last-child{ top:9px; }
  .menu-toggle > span[data-i18n]{ display:none !important; }

  body.menu-open .menu-toggle{ border-color:transparent !important; }
  body.menu-open .menu-toggle::after{ opacity:1 !important; }
  body.menu-open .menu-toggle .menu-icon span:first-child{ top:6px; transform:rotate(45deg); }
  body.menu-open .menu-toggle .menu-icon span:last-child{  top:6px; transform:rotate(-45deg); }
}



html.llrz-on [data-llrise]{opacity:0;transform:translateY(30px) rotateX(9deg);transform-origin:50% 120%;transition:opacity .85s var(--ease-out,ease) var(--lld,0s),transform 1.05s var(--ease-out,cubic-bezier(.16,1,.3,1)) var(--lld,0s);will-change:opacity,transform}
html.llrz-on [data-llrise].llrz{opacity:1 !important;transform:none !important}


/* ===== LumiLas — unified button system (Prismatic Field language) ===== */
.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:9px;
  min-height:50px !important; padding:15px 26px !important;
  font-family:var(--font-display) !important; font-size:11px !important; font-weight:400 !important;
  letter-spacing:.1em !important; text-transform:uppercase !important; line-height:1 !important;
  border-radius:11px !important; color:var(--white) !important;
  background:rgba(12,12,16,.5) !important;
  border:1px solid rgba(245,245,245,.14) !important;
  -webkit-backdrop-filter:blur(14px) saturate(1.25); backdrop-filter:blur(14px) saturate(1.25);
  box-shadow:0 6px 22px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.06) !important;
  position:relative; overflow:hidden; isolation:isolate;
  transition:color .35s var(--ease-out), border-color .35s var(--ease-out), box-shadow .35s var(--ease-out), transform .25s var(--ease-out) !important;
}
.btn::before{ /* static spectral hairline ring (page accent) */
  content:""; position:absolute; inset:0; border-radius:inherit; padding:1px; z-index:-1;
  background:linear-gradient(120deg, var(--page-a,var(--spectrum-1)), var(--page-b,var(--spectrum-5))) !important;
  -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite:xor; mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); mask-composite:exclude;
  opacity:.5 !important; animation:none !important; filter:none !important;
  transition:opacity .35s var(--ease-out);
}
.btn::after{ /* spectrum flood on hover */
  content:""; position:absolute; inset:0; border-radius:inherit; z-index:-1;
  background:var(--gradient-spectrum) !important; background-size:240% 100% !important;
  opacity:0; transition:opacity .4s var(--ease-out);
}
.btn:hover, .btn:focus-visible, .btn.h{
  color:#07070b !important; border-color:transparent !important; transform:translateY(-2px);
  box-shadow:0 14px 36px color-mix(in srgb, var(--page-b,var(--spectrum-5)) 24%, rgba(0,0,0,.45)) !important;
}
.btn:hover::after, .btn:focus-visible::after, .btn.h::after{ opacity:1; }
.btn:hover::before, .btn:focus-visible::before, .btn.h::before{ opacity:0; }
.btn:active{ transform:translateY(0) scale(.985); }
.btn:focus-visible{ outline:2px solid color-mix(in srgb,var(--page-a,var(--cyan)) 70%,transparent) !important; outline-offset:3px; }
.btn-ghost{ background:rgba(9,9,13,.42) !important; }
.btn-ghost::before{ opacity:.34 !important; }
.btn-dark{ background:rgba(10,10,14,.5) !important; }
.btn-dark::before{ opacity:.34 !important; }
/* section-redesign ghost CTA (.pdx-cta) adopts the menu font too */
.pdx-cta{ font-family:var(--font-display) !important; font-size:11px !important; font-weight:400 !important; letter-spacing:.1em !important; }
.text-link{
  display:inline-flex; align-items:center; gap:8px !important;
  font-family:var(--font-display) !important; font-size:10px !important; font-weight:400 !important;
  letter-spacing:.1em !important; text-transform:uppercase !important;
  color:var(--page-a,var(--cyan)) !important; position:relative; text-decoration:none;
  transition:color .3s var(--ease-out);
}
.text-link::after{
  content:""; position:absolute; left:0; right:100%; bottom:-4px; height:1.5px;
  background:linear-gradient(90deg, var(--page-a,var(--spectrum-1)), var(--page-b,var(--spectrum-5)));
  transition:right .42s var(--ease-out); opacity:.95;
}
.text-link.h::after, .text-link:hover::after{ right:0; }
.text-link.h, .text-link:hover{ color:var(--white) !important; }
@media (prefers-reduced-motion:reduce){ .btn{ transition:none !important; } .btn:hover{ transform:none !important; } }



			html.llcv-ready .lightbox {
				display: none !important;
			}

			.llcv-viewer {
				--llcv-a: var(--page-a, #00e8ff);
				--llcv-b: var(--page-b, #4fa8ff);
				position: fixed;
				z-index: 920;
				inset: 0;
				height: 100dvh;
				max-height: 100dvh;
				display: grid;
				grid-template-rows: auto minmax(0, 1fr) auto;
				overflow: hidden;
				color: #f6fbff;
				background:
					radial-gradient(circle at 82% 18%, color-mix(in srgb, var(--llcv-b) 14%, transparent), transparent 31%),
					radial-gradient(circle at 14% 86%, color-mix(in srgb, var(--llcv-a) 12%, transparent), transparent 34%),
					#020405;
				visibility: hidden;
				opacity: 0;
				transform: scale(1.012);
				transition: opacity .42s cubic-bezier(.16,1,.3,1), transform .62s cubic-bezier(.16,1,.3,1), visibility 0s linear .62s;
				isolation: isolate;
			}

			.llcv-viewer.is-open {
				visibility: visible;
				opacity: 1;
				transform: none;
				transition: opacity .42s cubic-bezier(.16,1,.3,1), transform .62s cubic-bezier(.16,1,.3,1);
			}

			/* Safari can anchor a fixed descendant to the document rather than the viewport
			 * after a long gallery scroll. The script supplies the current document offset. */
			html.llg-safari .llcv-viewer {
				position: absolute;
				left: 0;
				right: 0;
				bottom: auto;
				width: 100%;
				max-width: none;
				z-index: 2147483000;
				background-color: #020405;
				-webkit-transform: none;
			}

			.llcv-grain,
			.llcv-ambient {
				position: absolute;
				z-index: -2;
				inset: -8%;
				pointer-events: none;
			}

			.llcv-ambient {
				background-position: center;
				background-size: cover;
				filter: blur(86px) saturate(.82) brightness(.46);
				opacity: .27;
				transform: scale(1.08);
				transition: background-image .7s ease, opacity .7s ease;
			}

			.llcv-grain {
				z-index: 10;
				inset: 0;
				opacity: .12;
				background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.86' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.18'/%3E%3C/svg%3E");
				mix-blend-mode: soft-light;
			}

			.llcv-head {
				position: relative;
				z-index: 12;
				display: grid;
				grid-template-columns: minmax(0,1fr) auto;
				align-items: start;
				gap: 24px;
				padding: clamp(18px,2.2vw,34px) clamp(18px,3.6vw,58px) 14px;
				background: linear-gradient(180deg,rgba(1,4,6,.82),rgba(1,4,6,.32));
				-webkit-backdrop-filter: blur(20px);
				backdrop-filter: blur(20px);
			}

			.llcv-head::after {
				content: '';
				position: absolute;
				left: 0;
				right: 0;
				bottom: -1px;
				height: 1px;
				background: linear-gradient(90deg,var(--spectrum-4),var(--spectrum-3),var(--spectrum-2),var(--spectrum-1),var(--spectrum-10),var(--spectrum-9),var(--spectrum-8),var(--spectrum-7),var(--spectrum-6),var(--spectrum-5));
				box-shadow: 0 0 8px rgba(91,211,255,.3);
				pointer-events: none;
			}

			.llcv-kicker,
			.llcv-meta,
			.llcv-count,
			.llcv-mode-label {
				font-family: var(--font-mono, ui-monospace, monospace);
				font-size: 8px;
				font-weight: 500;
				letter-spacing: .15em;
				line-height: 1.35;
				text-transform: uppercase;
			}

			.llcv-kicker {
				margin: 0 0 7px;
				color: var(--llcv-a);
			}

			.llcv-title {
				max-width: 19ch;
				margin: 0;
				font: 400 clamp(26px,3vw,52px)/.95 var(--font-display, sans-serif);
				letter-spacing: -.045em;
				text-wrap: balance;
			}

			.llcv-meta {
				margin: 7px 0 0;
				color: rgba(231,243,249,.52);
			}

			.llcv-actions {
				display: flex;
				align-items: center;
				gap: 9px;
			}

			.llcv-btn {
				position: relative;
				width: 44px;
				height: 44px;
				display: grid;
				padding: 0;
				place-items: center;
				border: 1px solid rgba(128,223,255,.23);
				border-radius: 7px;
				background: rgba(2,8,12,.5);
				color: #f5fbff;
				cursor: pointer;
				-webkit-backdrop-filter: blur(16px);
				backdrop-filter: blur(16px);
				transition: border-color .3s ease, background .3s ease, color .3s ease, transform .45s cubic-bezier(.16,1,.3,1);
			}

			.llcv-btn:hover,
			.llcv-btn:focus-visible {
				border-color: color-mix(in srgb, var(--llcv-a) 72%, transparent);
				background: color-mix(in srgb, var(--llcv-a) 9%, rgba(2,8,12,.72));
				color: var(--llcv-a);
				outline: none;
				transform: translateY(-2px);
			}

			.llcv-icon {
				width: 17px;
				height: 17px;
				fill: none;
				stroke: currentColor;
				stroke-width: 1.4;
				stroke-linecap: round;
				stroke-linejoin: round;
			}

			.llcv-canvas {
				position: relative;
				z-index: 2;
				min-height: 0;
				display: grid;
				place-items: center;
				overflow: hidden;
				padding: clamp(10px,1.6vw,24px) clamp(50px,6vw,104px);
				touch-action: pan-y pinch-zoom;
			}

			.llcv-image-stack {
				position: relative;
				width: 100%;
				height: 100%;
				display: grid;
				place-items: center;
				isolation: isolate;
			}

			.llcv-image {
				position: absolute;
				z-index: 1;
				max-width: 100%;
				max-height: 100%;
				width: auto;
				height: auto;
				object-fit: contain;
				border-radius: 3px;
				box-shadow: 0 30px 90px rgba(0,0,0,.72), 0 0 0 1px rgba(117,228,255,.13), 0 0 90px color-mix(in srgb,var(--llcv-a) 9%,transparent);
				opacity: 0;
				transform: scale(1.022) translateY(5px);
				transition: opacity .46s ease, transform 1.05s cubic-bezier(.16,1,.3,1);
				-webkit-user-select: none;
				user-select: none;
				-webkit-user-drag: none;
			}

			.llcv-image.is-visible {
				z-index: 2;
				opacity: 1;
				transform: none;
			}

			.llcv-loader {
				position: absolute;
				z-index: 5;
				display: grid;
				justify-items: center;
				gap: 14px;
				width: min(84vw,420px);
				opacity: 0;
				transition: opacity .2s ease;
				pointer-events: none;
				color: rgba(245,245,245,.68);
				font: 500 9px/1.55 var(--font-tc,"Martian Mono",monospace);
				letter-spacing: .12em;
				text-align: center;
				text-transform: uppercase;
			}
			.llcv-loader i {
				display: block;
				width: 42px;
				height: 42px;
				border: 1px solid rgba(108,220,255,.16);
				border-top-color: var(--llcv-a);
				border-radius: 50%;
				animation: llcv-spin .85s linear infinite;
			}

			.llcv-viewer.is-loading .llcv-loader { opacity: 1; }

			@keyframes llcv-spin { to { transform: rotate(360deg); } }

			.llcv-edge {
				position: absolute;
				z-index: 8;
				top: 50%;
				transform: translateY(-50%);
			}

			.llcv-prev { left: clamp(8px,1.6vw,24px); }
			.llcv-next { right: clamp(8px,1.6vw,24px); }

			.llcv-watermark {
				position: absolute;
				z-index: 4;
				width: clamp(78px,10vw,164px);
				height: auto;
				opacity: .14;
				filter: drop-shadow(0 0 12px rgba(83,184,255,.18));
				mix-blend-mode: screen;
				pointer-events: none;
				transition: left .7s cubic-bezier(.16,1,.3,1), top .7s cubic-bezier(.16,1,.3,1), opacity .35s ease;
			}

			.llcv-error {
				position: absolute;
				z-index: 9;
				display: none;
				max-width: 300px;
				padding: 18px;
				border: 1px solid rgba(119,226,255,.2);
				border-radius: 7px;
				background: rgba(2,8,12,.82);
				text-align: center;
			}

			.llcv-viewer.has-error .llcv-error { display: grid; gap: 12px; }

			.llcv-dock {
				position: relative;
				z-index: 12;
				display: grid;
				grid-template-columns: auto minmax(0,1fr) auto;
				align-items: center;
				gap: clamp(14px,2vw,28px);
				padding: 12px clamp(18px,3.6vw,58px) clamp(14px,2vw,24px);
				border-top: 1px solid rgba(119,226,255,.14);
				background: linear-gradient(0deg,rgba(1,4,6,.92),rgba(1,4,6,.54));
				-webkit-backdrop-filter: blur(22px);
				backdrop-filter: blur(22px);
			}

			.llcv-count {
				min-width: 72px;
				color: rgba(235,247,251,.72);
			}

			.llcv-count strong { color: #fff; font-weight: 500; }

			.llcv-rail-wrap {
				min-width: 0;
				display: grid;
				gap: 8px;
			}

			.llcv-progress {
				position: relative;
				height: 1px;
				overflow: hidden;
				background: rgba(139,226,255,.15);
			}

			.llcv-progress > i {
				position: absolute;
				inset: 0 auto 0 0;
				width: 0;
				background: linear-gradient(90deg,var(--llcv-a),var(--llcv-b));
				box-shadow: 0 0 12px color-mix(in srgb,var(--llcv-a) 58%,transparent);
				transition: width .55s cubic-bezier(.16,1,.3,1);
			}

			.llcv-rail {
				display: flex;
				gap: 7px;
				overflow-x: auto;
				overflow-y: hidden;
				scrollbar-width: none;
				scroll-snap-type: x proximity;
			}

			.llcv-rail::-webkit-scrollbar { display: none; }

			.llcv-thumb {
				position: relative;
				flex: 0 0 66px;
				width: 66px;
				height: 43px;
				display: block;
				overflow: hidden;
				padding: 0;
				border: 1px solid rgba(132,220,247,.13);
				border-radius: 3px;
				background: rgba(255,255,255,.025);
				opacity: .48;
				cursor: pointer;
				scroll-snap-align: center;
				transition: opacity .3s ease, border-color .3s ease, transform .45s cubic-bezier(.16,1,.3,1);
			}

			.llcv-thumb img {
				width: 100%;
				height: 100%;
				display: block;
				object-fit: cover;
				filter: saturate(.72) brightness(.72);
			}

			.llcv-thumb-placeholder {
				width: 100%;
				height: 100%;
				display: block;
				background:
					linear-gradient(110deg,transparent 24%,rgba(130,225,255,.08) 42%,transparent 62%) 0 0/220% 100%,
					rgba(130,225,255,.025);
				animation: llcv-shimmer 1.45s linear infinite;
			}

			@keyframes llcv-shimmer { to { background-position: -220% 0,0 0; } }

			.llcv-thumb:hover,
			.llcv-thumb:focus-visible,
			.llcv-thumb.is-current {
				opacity: 1;
				border-color: color-mix(in srgb,var(--llcv-a) 72%,transparent);
				outline: none;
				transform: translateY(-2px);
			}

			.llcv-thumb.is-current img { filter: saturate(1) brightness(.92); }

			.llcv-sheet {
				position: absolute;
				z-index: 20;
				inset: 0;
				height: 100%;
				min-height: 0;
				display: grid;
				grid-template-rows: auto minmax(0,1fr);
				overflow: hidden;
				padding: clamp(18px,3vw,46px);
				background: rgba(2,5,7,.94);
				-webkit-backdrop-filter: blur(26px);
				backdrop-filter: blur(26px);
				opacity: 0;
				visibility: hidden;
				transform: translateY(24px);
				transition: opacity .35s ease, transform .55s cubic-bezier(.16,1,.3,1), visibility 0s linear .55s;
			}

			.llcv-viewer.is-sheet .llcv-sheet {
				opacity: 1;
				visibility: visible;
				transform: none;
				transition: opacity .35s ease, transform .55s cubic-bezier(.16,1,.3,1);
			}

			.llcv-sheet-head {
				display: flex;
				align-items: center;
				justify-content: space-between;
				gap: 20px;
				padding-bottom: 20px;
			}

			.llcv-sheet-grid {
				display: grid;
				grid-template-columns: repeat(auto-fill,minmax(150px,1fr));
				gap: 8px;
				min-height: 0;
				overflow-y: auto;
				-webkit-overflow-scrolling: touch;
				touch-action: pan-y;
				overscroll-behavior: contain;
			}

			.llcv-sheet-item {
				position: relative;
				aspect-ratio: 3/2;
				overflow: hidden;
				padding: 0;
				border: 1px solid rgba(120,220,251,.1);
				border-radius: 4px;
				background: rgba(255,255,255,.025);
				cursor: pointer;
			}

			.llcv-sheet-item img {
				width: 100%;
				height: 100%;
				display: block;
				object-fit: cover;
				transition: transform .8s cubic-bezier(.16,1,.3,1), filter .5s ease;
			}

			.llcv-sheet-item:hover img,
			.llcv-sheet-item:focus-visible img {
				transform: scale(1.045);
				filter: brightness(1.1);
			}

			.llcv-sheet-item span {
				position: absolute;
				right: 7px;
				bottom: 6px;
				padding: 3px 5px;
				border-radius: 2px;
				background: rgba(0,0,0,.66);
				font: 500 7px/1 var(--font-mono,monospace);
				letter-spacing: .1em;
			}

			.llcv-live {
				position: fixed;
				width: 1px;
				height: 1px;
				overflow: hidden;
				clip: rect(0 0 0 0);
				white-space: nowrap;
			}

			body.llcv-lock { overflow: hidden !important; }

			@media (max-width: 720px) {
				.llcv-viewer { grid-template-rows: auto minmax(0,1fr) auto; }
				.llcv-head { padding: 15px 14px 11px; }
				.llcv-title { font-size: clamp(22px,7vw,32px); }
				.llcv-meta { margin-top: 5px; font-size: 7px; }
				.llcv-actions { gap: 6px; }
				.llcv-btn { width: 40px; height: 40px; }
				.llcv-canvas { padding: 8px 10px 52px; }
				.llcv-edge { top: auto; bottom: 8px; transform: none; }
				.llcv-prev { left: 14px; }
				.llcv-next { right: 14px; }
				.llcv-dock { grid-template-columns: 1fr auto; gap: 10px; padding: 10px 14px 14px; }
				.llcv-count { grid-column: 1; grid-row: 1; }
				.llcv-rail-wrap { grid-column: 1 / -1; grid-row: 2; }
				.llcv-dock > .llcv-grid-btn { grid-column: 2; grid-row: 1; }
				.llcv-thumb { flex-basis: 58px; width: 58px; height: 38px; }
				.llcv-watermark { opacity: .16; }
				.llcv-sheet { padding: max(14px,env(safe-area-inset-top)) 14px max(14px,env(safe-area-inset-bottom)); }
				.llcv-sheet-head { min-height: 52px; padding-bottom: 12px; }
				.llcv-sheet-grid { grid-template-columns: repeat(2,minmax(0,1fr)); align-content: start; padding-bottom: 12px; }
			}

			@media (prefers-reduced-motion: reduce) {
				.llcv-viewer,
				.llcv-image,
				.llcv-sheet,
				.llcv-thumb,
				.llcv-watermark {
					transition: none !important;
				}
			}

			::view-transition-old(llcv-shared),
			::view-transition-new(llcv-shared) {
				animation-duration: .62s;
				animation-timing-function: cubic-bezier(.16,1,.3,1);
			}
		

    body.lldx-page {
      --lldx-bg: #050505;
      --lldx-surface: #0c0c0c;
      --lldx-ink: #f5f5f5;
      --lldx-muted: #9e9e9e;
      --lldx-magenta: #fc03fb;
      --lldx-violet: #8a7bff;
      --lldx-cyan: #00e8ff;
      --lldx-edge: rgba(252,3,251,.38);
      background: var(--lldx-bg);
    }

    body.lldx-page .elementor-element-2c8168 {
      position: relative;
      isolation: isolate;
      overflow: hidden;
    }

    body.lldx-page .elementor-element-2c8168 > *:not(.lldx-hero-live) {
      position: relative;
      z-index: 3;
    }

    .lldx-hero-live {
      position: absolute;
      inset: 0;
      z-index: 1;
      overflow: hidden;
      pointer-events: none;
      opacity: 0;
      background:
        linear-gradient(90deg, rgba(5,5,5,1) 0%, rgba(5,5,5,.96) 34%, rgba(5,5,5,.5) 58%, rgba(5,5,5,.82) 100%),
        url("https://www.lumilas.hr/wp-content/uploads/2026/07/jakov-jozinovic-zagreb-2026-06-1024x683.jpg") center/cover no-repeat;
      transform: scale(1.025);
    }

    .lldx-hero-live::before {
      content: "";
      position: absolute;
      inset: 0;
      background:
        repeating-linear-gradient(90deg, transparent 0 79px, rgba(252,3,251,.08) 80px),
        repeating-linear-gradient(0deg, transparent 0 79px, rgba(252,3,251,.05) 80px);
      opacity: .32;
    }

    .lldx-hero-scan {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 28%;
      width: 2px;
      background: linear-gradient(180deg, transparent, rgba(245,245,245,.96) 18%, var(--lldx-magenta) 52%, transparent);
      box-shadow: 0 0 22px rgba(252,3,251,.8), 0 0 56px rgba(252,3,251,.32);
      opacity: 0;
      transform: translate3d(-18vw,0,0);
    }

    .lldx-hero-node {
      position: absolute;
      width: 7px;
      height: 7px;
      border: 1px solid rgba(245,245,245,.8);
      border-radius: 50%;
      opacity: 0;
      box-shadow: 0 0 16px var(--lldx-magenta);
    }

    .lldx-hero-node:nth-child(2) { left: 62%; top: 27%; }
    .lldx-hero-node:nth-child(3) { left: 74%; top: 43%; }
    .lldx-hero-node:nth-child(4) { left: 57%; top: 66%; }
    .lldx-hero-node:nth-child(5) { left: 84%; top: 61%; }

    .lldx-hero-running .lldx-hero-live {
      animation: lldxHeroResolve 5.2s cubic-bezier(.16,1,.3,1) both;
    }

    .lldx-hero-running .lldx-hero-scan {
      animation: lldxHeroScan 4.3s cubic-bezier(.45,0,.2,1) .35s both;
    }

    .lldx-hero-running .lldx-hero-node {
      animation: lldxNodeResolve 2.8s cubic-bezier(.16,1,.3,1) both;
    }

    .lldx-hero-running .lldx-hero-node:nth-child(2) { animation-delay: .8s; }
    .lldx-hero-running .lldx-hero-node:nth-child(3) { animation-delay: 1.05s; }
    .lldx-hero-running .lldx-hero-node:nth-child(4) { animation-delay: 1.3s; }
    .lldx-hero-running .lldx-hero-node:nth-child(5) { animation-delay: 1.55s; }

    /* The current full-frame film owns the hero background. Never allow the retired
       scan/live layer to render above it. */
    body.ll-design-hero-film .elementor-element-2c8168 > .lldx-hero-live {
      display: none !important;
      opacity: 0 !important;
      animation: none !important;
      transform: none !important;
    }

    @keyframes lldxHeroResolve {
      0% { opacity: 0; transform: scale(1.025); }
      30% { opacity: .16; }
      62% { opacity: .66; transform: scale(1); }
      100% { opacity: .2; transform: scale(1); }
    }

    @keyframes lldxHeroScan {
      0% { opacity: 0; transform: translate3d(-18vw,0,0); }
      12% { opacity: 1; }
      78% { opacity: .9; }
      100% { opacity: 0; transform: translate3d(58vw,0,0); }
    }

    @keyframes lldxNodeResolve {
      0% { opacity: 0; transform: scale(.3); }
      40% { opacity: 1; transform: scale(1.8); }
      100% { opacity: .35; transform: scale(1); }
    }

    body.lldx-page .elementor-element-70a90e,
    body.lldx-page .elementor-element-115243,
    body.lldx-page .elementor-element-7d9ee6,
    body.lldx-page .elementor-element-40d979 {
      --container-max-width: none;
      padding-inline: 0 !important;
    }

    .lldx-approach {
      position: relative;
      min-height: clamp(680px,92svh,1040px);
      overflow: hidden;
      background: #030304;
      border-top: 1px solid rgba(252,3,251,.28);
      border-bottom: 1px solid rgba(252,3,251,.28);
      isolation: isolate;
    }

    .lldx-approach h2,
    .lldx-process h2,
    .lldx-brief h2 {
      margin: 0;
      color: var(--lldx-ink);
      font-family: Michroma, "Chakra Petch", system-ui, sans-serif;
      font-weight: 400;
      letter-spacing: -.045em;
      line-height: 1.04;
    }

    .lldx-cinema,
    .lldx-cinema-media,
    .lldx-cinema-film {
      position: absolute;
      inset: 0;
    }

    .lldx-cinema {
      background: #030304;
    }

    .lldx-cinema-film {
      z-index: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: 50% 48%;
      opacity: 0;
      filter: contrast(1.08) saturate(.9) brightness(.78);
      transform: scale(1.035);
      transition: opacity 1.15s cubic-bezier(.4,0,.2,1), transform 8s cubic-bezier(.16,1,.3,1);
      will-change: opacity, transform;
      backface-visibility: hidden;
      pointer-events: none;
    }

    .lldx-cinema-film.is-active {
      z-index: 1;
      opacity: 1;
      transform: scale(1);
    }

    .lldx-cinema-film.is-holding {
      animation: lldxCinemaKenBurns 1.9s cubic-bezier(.16,1,.3,1) both;
    }

    @keyframes lldxCinemaKenBurns {
      from { transform: translate3d(0,0,0) scale(1); }
      to { transform: translate3d(-.65%,-.4%,0) scale(1.055); }
    }

    .lldx-dramaturgy {
      overflow: hidden;
      contain: layout paint style;
      isolation: isolate;
      background:
        radial-gradient(ellipse at 72% 38%,rgba(138,123,255,.16),transparent 32%),
        radial-gradient(ellipse at 34% 58%,rgba(252,3,251,.12),transparent 34%),
        #030304;
      filter: none;
    }

    .lldx-dramaturgy::before {
      content: "";
      position: absolute;
      inset: -18%;
      background: conic-gradient(from 210deg at 58% 48%,transparent 0 30%,rgba(252,3,251,.08) 38%,transparent 46% 67%,rgba(138,123,255,.07) 74%,transparent 82%);
      opacity: .7;
      transform: rotate(-5deg) scale(1.08);
      will-change: transform, opacity;
    }

    .lldx-dramaturgy.is-active::before { animation: lldxDramAtmosphere 7.4s cubic-bezier(.16,1,.3,1) both; }

    .lldx-dramaturgy svg {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
    }

    .lldx-dram-grid { opacity: .4; }
    .lldx-dram-score line {
      stroke: rgba(245,245,245,.085);
      stroke-width: 1;
    }
    .lldx-dram-phrases rect {
      fill: rgba(245,245,245,.035);
      stroke: rgba(245,245,245,.16);
      stroke-width: 1;
    }
    .lldx-dram-phrases { opacity: 0; transform-box: fill-box; transform-origin: left center; }
    .lldx-dramaturgy.is-active .lldx-dram-phrases { animation: lldxDramPhrase 7.4s cubic-bezier(.16,1,.3,1) both; }

    .lldx-dram-truss,
    .lldx-dram-stage-ring {
      fill: none;
      stroke: rgba(245,245,245,.24);
      stroke-width: 1.2;
      stroke-dasharray: 14 12;
      opacity: 0;
    }
    .lldx-dramaturgy.is-active .lldx-dram-truss,
    .lldx-dramaturgy.is-active .lldx-dram-stage-ring { animation: lldxDramArchitecture 7.4s cubic-bezier(.16,1,.3,1) both; }

    .lldx-dram-fixtures circle {
      fill: #f5f5f5;
    }
    .lldx-dram-fixtures { opacity: 0; transform-box: fill-box; transform-origin: center; }
    .lldx-dramaturgy.is-active .lldx-dram-fixtures { animation: lldxDramFixture 7.4s ease-in-out both; }

    .lldx-dram-beams path {
      fill: url(#lldxDramBeamGradient);
    }
    .lldx-dram-beams { opacity: 0; transform-box: fill-box; transform-origin: center top; }
    .lldx-dramaturgy.is-active .lldx-dram-beams { animation: lldxDramBeam 7.4s cubic-bezier(.16,1,.3,1) both; }

    .lldx-dram-playhead {
      stroke: #f5f5f5;
      stroke-width: 1.4;
      opacity: 0;
      transform-box: view-box;
      transform-origin: left center;
      will-change: transform, opacity;
    }
    .lldx-dramaturgy.is-active .lldx-dram-playhead { animation: lldxDramPlayhead 7.4s cubic-bezier(.22,.7,.2,1) both; }

    .lldx-dram-cues rect {
      fill: url(#lldxDramGradient);
    }
    .lldx-dram-cues { opacity: 0; transform-box: fill-box; transform-origin: center bottom; }
    .lldx-dramaturgy.is-active .lldx-dram-cues { animation: lldxDramCue 7.4s ease-in-out both; }
    .lldx-dram-beats line {
      stroke: rgba(245,245,245,.12);
      stroke-width: 1;
    }
    .lldx-dram-beats { opacity: .18; }
    .lldx-dramaturgy.is-active .lldx-dram-beats { animation: lldxDramBeatGroup 7.4s ease-in-out both; }

    .lldx-dram-wave-shadow,
    .lldx-dram-wave,
    .lldx-dram-arc {
      fill: none;
      stroke-linecap: round;
      stroke-linejoin: round;
    }
    .lldx-dram-wave-shadow { stroke: rgba(252,3,251,.12); stroke-width: 12; }
    .lldx-dram-wave { stroke: url(#lldxDramGradient); stroke-width: 2.4; stroke-dasharray: 2050; stroke-dashoffset: 2050; filter: url(#lldxDramGlow); }
    .lldx-dram-arc { stroke: rgba(245,245,245,.26); stroke-width: 1.2; stroke-dasharray: 10 13; opacity: 0; }
    .lldx-dramaturgy.is-active .lldx-dram-wave { animation: lldxDramDraw 7.4s cubic-bezier(.16,1,.3,1) both; }
    .lldx-dramaturgy.is-active .lldx-dram-arc { animation: lldxDramArc 7.4s ease-in-out both; }

    .lldx-dram-nodes circle {
      fill: #f5f5f5;
      stroke: var(--lldx-magenta);
      stroke-width: 2;
    }
    .lldx-dram-nodes { opacity: .16; transform-box: fill-box; transform-origin: center; }
    .lldx-dramaturgy.is-active .lldx-dram-nodes { animation: lldxDramNode 7.4s ease-in-out both; }

    .lldx-dram-pulse {
      position: absolute;
      left: 71%;
      top: 26%;
      width: clamp(90px,12vw,210px);
      aspect-ratio: 1;
      border: 1px solid rgba(252,3,251,.35);
      border-radius: 50%;
      opacity: 0;
      background: radial-gradient(circle,rgba(245,245,245,.12),rgba(138,123,255,.06) 34%,transparent 68%);
    }
    .lldx-dramaturgy.is-active .lldx-dram-pulse { animation: lldxDramPulse 7.4s cubic-bezier(.16,1,.3,1) both; }

    @keyframes lldxDramDraw { 0%{stroke-dashoffset:2050;opacity:.12} 18%{opacity:1} 82%,100%{stroke-dashoffset:0;opacity:1} }
    @keyframes lldxDramArc { 0%,16%{opacity:0;stroke-dashoffset:180} 32%,88%{opacity:.72;stroke-dashoffset:0} 100%{opacity:.28} }
    @keyframes lldxDramNode { 0%,12%{opacity:.12;transform:scale(.45)} 22%,76%{opacity:1;transform:scale(1.1)} 100%{opacity:.38;transform:scale(1)} }
    @keyframes lldxDramBeatGroup { 0%,100%{opacity:.12} 44%{opacity:.46} 72%{opacity:.22} }
    @keyframes lldxDramPulse { 0%,38%{opacity:0;transform:scale(.45)} 56%{opacity:.8;transform:scale(1)} 78%{opacity:.26;transform:scale(1.7)} 100%{opacity:0;transform:scale(2.1)} }
    @keyframes lldxDramAtmosphere { 0%{opacity:.2;transform:rotate(-8deg) scale(.92)} 48%{opacity:.82;transform:rotate(-2deg) scale(1.08)} 100%{opacity:.5;transform:rotate(3deg) scale(1.16)} }
    @keyframes lldxDramPhrase { 0%,8%{opacity:0;transform:scaleX(.08)} 22%,82%{opacity:1;transform:scaleX(1)} 100%{opacity:.38;transform:scaleX(1)} }
    @keyframes lldxDramArchitecture { 0%,24%{opacity:0;stroke-dashoffset:180} 48%,88%{opacity:.7;stroke-dashoffset:0} 100%{opacity:.3} }
    @keyframes lldxDramFixture { 0%,34%{opacity:0;transform:scale(.3)} 48%,76%{opacity:1;transform:scale(1.15)} 100%{opacity:.34;transform:scale(1)} }
    @keyframes lldxDramBeam { 0%,38%{opacity:0;transform:scaleY(.03)} 52%,76%{opacity:.4;transform:scaleY(1)} 88%,100%{opacity:.08;transform:scaleY(1)} }
    @keyframes lldxDramPlayhead { 0%,6%{opacity:0;transform:translateX(0)} 12%{opacity:.92} 88%{opacity:.92;transform:translateX(1360px)} 100%{opacity:0;transform:translateX(1420px)} }
    @keyframes lldxDramCue { 0%,18%{opacity:0;transform:scaleY(.05)} 32%,68%{opacity:.82;transform:scaleY(1)} 100%{opacity:.18;transform:scaleY(.45)} }

    .lldx-cinema-shade {
      position: absolute;
      z-index: 2;
      inset: 0;
      background:
        linear-gradient(90deg,rgba(3,3,4,.84) 0%,rgba(3,3,4,.46) 34%,rgba(3,3,4,.04) 66%,rgba(3,3,4,.3) 100%),
        linear-gradient(180deg,rgba(3,3,4,.36),transparent 28%,transparent 54%,rgba(3,3,4,.92) 100%);
      pointer-events: none;
    }

    .lldx-cinema-shade::before {
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(105deg,transparent 48%,rgba(252,3,251,.075) 73%,transparent 86%);
      mix-blend-mode: screen;
      opacity: .65;
    }

    .lldx-cinema-frame {
      position: absolute;
      z-index: 3;
      inset: clamp(22px,3vw,52px);
      border: 1px solid rgba(245,245,245,.11);
      pointer-events: none;
    }

    .lldx-cinema-frame::before {
      content: "";
      position: absolute;
      left: -1px;
      top: -1px;
      height: 2px;
      width: 15%;
      background: var(--lldx-magenta);
      box-shadow: 0 0 16px rgba(252,3,251,.72);
    }

    .lldx-cinema-content {
      position: relative;
      z-index: 4;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      min-height: clamp(680px,92svh,1040px);
      padding: clamp(46px,6.5vw,112px) clamp(34px,8vw,150px) clamp(34px,5vw,74px);
    }

    .lldx-cinema-top {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 28px;
      font-family: "Martian Mono", ui-monospace, monospace;
      font-size: 9px;
      line-height: 1;
      letter-spacing: .18em;
      text-transform: uppercase;
    }

    .lldx-cinema-eye { color: var(--lldx-magenta); }
    .lldx-cinema-mode { color: rgba(245,245,245,.48); }

    .lldx-cinema-copy {
      max-width: min(850px,70vw);
      margin-top: auto;
      padding-bottom: clamp(38px,5vh,70px);
      opacity: 1;
      transform: translate3d(0,0,0);
      transition: opacity .28s ease,transform .42s cubic-bezier(.16,1,.3,1);
    }

    .lldx-cinema-copy.is-changing {
      opacity: 0;
      transform: translate3d(0,12px,0);
    }

    .lldx-approach h2 {
      max-width: 11.5ch;
      font-size: clamp(42px,6.2vw,104px);
      text-shadow: 0 12px 44px rgba(0,0,0,.72);
    }

    .lldx-approach h2 span { display: block; }
    .lldx-approach h2 span:last-child {
      color: rgba(245,245,245,.78);
    }

    .lldx-approach-lede {
      max-width: 61ch;
      margin: clamp(20px,2vw,30px) 0 0;
      color: rgba(245,245,245,.72);
      font-family: "Chakra Petch", system-ui, sans-serif;
      font-size: clamp(15px,1.15vw,19px);
      line-height: 1.62;
      text-shadow: 0 4px 22px rgba(0,0,0,.92);
    }

    .lldx-cinema-rail {
      display: grid;
      grid-template-columns: repeat(3,minmax(0,1fr));
      border-top: 1px solid rgba(245,245,245,.16);
    }

    .lldx-cinema-step {
      position: relative;
      min-width: 0;
      padding: 18px 18px 4px 0;
      border: 0;
      color: rgba(245,245,245,.42);
      background: transparent;
      text-align: left;
      cursor: pointer;
      transition: color .45s ease;
    }

    .lldx-cinema-step + .lldx-cinema-step { padding-left: 20px; border-left: 1px solid rgba(245,245,245,.09); }
    .lldx-cinema-step span,
    .lldx-cinema-step strong { display: block; }
    .lldx-cinema-step span {
      margin-bottom: 7px;
      font-family: "Martian Mono", ui-monospace, monospace;
      font-size: 8px;
      letter-spacing: .14em;
      text-transform: uppercase;
    }
    .lldx-cinema-step strong {
      font-family: "Chakra Petch", system-ui, sans-serif;
      font-size: clamp(13px,1vw,16px);
      font-weight: 400;
      line-height: 1.2;
    }
    .lldx-cinema-step::after {
      content: "";
      position: absolute;
      left: 0;
      right: 18px;
      top: -1px;
      height: 1px;
      background: var(--lldx-magenta);
      box-shadow: 0 0 10px rgba(252,3,251,.7);
      opacity: 0;
      transform: scaleX(0);
      transform-origin: left;
      transition: opacity .4s ease,transform .55s cubic-bezier(.16,1,.3,1);
    }
    .lldx-cinema-step.is-active { color: #f5f5f5; }
    .lldx-cinema-step.is-active::after { opacity: 1; transform: scaleX(1); }

    /* Jelena Rozga design dossier — stable before/after scan system. */
    .lldx-approach {
      min-height: auto;
      padding: clamp(18px,2.4vw,42px);
      background:
        radial-gradient(circle at 74% 18%,rgba(56,207,229,.075),transparent 30%),
        radial-gradient(circle at 16% 78%,rgba(252,3,251,.075),transparent 34%),
        #030304;
    }

    .lldx-cinema {
      position: relative;
      inset: auto;
      display: grid;
      grid-template-rows: clamp(430px,58svh,620px) auto;
      width: min(100%,1720px);
      min-height: 0;
      margin: 0 auto;
      overflow: hidden;
      border: 1px solid rgba(245,245,245,.13);
      border-radius: clamp(12px,1.25vw,22px);
      box-shadow: 0 34px 110px rgba(0,0,0,.58),inset 0 0 0 1px rgba(255,255,255,.025);
    }

    .lldx-cinema-media {
      position: relative;
      inset: auto;
      grid-row: 1;
      min-width: 0;
      min-height: 0;
      overflow: hidden;
    }

    .lldx-compare-scene {
      position: absolute;
      z-index: 0;
      inset: 0;
      overflow: hidden;
      background: #020304;
      clip-path: inset(0 100% 0 0);
      pointer-events: none;
    }

    .lldx-compare-scene.is-active {
      z-index: 1;
      animation: lldxCompareSceneIn .82s cubic-bezier(.76,0,.24,1) both;
    }

    .lldx-compare-before,
    .lldx-compare-after,
    .lldx-compare-before img,
    .lldx-compare-after img {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
    }

    .lldx-compare-before img,
    .lldx-compare-after img {
      object-fit: cover;
      object-position: center;
      filter: contrast(1.05) saturate(.92) brightness(.68);
      transform: translateZ(0);
    }

    .lldx-compare-before::after,
    .lldx-compare-after::after {
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(90deg,rgba(2,3,4,.54),rgba(2,3,4,.08) 56%,rgba(2,3,4,.24));
    }

    .lldx-compare-after {
      z-index: 2;
      overflow: hidden;
      clip-path: inset(0 100% 0 0);
    }

    .lldx-compare-scene.is-active .lldx-compare-after {
      animation: lldxCompareReveal 7.2s cubic-bezier(.68,0,.22,1) both;
    }

    .lldx-compare-divider {
      position: absolute;
      z-index: 4;
      top: 0;
      bottom: 0;
      left: 0;
      width: 1px;
      background: rgba(241,253,255,.96);
      box-shadow: 0 0 7px rgba(240,253,255,.92),0 0 24px rgba(52,218,231,.48);
    }

    .lldx-compare-divider::before {
      content: "";
      position: absolute;
      top: 50%;
      left: 50%;
      width: 30px;
      height: 56px;
      border: 1px solid rgba(245,245,245,.52);
      border-radius: 999px;
      background: rgba(3,4,6,.76);
      box-shadow: 0 10px 32px rgba(0,0,0,.46),inset 0 0 18px rgba(78,220,234,.12);
      transform: translate(-50%,-50%);
      backdrop-filter: blur(12px);
    }

    .lldx-compare-divider::after {
      content: "↔";
      position: absolute;
      top: 50%;
      left: 50%;
      color: rgba(245,245,245,.84);
      font: 10px/1 "Martian Mono",monospace;
      transform: translate(-50%,-50%);
    }

    .lldx-compare-scene.is-active .lldx-compare-divider {
      animation: lldxCompareDivider 7.2s cubic-bezier(.68,0,.22,1) both;
    }

    .lldx-compare-label {
      position: absolute;
      z-index: 5;
      top: clamp(76px,8vw,118px);
      padding: 8px 11px;
      border: 1px solid rgba(245,245,245,.13);
      border-radius: 999px;
      color: rgba(245,245,245,.68);
      background: rgba(3,4,6,.56);
      font: 8px/1 "Martian Mono",monospace;
      letter-spacing: .14em;
      text-transform: uppercase;
      backdrop-filter: blur(14px);
    }

    .lldx-compare-label.is-before { left: clamp(28px,4vw,72px); }
    .lldx-compare-label.is-after { right: clamp(28px,4vw,72px); }

    .lldx-cinema-content {
      position: relative;
      width: min(100%,1720px);
      min-height: 0;
      margin: 0 auto;
      padding: clamp(24px,2.5vw,40px);
      display: grid;
      grid-template-columns: minmax(0,1.25fr) minmax(340px,.75fr);
      grid-template-rows: auto 1fr;
      gap: clamp(18px,2vw,30px) clamp(30px,4vw,68px);
      background:
        linear-gradient(110deg,rgba(11,12,15,.98),rgba(4,5,7,.96)),
        #050607;
      border-top: 1px solid rgba(245,245,245,.12);
    }

    .lldx-cinema-top {
      grid-column: 1 / -1;
      padding-bottom: 14px;
      border-bottom: 1px solid rgba(245,245,245,.1);
    }

    .lldx-cinema-copy {
      align-self: stretch;
      max-width: none;
      margin: 0;
      padding: clamp(18px,1.8vw,28px) clamp(20px,2vw,34px);
      border-left: 1px solid rgba(252,3,251,.72);
      border-radius: 0 14px 14px 0;
      background: linear-gradient(90deg,rgba(252,3,251,.055),rgba(252,3,251,0));
      box-shadow: none;
      backdrop-filter: none;
      clip-path: inset(0 0 0 0);
      transition: transform .38s cubic-bezier(.16,1,.3,1),clip-path .38s cubic-bezier(.16,1,.3,1);
    }

    .lldx-cinema-copy.is-changing {
      opacity: 1;
      transform: translate3d(-18px,0,0);
      clip-path: inset(0 100% 0 0);
    }

    .lldx-approach h2 {
      max-width: 15ch;
      font-size: clamp(32px,3.35vw,56px);
      line-height: 1.02;
    }

    .lldx-approach-lede {
      max-width: 68ch;
      margin-top: clamp(14px,1.4vw,22px);
      font-size: clamp(14px,1vw,17px);
      line-height: 1.52;
    }

    .lldx-cinema-rail {
      position: relative;
      z-index: 6;
      align-self: stretch;
      grid-template-columns: 1fr;
      grid-template-rows: repeat(3,minmax(0,1fr));
      margin: 0;
      padding: 0;
      border: 1px solid rgba(245,245,245,.12);
      border-radius: 13px;
      background: rgba(3,4,6,.68);
      box-shadow: 0 18px 48px rgba(0,0,0,.3);
      backdrop-filter: blur(20px) saturate(1.2);
    }

    .lldx-cinema-step,
    .lldx-cinema-step:hover,
    .lldx-cinema-step:focus,
    .lldx-cinema-step:focus-visible,
    .lldx-cinema-step:active,
    .lldx-cinema-step.is-active {
      min-height: 64px;
      padding: 14px 18px 12px 22px;
      background: transparent !important;
      box-shadow: none !important;
      outline: 0;
    }

    .lldx-cinema-step + .lldx-cinema-step {
      padding-left: 22px;
      border-top: 1px solid rgba(245,245,245,.09);
      border-left: 0;
    }

    .lldx-cinema-step::after {
      top: 12px;
      right: auto;
      bottom: 12px;
      left: -1px;
      width: 2px;
      height: auto;
      transform: scaleY(0);
      transform-origin: center top;
    }

    .lldx-cinema-step.is-active::after { transform: scaleY(1); }

    .lldx-cinema-step.is-active {
      background: linear-gradient(90deg,rgba(252,3,251,.08),transparent 72%) !important;
    }

    @keyframes lldxCompareSceneIn {
      from { clip-path: inset(0 100% 0 0); }
      to { clip-path: inset(0 0 0 0); }
    }

    @keyframes lldxCompareReveal {
      0%,12% { clip-path: inset(0 100% 0 0); }
      72% { clip-path: inset(0 24% 0 0); }
      100% { clip-path: inset(0 42% 0 0); }
    }

    @keyframes lldxCompareDivider {
      0%,12% { left: 0; }
      72% { left: 76%; }
      100% { left: 58%; }
    }


    .lldx-process {
      position: relative;
      min-height: 330vh;
      background: #050505;
      border-bottom: 1px solid rgba(252,3,251,.24);
    }

    .lldx-process-sticky {
      position: sticky;
      top: 52px;
      display: grid;
      grid-template-columns: minmax(270px,.56fr) minmax(560px,1.44fr);
      grid-template-rows: auto 1fr;
      gap: 28px clamp(40px,5vw,92px);
      width: 100%;
      min-height: calc(100vh - 52px);
      padding: clamp(52px,6vw,88px) clamp(28px,5vw,88px) 42px;
      overflow: hidden;
    }

    .lldx-process-head {
      grid-column: 1 / -1;
      display: flex;
      align-items: flex-end;
      justify-content: space-between;
      gap: 40px;
      max-width: 1560px;
      width: 100%;
      margin: 0 auto;
    }

    .lldx-process h2 {
      max-width: 18ch;
      font-size: clamp(34px,4.5vw,70px);
    }

    .lldx-process-head p {
      max-width: 56ch;
      margin: 0;
      color: rgba(245,245,245,.56);
      font-family: "Chakra Petch", system-ui, sans-serif;
      font-size: 15px;
      line-height: 1.55;
    }

    .lldx-process-rail {
      align-self: stretch;
      display: grid;
      align-content: center;
      max-width: 430px;
      margin-left: auto;
      border-left: 1px solid rgba(245,245,245,.12);
    }

    .lldx-process-step {
      position: relative;
      display: grid;
      gap: 5px;
      width: 100%;
      padding: 18px 20px 18px 28px;
      border: 0;
      border-bottom: 1px solid rgba(245,245,245,.08);
      color: rgba(245,245,245,.42);
      background: transparent;
      text-align: left;
      cursor: pointer;
      transition: color .55s cubic-bezier(.16,1,.3,1), background .55s cubic-bezier(.16,1,.3,1), transform .55s cubic-bezier(.16,1,.3,1);
    }

    .lldx-process-step::before {
      content: "";
      position: absolute;
      left: -1px;
      top: 18px;
      bottom: 18px;
      width: 2px;
      background: var(--lldx-magenta);
      box-shadow: 0 0 18px rgba(252,3,251,.66);
      opacity: 0;
      transform: scaleY(.2);
      transition: opacity .45s ease, transform .55s cubic-bezier(.16,1,.3,1);
    }

    .lldx-process-step span {
      font-family: "Martian Mono", ui-monospace, monospace;
      font-size: 9px;
      letter-spacing: .12em;
      text-transform: uppercase;
    }

    .lldx-process-step strong {
      color: inherit;
      font-family: "Chakra Petch", system-ui, sans-serif;
      font-size: clamp(18px,1.7vw,25px);
      font-weight: 400;
      line-height: 1.15;
    }

    .lldx-process-step em {
      max-height: 0;
      overflow: hidden;
      color: rgba(245,245,245,.55);
      font-family: "Chakra Petch", system-ui, sans-serif;
      font-size: 13px;
      font-style: normal;
      line-height: 1.45;
      opacity: 0;
      transform: translate3d(0,8px,0);
      transition: max-height .6s ease, opacity .45s ease, transform .55s cubic-bezier(.16,1,.3,1);
    }

    .lldx-process-step.is-active {
      color: var(--lldx-ink);
      background: linear-gradient(90deg, rgba(252,3,251,.08), transparent 88%);
      transform: translate3d(8px,0,0);
    }

    .lldx-process-step.is-active::before {
      opacity: 1;
      transform: scaleY(1);
    }

    .lldx-process-step.is-active em {
      max-height: 74px;
      margin-top: 6px;
      opacity: 1;
      transform: translate3d(0,0,0);
    }

    .lldx-stage {
      position: relative;
      align-self: center;
      width: min(100%,1100px);
      aspect-ratio: 16 / 9;
      margin-right: auto;
      border: 1px solid rgba(245,245,245,.13);
      border-radius: 8px;
      overflow: hidden;
      background: #050505;
      box-shadow: 0 24px 80px rgba(0,0,0,.58), inset 0 0 0 1px rgba(252,3,251,.04);
    }

    .lldx-stage::after {
      content: "";
      position: absolute;
      inset: 0;
      z-index: 12;
      pointer-events: none;
      background: radial-gradient(circle at 50% 44%, transparent 34%, rgba(5,5,5,.14) 64%, rgba(5,5,5,.82));
    }

    .lldx-stage-photo,
    .lldx-stage-grid,
    .lldx-stage-sketch,
    .lldx-stage-plot,
    .lldx-stage-previz,
    .lldx-stage-final {
      position: absolute;
      inset: 0;
      transition: opacity .82s cubic-bezier(.16,1,.3,1), transform .95s cubic-bezier(.16,1,.3,1);
    }

    .lldx-stage-photo {
      z-index: 1;
      background:
        linear-gradient(180deg, rgba(5,5,5,.28), rgba(5,5,5,.08)),
        url("https://www.lumilas.hr/wp-content/uploads/2026/07/jakov-jozinovic-zagreb-2026-06-1024x683.jpg") center/cover no-repeat;
      filter: saturate(.78) contrast(1.08);
      opacity: .08;
      transform: scale(1.025);
    }

    .lldx-stage-film {
      position: absolute;
      z-index: 1;
      inset: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center;
      opacity: 0;
      filter: saturate(.82) contrast(1.1) brightness(.78);
      transform: scale(1.012);
      transition: opacity .65s ease,filter .8s ease,transform .9s cubic-bezier(.16,1,.3,1);
      pointer-events: none;
    }

    .lldx-stage-grid {
      z-index: 2;
      background:
        linear-gradient(rgba(245,245,245,.045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(245,245,245,.045) 1px, transparent 1px);
      background-size: 36px 36px;
      opacity: .45;
    }

    .lldx-stage-sketch,
    .lldx-stage-plot,
    .lldx-stage-previz,
    .lldx-stage-final {
      z-index: 4;
      opacity: 0;
      transform: scale(.99);
    }

    .lldx-stage svg {
      width: 100%;
      height: 100%;
      overflow: visible;
    }

    .lldx-stage svg * {
      vector-effect: non-scaling-stroke;
    }

    .lldx-stage-sketch {
      opacity: 1;
      transform: scale(1);
    }

    .lldx-stage[data-state="0"] .lldx-stage-photo { opacity: .06; }
    .lldx-stage[data-state="0"] .lldx-stage-sketch { opacity: 1; transform: scale(1); }
    .lldx-stage[data-state="1"] .lldx-stage-sketch,
    .lldx-stage[data-state="2"] .lldx-stage-sketch,
    .lldx-stage[data-state="3"] .lldx-stage-sketch { opacity: 0; transform: scale(.99); }
    .lldx-stage[data-state="1"] .lldx-stage-photo { opacity: .11; transform: scale(1.015); }
    .lldx-stage[data-state="1"] .lldx-stage-plot { opacity: 1; transform: scale(1); }
    .lldx-stage[data-state="2"] .lldx-stage-photo { opacity: .34; transform: scale(1.008); filter: saturate(.7) contrast(1.12); }
    .lldx-stage[data-state="2"] .lldx-stage-previz { opacity: 1; transform: scale(1); }
    .lldx-stage[data-state="3"] .lldx-stage-photo { opacity: .96; transform: scale(1); filter: saturate(.86) contrast(1.08); }
    .lldx-stage[data-state="3"] .lldx-stage-final { opacity: 1; transform: scale(1); }
    .lldx-stage[data-state="3"] .lldx-stage-grid { opacity: .08; }

    .lldx-stage.has-video .lldx-stage-film {
      opacity: 1;
      transform: scale(1);
    }

    .lldx-stage.has-video .lldx-stage-photo,
    .lldx-stage.has-video .lldx-stage-sketch,
    .lldx-stage.has-video .lldx-stage-plot,
    .lldx-stage.has-video .lldx-stage-previz,
    .lldx-stage.has-video .lldx-stage-final {
      opacity: 0 !important;
    }

    .lldx-stage.has-video[data-state="0"] .lldx-stage-film { filter: saturate(.5) contrast(1.16) brightness(.54); }
    .lldx-stage.has-video[data-state="1"] .lldx-stage-film { filter: saturate(.62) contrast(1.14) brightness(.64); }
    .lldx-stage.has-video[data-state="2"] .lldx-stage-film { filter: saturate(.76) contrast(1.12) brightness(.72); }
    .lldx-stage.has-video[data-state="3"] .lldx-stage-film { filter: saturate(.94) contrast(1.08) brightness(.88); }

    .lldx-stage-status {
      position: absolute;
      z-index: 14;
      left: 22px;
      right: 22px;
      bottom: 18px;
      display: flex;
      justify-content: space-between;
      gap: 24px;
      color: rgba(245,245,245,.6);
      font-family: "Martian Mono", ui-monospace, monospace;
      font-size: 9px;
      letter-spacing: .12em;
      text-transform: uppercase;
    }

    .lldx-stage-status strong {
      color: var(--lldx-ink);
      font-weight: 500;
    }

    .lldx-process-progress {
      position: absolute;
      z-index: 15;
      left: 0;
      right: 0;
      bottom: 0;
      height: 1px;
      background: rgba(245,245,245,.09);
    }

    .lldx-process-progress span {
      display: block;
      width: 100%;
      height: 100%;
      background: linear-gradient(90deg, var(--lldx-magenta), var(--lldx-violet), var(--lldx-cyan));
      transform: scaleX(var(--lldx-progress,0));
      transform-origin: left center;
    }

    body.lldx-page .elementor-element-7d9ee6 {
      min-height: 0 !important;
      height: auto !important;
      padding: clamp(80px,8vw,128px) clamp(28px,4vw,72px) !important;
      background:
        radial-gradient(circle at 84% 24%, rgba(252,3,251,.12), transparent 26%),
        #050505 !important;
      border-top: 1px solid rgba(252,3,251,.22);
    }

    body.lldx-page .elementor-element-7d9ee6 > .elementor-widget {
      width: 100%;
    }

    body.lldx-page .elementor-element-7d9ee6 .container {
      max-width: 1560px;
      width: 100%;
    }

    body.lldx-page .elementor-element-7d9ee6 .band-head {
      display: flex;
      align-items: flex-end;
      justify-content: space-between;
      gap: 36px;
      margin-bottom: 42px;
    }

    body.lldx-page .elementor-element-7d9ee6 .band-head::after {
      content: "Tri projekta / 52 fotografije";
      padding-bottom: 8px;
      color: rgba(245,245,245,.45);
      font-family: "Martian Mono", ui-monospace, monospace;
      font-size: 9px;
      letter-spacing: .12em;
      text-transform: uppercase;
    }

    body.lldx-page .elementor-element-7d9ee6 .display-lg {
      max-width: 13ch;
      margin: 0;
      font-size: clamp(42px,5.2vw,78px);
      line-height: 1.02;
    }

    body.lldx-page .elementor-element-7d9ee6 .work-grid {
      display: grid !important;
      grid-template-columns: repeat(12,minmax(0,1fr));
      grid-template-rows: repeat(2,minmax(250px,24vw));
      gap: 14px !important;
    }

    body.lldx-page .elementor-element-7d9ee6 .work-card {
      position: relative;
      width: 100%;
      min-height: 0;
      margin: 0;
      border: 1px solid rgba(252,3,251,.25);
      border-radius: 8px;
      overflow: hidden;
      background: #0c0c0c;
      isolation: isolate;
      cursor: pointer;
      transform: translate3d(0,0,0);
      transition: transform .75s cubic-bezier(.16,1,.3,1), border-color .5s ease;
    }

    body.lldx-page .elementor-element-7d9ee6 .work-card:nth-child(1) {
      grid-column: 1 / span 7;
      grid-row: 1 / span 2;
    }

    body.lldx-page .elementor-element-7d9ee6 .work-card:nth-child(2) {
      grid-column: 8 / -1;
      grid-row: 1;
    }

    body.lldx-page .elementor-element-7d9ee6 .work-card:nth-child(3) {
      grid-column: 8 / -1;
      grid-row: 2;
    }

    body.lldx-page .elementor-element-7d9ee6 .work-card img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      filter: grayscale(.42) saturate(.52) contrast(1.08);
      transform: scale(1.015);
      transition: transform 1.05s cubic-bezier(.16,1,.3,1), filter .8s cubic-bezier(.16,1,.3,1);
    }

    body.lldx-page .elementor-element-7d9ee6 .work-card::before {
      content: "";
      position: absolute;
      inset: 0;
      z-index: 2;
      background:
        linear-gradient(180deg, rgba(252,3,251,.34), rgba(38,0,36,.4) 48%, rgba(5,5,5,.88)),
        linear-gradient(105deg, rgba(5,5,5,.42), transparent 62%);
      mix-blend-mode: color;
      opacity: .86;
      transition: opacity .72s cubic-bezier(.16,1,.3,1);
      pointer-events: none;
    }

    body.lldx-page .elementor-element-7d9ee6 .work-card::after {
      content: "";
      position: absolute;
      z-index: 2;
      inset: auto 18px 18px auto;
      width: 54px;
      height: 1px;
      background: var(--lldx-magenta);
      box-shadow: 0 0 14px rgba(252,3,251,.62);
      transform: scaleX(.35);
      transform-origin: right center;
      transition: transform .65s cubic-bezier(.16,1,.3,1);
    }

    body.lldx-page .elementor-element-7d9ee6 .work-card-info {
      z-index: 4;
      left: 24px;
      right: 24px;
      bottom: 22px;
      display: grid;
      grid-template-columns: 1fr auto;
      align-items: end;
      gap: 10px 24px;
    }

    body.lldx-page .elementor-element-7d9ee6 .work-card-info h3 {
      grid-column: 1;
      margin: 0;
      color: var(--lldx-ink);
      font-size: clamp(22px,2.2vw,35px);
      line-height: 1.05;
    }

    body.lldx-page .elementor-element-7d9ee6 .work-card-info .meta {
      grid-column: 1;
      color: rgba(245,245,245,.58);
    }

    .lldx-photo-count {
      grid-column: 2;
      grid-row: 1 / span 2;
      align-self: end;
      color: rgba(245,245,245,.7);
      font-family: "Martian Mono", ui-monospace, monospace;
      font-size: 9px;
      letter-spacing: .1em;
      text-transform: uppercase;
    }

    @media (hover:hover) {
      body.lldx-page .elementor-element-7d9ee6 .work-card:hover {
        z-index: 2;
        border-color: rgba(252,3,251,.7);
        transform: translate3d(0,-7px,0);
      }

      body.lldx-page .elementor-element-7d9ee6 .work-card:hover img {
        filter: grayscale(0) saturate(1) contrast(1.04);
        transform: scale(1.045);
      }

      body.lldx-page .elementor-element-7d9ee6 .work-card:hover::before {
        opacity: .18;
      }

      body.lldx-page .elementor-element-7d9ee6 .work-card:hover::after {
        transform: scaleX(1);
      }
    }

    body.lldx-page .elementor-element-7d9ee6 .btn {
      margin-top: 32px;
    }

    .lldx-brief {
      position: relative;
      overflow: hidden;
      padding: clamp(80px,8vw,132px) clamp(28px,5vw,88px);
      background:
        radial-gradient(circle at 18% 110%, rgba(252,3,251,.13), transparent 32%),
        linear-gradient(135deg, #050505, #0c0c0c);
      border-top: 1px solid rgba(245,245,245,.08);
      border-bottom: 1px solid rgba(252,3,251,.28);
    }

    .lldx-brief::before {
      content: "";
      position: absolute;
      inset: 0;
      background:
        linear-gradient(rgba(245,245,245,.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(245,245,245,.035) 1px, transparent 1px);
      background-size: 64px 64px;
      opacity: .5;
    }

    .lldx-brief-inner {
      position: relative;
      z-index: 1;
      display: grid;
      grid-template-columns: minmax(340px,.82fr) minmax(520px,1.18fr);
      gap: clamp(56px,9vw,150px);
      align-items: end;
      max-width: 1560px;
      margin: 0 auto;
    }

    .lldx-brief h2 {
      max-width: 14ch;
      font-size: clamp(42px,5.3vw,82px);
    }

    .lldx-brief-copy > p {
      max-width: 54ch;
      margin: 24px 0 0;
      color: rgba(245,245,245,.62);
      font-family: "Chakra Petch", system-ui, sans-serif;
      font-size: 17px;
      line-height: 1.55;
    }

    .lldx-brief-list {
      display: grid;
      border-top: 1px solid rgba(245,245,245,.16);
    }

    .lldx-brief-item {
      display: grid;
      grid-template-columns: 120px 1fr;
      gap: 24px;
      align-items: baseline;
      min-height: 82px;
      padding: 22px 0;
      border-bottom: 1px solid rgba(245,245,245,.1);
    }

    .lldx-brief-item span {
      color: var(--lldx-magenta);
      font-family: "Martian Mono", ui-monospace, monospace;
      font-size: 9px;
      letter-spacing: .12em;
      text-transform: uppercase;
    }

    .lldx-brief-item strong {
      color: rgba(245,245,245,.8);
      font-family: "Chakra Petch", system-ui, sans-serif;
      font-size: clamp(18px,1.8vw,27px);
      font-weight: 400;
    }

    .lldx-brief-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 12px;
      margin-top: 28px;
    }

    .lldx-brief-actions a {
      display: inline-flex;
      min-height: 52px;
      padding: 0 24px;
      align-items: center;
      justify-content: center;
      border: 1px solid rgba(252,3,251,.58);
      border-radius: 6px;
      color: var(--lldx-ink);
      background: rgba(12,12,12,.74);
      font-family: Michroma, "Chakra Petch", system-ui, sans-serif;
      font-size: 11px;
      letter-spacing: .08em;
      text-decoration: none;
      text-transform: uppercase;
      transition: color .45s ease, border-color .45s ease, background .45s ease, transform .45s cubic-bezier(.16,1,.3,1);
    }

    .lldx-brief-actions a:first-child {
      background: linear-gradient(90deg, rgba(252,3,251,.18), rgba(138,123,255,.08));
    }

    .lldx-brief-actions a:hover,
    .lldx-brief-actions a:focus-visible {
      color: #050505;
      border-color: var(--lldx-magenta);
      background: var(--lldx-magenta);
      transform: translate3d(0,-2px,0);
      outline: none;
    }

    .lldx-contact {
      display: flex;
      gap: 22px;
      margin-top: 22px;
      font-family: "Martian Mono", ui-monospace, monospace;
      font-size: 10px;
    }

    .lldx-contact a {
      color: rgba(245,245,245,.58);
      text-decoration: none;
    }

    @media (max-width: 1024px) {
      .lldx-brief-inner {
        grid-template-columns: 1fr;
      }

      .lldx-process {
        min-height: 280vh;
      }

      .lldx-process-sticky {
        top: 94px;
        grid-template-columns: minmax(220px,.5fr) minmax(440px,1.5fr);
        min-height: calc(100vh - 94px);
        padding-inline: 28px;
      }

      .lldx-process-head p {
        display: none;
      }

      body.lldx-page .elementor-element-7d9ee6 .work-grid {
        grid-template-rows: repeat(2,minmax(230px,34vw));
      }
    }

    @media (max-width: 767px) {
      .lldx-hero-live {
        background:
          linear-gradient(180deg, rgba(5,5,5,.35), rgba(5,5,5,.8)),
          url("https://www.lumilas.hr/wp-content/uploads/2026/07/jakov-jozinovic-zagreb-2026-06-1024x683.jpg") 58% center/cover no-repeat;
      }

      .lldx-approach {
        min-height: max(680px,92svh);
      }

      .lldx-approach h2,
      .lldx-brief h2 {
        font-size: clamp(36px,11vw,54px);
      }

      .lldx-cinema-content {
        min-height: max(680px,92svh);
        padding: 34px 22px 24px;
      }

      .lldx-cinema-frame {
        inset: 12px;
      }

      .lldx-cinema-top {
        padding-inline: 4px;
      }

      .lldx-cinema-mode {
        display: none;
      }

      .lldx-cinema-copy {
        max-width: 100%;
        padding-bottom: 26px;
      }

      .lldx-approach-lede {
        max-width: 38ch;
        font-size: 15px;
        line-height: 1.48;
      }

      .lldx-cinema-rail {
        grid-template-columns: 1fr 1fr;
      }

      .lldx-cinema-step,
      .lldx-cinema-step + .lldx-cinema-step {
        min-height: 58px;
        padding: 12px 10px 6px 0;
        border-left: 0;
      }

      .lldx-cinema-step:nth-child(even) {
        padding-left: 12px;
        border-left: 1px solid rgba(245,245,245,.09);
      }

      .lldx-cinema-step:nth-child(n+3) {
        border-top: 1px solid rgba(245,245,245,.09);
      }

      .lldx-process {
        min-height: 0;
        padding: 72px 20px;
      }

      .lldx-process-sticky {
        position: relative;
        top: auto;
        display: block;
        min-height: 0;
        padding: 0;
        overflow: visible;
      }

      .lldx-process-head {
        display: block;
      }

      .lldx-process h2 {
        font-size: clamp(36px,10.5vw,52px);
      }

      .lldx-process-head p {
        display: block;
        margin-top: 22px;
      }

      .lldx-stage {
        width: 100%;
        margin: 36px 0 26px;
        aspect-ratio: 4 / 3;
      }

      .lldx-stage[data-state] .lldx-stage-photo {
        opacity: .88;
        transform: none;
        filter: saturate(.78) contrast(1.08);
      }

      .lldx-stage[data-state] .lldx-stage-grid {
        opacity: .12;
      }

      .lldx-stage[data-state] .lldx-stage-sketch,
      .lldx-stage[data-state] .lldx-stage-plot,
      .lldx-stage[data-state] .lldx-stage-previz,
      .lldx-stage[data-state] .lldx-stage-final {
        opacity: 0;
      }

      .lldx-stage[data-state] .lldx-stage-final {
        opacity: 1;
      }

      .lldx-process-rail {
        max-width: none;
        margin: 0;
      }

      .lldx-process-step,
      .lldx-process-step.is-active {
        transform: none;
      }

      .lldx-process-step em,
      .lldx-process-step.is-active em {
        max-height: none;
        margin-top: 4px;
        opacity: 1;
        transform: none;
      }

      .lldx-process-progress {
        display: none;
      }

      body.lldx-page .elementor-element-7d9ee6 {
        padding: 72px 20px !important;
      }

      body.lldx-page .elementor-element-7d9ee6 .band-head {
        display: block;
      }

      body.lldx-page .elementor-element-7d9ee6 .band-head::after {
        display: block;
        margin-top: 16px;
      }

      body.lldx-page .elementor-element-7d9ee6 .display-lg {
        font-size: clamp(36px,10.5vw,52px);
      }

      body.lldx-page .elementor-element-7d9ee6 .work-grid {
        grid-template-columns: 1fr;
        grid-template-rows: none;
      }

      body.lldx-page .elementor-element-7d9ee6 .work-card:nth-child(n) {
        grid-column: 1;
        grid-row: auto;
        min-height: 62vw;
      }

      body.lldx-page .elementor-element-7d9ee6 .work-card-info {
        left: 18px;
        right: 18px;
        bottom: 16px;
      }

      .lldx-brief {
        padding: 72px 20px;
      }

      .lldx-brief-inner {
        gap: 42px;
      }

      .lldx-brief-item {
        grid-template-columns: 88px 1fr;
      }

      .lldx-brief-actions {
        display: grid;
      }

      .lldx-contact {
        flex-direction: column;
        gap: 10px;
      }
    }

    @media (max-width: 767px) {
      .lldx-approach {
        min-height: 0;
        padding: 10px;
      }

      .lldx-cinema {
        grid-template-rows: max(340px,52svh) auto;
        border-radius: 12px;
      }

      .lldx-cinema-content {
        grid-template-columns: 1fr;
        grid-template-rows: auto auto auto;
        min-height: 0;
        gap: 18px;
        padding: 22px 18px 18px;
      }

      .lldx-cinema-top {
        padding-inline: 0;
        padding-bottom: 10px;
      }

      .lldx-cinema-eye {
        max-width: 100%;
        overflow: hidden;
        font-size: 7px;
        text-overflow: ellipsis;
        white-space: nowrap;
      }

      .lldx-cinema-copy {
        max-width: none;
        padding: 16px 17px 18px;
      }

      .lldx-approach h2 {
        max-width: 15ch;
        font-size: clamp(31px,9.4vw,44px);
      }

      .lldx-approach-lede {
        font-size: 14px;
        line-height: 1.45;
      }

      .lldx-cinema-rail {
        grid-template-columns: repeat(3,minmax(0,1fr));
        grid-template-rows: 1fr;
      }

      .lldx-cinema-step,
      .lldx-cinema-step + .lldx-cinema-step,
      .lldx-cinema-step:nth-child(even),
      .lldx-cinema-step:nth-child(n+3) {
        min-height: 62px;
        padding: 12px 9px 10px 13px;
        border-top: 0;
        border-left: 1px solid rgba(245,245,245,.09);
      }

      .lldx-cinema-step:first-child { border-left: 0; }
      .lldx-cinema-step span { font-size: 6px; }
      .lldx-cinema-step strong { font-size: 12px; }
      .lldx-cinema-step::after { top: 8px; bottom: 8px; }

      .lldx-compare-label {
        top: 28px;
        max-width: 42%;
        overflow: hidden;
        font-size: 6px;
        text-overflow: ellipsis;
        white-space: nowrap;
      }
    }

    /* Unified scroll chapter: CAD -> previz -> final. */
    body.lldx-page .elementor-element-115243 {
      display: none !important;
    }

    .lldx-project-dock {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 18px;
      min-height: 58px;
      padding: 10px clamp(20px,3.5vw,58px);
      border-top: 1px solid rgba(252,3,251,.22);
      border-bottom: 1px solid rgba(245,245,245,.1);
      background:
        linear-gradient(90deg,rgba(252,3,251,.055),transparent 34%,rgba(0,232,255,.045)),
        #050607;
    }

    .lldx-project-dock > span {
      color: rgba(245,245,245,.42);
      font: 7px/1.3 "Martian Mono",monospace;
      letter-spacing: .17em;
      text-transform: uppercase;
    }

    .lldx-project-switch {
      display: inline-grid;
      grid-template-columns: repeat(2,minmax(0,1fr));
      overflow: hidden;
      border: 1px solid rgba(245,245,245,.13);
      border-radius: 999px;
      background: rgba(2,3,5,.68);
    }

    .lldx-project-switch button {
      min-width: 0;
      padding: 10px 16px;
      border: 0;
      border-left: 1px solid rgba(245,245,245,.08);
      color: rgba(245,245,245,.43);
      background: transparent;
      font: 7px/1.2 "Martian Mono",monospace;
      letter-spacing: .1em;
      text-transform: uppercase;
      white-space: nowrap;
      cursor: pointer;
      transition: color .3s ease,background .3s ease,box-shadow .3s ease;
    }

    .lldx-project-switch button:first-child { border-left: 0; }

    .lldx-project-switch button.is-active {
      color: #f5f5f5;
      background: linear-gradient(90deg,rgba(252,3,251,.13),rgba(0,232,255,.1));
      box-shadow: inset 0 0 24px rgba(0,232,255,.035);
    }

    .lldx-approach {
      min-height: 300vh;
      padding: 0;
      overflow: visible;
      border: 0;
      background: #030304;
    }

    .lldx-cinema {
      position: sticky;
      top: 98px;
      display: grid;
      grid-template-columns: minmax(320px,.58fr) minmax(0,1.42fr);
      grid-template-rows: 1fr;
      width: 100%;
      max-width: none;
      height: calc(100vh - 98px);
      min-height: 580px;
      margin: 0;
      overflow: hidden;
      border: 0;
      border-top: 1px solid rgba(252,3,251,.35);
      border-bottom: 1px solid rgba(252,3,251,.28);
      border-radius: 0;
      box-shadow: none;
    }

    .lldx-cinema-media {
      position: relative;
      inset: auto;
      grid-column: 2;
      grid-row: 1;
      width: 100%;
      height: 100%;
      min-height: 0;
      border-left: 1px solid rgba(245,245,245,.1);
      background: #020304;
    }

    .lldx-compare-before img,
    .lldx-compare-after img {
      filter: contrast(1.04) saturate(1.02) brightness(.98);
      image-rendering: auto;
    }

    .lldx-cinema-shade {
      display: none;
    }

    .lldx-cinema-frame {
      z-index: 5;
      inset: 18px;
      border-color: rgba(245,245,245,.1);
    }

    .lldx-cinema-content {
      position: relative;
      z-index: 6;
      grid-column: 1;
      grid-row: 1;
      display: flex;
      flex-direction: column;
      width: 100%;
      min-width: 0;
      min-height: 0;
      padding: clamp(34px,3.5vw,66px) clamp(28px,3.2vw,58px) clamp(28px,3vw,48px);
      background:
        radial-gradient(circle at 0 100%,rgba(252,3,251,.08),transparent 38%),
        linear-gradient(145deg,#08080a,#030304 72%);
      border: 0;
    }

    .lldx-merged-head {
      display: grid;
      gap: 14px;
      padding-bottom: clamp(22px,3vh,38px);
      border-bottom: 1px solid rgba(245,245,245,.11);
    }

    .lldx-merged-head > span {
      color: var(--lldx-magenta);
      font: 8px/1.3 "Martian Mono",monospace;
      letter-spacing: .16em;
      text-transform: uppercase;
    }

    .lldx-merged-head h2 {
      max-width: 13ch;
      font-size: clamp(32px,3vw,56px);
      line-height: 1.04;
      letter-spacing: -.045em;
    }

    .lldx-merged-head p {
      max-width: 46ch;
      margin: 0;
      color: rgba(245,245,245,.5);
      font-family: "Chakra Petch",system-ui,sans-serif;
      font-size: 14px;
      line-height: 1.48;
    }

    .lldx-cinema-top {
      display: none;
    }

    .lldx-cinema-copy {
      display: grid;
      align-content: center;
      flex: 1;
      min-height: 0;
      margin: 0;
      padding: clamp(24px,3vh,42px) 0;
      border: 0;
      border-radius: 0;
      background: transparent;
    }

    .lldx-cinema-copy h3 {
      max-width: 13ch;
      margin: 0;
      color: var(--lldx-ink);
      font-family: Michroma,"Chakra Petch",system-ui,sans-serif;
      font-size: clamp(27px,2.45vw,44px);
      font-weight: 400;
      letter-spacing: -.045em;
      line-height: 1.04;
    }

    .lldx-cinema-copy h3 span {
      display: block;
    }

    .lldx-cinema-copy h3 span:last-child {
      color: rgba(245,245,245,.68);
    }

    .lldx-approach-lede {
      max-width: 48ch;
      margin: 18px 0 0;
      color: rgba(245,245,245,.62);
      font-size: clamp(13px,.95vw,16px);
      line-height: 1.52;
      text-shadow: none;
    }

    .lldx-cinema-rail {
      display: grid;
      flex: 0 0 auto;
      grid-template-columns: 1fr;
      grid-template-rows: repeat(3,minmax(58px,auto));
      margin: 0;
      padding: 0;
      overflow: hidden;
      border: 1px solid rgba(245,245,245,.12);
      border-radius: 12px;
      background: rgba(2,3,5,.72);
      box-shadow: 0 20px 52px rgba(0,0,0,.28);
      backdrop-filter: blur(18px);
    }

    .lldx-cinema-step,
    .lldx-cinema-step + .lldx-cinema-step,
    .lldx-cinema-step:hover,
    .lldx-cinema-step:focus,
    .lldx-cinema-step:active,
    .lldx-cinema-step.is-active {
      min-height: 58px;
      padding: 13px 18px 12px 22px;
      border-top: 1px solid rgba(245,245,245,.08);
      border-left: 0;
      background: transparent !important;
    }

    .lldx-cinema-step:first-child {
      border-top: 0;
    }

    .lldx-cinema-step.is-active {
      background: linear-gradient(90deg,rgba(252,3,251,.1),transparent 74%) !important;
    }

    .lldx-cinema-step::after {
      top: 10px;
      right: auto;
      bottom: 10px;
      left: -1px;
      width: 2px;
      height: auto;
      transform: scaleY(0);
      transform-origin: center top;
    }

    .lldx-cinema-step.is-active::after {
      transform: scaleY(1);
    }

    /* Keep the complete narrative visible in shorter desktop viewports. */
    @media (min-width: 768px) and (max-height: 780px) {
      .lldx-cinema-content {
        padding: 24px 28px 22px;
      }

      .lldx-merged-head {
        gap: 8px;
        padding-bottom: 16px;
      }

      .lldx-merged-head h2 {
        max-width: 14ch;
        font-size: clamp(30px,2.55vw,40px);
      }

      .lldx-merged-head p {
        display: none;
      }

      .lldx-cinema-copy {
        align-content: start;
        padding: 18px 0 16px;
      }

      .lldx-cinema-copy h3 {
        max-width: 15ch;
        font-size: clamp(25px,2.2vw,34px);
      }

      .lldx-approach-lede {
        margin-top: 12px;
        font-size: 13px;
        line-height: 1.42;
      }

      .lldx-cinema-rail {
        grid-template-rows: repeat(3,48px);
      }

      .lldx-cinema-step,
      .lldx-cinema-step + .lldx-cinema-step,
      .lldx-cinema-step:hover,
      .lldx-cinema-step:focus,
      .lldx-cinema-step:active,
      .lldx-cinema-step.is-active {
        min-height: 48px;
        padding: 8px 16px 7px 20px;
      }
    }

    .lldx-compare-label {
      top: clamp(34px,4vw,68px);
      color: rgba(245,245,245,.84);
      background: rgba(3,4,6,.7);
    }

    /* The sticky story is cinematic, not a simulated drag control. */
    .lldx-compare-scene {
      clip-path: inset(0 0 0 100%);
      opacity: 0;
      will-change: clip-path,opacity;
    }

    .lldx-compare-scene.is-active {
      opacity: 1;
      animation: lldxCinematicStateIn 1.08s cubic-bezier(.72,0,.18,1) both;
    }

    .lldx-cinema-state-image {
      position: absolute;
      inset: -3%;
      width: 106% !important;
      max-width: none !important;
      height: 106% !important;
      object-fit: cover;
      object-position: center;
      filter: contrast(1.04) saturate(1.02) brightness(.98);
      transform: translate3d(3.4%,0,0) scale(1.035);
      will-change: transform;
    }

    .lldx-compare-scene.is-active .lldx-cinema-state-image {
      animation: lldxCinematicParallax 1.8s cubic-bezier(.16,1,.3,1) both;
    }

    .lldx-compare-scene::after {
      content: "";
      position: absolute;
      z-index: 3;
      inset: 0;
      background:
        linear-gradient(90deg,rgba(255,255,255,0),rgba(221,249,255,.28) 48%,rgba(255,255,255,0) 56%),
        linear-gradient(90deg,rgba(3,4,6,.26),transparent 30%,rgba(3,4,6,.2));
      opacity: 0;
      transform: translate3d(-65%,0,0);
      pointer-events: none;
    }

    .lldx-compare-scene.is-active::after {
      animation: lldxCinematicLightPass 1.25s cubic-bezier(.76,0,.24,1) both;
    }

    @keyframes lldxCinematicStateIn {
      0% { clip-path: inset(0 0 0 100%); opacity: .35; }
      66% { clip-path: inset(0 0 0 0); opacity: 1; }
      100% { clip-path: inset(0 0 0 0); opacity: 1; }
    }

    @keyframes lldxCinematicParallax {
      from { transform: translate3d(3.4%,0,0) scale(1.055); }
      to { transform: translate3d(0,0,0) scale(1.015); }
    }

    @keyframes lldxCinematicLightPass {
      0%,18% { opacity: 0; transform: translate3d(-65%,0,0); }
      42% { opacity: .68; }
      78%,100% { opacity: 0; transform: translate3d(64%,0,0); }
    }

    /* Genuine user-controlled comparison below the story. */
    .lldx-proof {
      position: relative;
      z-index: 2;
      width: min(100%,1720px);
      margin: 0 auto;
      padding: clamp(72px,8vw,132px) clamp(20px,4vw,72px) clamp(82px,9vw,150px);
      overflow: hidden;
      background:
        radial-gradient(circle at 84% 12%,rgba(0,232,255,.075),transparent 30%),
        radial-gradient(circle at 8% 88%,rgba(252,3,251,.07),transparent 34%),
        #030405;
      border-right: 1px solid rgba(245,245,245,.08);
      border-left: 1px solid rgba(245,245,245,.08);
      border-bottom: 1px solid rgba(252,3,251,.28);
    }

    .lldx-proof-head {
      display: grid;
      grid-template-columns: minmax(0,1.1fr) minmax(280px,.7fr);
      gap: 12px clamp(28px,7vw,110px);
      align-items: end;
      margin-bottom: clamp(28px,4vw,58px);
    }

    .lldx-proof-head > span {
      grid-column: 1 / -1;
      color: var(--lldx-magenta);
      font: 8px/1.4 "Martian Mono",monospace;
      letter-spacing: .18em;
      text-transform: uppercase;
    }

    .lldx-proof-head h2 {
      margin: 0;
      font-size: clamp(34px,4.3vw,72px);
      line-height: 1.02;
      letter-spacing: -.045em;
    }

    .lldx-proof-head h2 em {
      color: rgba(245,245,245,.48);
      font-style: normal;
    }

    .lldx-proof-head p {
      max-width: 48ch;
      margin: 0 0 4px;
      color: rgba(245,245,245,.58);
      font-family: "Chakra Petch",system-ui,sans-serif;
      font-size: clamp(14px,1vw,17px);
      line-height: 1.55;
    }

    .lldx-project-switch.is-proof {
      position: relative;
      z-index: 4;
      margin: 0 0 18px;
      vertical-align: top;
      border-color: rgba(252,3,251,.22);
    }

    .lldx-proof-stage {
      --lldx-proof-progress: 50%;
      --lldx-proof-previz: 100%;
      --lldx-proof-final: 0%;
      --lldx-proof-scan: 100%;
      --lldx-proof-scan-opacity: 0;
      position: relative;
      width: 100%;
      overflow: hidden;
      border: 1px solid rgba(245,245,245,.16);
      border-radius: clamp(10px,1.2vw,20px);
      background:
        linear-gradient(rgba(245,245,245,.018) 1px,transparent 1px),
        linear-gradient(90deg,rgba(245,245,245,.018) 1px,transparent 1px),
        #060708;
      background-size: 48px 48px;
      box-shadow: 0 38px 120px rgba(0,0,0,.62),inset 0 0 0 1px rgba(255,255,255,.025);
      isolation: isolate;
      touch-action: pan-y;
    }

    .lldx-proof-viewport {
      position: relative;
      width: 100%;
      aspect-ratio: 16 / 9;
      overflow: hidden;
      background: #060708;
    }

    .lldx-proof-viewport::after {
      content: "";
      position: absolute;
      z-index: 6;
      inset: 0;
      background: linear-gradient(180deg,rgba(2,3,4,.08),transparent 22%,transparent 78%,rgba(2,3,4,.24));
      pointer-events: none;
    }

    .lldx-proof-layer,
    .lldx-proof-layer img {
      position: absolute;
      inset: 0;
      display: block;
      width: 100%;
      height: 100%;
    }

    .lldx-proof-layer img,
    img.lldx-proof-layer {
      object-fit: cover;
      object-position: 50% 50%;
      background: #000;
      filter: none;
    }

    .lldx-proof-layer.is-cad {
      z-index: 1;
      overflow: hidden;
      background: #000;
    }

    .lldx-proof-stage[data-project="jakov"] .lldx-proof-layer.is-cad::before,
    .lldx-proof-stage[data-project="jakov"] .lldx-proof-layer.is-cad::after {
      content: "";
      position: absolute;
      z-index: 2;
      top: 0;
      bottom: 0;
      width: 8.15%;
      background: #000;
      pointer-events: none;
    }

    .lldx-proof-stage[data-project="jakov"] .lldx-proof-layer.is-cad::before { left: 0; }
    .lldx-proof-stage[data-project="jakov"] .lldx-proof-layer.is-cad::after { right: 0; }

    .lldx-proof-layer.is-previz {
      z-index: 2;
      overflow: hidden;
      clip-path: inset(0 calc(100% - var(--lldx-proof-previz)) 0 0);
      will-change: clip-path;
    }

    .lldx-proof-layer.is-final {
      z-index: 3;
      overflow: hidden;
      clip-path: inset(0 calc(100% - var(--lldx-proof-final)) 0 0);
      will-change: clip-path;
    }

    .lldx-proof-scan {
      position: absolute;
      z-index: 7;
      top: 0;
      bottom: 74px;
      left: var(--lldx-proof-scan);
      width: 1px;
      background: #f5f5f5;
      box-shadow: 0 0 9px rgba(255,255,255,.94),0 0 30px var(--lldx-proof-phase-color,rgba(252,3,251,.7));
      opacity: var(--lldx-proof-scan-opacity);
      transform: translateX(-50%);
      pointer-events: none;
      will-change: left,opacity;
    }

    .lldx-proof-scan::before {
      content: "";
      position: absolute;
      left: 50%;
      bottom: 20%;
      width: 18px;
      height: 18px;
      border: 1px solid rgba(245,245,245,.46);
      border-radius: 50%;
      background: rgba(4,5,7,.8);
      box-shadow: 0 0 22px var(--lldx-proof-phase-color,rgba(252,3,251,.55));
      transform: translate(-50%,-50%);
    }

    .lldx-proof-readout {
      position: absolute;
      z-index: 9;
      top: clamp(16px,2.2vw,34px);
      right: clamp(16px,2.2vw,34px);
      padding: 9px 12px;
      border: 1px solid rgba(245,245,245,.14);
      border-radius: 999px;
      color: rgba(245,245,245,.82);
      background: rgba(3,4,6,.64);
      font: 8px/1 "Martian Mono",monospace;
      letter-spacing: .13em;
      text-transform: uppercase;
      backdrop-filter: blur(14px);
      pointer-events: none;
    }

    .lldx-proof-control {
      position: relative;
      z-index: 9;
      height: 74px;
      padding: 15px clamp(18px,2.4vw,36px) 18px;
      border-top: 1px solid rgba(245,245,245,.1);
      background: linear-gradient(180deg,rgba(10,12,15,.86),rgba(4,5,7,.96));
      backdrop-filter: blur(18px);
    }

    .lldx-proof-legend {
      display: grid;
      grid-template-columns: repeat(3,1fr);
      align-items: center;
      margin-bottom: 15px;
      color: rgba(245,245,245,.36);
      font: 8px/1 "Martian Mono",monospace;
      letter-spacing: .13em;
      text-transform: uppercase;
      pointer-events: none;
    }

    .lldx-proof-legend span:nth-child(2) { text-align: center; }
    .lldx-proof-legend span:last-child { text-align: right; }
    .lldx-proof-legend span.is-active { color: #f5f5f5; }

    .lldx-proof-track {
      position: relative;
      height: 1px;
      background: rgba(245,245,245,.18);
      box-shadow: 0 0 16px rgba(0,0,0,.8);
      pointer-events: none;
    }

    .lldx-proof-track::before {
      content: "";
      position: absolute;
      inset: 0 auto 0 0;
      width: var(--lldx-proof-progress);
      background: linear-gradient(90deg,var(--lldx-magenta),#8a7bff,#00e8ff);
      box-shadow: 0 0 13px rgba(0,232,255,.52);
    }

    .lldx-proof-track::after {
      content: "";
      position: absolute;
      top: 50%;
      left: var(--lldx-proof-progress);
      width: 13px;
      height: 13px;
      border: 1px solid rgba(245,245,245,.8);
      border-radius: 50%;
      background: #07090c;
      box-shadow: 0 0 0 5px rgba(245,245,245,.05),0 0 22px rgba(0,232,255,.72);
      transform: translate(-50%,-50%);
    }

    .lldx-proof-range {
      position: absolute;
      z-index: 12;
      inset: 0 clamp(18px,2.4vw,36px);
      width: calc(100% - clamp(36px,4.8vw,72px));
      height: 100%;
      margin: 0;
      opacity: 0;
      cursor: ew-resize;
    }

    @media (max-width: 767px) {
      .lldx-project-dock {
        align-items: stretch;
        flex-direction: column;
        padding: 14px 16px;
      }

      .lldx-project-switch {
        width: 100%;
        border-radius: 12px;
      }

      .lldx-project-switch button {
        padding: 11px 8px;
        white-space: normal;
      }

      .lldx-proof {
        padding: 64px 16px 82px;
      }

      .lldx-proof-head {
        grid-template-columns: 1fr;
        gap: 12px;
      }

      .lldx-proof-head > span { grid-column: 1; }
      .lldx-proof-head h2 { font-size: clamp(32px,9.4vw,48px); }

      .lldx-proof-stage { border-radius: 10px; }
      .lldx-proof-viewport { aspect-ratio: 16 / 10; }
      .lldx-proof-control { height: 68px; padding-inline: 18px; }
      .lldx-proof-range { inset-inline: 18px; width: calc(100% - 36px); }
      .lldx-proof-legend { font-size: 7px; letter-spacing: .08em; }
      .lldx-proof-readout { top: 12px; right: 12px; font-size: 7px; }
      .lldx-proof-scan { bottom: 68px; }
    }

    @media (max-width: 1024px) {
      .lldx-cinema {
        top: 94px;
        grid-template-columns: minmax(275px,.7fr) minmax(0,1.3fr);
        height: calc(100vh - 94px);
        min-height: 620px;
      }

      .lldx-cinema-content {
        padding: 30px 26px 26px;
      }

      .lldx-merged-head p {
        display: none;
      }

      .lldx-approach-lede {
        font-size: 13px;
      }
    }

    @media (max-width: 767px) {
      .lldx-approach {
        min-height: 275vh;
        padding: 0;
      }

      .lldx-cinema {
        top: 94px;
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: minmax(300px,48%) minmax(0,52%);
        height: calc(100svh - 94px);
        min-height: 660px;
        border-radius: 0;
      }

      .lldx-cinema-media {
        grid-column: 1;
        grid-row: 1;
        border-left: 0;
        border-bottom: 1px solid rgba(245,245,245,.1);
      }

      .lldx-cinema-content {
        grid-column: 1;
        grid-row: 2;
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: auto 1fr auto;
        gap: 12px;
        padding: 18px 18px 16px;
      }

      .lldx-merged-head {
        gap: 7px;
        padding-bottom: 10px;
      }

      .lldx-merged-head > span {
        font-size: 6px;
      }

      .lldx-merged-head h2 {
        max-width: none;
        font-size: clamp(25px,7.8vw,36px);
      }

      .lldx-merged-head h2 br {
        display: none;
      }

      .lldx-cinema-copy {
        padding: 4px 0;
      }

      .lldx-cinema-copy h3 {
        font-size: clamp(21px,6.6vw,30px);
      }

      .lldx-approach-lede {
        display: none;
      }

      .lldx-cinema-rail {
        grid-template-columns: repeat(3,minmax(0,1fr));
        grid-template-rows: 1fr;
      }

      .lldx-cinema-step,
      .lldx-cinema-step + .lldx-cinema-step,
      .lldx-cinema-step:nth-child(even),
      .lldx-cinema-step:nth-child(n+3) {
        min-height: 54px;
        padding: 10px 8px 9px 12px;
        border-top: 0;
        border-left: 1px solid rgba(245,245,245,.08);
      }

      .lldx-cinema-step:first-child {
        border-left: 0;
      }
    }

    @media (prefers-reduced-motion: reduce) {
      .lldx-hero-live {
        opacity: .2;
        transform: none;
      }

      .lldx-hero-scan,
      .lldx-hero-node {
        display: none;
      }

      .lldx-stage-film {
        display: none;
      }

      .lldx-cinema-film { transition: none !important; }
      .lldx-cinema-film.is-holding { animation: none !important; }
      .lldx-cinema-film:not(:first-child) { display: none !important; }
      .lldx-dramaturgy * { animation: none !important; }
      .lldx-dram-wave { stroke-dashoffset: 0 !important; }
      .lldx-dram-arc,
      .lldx-dram-nodes circle { opacity: .72 !important; }

      .lldx-process {
        min-height: 0;
        padding: 80px 0;
      }

      .lldx-process-sticky {
        position: relative;
        top: auto;
      }

      .lldx-stage {
        transform: none !important;
      }
    }

    /* Process dossier v3 — cinematic glass interface and complete technical frames. */
    .lldx-project-dock {
      position: relative;
      z-index: 12;
      min-height: 82px;
      padding: 13px clamp(20px,3.8vw,66px);
      background:
        linear-gradient(100deg,rgba(252,3,251,.07),transparent 34%,rgba(0,232,255,.045)),
        rgba(5,6,8,.86);
      box-shadow: 0 22px 66px rgba(0,0,0,.32),inset 0 1px rgba(255,255,255,.025);
      -webkit-backdrop-filter: blur(24px) saturate(1.35);
      backdrop-filter: blur(24px) saturate(1.35);
    }

    .lldx-project-dock::after {
      content: "";
      position: absolute;
      right: clamp(20px,3.8vw,66px);
      bottom: -1px;
      left: clamp(20px,3.8vw,66px);
      height: 1px;
      background: linear-gradient(90deg,transparent,var(--lldx-magenta) 18%,var(--lldx-violet) 58%,rgba(245,245,245,.72),transparent);
      box-shadow: 0 0 18px rgba(252,3,251,.34);
      opacity: .74;
    }

    .lldx-project-dock > span {
      color: rgba(245,245,245,.62);
      font-size: 8px;
      letter-spacing: .2em;
    }

    .lldx-project-switch {
      gap: 5px;
      padding: 4px;
      overflow: visible;
      border-color: rgba(245,245,245,.18);
      border-radius: 12px;
      background: rgba(1,2,4,.55);
      box-shadow: inset 0 0 28px rgba(255,255,255,.018),0 12px 34px rgba(0,0,0,.28);
      -webkit-backdrop-filter: blur(20px) saturate(1.3);
      backdrop-filter: blur(20px) saturate(1.3);
    }

    .lldx-project-switch button {
      position: relative;
      min-height: 44px;
      padding: 13px 22px 12px 38px;
      border: 0 !important;
      border-radius: 8px;
      font-size: 8px;
      letter-spacing: .12em;
      transition: color .35s ease,background .45s ease,box-shadow .45s ease,transform .45s cubic-bezier(.16,1,.3,1);
    }

    .lldx-project-switch button::before {
      content: "";
      position: absolute;
      top: 50%;
      left: 17px;
      width: 7px;
      height: 7px;
      border: 1px solid rgba(245,245,245,.36);
      border-radius: 50%;
      background: rgba(245,245,245,.08);
      transform: translateY(-50%);
      transition: border-color .35s ease,background .35s ease,box-shadow .35s ease;
    }

    .lldx-project-switch button:hover,
    .lldx-project-switch button:focus-visible {
      color: rgba(245,245,245,.82);
      background: rgba(255,255,255,.045);
      transform: translateY(-1px);
    }

    .lldx-project-switch button.is-active {
      color: #fff;
      background: linear-gradient(112deg,rgba(252,3,251,.18),rgba(138,123,255,.11) 58%,rgba(0,232,255,.08));
      box-shadow: inset 0 0 0 1px rgba(252,3,251,.22),0 10px 30px rgba(0,0,0,.26),0 0 26px rgba(252,3,251,.075);
    }

    .lldx-project-switch button.is-active::before {
      border-color: rgba(245,245,245,.86);
      background: var(--lldx-magenta);
      box-shadow: 0 0 11px rgba(252,3,251,.88),0 0 24px rgba(252,3,251,.34);
    }

    .lldx-project-dock .lldx-project-switch,
    .lldx-project-switch.is-proof {
      display: grid;
      grid-template-columns: repeat(5,minmax(0,1fr));
      width: 100%;
    }

    .lldx-project-dock .lldx-project-switch button,
    .lldx-project-switch.is-proof button {
      min-width: 0;
      padding-inline: 34px 12px;
      line-height: 1.34;
      text-align: left;
      white-space: normal;
    }

    .lldx-project-dock .lldx-project-switch button::before,
    .lldx-project-switch.is-proof button::before {
      left: 14px;
    }

    .lldx-cinema {
      grid-template-columns: minmax(350px,.62fr) minmax(0,1.38fr);
      background: #020304;
    }

    .lldx-cinema-media {
      grid-column: 1 / -1;
      border-left: 0;
    }

    .lldx-compare-scene::before {
      content: "";
      position: absolute;
      z-index: 0;
      inset: -8%;
      background-image: var(--lldx-scene-image);
      background-position: center;
      background-size: cover;
      filter: blur(34px) brightness(.34) saturate(.7);
      opacity: .72;
      transform: scale(1.08);
      pointer-events: none;
    }

    .lldx-cinema-state-image {
      z-index: 1;
    }

    .lldx-cinema-content {
      z-index: 8;
      grid-column: 1;
      align-self: center;
      width: auto;
      height: auto;
      max-height: calc(100% - clamp(34px,5vw,78px));
      margin: clamp(18px,2.5vw,42px) 0 clamp(18px,2.5vw,42px) clamp(18px,2.5vw,42px);
      padding: clamp(28px,3.4vw,56px) clamp(25px,3vw,48px) clamp(24px,2.7vw,42px);
      overflow: hidden;
      border: 1px solid rgba(245,245,245,.15);
      border-radius: clamp(14px,1.4vw,22px);
      background:
        radial-gradient(circle at 0 100%,rgba(252,3,251,.12),transparent 42%),
        linear-gradient(142deg,rgba(12,13,17,.76),rgba(3,4,7,.64));
      box-shadow: 0 32px 100px rgba(0,0,0,.55),inset 0 1px rgba(255,255,255,.055),inset 0 0 60px rgba(255,255,255,.018);
      -webkit-backdrop-filter: blur(30px) saturate(1.36);
      backdrop-filter: blur(30px) saturate(1.36);
    }

    .lldx-cinema-content::before {
      content: "";
      position: absolute;
      inset: 0;
      background-image:
        linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);
      background-size: 42px 42px;
      -webkit-mask-image: linear-gradient(135deg,#000,transparent 72%);
      mask-image: linear-gradient(135deg,#000,transparent 72%);
      opacity: .52;
      pointer-events: none;
    }

    .lldx-cinema-content > * {
      position: relative;
      z-index: 1;
    }

    .lldx-merged-head {
      gap: 11px;
      padding-bottom: clamp(18px,2.5vh,30px);
    }

    .lldx-merged-head > span {
      color: rgba(255,184,255,.9);
      font-size: 8px;
      text-shadow: 0 0 16px rgba(252,3,251,.26);
    }

    .lldx-merged-head h2 {
      font-size: clamp(31px,2.75vw,50px);
    }

    .lldx-cinema-copy {
      padding: clamp(18px,2.4vh,34px) 0;
    }

    .lldx-cinema-copy h3 {
      font-size: clamp(25px,2.25vw,40px);
    }

    .lldx-cinema-rail {
      gap: 5px;
      padding: 5px;
      border-color: rgba(245,245,245,.16);
      border-radius: 13px;
      background: rgba(1,2,4,.5);
      box-shadow: inset 0 0 28px rgba(255,255,255,.018),0 18px 48px rgba(0,0,0,.32);
    }

    .lldx-cinema-step,
    .lldx-cinema-step + .lldx-cinema-step,
    .lldx-cinema-step:hover,
    .lldx-cinema-step:focus,
    .lldx-cinema-step:active,
    .lldx-cinema-step.is-active {
      min-height: 68px;
      padding: 13px 18px 12px 24px;
      border: 0;
      border-radius: 9px;
    }

    .lldx-cinema-step span {
      margin-bottom: 6px;
      font-size: 7px;
      letter-spacing: .17em;
    }

    .lldx-cinema-step strong {
      font-size: clamp(16px,1.25vw,20px);
      letter-spacing: -.02em;
    }

    .lldx-cinema-step.is-active {
      background: linear-gradient(100deg,rgba(252,3,251,.18),rgba(138,123,255,.08) 66%,transparent) !important;
      box-shadow: inset 0 0 0 1px rgba(252,3,251,.18) !important;
    }

    .lldx-cinema-step::after {
      top: 13px;
      bottom: 13px;
      left: 0;
      width: 2px;
      box-shadow: 0 0 15px rgba(252,3,251,.76);
    }

    .lldx-compare-label,
    .lldx-compare-label.is-after {
      top: clamp(22px,2.4vw,38px);
      right: clamp(22px,2.6vw,42px);
      left: auto;
      display: inline-flex;
      align-items: center;
      gap: 11px;
      padding: 11px 15px 10px;
      border-color: rgba(245,245,245,.23);
      border-radius: 9px;
      color: #fff;
      background: rgba(3,4,7,.66);
      box-shadow: 0 14px 38px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.05);
      font-size: 9px;
      letter-spacing: .14em;
      -webkit-backdrop-filter: blur(22px) saturate(1.4);
      backdrop-filter: blur(22px) saturate(1.4);
    }

    .lldx-compare-label i {
      color: var(--lldx-magenta);
      font-style: normal;
      text-shadow: 0 0 11px rgba(252,3,251,.7);
    }

    .lldx-compare-label strong {
      font-weight: 500;
    }

    .lldx-compare-scene[data-project="jakov"][data-state="0"] .lldx-cinema-state-image {
      inset: -9%;
      width: 118% !important;
      height: 118% !important;
      aspect-ratio: auto;
      object-fit: cover;
      object-position: center;
      clip-path: none;
      transform: translate3d(3.4%,0,0) scale(1.035);
    }

    .lldx-compare-scene.is-active[data-project="jakov"][data-state="0"] .lldx-cinema-state-image {
      animation: lldxCinematicParallax 1.8s cubic-bezier(.16,1,.3,1) both;
    }

    .lldx-compare-scene[data-project="megadance"] .lldx-cinema-state-image,
    .lldx-compare-scene[data-project="fusion"] .lldx-cinema-state-image,
    .lldx-compare-scene[data-project="graso"] .lldx-cinema-state-image {
      inset: 0;
      width: 100% !important;
      height: 100% !important;
      object-fit: cover;
      object-position: center;
      transform: translate3d(2.2%,0,0) scale(1.025);
    }

    .lldx-compare-scene.is-active[data-project="megadance"] .lldx-cinema-state-image,
    .lldx-compare-scene.is-active[data-project="fusion"] .lldx-cinema-state-image,
    .lldx-compare-scene.is-active[data-project="graso"] .lldx-cinema-state-image {
      animation: lldxCinematicParallaxContained 1.8s cubic-bezier(.16,1,.3,1) both;
    }

    @keyframes lldxCinematicParallaxContained {
      from { transform: translate3d(2.2%,0,0) scale(1.035); }
      to { transform: translate3d(0,0,0) scale(1); }
    }

    .lldx-proof-label {
      padding: 11px 15px 10px;
      border-color: rgba(245,245,245,.22);
      border-radius: 9px;
      color: #fff;
      background: rgba(3,4,7,.68);
      box-shadow: 0 12px 34px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.05);
      font-size: 9px;
      -webkit-backdrop-filter: blur(22px) saturate(1.35);
      backdrop-filter: blur(22px) saturate(1.35);
    }

    .lldx-proof[data-project="jakov"][data-pair="0"] .lldx-proof-before {
      clip-path: inset(6.2% 8% 0 8%);
      transform: none;
    }

    @media (max-width: 1024px) {
      .lldx-cinema {
        grid-template-columns: minmax(300px,.72fr) minmax(0,1.28fr);
      }

      .lldx-cinema-content {
        margin: 20px 0 20px 20px;
        padding: 28px 25px 24px;
      }

      .lldx-cinema-step,
      .lldx-cinema-step + .lldx-cinema-step,
      .lldx-cinema-step:hover,
      .lldx-cinema-step:focus,
      .lldx-cinema-step:active,
      .lldx-cinema-step.is-active {
        min-height: 58px;
      }
    }

    @media (max-width: 767px) {
      .lldx-project-dock {
        gap: 11px;
        min-height: 0;
        padding: 14px 16px 16px;
      }

      .lldx-project-switch button {
        min-height: 46px;
        padding: 11px 8px 10px 27px;
        font-size: 7px;
      }

      .lldx-project-switch button::before {
        left: 11px;
        width: 6px;
        height: 6px;
      }

      .lldx-project-dock .lldx-project-switch,
      .lldx-project-switch.is-proof {
        display: flex;
        width: 100%;
        max-width: 100%;
        padding: 4px;
        overflow-x: auto;
        overscroll-behavior-inline: contain;
        scroll-snap-type: inline proximity;
        scrollbar-width: none;
      }

      .lldx-project-dock .lldx-project-switch::-webkit-scrollbar,
      .lldx-project-switch.is-proof::-webkit-scrollbar {
        display: none;
      }

      .lldx-project-dock .lldx-project-switch button,
      .lldx-project-switch.is-proof button {
        flex: 0 0 min(72vw,260px);
        min-width: min(72vw,260px);
        scroll-snap-align: start;
      }

      .lldx-cinema {
        grid-template-columns: 1fr;
        grid-template-rows: 1fr;
      }

      .lldx-cinema-media {
        grid-column: 1;
        grid-row: 1;
      }

      .lldx-cinema-content {
        grid-column: 1;
        grid-row: 1;
        align-self: end;
        max-height: 56%;
        margin: 12px;
        padding: 18px 17px 15px;
        border-radius: 14px;
        background: linear-gradient(145deg,rgba(10,11,15,.78),rgba(3,4,7,.69));
        -webkit-backdrop-filter: blur(24px) saturate(1.3);
        backdrop-filter: blur(24px) saturate(1.3);
      }

      .lldx-merged-head {
        gap: 6px;
        padding-bottom: 9px;
      }

      .lldx-merged-head h2 {
        font-size: clamp(23px,7vw,32px);
      }

      .lldx-cinema-copy {
        padding: 4px 0 8px;
      }

      .lldx-cinema-copy h3 {
        font-size: clamp(19px,5.9vw,27px);
      }

      .lldx-cinema-rail {
        grid-template-columns: repeat(3,minmax(0,1fr));
        grid-template-rows: 1fr;
      }

      .lldx-cinema-step,
      .lldx-cinema-step + .lldx-cinema-step,
      .lldx-cinema-step:nth-child(even),
      .lldx-cinema-step:nth-child(n+3) {
        min-height: 54px;
        padding: 9px 7px 8px 10px;
        border: 0;
      }

      .lldx-cinema-step strong {
        font-size: 12px;
      }

      .lldx-compare-label,
      .lldx-compare-label.is-after {
        top: 14px;
        right: 14px;
        max-width: none;
        padding: 8px 10px 7px;
        font-size: 7px;
      }

      .lldx-compare-scene[data-project="jakov"][data-state="0"] .lldx-cinema-state-image {
        inset: -9%;
        width: 118% !important;
        height: 118% !important;
        aspect-ratio: auto;
        object-fit: cover;
        clip-path: none;
        transform: translate3d(0,0,0) scale(1.015);
      }

      .lldx-compare-scene.is-active[data-project="jakov"][data-state="0"] .lldx-cinema-state-image {
        animation: none;
      }
    }

    /* Final integration: process story and proof share one design-page dossier. */
    body.lldx-page .elementor-element-70a90e .elementor-shortcode {
      position: relative;
      overflow: clip;
      padding-top: clamp(56px,5vw,92px);
      background:
        radial-gradient(circle at 10% 18%,rgba(252,3,251,.07),transparent 27%),
        radial-gradient(circle at 90% 72%,rgba(138,123,255,.065),transparent 30%),
        linear-gradient(180deg,#030304,#020203 62%,#030304);
    }

    .lldx-project-dock {
      width: min(calc(100% - clamp(28px,4vw,72px)),1780px);
      min-height: 58px;
      margin: 0 auto;
      padding: 12px clamp(20px,2.8vw,46px);
      border: 1px solid rgba(245,245,245,.11);
      border-bottom: 0;
      border-radius: 18px 18px 0 0;
      background:
        linear-gradient(100deg,rgba(252,3,251,.07),transparent 38%,rgba(138,123,255,.045)),
        rgba(5,6,8,.78);
      box-shadow: 0 18px 58px rgba(0,0,0,.32),inset 0 1px rgba(255,255,255,.035);
    }

    .lldx-project-dock::after {
      right: clamp(20px,2.8vw,46px);
      left: clamp(20px,2.8vw,46px);
      background: linear-gradient(90deg,transparent,var(--lldx-magenta) 18%,var(--lldx-violet) 72%,transparent);
    }

    .lldx-approach {
      padding: 0 clamp(14px,2vw,36px);
      background: transparent;
    }

    .lldx-cinema {
      top: 98px;
      width: min(100%,1780px);
      height: calc(100vh - 116px);
      margin: 0 auto;
      overflow: hidden;
      border: 1px solid rgba(245,245,245,.13);
      border-radius: clamp(14px,1.35vw,24px);
      background: #020304;
      box-shadow: 0 38px 130px rgba(0,0,0,.58),inset 0 1px rgba(255,255,255,.035);
    }

    .lldx-cinema-media,
    .lldx-cinema-frame {
      border-radius: inherit;
    }

    .lldx-cinema-frame {
      inset: 14px;
      border-color: rgba(245,245,245,.09);
      border-radius: clamp(10px,1vw,18px);
    }

    .lldx-cinema-content {
      max-width: min(37vw,620px);
      margin-left: clamp(20px,2.2vw,38px);
      border-color: rgba(245,245,245,.14);
      background:
        radial-gradient(circle at 0 100%,rgba(252,3,251,.115),transparent 42%),
        linear-gradient(142deg,rgba(11,12,16,.77),rgba(3,4,7,.65));
    }

    .lldx-proof {
      width: min(calc(100% - clamp(28px,4vw,72px)),1780px);
      margin: 0 auto;
      padding: clamp(94px,8vw,138px) 0 clamp(92px,9vw,152px);
      overflow: visible;
      background: transparent;
      border: 0;
    }

    .lldx-proof::before {
      content: "";
      position: absolute;
      top: 0;
      right: 0;
      left: 0;
      height: 1px;
      background: linear-gradient(90deg,transparent,var(--lldx-magenta) 16%,var(--lldx-violet) 76%,transparent);
      box-shadow: 0 0 22px rgba(252,3,251,.28);
      opacity: .82;
    }

    .lldx-proof-head {
      padding: 0 clamp(6px,1vw,16px);
    }

    .lldx-proof-head > span {
      color: rgba(255,184,255,.92);
      text-shadow: 0 0 16px rgba(252,3,251,.24);
    }

    .lldx-proof-stage {
      border-color: rgba(245,245,245,.14);
      border-radius: clamp(14px,1.35vw,24px);
      background:
        linear-gradient(rgba(245,245,245,.014) 1px,transparent 1px),
        linear-gradient(90deg,rgba(245,245,245,.014) 1px,transparent 1px),
        #020304;
      background-size: 48px 48px;
      box-shadow: 0 38px 130px rgba(0,0,0,.58),0 0 70px rgba(138,123,255,.035),inset 0 1px rgba(255,255,255,.035);
    }

    .lldx-proof-track::before {
      background: linear-gradient(90deg,var(--lldx-magenta),#c945ff 50%,var(--lldx-violet));
      box-shadow: 0 0 13px rgba(138,123,255,.54);
    }

    .lldx-proof-track::after {
      box-shadow: 0 0 0 5px rgba(245,245,245,.05),0 0 22px rgba(138,123,255,.74);
    }

    .lldx-unified-process {
      min-height: 320vh;
      padding: 0;
    }

    /* Full-bleed process chapter: spacing belongs to the section, while the
       dossier and cinema run edge-to-edge without a card-like outer shell. */
    .lldx-project-dock:has(+ .lldx-unified-process) {
      position: relative;
      z-index: 2;
      width: 100%;
      max-width: none;
      margin: 0;
      padding-inline: clamp(32px,4vw,78px);
      border-right: 0;
      border-left: 0;
      border-bottom: 1px solid rgba(245,245,245,.11);
      border-radius: 0;
      box-shadow: inset 0 1px rgba(255,255,255,.035),0 18px 58px rgba(0,0,0,.24);
    }

    .lldx-project-dock:has(+ .lldx-unified-process)::after {
      right: 0;
      bottom: -1px;
      left: 0;
      height: 1px;
    }

    .lldx-unified-process .lldx-cinema {
      width: 100%;
      max-width: none;
      margin-top: 0;
      border-right: 0;
      border-left: 0;
      border-top: 0;
      border-radius: 0;
      box-shadow: 0 38px 130px rgba(0,0,0,.46),inset 0 1px rgba(255,255,255,.025);
    }

    .lldx-unified-process .lldx-cinema-frame {
      right: 0;
      top: 14px;
      left: 0;
      border-right: 0;
      border-left: 0;
      border-radius: 0;
    }

    .lldx-unified-process .lldx-cinema-content {
      justify-content: flex-start;
      max-height: calc(100% - clamp(118px,14vh,154px));
      margin-bottom: clamp(112px,13vh,146px);
    }

    .lldx-unified-process .lldx-cinema-copy {
      flex: 0 1 auto;
    }

    /* Keep every Rozga state on the same optical canvas. CAD was previously
       treated like a cover image, which cropped the upper truss at wide
       desktop ratios and made the comparison feel misregistered. */
    .lldx-unified-process .lldx-compare-scene::before {
      inset: 0;
      background-size: cover;
      opacity: .48;
    }

    .lldx-unified-process .lldx-cinema-state-image {
      inset: 0;
      width: 100% !important;
      height: 100% !important;
      object-fit: contain;
      object-position: 50% 50%;
      transform: translate3d(0,0,0) scale(1);
    }

    /* CAD remains uncropped for technical legibility. The 3D visualisation and
       final-show photographs fill the complete cinematic canvas. */
    .lldx-unified-process [data-state="1"] .lldx-cinema-state-image,
    .lldx-unified-process [data-state="2"] .lldx-cinema-state-image {
      object-fit: cover;
    }

    .lldx-unified-process [data-state="1"] .lldx-cinema-state-image {
      object-position: 50% 46%;
    }

    .lldx-unified-process [data-state="2"] .lldx-cinema-state-image {
      object-position: 50% 44%;
    }

    .lldx-unified-process .lldx-compare-scene.is-active .lldx-cinema-state-image {
      animation: lldxUnifiedProcessParallax 1.8s cubic-bezier(.16,1,.3,1) both;
    }

    @keyframes lldxUnifiedProcessParallax {
      from { transform: translate3d(.7%,0,0) scale(1.008); }
      to { transform: translate3d(0,0,0) scale(1); }
    }

    .lldx-unified-compare {
      --lldx-unified-progress: 0%;
      position: absolute;
      z-index: 10;
      right: clamp(24px,2.5vw,44px);
      bottom: clamp(24px,2.5vw,40px);
      left: clamp(420px,37vw,670px);
      margin: 0;
      padding: 18px 22px 22px;
      overflow: hidden;
      border: 1px solid rgba(245,245,245,.17);
      border-radius: 16px;
      background:
        radial-gradient(circle at var(--lldx-unified-progress) 100%,rgba(138,123,255,.13),transparent 18%),
        linear-gradient(100deg,rgba(252,3,251,.09),transparent 44%,rgba(138,123,255,.07)),
        rgba(2,3,6,.72);
      box-shadow: inset 0 1px rgba(255,255,255,.05),0 22px 62px rgba(0,0,0,.42),0 0 38px rgba(138,123,255,.045);
      -webkit-backdrop-filter: blur(28px) saturate(1.34);
      backdrop-filter: blur(28px) saturate(1.34);
    }

    .lldx-unified-compare-head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 16px;
      margin-bottom: 17px;
      color: rgba(245,245,245,.52);
      font: 8px/1.2 "Martian Mono",monospace;
      letter-spacing: .15em;
      text-transform: uppercase;
    }

    .lldx-unified-compare-head strong {
      color: #fff;
      font-weight: 500;
      text-shadow: 0 0 14px rgba(252,3,251,.32);
    }

    .lldx-unified-legend {
      display: grid;
      grid-template-columns: repeat(3,1fr);
      align-items: end;
      gap: 8px;
      margin-bottom: 18px;
      color: rgba(245,245,245,.3);
      font: 8px/1.25 "Martian Mono",monospace;
      letter-spacing: .08em;
      text-transform: uppercase;
      pointer-events: none;
    }

    .lldx-unified-legend span:nth-child(2) { text-align: center; }
    .lldx-unified-legend span:last-child { text-align: right; }
    .lldx-unified-legend span.is-active { color: rgba(245,245,245,.92); }

    .lldx-unified-track {
      position: relative;
      height: 2px;
      background: rgba(245,245,245,.16);
      box-shadow: 0 0 18px rgba(0,0,0,.8);
      pointer-events: none;
    }

    .lldx-unified-track::before {
      content: "";
      position: absolute;
      inset: 0 auto 0 0;
      width: var(--lldx-unified-progress);
      background: linear-gradient(90deg,var(--lldx-magenta),#c945ff 52%,var(--lldx-violet));
      box-shadow: 0 0 15px rgba(138,123,255,.56);
    }

    .lldx-unified-track::after {
      content: "";
      position: absolute;
      top: 50%;
      left: var(--lldx-unified-progress);
      width: 19px;
      height: 19px;
      border: 1px solid rgba(245,245,245,.82);
      border-radius: 50%;
      background: #07080b;
      box-shadow: 0 0 0 6px rgba(245,245,245,.045),0 0 28px rgba(138,123,255,.82),0 0 44px rgba(252,3,251,.2);
      transform: translate(-50%,-50%);
    }

    .lldx-unified-scan {
      position: absolute;
      z-index: 9;
      top: 15px;
      bottom: clamp(128px,15vh,168px);
      left: var(--lldx-unified-scan,0%);
      width: 1px;
      background: rgba(255,255,255,.94);
      box-shadow: 0 0 12px rgba(255,255,255,.9),0 0 34px rgba(138,123,255,.7),0 0 58px rgba(252,3,251,.3);
      opacity: var(--lldx-unified-scan-opacity,0);
      transform: translateX(-50%);
      pointer-events: none;
      transition: opacity .18s ease;
    }

    .lldx-unified-scan::after {
      content: "";
      position: absolute;
      top: 50%;
      left: 50%;
      width: 30px;
      height: 30px;
      border: 1px solid rgba(245,245,245,.72);
      border-radius: 50%;
      background: rgba(3,4,7,.72);
      box-shadow: 0 0 30px rgba(138,123,255,.64);
      transform: translate(-50%,-50%);
    }

    .lldx-cinema.is-direct-compare .lldx-compare-scene,
    .lldx-cinema.is-direct-compare .lldx-cinema-state-image {
      animation: none !important;
    }

    .lldx-cinema.is-direct-compare .lldx-compare-scene::after {
      display: none;
    }

    .lldx-unified-range {
      position: absolute;
      z-index: 6;
      inset: 0;
      width: 100%;
      height: 100%;
      margin: 0;
      opacity: 0;
      cursor: ew-resize;
    }

    @media (max-width: 1024px) {
      .lldx-cinema-content {
        max-width: min(44vw,540px);
      }

      .lldx-unified-compare {
        left: clamp(350px,44vw,540px);
      }
    }

    @media (max-width: 767px) {
      body.lldx-page .elementor-element-70a90e .elementor-shortcode {
        padding-top: 42px;
      }

      .lldx-project-dock {
        width: calc(100% - 24px);
        padding: 12px 14px;
        border-radius: 12px 12px 0 0;
      }

      .lldx-approach {
        padding-inline: 10px;
      }

      .lldx-cinema {
        top: 76px;
        width: 100%;
        height: calc(100svh - 88px);
        min-height: 600px;
        border-radius: 14px;
      }

      .lldx-cinema-content {
        width: auto;
        max-width: none;
        max-height: calc(100% - 154px);
        margin: 12px;
        margin-bottom: 146px;
      }

      .lldx-proof {
        width: calc(100% - 24px);
        padding: 74px 0 88px;
      }

      .lldx-proof-head {
        padding-inline: 2px;
      }

      .lldx-proof-stage {
        border-radius: 14px;
      }

      .lldx-unified-process {
        min-height: 300vh;
        padding-inline: 0;
      }

      .lldx-project-dock:has(+ .lldx-unified-process) {
        width: 100%;
        padding-inline: 18px;
        border-radius: 0;
      }

      .lldx-unified-process .lldx-cinema {
        border-radius: 0;
      }

      .lldx-unified-compare {
        right: 12px;
        bottom: 12px;
        left: 12px;
        padding: 14px 14px 18px;
        border-radius: 13px;
      }

      .lldx-unified-compare-head,
      .lldx-unified-legend {
        font-size: 7px;
      }

      .lldx-unified-scan {
        top: 14px;
        bottom: 132px;
      }
    }
    

    .llsw-band {
      --lsw-accent: #00e8ff;
      --lsw-accent-2: #4fa8ff;
      --lsw-accent-rgb: 0,232,255;
      position: relative !important;
      width: 100% !important;
      max-width: none !important;
      margin: 0 !important;
      padding: 0 !important;
      overflow: hidden !important;
      background:
        radial-gradient(circle at 88% 18%,rgba(var(--lsw-accent-rgb),.105),transparent 34%),
        radial-gradient(circle at 10% 78%,rgba(var(--lsw-accent-rgb),.045),transparent 35%),
        #050505 !important;
      isolation: isolate;
    }

    .llsw-band.is-programming {
      --lsw-accent: #00e8ff;
      --lsw-accent-2: #4fa8ff;
      --lsw-accent-rgb: 0,232,255;
    }

    .llsw-band.is-design {
      --lsw-accent: #fc03fb;
      --lsw-accent-2: #8a7bff;
      --lsw-accent-rgb: 252,3,251;
    }

    .llsw-band::before {
      content: "";
      position: absolute;
      z-index: 5;
      top: 0;
      right: 0;
      left: 0;
      height: 1px;
      background: linear-gradient(
        90deg,
        transparent 0%,
        var(--lsw-accent-2) 20%,
        var(--lsw-accent) 50%,
        rgba(245,245,245,.86) 67%,
        transparent 100%
      );
      box-shadow: 0 0 16px rgba(var(--lsw-accent-rgb),.36);
      opacity: .86;
      pointer-events: none;
    }

    .llsw-band::after {
      content: "";
      position: absolute;
      z-index: -1;
      inset: 0;
      background-image:
        linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);
      background-size: 74px 74px;
      -webkit-mask-image: radial-gradient(circle at 72% 38%,#000,transparent 72%);
      mask-image: radial-gradient(circle at 72% 38%,#000,transparent 72%);
      pointer-events: none;
    }

    .container.llsw-gallery {
      position: relative;
      width: 100% !important;
      max-width: none !important;
      margin: 0 !important;
      padding: clamp(76px,8vw,132px) clamp(20px,3.8vw,66px) clamp(84px,9vw,148px) !important;
      background: transparent !important;
    }

    .container.llsw-gallery > .band-head {
      display: grid !important;
      grid-template-columns: minmax(0,1fr) auto !important;
      gap: 30px !important;
      align-items: end !important;
      width: 100%;
      max-width: none !important;
      margin: 0 0 clamp(30px,4vw,58px) !important;
    }

    .container.llsw-gallery > .band-head .eyebrow {
      grid-column: 1 / -1;
      margin: 0 0 -10px !important;
      color: var(--lsw-accent) !important;
    }

    .container.llsw-gallery > .band-head h2 {
      max-width: 980px;
      margin: 0 !important;
      font-size: clamp(56px,6vw,104px) !important;
      line-height: .9 !important;
      letter-spacing: -.052em !important;
      text-wrap: balance;
    }

    .llsw-header-meta {
      display: grid;
      justify-items: end;
      gap: 7px;
      padding-bottom: 7px;
      color: rgba(235,240,249,.4);
      font: 500 8px/1.25 var(--font-mono);
      letter-spacing: .16em;
      text-align: right;
      text-transform: uppercase;
    }

    .llsw-header-meta strong {
      color: rgba(247,249,255,.9);
      font-size: 10px;
      font-weight: 500;
    }

    .llsw-header-meta strong::before {
      content: "";
      display: inline-block;
      width: 5px;
      height: 5px;
      margin: 0 9px 1px 0;
      border-radius: 50%;
      background: var(--lsw-accent);
      box-shadow: 0 0 10px var(--lsw-accent);
    }

    .container.llsw-gallery > .work-grid {
      display: grid !important;
      grid-template-columns: repeat(12,minmax(0,1fr)) !important;
      grid-auto-flow: dense !important;
      grid-auto-rows: clamp(230px,21vw,324px) !important;
      gap: clamp(8px,.8vw,13px) !important;
      width: 100% !important;
      margin: 0 !important;
      padding: 0 !important;
    }

    .container.llsw-gallery .work-card {
      position: relative !important;
      grid-column: span 5;
      width: auto !important;
      height: auto !important;
      min-height: 0 !important;
      margin: 0 !important;
      padding: 0 !important;
      display: block !important;
      overflow: hidden !important;
      border: 1px solid rgba(var(--lsw-accent-rgb),.18) !important;
      border-radius: 7px !important;
      background: #050505 !important;
      color: #fff;
      text-align: left;
      opacity: 0;
      transform: translate3d(0,28px,0);
      clip-path: none !important;
      -webkit-mask-image: none !important;
      cursor: pointer;
      isolation: isolate;
      transition:
        opacity .7s ease var(--lsw-delay,0s),
        border-color .45s ease,
        box-shadow .45s ease,
        transform .75s cubic-bezier(.16,1,.3,1) var(--lsw-delay,0s) !important;
    }

    .container.llsw-gallery.is-in .work-card {
      opacity: 1;
      transform: translate3d(0,0,0);
    }

    .container.llsw-gallery .work-card:first-child {
      grid-column: span 7;
      grid-row: span 2;
    }

    .container.llsw-gallery .work-card::before {
      content: "";
      position: absolute;
      z-index: 5;
      inset: auto 0 0 0 !important;
      width: auto !important;
      height: 1px !important;
      padding: 0 !important;
      border: 0 !important;
      border-radius: 0 !important;
      background: linear-gradient(
        90deg,
        var(--lsw-accent-2),
        var(--lsw-accent) 54%,
        rgba(245,245,245,.82) 75%,
        transparent 100%
      ) !important;
      box-shadow: 0 0 14px rgba(var(--lsw-accent-rgb),.5) !important;
      opacity: .5;
      -webkit-backdrop-filter: none !important;
      backdrop-filter: none !important;
      transform: scaleX(.14) !important;
      transform-origin: left;
      transition: transform .8s cubic-bezier(.16,1,.3,1),opacity .4s ease !important;
    }

    .container.llsw-gallery .work-card::after {
      content: "";
      position: absolute;
      z-index: 3;
      inset: 0 !important;
      width: auto !important;
      height: auto !important;
      border: 0 !important;
      border-radius: inherit !important;
      background:
        linear-gradient(180deg,rgba(5,5,5,.02) 20%,rgba(5,5,5,.13) 50%,rgba(5,5,5,.95) 100%),
        linear-gradient(125deg,rgba(var(--lsw-accent-rgb),.08),transparent 48%) !important;
      box-shadow: inset 0 0 0 1px rgba(255,255,255,.016) !important;
      mix-blend-mode: normal !important;
      opacity: 1 !important;
      transform: none !important;
      pointer-events: none;
    }

    .container.llsw-gallery .llsw-color-wash {
      position: absolute;
      z-index: 2;
      inset: 0;
      display: block !important;
      border-radius: inherit;
      background: linear-gradient(132deg,var(--lsw-accent) 0%,var(--lsw-accent-2) 100%);
      mix-blend-mode: color;
      opacity: .76;
      pointer-events: none;
      transition: opacity .75s cubic-bezier(.16,1,.3,1);
    }

    .container.llsw-gallery .work-card:hover,
    .container.llsw-gallery .work-card:focus-visible {
      z-index: 4;
      border-color: rgba(var(--lsw-accent-rgb),.58) !important;
      box-shadow:
        0 28px 64px -30px rgba(0,0,0,.94),
        0 0 30px rgba(var(--lsw-accent-rgb),.13) !important;
      transform: translate3d(0,-4px,0) !important;
    }

    .container.llsw-gallery .work-card:hover::before,
    .container.llsw-gallery .work-card:focus-visible::before {
      opacity: 1;
      transform: scaleX(1) !important;
    }

    .container.llsw-gallery .work-card:hover .llsw-color-wash,
    .container.llsw-gallery .work-card:focus-visible .llsw-color-wash,
    .container.llsw-gallery .work-card:active .llsw-color-wash,
    .container.llsw-gallery .work-card.is-active .llsw-color-wash {
      opacity: .03;
    }

    .container.llsw-gallery .work-card > img {
      position: absolute !important;
      z-index: 1;
      inset: 0;
      width: 100% !important;
      height: 100% !important;
      min-height: 0 !important;
      display: block !important;
      object-fit: cover !important;
      object-position: center !important;
      border: 0 !important;
      border-radius: 0 !important;
      filter: saturate(.92) contrast(1.08) brightness(.82) !important;
      transform: scale(1.005) !important;
      transition:
        filter .8s ease,
        transform 1.45s cubic-bezier(.16,1,.3,1) !important;
    }

    .container.llsw-gallery .work-card:hover > img,
    .container.llsw-gallery .work-card:focus-visible > img {
      filter: saturate(1.08) contrast(1.05) brightness(.96) !important;
      transform: scale(1.045) !important;
    }

    .container.llsw-gallery .work-card .work-card-info {
      position: absolute !important;
      z-index: 6;
      right: clamp(18px,1.8vw,30px);
      bottom: clamp(17px,1.8vw,30px);
      left: clamp(18px,1.8vw,30px);
      padding: 0 !important;
      background: none !important;
      transform: none !important;
      transition: transform .58s cubic-bezier(.16,1,.3,1) !important;
    }

    .container.llsw-gallery .work-card:hover .work-card-info,
    .container.llsw-gallery .work-card:focus-visible .work-card-info {
      padding: 0 !important;
      transform: translateY(-4px) !important;
    }

    .container.llsw-gallery .work-card h3 {
      max-width: 90%;
      margin: 0 !important;
      color: #f8f9ff !important;
      font: 400 clamp(23px,2.15vw,37px)/.98 var(--font-display) !important;
      letter-spacing: -.04em !important;
      text-wrap: balance;
    }

    .container.llsw-gallery .work-card:first-child h3 {
      max-width: 75%;
      font-size: clamp(38px,4.3vw,72px) !important;
      line-height: .93 !important;
      letter-spacing: -.052em !important;
    }

    .container.llsw-gallery .work-card .meta {
      display: block !important;
      margin-top: 9px !important;
      overflow: hidden;
      color: rgba(239,242,250,.56) !important;
      font: 500 8px/1.2 var(--font-mono) !important;
      letter-spacing: .13em !important;
      text-overflow: ellipsis;
      text-transform: uppercase;
      white-space: nowrap;
    }

    .llsw-card-index,
    .llsw-photo-count {
      position: absolute;
      z-index: 7;
      top: clamp(15px,1.5vw,23px);
      color: rgba(246,248,255,.76);
      font: 500 8px/1 var(--font-mono);
      letter-spacing: .13em;
      text-transform: uppercase;
      pointer-events: none;
    }

    .llsw-card-index {
      left: clamp(16px,1.6vw,25px);
    }

    .llsw-card-index::before {
      content: "";
      display: inline-block;
      width: 18px;
      height: 1px;
      margin: 0 8px 3px 0;
      background: linear-gradient(90deg,var(--lsw-accent-2),var(--lsw-accent));
      box-shadow: 0 0 8px rgba(var(--lsw-accent-rgb),.56);
    }

    .llsw-photo-count {
      right: clamp(16px,1.6vw,25px);
      color: rgba(234,239,249,.5);
    }

    .container.llsw-gallery > p:last-child {
      display: flex !important;
      justify-content: flex-end !important;
      margin: clamp(28px,3.4vw,48px) 0 0 !important;
    }

    .container.llsw-gallery > p:last-child .btn {
      min-width: min(100%,290px);
      justify-content: center;
      border-color: rgba(var(--lsw-accent-rgb),.28) !important;
      background: rgba(255,255,255,.025) !important;
      -webkit-backdrop-filter: blur(16px);
      backdrop-filter: blur(16px);
    }

    .container.llsw-gallery > p:last-child .btn:hover,
    .container.llsw-gallery > p:last-child .btn:focus-visible {
      border-color: rgba(var(--lsw-accent-rgb),.58) !important;
      background: rgba(var(--lsw-accent-rgb),.075) !important;
    }

    /* Retire the legacy Design-page three-card layout once this component is active. */
    body.page-id-1768 .elementor-element-7d9ee6.llsw-band {
      min-height: 0 !important;
      height: auto !important;
      margin: 0 !important;
      padding: 0 !important;
      border-top: 0 !important;
      background:
        radial-gradient(circle at 88% 18%,rgba(var(--lsw-accent-rgb),.105),transparent 34%),
        radial-gradient(circle at 10% 78%,rgba(var(--lsw-accent-rgb),.045),transparent 35%),
        #050505 !important;
    }

    body.page-id-1768 .elementor-element-7d9ee6 .container.llsw-gallery {
      width: 100% !important;
      max-width: none !important;
      padding: clamp(76px,8vw,132px) clamp(20px,3.8vw,66px) clamp(84px,9vw,148px) !important;
    }

    body.page-id-1768 .elementor-element-7d9ee6 .container.llsw-gallery > .band-head {
      display: grid !important;
      grid-template-columns: minmax(0,1fr) auto !important;
      gap: 30px !important;
      margin: 0 0 clamp(30px,4vw,58px) !important;
    }

    body.page-id-1768 .elementor-element-7d9ee6 .container.llsw-gallery > .band-head::after {
      content: none !important;
      display: none !important;
    }

    body.page-id-1768 .elementor-element-7d9ee6 .container.llsw-gallery .display-lg {
      max-width: 980px !important;
      font-size: clamp(56px,6vw,104px) !important;
      line-height: .9 !important;
    }

    body.page-id-1768 .elementor-element-7d9ee6 .container.llsw-gallery > .work-grid {
      grid-template-columns: repeat(12,minmax(0,1fr)) !important;
      grid-template-rows: none !important;
      grid-auto-rows: clamp(230px,21vw,324px) !important;
      gap: clamp(8px,.8vw,13px) !important;
    }

    body.page-id-1768 .elementor-element-7d9ee6 .container.llsw-gallery .work-card:nth-child(n) {
      grid-column: span 5 !important;
      grid-row: auto !important;
      min-height: 0 !important;
    }

    body.page-id-1768 .elementor-element-7d9ee6 .container.llsw-gallery .work-card:first-child {
      grid-column: span 7 !important;
      grid-row: span 2 !important;
    }

    body.page-id-1768 .elementor-element-7d9ee6 .container.llsw-gallery .work-card::before {
      inset: auto 0 0 !important;
      height: 1px !important;
      background: linear-gradient(
        90deg,
        var(--lsw-accent-2),
        var(--lsw-accent) 54%,
        rgba(245,245,245,.82) 75%,
        transparent 100%
      ) !important;
      mix-blend-mode: normal !important;
      opacity: .5 !important;
    }

    body.page-id-1768 .elementor-element-7d9ee6 .container.llsw-gallery .work-card:hover::before,
    body.page-id-1768 .elementor-element-7d9ee6 .container.llsw-gallery .work-card:focus-visible::before {
      opacity: 1 !important;
    }

    body.page-id-1768 .elementor-element-7d9ee6 .container.llsw-gallery .lldx-photo-count {
      display: none !important;
    }

    @media (max-width: 900px) {
      .container.llsw-gallery {
        padding-right: 20px !important;
        padding-left: 20px !important;
      }

      .container.llsw-gallery > .band-head {
        grid-template-columns: 1fr !important;
        gap: 17px !important;
        margin-bottom: 28px !important;
      }

      .container.llsw-gallery > .band-head .eyebrow {
        grid-column: auto;
        margin-bottom: 0 !important;
      }

      .container.llsw-gallery > .band-head h2 {
        font-size: clamp(48px,12vw,72px) !important;
      }

      .llsw-header-meta {
        justify-items: start;
        padding: 0;
        text-align: left;
      }

      .container.llsw-gallery > .work-grid {
        grid-template-columns: repeat(2,minmax(0,1fr)) !important;
        grid-auto-rows: clamp(190px,47vw,310px) !important;
      }

      .container.llsw-gallery .work-card,
      .container.llsw-gallery .work-card:first-child {
        grid-column: span 1;
        grid-row: span 1;
      }

      .container.llsw-gallery .work-card:first-child {
        grid-column: 1 / -1;
        grid-row: span 2;
      }

      body.page-id-1768 .elementor-element-7d9ee6 .container.llsw-gallery {
        padding-right: 20px !important;
        padding-left: 20px !important;
      }

      body.page-id-1768 .elementor-element-7d9ee6 .container.llsw-gallery > .band-head {
        grid-template-columns: 1fr !important;
        gap: 17px !important;
        margin-bottom: 28px !important;
      }

      body.page-id-1768 .elementor-element-7d9ee6 .container.llsw-gallery > .work-grid {
        grid-template-columns: repeat(2,minmax(0,1fr)) !important;
        grid-template-rows: none !important;
        grid-auto-rows: clamp(190px,47vw,310px) !important;
      }

      body.page-id-1768 .elementor-element-7d9ee6 .container.llsw-gallery .work-card:nth-child(n) {
        grid-column: span 1 !important;
        grid-row: span 1 !important;
        min-height: 0 !important;
      }

      body.page-id-1768 .elementor-element-7d9ee6 .container.llsw-gallery .work-card:first-child {
        grid-column: 1 / -1 !important;
        grid-row: span 2 !important;
      }
    }

    @media (max-width: 520px) {
      .container.llsw-gallery {
        padding-top: 64px !important;
        padding-bottom: 84px !important;
      }

      .container.llsw-gallery > .work-grid {
        grid-auto-rows: clamp(176px,49vw,238px) !important;
      }

      .container.llsw-gallery .work-card:first-child {
        grid-row: span 2;
      }

      .container.llsw-gallery .work-card h3 {
        max-width: 95%;
        font-size: clamp(16px,4.5vw,21px) !important;
      }

      .container.llsw-gallery .work-card:first-child h3 {
        font-size: clamp(30px,8.5vw,44px) !important;
      }

      .container.llsw-gallery .work-card .meta {
        display: none !important;
      }

      .llsw-photo-count {
        display: none;
      }

      .container.llsw-gallery > p:last-child {
        justify-content: stretch !important;
      }

      .container.llsw-gallery > p:last-child .btn {
        width: 100%;
      }

      body.page-id-1768 .elementor-element-7d9ee6 .container.llsw-gallery {
        padding-top: 64px !important;
        padding-bottom: 84px !important;
      }
    }

    @media (prefers-reduced-motion: reduce) {
      .container.llsw-gallery .work-card,
      .container.llsw-gallery .work-card::before,
      .container.llsw-gallery .work-card > img,
      .container.llsw-gallery .llsw-color-wash,
      .container.llsw-gallery .work-card .work-card-info {
        transition: none !important;
      }
    }
    

    .band-head > .ll-random-selection-note {
      grid-column: 1 / -1;
      max-width: 62ch;
      margin: clamp(12px,1.4vw,20px) 0 0;
      color: rgba(245,245,245,.56);
      font-family: "Martian Mono",ui-monospace,monospace;
      font-size: clamp(9px,.68vw,11px);
      font-weight: 500;
      line-height: 1.6;
      letter-spacing: .08em;
      text-transform: uppercase;
    }