/* 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; } }



    .container.llhw-gallery {
      position: relative;
      width: 100% !important;
      max-width: none !important;
      margin: 0 !important;
      padding: clamp(48px,5vw,76px) clamp(20px,3.8vw,66px) clamp(36px,3.5vw,56px) !important;
      overflow: hidden;
      background:
        radial-gradient(circle at 10% 16%,rgba(79,168,255,.045),transparent 31%),
        radial-gradient(circle at 88% 78%,rgba(0,232,255,.045),transparent 34%),
        #050505;
      isolation: isolate;
    }

    /* The shortcode owns the section spacing; avoid stacking Elementor's
       legacy top padding on top of the gallery's own cinematic inset. */
    .page-id-1765 .elementor-element.elementor-element-b5902a {
      padding-top: 0 !important;
      padding-bottom: 0 !important;
    }

    .container.llhw-gallery::before {
      content: "";
      position: absolute;
      z-index: 4;
      top: 0;
      right: 0;
      left: 0;
      height: 1px;
      background: var(--gradient-spectrum);
      box-shadow: 0 0 18px rgba(91,168,255,.27);
      opacity: .8;
      pointer-events: none;
    }

    .container.llhw-gallery::after {
      content: "";
      position: absolute;
      z-index: -1;
      top: 17%;
      right: -10%;
      width: min(46vw,680px);
      aspect-ratio: 1;
      border: 1px solid rgba(255,255,255,.025);
      border-radius: 50%;
      box-shadow:
        0 0 0 72px rgba(255,255,255,.009),
        0 0 0 144px rgba(255,255,255,.006);
      opacity: .75;
      pointer-events: none;
    }

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

    .container.llhw-gallery > .band-head .eyebrow {
      grid-column: 1 / -1;
      margin-bottom: -8px;
    }

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

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

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

    .container.llhw-gallery > .work-grid {
      display: grid !important;
      grid-template-columns: repeat(4,minmax(0,1fr)) !important;
      grid-auto-flow: dense;
      grid-auto-rows: minmax(210px,18vw);
      gap: clamp(7px,.7vw,12px) !important;
      width: 100%;
      margin: 0 !important;
      padding: 0 !important;
    }

    .container.llhw-gallery .work-card {
      position: relative !important;
      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(191,202,235,.14) !important;
      border-radius: 7px !important;
      background: #040509 !important;
      color: #fff;
      text-align: left;
      opacity: 1 !important;
      transform: none !important;
      clip-path: none !important;
      -webkit-mask-image: none !important;
      cursor: pointer;
      isolation: isolate;
      transition:
        border-color .45s ease,
        box-shadow .45s ease,
        transform .65s cubic-bezier(.16,1,.3,1) !important;
    }

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

    .container.llhw-gallery .work-card:nth-child(4) {
      grid-column: span 2;
    }

    .container.llhw-gallery .work-card::before {
      content: "";
      position: absolute;
      z-index: 4;
      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,transparent,#00E8FF 42%,rgba(245,245,245,.88) 58%,transparent) !important;
      box-shadow: 0 0 13px rgba(0,232,255,.3) !important;
      opacity: .46;
      -webkit-backdrop-filter: none !important;
      backdrop-filter: none !important;
      transform: scaleX(.16) !important;
      transform-origin: left;
      transition: transform .75s cubic-bezier(.16,1,.3,1),opacity .4s ease !important;
    }

    .container.llhw-gallery .work-card::after {
      content: "";
      position: absolute;
      z-index: 2;
      inset: 0 !important;
      width: auto !important;
      height: auto !important;
      border: 0 !important;
      border-radius: inherit !important;
      background:
        linear-gradient(180deg,rgba(5,5,5,.03) 22%,rgba(5,5,5,.14) 52%,rgba(5,5,5,.94) 100%) !important;
      box-shadow: inset 0 0 0 1px rgba(255,255,255,.018) !important;
      mix-blend-mode: normal !important;
      opacity: 1 !important;
      transform: none !important;
      pointer-events: none;
      transition: background .45s ease !important;
    }

    .container.llhw-gallery .llhw-color-wash {
      display: none;
    }

    .container.llhw-gallery .work-card:hover,
    .container.llhw-gallery .work-card:focus-visible {
      z-index: 3;
      border-color: rgba(218,225,255,.5) !important;
      box-shadow:
        0 24px 55px -26px rgba(0,0,0,.92),
        0 0 28px rgba(0,232,255,.08) !important;
      transform: translateY(-3px) !important;
    }

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

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

    .container.llhw-gallery .work-card > img {
      position: absolute !important;
      inset: 0;
      width: 100% !important;
      height: 100% !important;
      min-height: 0 !important;
      display: block;
      object-fit: cover;
      object-position: center;
      border: 0 !important;
      border-radius: 0 !important;
      filter: saturate(1.15) contrast(1.06) brightness(.96) !important;
      transform: scale(1.005) !important;
      transition:
        filter .75s ease,
        transform 1.4s cubic-bezier(.16,1,.3,1) !important;
    }

    .container.llhw-gallery .work-card:hover > img,
    .container.llhw-gallery .work-card:focus-visible > img {
      filter: saturate(1.22) contrast(1.04) brightness(1.02) !important;
      transform: scale(1.045) !important;
    }

    .container.llhw-gallery .work-card .work-card-info {
      position: absolute !important;
      z-index: 5;
      right: clamp(15px,1.4vw,23px);
      bottom: clamp(14px,1.35vw,22px);
      left: clamp(15px,1.4vw,23px);
      padding: 0 !important;
      background: none !important;
      transform: none !important;
      transition: transform .55s cubic-bezier(.16,1,.3,1) !important;
    }

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

    .container.llhw-gallery .work-card h3 {
      max-width: 92%;
      margin: 0;
      color: #f8f9ff;
      font: 400 clamp(18px,1.5vw,25px)/1.03 var(--font-display);
      letter-spacing: -.034em;
      text-wrap: balance;
    }

    .container.llhw-gallery .work-card:first-child h3 {
      max-width: 78%;
      font-size: clamp(30px,3vw,54px);
      line-height: .95;
      letter-spacing: -.046em;
    }

    .container.llhw-gallery .work-card .meta {
      display: block;
      margin-top: 7px;
      overflow: hidden;
      color: rgba(237,240,250,.55);
      font: 500 7px/1.2 var(--font-mono);
      letter-spacing: .13em;
      text-overflow: ellipsis;
      text-transform: uppercase;
      white-space: nowrap;
    }

    .llhw-card-index,
    .llhw-photo-count {
      position: absolute;
      z-index: 6;
      top: 14px;
      color: rgba(245,247,255,.74);
      font: 500 8px/1 var(--font-mono);
      letter-spacing: .13em;
      text-transform: uppercase;
      pointer-events: none;
    }

    .llhw-card-index {
      left: 15px;
    }

    .llhw-card-index::before {
      content: "";
      display: inline-block;
      width: 16px;
      height: 1px;
      margin: 0 8px 3px 0;
      background: linear-gradient(90deg,#00E8FF,rgba(245,245,245,.84));
      box-shadow: 0 0 8px rgba(0,232,255,.38);
    }

    .llhw-photo-count {
      right: 15px;
      color: rgba(232,236,249,.48);
    }

    .container.llhw-gallery > p:last-child {
      display: flex;
      justify-content: flex-end;
      margin: clamp(26px,3.2vw,44px) 0 0 !important;
    }

    .container.llhw-gallery > p:last-child .btn {
      min-width: min(100%,270px);
      justify-content: center;
      border-color: rgba(255,255,255,.18);
      background: rgba(255,255,255,.035);
      -webkit-backdrop-filter: blur(16px);
      backdrop-filter: blur(16px);
    }

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

      .container.llhw-gallery > .band-head {
        grid-template-columns: 1fr;
        gap: 16px;
        margin-bottom: 26px !important;
      }

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

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

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

      .container.llhw-gallery > .work-grid {
        grid-template-columns: repeat(2,minmax(0,1fr)) !important;
        grid-auto-rows: clamp(188px,46vw,290px);
      }

      .container.llhw-gallery .work-card:nth-child(4) {
        grid-column: 1 / -1;
      }
    }

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

      .container.llhw-gallery > .work-grid {
        grid-auto-rows: clamp(174px,49vw,235px);
      }

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

      .container.llhw-gallery .work-card h3 {
        font-size: clamp(15px,4.3vw,19px);
      }

      .container.llhw-gallery .work-card .meta {
        display: none;
      }

      .container.llhw-gallery > p:last-child {
        justify-content: stretch;
      }

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

    @media (prefers-reduced-motion: reduce) {
      .container.llhw-gallery .work-card,
      .container.llhw-gallery .work-card::before,
      .container.llhw-gallery .work-card > img,
      .container.llhw-gallery .llhw-color-wash,
      .container.llhw-gallery .work-card .work-card-info {
        transition: 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.llpc-page #crowd-band {
      --llpc-cyan: #00e8ff;
      --llpc-blue: #4fa8ff;
      --llpc-ice: #f5f5f5;
      position: relative;
      isolation: isolate;
      display: grid;
      align-items: end;
      overflow: hidden;
      min-height: clamp(720px, 86svh, 960px) !important;
      padding: 0 !important;
      background: #020508;
      border-top: 1px solid rgba(0,232,255,.34);
      border-bottom: 1px solid rgba(79,168,255,.3);
    }

    body.llpc-page #crowd-band .llpc-poster,
    body.llpc-page #crowd-band .llpc-film {
      position: absolute;
      inset: 0;
      z-index: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: 50% 54%;
      pointer-events: none;
    }

    body.llpc-page #crowd-band .llpc-poster {
      background:
        url("https://www.lumilas.hr/wp-content/lumilas-assets/programming/crowd-led/crowdled-arena-cinema-v1-poster.jpg") 50% 54% / cover no-repeat;
      filter: saturate(1.08) contrast(1.06) brightness(.76);
      transform: scale(1.012);
      transition: opacity 1200ms cubic-bezier(.16,1,.3,1);
    }

    body.llpc-page #crowd-band .llpc-film {
      opacity: 0;
      filter: saturate(1.08) contrast(1.035) brightness(.9);
      transform: scale(1.006);
      transition: opacity 1100ms cubic-bezier(.16,1,.3,1);
    }

    body.llpc-page #crowd-band.llpc-film-ready .llpc-film { opacity: 1; }
    body.llpc-page #crowd-band.llpc-film-ready .llpc-poster { opacity: 0; }

    body.llpc-page #crowd-band::before {
      content: "" !important;
      display: block !important;
      position: absolute;
      inset: 0;
      z-index: 1;
      pointer-events: none;
      background:
        linear-gradient(90deg, rgba(1,4,7,.86) 0%, rgba(1,4,7,.66) 26%, rgba(1,4,7,.16) 55%, rgba(1,4,7,.2) 100%),
        linear-gradient(180deg, rgba(1,3,6,.56) 0%, transparent 22%, transparent 68%, rgba(1,3,6,.88) 100%),
        radial-gradient(75% 68% at 66% 56%, transparent 34%, rgba(0,6,10,.42) 100%);
    }

    body.llpc-page #crowd-band::after {
      content: "";
      position: absolute;
      inset: 0;
      z-index: 2;
      pointer-events: none;
      opacity: .44;
      background:
        linear-gradient(90deg, transparent 0 49.92%, rgba(0,232,255,.12) 50%, transparent 50.08%),
        repeating-linear-gradient(90deg, transparent 0 119px, rgba(79,168,255,.028) 120px),
        repeating-linear-gradient(0deg, transparent 0 119px, rgba(79,168,255,.024) 120px);
      -webkit-mask-image: linear-gradient(180deg, #000, transparent 34%, transparent 72%, #000);
      mask-image: linear-gradient(180deg, #000, transparent 34%, transparent 72%, #000);
    }

    body.llpc-page #crowd-band .crowd-canvas {
      display: none !important;
    }

    body.llpc-page #crowd-band .crowd-scrim {
      position: absolute;
      inset: 0;
      z-index: 3;
      pointer-events: none;
      background:
        linear-gradient(90deg, rgba(0,5,8,.5), transparent 42%),
        radial-gradient(48% 46% at 76% 58%, rgba(0,232,255,.04), transparent 74%);
    }

    body.llpc-page #crowd-band .crowd-inner {
      position: relative;
      z-index: 5;
      display: flex;
      align-items: flex-end;
      width: min(100%, 1780px);
      min-height: inherit;
      margin-inline: auto;
      padding: clamp(96px, 10vh, 150px) clamp(28px, 5vw, 92px) clamp(72px, 8vh, 108px);
    }

    body.llpc-page #crowd-band .crowd-glass {
      position: relative;
      width: min(570px, 100%);
      padding: clamp(30px, 3.2vw, 46px);
      overflow: hidden;
      background:
        linear-gradient(145deg, rgba(5,13,19,.66), rgba(3,8,13,.38));
      border: 1px solid rgba(245,245,245,.2);
      border-radius: 10px;
      -webkit-backdrop-filter: blur(22px) saturate(1.2);
      backdrop-filter: blur(22px) saturate(1.2);
      box-shadow:
        0 36px 100px rgba(0,0,0,.48),
        inset 0 1px 0 rgba(245,245,245,.11),
        inset 0 -1px 0 rgba(0,232,255,.08);
      transform: none;
      opacity: 1;
    }

    body.llpc-page #crowd-band .crowd-glass::before {
      content: "";
      position: absolute;
      inset: 0 auto 0 0;
      width: 2px;
      border: 0;
      background: linear-gradient(180deg, transparent, var(--llpc-cyan) 24%, var(--llpc-blue) 76%, transparent);
      box-shadow: 0 0 18px rgba(0,232,255,.55);
    }

    body.llpc-page #crowd-band .crowd-glass::after {
      content: "";
      position: absolute;
      inset: 0;
      border: 0;
      background: linear-gradient(105deg, transparent 0 48%, rgba(245,245,245,.055) 50%, transparent 52% 100%);
      transform: translateX(-120%);
      pointer-events: none;
    }

    body.llpc-page #crowd-band.llpc-live .crowd-glass::after {
      animation: llpcGlassScan 7.6s 1.1s cubic-bezier(.4,0,.2,1) infinite;
    }

    @keyframes llpcGlassScan {
      0%, 62% { transform: translateX(-120%); opacity: 0; }
      70% { opacity: 1; }
      86%, 100% { transform: translateX(120%); opacity: 0; }
    }

    body.llpc-page #crowd-band .crowd-glass .eyebrow {
      color: var(--llpc-cyan);
      text-shadow: 0 0 16px rgba(0,232,255,.3);
    }

    body.llpc-page #crowd-band .crowd-glass .display-lg {
      max-width: 11ch;
      margin-block: .32em .3em;
      font-size: clamp(42px, 4.35vw, 76px);
      line-height: .94;
      letter-spacing: -.055em;
      text-wrap: balance;
    }

    body.llpc-page #crowd-band .crowd-glass .lede {
      max-width: 52ch;
      color: rgba(245,245,245,.78);
      font-size: clamp(15px, 1.05vw, 18px);
      line-height: 1.62;
    }

    body.llpc-page #crowd-band .crowd-chips {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      margin-top: 24px;
    }

    body.llpc-page #crowd-band .crowd-chips span {
      padding: 8px 11px;
      color: rgba(245,245,245,.88);
      border: 1px solid rgba(0,232,255,.24);
      border-radius: 999px;
      background: rgba(2,8,12,.28);
      font: 600 9px/1 var(--font-mono, monospace);
      letter-spacing: .14em;
      text-transform: uppercase;
    }

    body.llpc-page #crowd-band .crowd-chips span:nth-child(2n) {
      border-color: rgba(79,168,255,.3);
    }

    body.llpc-page #crowd-band .crowd-cta {
      display: none !important;
    }

    body.llpc-page #crowd-band .crowd-hud {
      position: absolute;
      z-index: 6;
      color: rgba(245,245,245,.54);
      font: 600 9px/1.2 var(--font-mono, monospace);
      letter-spacing: .2em;
      text-transform: uppercase;
      text-shadow: 0 0 14px rgba(0,232,255,.28);
      pointer-events: none;
    }

    body.llpc-page #crowd-band .ch-tl {
      top: clamp(26px, 3.4vw, 58px);
      right: clamp(26px, 4.8vw, 88px);
      left: auto;
    }

    body.llpc-page #crowd-band .ch-br {
      right: clamp(26px, 4.8vw, 88px);
      bottom: clamp(26px, 3.4vw, 58px);
    }

    body.llpc-page #crowd-band .llpc-signal {
      position: absolute;
      top: clamp(52px, 8vh, 92px);
      right: clamp(26px, 4.8vw, 88px);
      z-index: 6;
      width: min(390px, 31vw);
      color: rgba(245,245,245,.62);
      pointer-events: none;
    }

    body.llpc-page #crowd-band .llpc-signal-head {
      display: grid;
      grid-template-columns: auto 1fr auto;
      align-items: center;
      gap: 12px;
      font: 600 9px/1.2 var(--font-mono, monospace);
      letter-spacing: .16em;
      text-transform: uppercase;
    }

    body.llpc-page #crowd-band .llpc-signal-head i {
      width: 6px;
      height: 6px;
      border-radius: 50%;
      background: var(--llpc-ice);
      box-shadow: 0 0 8px var(--llpc-cyan), 0 0 24px var(--llpc-blue);
    }

    body.llpc-page #crowd-band .llpc-signal-line {
      position: relative;
      height: 2px;
      margin-top: 13px;
      overflow: hidden;
      background: rgba(245,245,245,.12);
    }

    body.llpc-page #crowd-band .llpc-signal-line::after {
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(90deg, transparent, var(--llpc-cyan), var(--llpc-ice), var(--llpc-blue), transparent);
      transform: translateX(-100%);
      box-shadow: 0 0 16px rgba(0,232,255,.66);
    }

    body.llpc-page #crowd-band.llpc-live .llpc-signal-line::after {
      animation: llpcSignal 2.8s cubic-bezier(.4,0,.2,1) infinite;
    }

    @keyframes llpcSignal {
      0% { transform: translateX(-100%); }
      64%, 100% { transform: translateX(100%); }
    }

    body.llpc-page #crowd-band .llpc-zones {
      display: grid;
      grid-template-columns: repeat(12, 1fr);
      gap: 4px;
      margin-top: 9px;
    }

    body.llpc-page #crowd-band .llpc-zones i {
      height: 3px;
      background: rgba(79,168,255,.17);
      transform: scaleY(.45);
      transition: background-color 260ms ease, box-shadow 260ms ease, transform 260ms ease;
    }

    body.llpc-page #crowd-band .llpc-zones i.is-hot {
      background: var(--llpc-ice);
      box-shadow: 0 0 10px var(--llpc-cyan);
      transform: scaleY(1);
    }

    @media (max-width: 760px) {
      body.llpc-page #crowd-band {
        min-height: 760px !important;
      }

      body.llpc-page #crowd-band .llpc-film,
      body.llpc-page #crowd-band .llpc-poster {
        object-position: 58% 54%;
      }

      body.llpc-page #crowd-band .llpc-poster {
        background-position: 58% 54%;
      }

      body.llpc-page #crowd-band::before {
        background:
          linear-gradient(180deg, rgba(1,4,7,.28), rgba(1,4,7,.32) 30%, rgba(1,4,7,.92) 78%),
          linear-gradient(90deg, rgba(1,4,7,.36), transparent);
      }

      body.llpc-page #crowd-band .crowd-inner {
        align-items: flex-end;
        padding: 150px 18px 28px;
      }

      body.llpc-page #crowd-band .crowd-glass {
        padding: 26px 22px;
        background: linear-gradient(155deg, rgba(4,11,17,.72), rgba(2,7,11,.54));
        -webkit-backdrop-filter: blur(17px) saturate(1.14);
        backdrop-filter: blur(17px) saturate(1.14);
      }

      body.llpc-page #crowd-band .crowd-glass .display-lg {
        font-size: clamp(42px, 14vw, 62px);
      }

      body.llpc-page #crowd-band .llpc-signal {
        top: 72px;
        right: 20px;
        width: min(310px, calc(100vw - 40px));
      }

      body.llpc-page #crowd-band .ch-tl {
        top: 26px;
        right: 20px;
      }

      body.llpc-page #crowd-band .ch-br {
        display: none;
      }
    }

    @media (prefers-reduced-motion: reduce) {
      body.llpc-page #crowd-band .llpc-film { display: none; }
      body.llpc-page #crowd-band .crowd-glass { transform: none; opacity: 1; transition: none; }
      body.llpc-page #crowd-band .crowd-glass::after,
      body.llpc-page #crowd-band .llpc-signal-line::after { animation: 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;
    }