/* THE FIRST-SCREEN LAB (2026-10-28) — showcase-firstlab.js, by link only (?first=a|b). */
/* A · the live tour fills the hero, over the video; the Home layer lets drags through to it, only its buttons stay pressable */
/* z 5: over the hero layer and the time wash (both 4), under the sub-tabs (6) and every door page */
.fl-tour{position:absolute;inset:0;width:100%;height:100%;border:0;z-index:5;opacity:0;transition:opacity .75s cubic-bezier(.16,1,.3,1)}
html.fl-a-ready .fl-tour{opacity:1}
html.fl-a #isHome{pointer-events:none!important}
html.fl-a #isHome .wl-hero>*{pointer-events:auto}
html.fl-a #isHome .is-scrim{opacity:.45}
html.fl-a .wl-word{font-size:min(170px,13vw,22svh)}
/* a bright captured room under white type: a soft dark glow behind the title block (it leaves with the title when the visitor explores) */
html.fl-a #isHome .wl-hero{background:radial-gradient(ellipse 46% 40% at 50% 47%,rgba(5,8,12,.5),rgba(5,8,12,.18) 55%,rgba(5,8,12,0) 75%)}
html.fl-live #isHome .wl-hero{opacity:0!important;filter:blur(4px);transition:opacity .45s cubic-bezier(.7,0,.84,0),filter .45s}
html.fl-live #isHome .wl-hero>*{pointer-events:none!important}
.fl-back,.fl-skip{position:fixed;z-index:9001;left:50%;transform:translateX(-50%);top:calc(var(--sales-header-h,112px) + 14px);min-height:44px;padding:0 20px;border-radius:999px;
  border:1px solid rgba(215,223,229,.38);background:rgba(10,13,18,.62);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#f4f6f8;
  font:600 13px/1 var(--is-sans,var(--sans,sans-serif));letter-spacing:.04em;cursor:pointer;box-shadow:0 10px 30px rgba(0,0,0,.35)}
.fl-back[hidden],.fl-skip[hidden]{display:none}
@media (max-width:899px){.fl-back,.fl-skip{top:calc(var(--sales-header-h,64px) + 52px)}}

/* B · the tour starts muted on purpose (captions): a "narration could not play" line would greet every visitor whose browser holds sound
   until a tap — the status line stays quiet in the lab's directed arrival */
html.fl-b [data-status]{display:none!important}