/* GENERATED by scripts/build-ltr-css.mjs from ../lab-responsive.css: do not edit, edit the source and rebuild. */
/* Lab page (page-id-13) — Figma "Innovation lab - tablet" (744 x 3696) and "Innovation lab - mobile" (393 x 4009).
 * Loaded by mu-plugins/beheshti-inner-responsive.php after inner-chrome.css. Everything is inside max-width:1024px
 * (desktop >=1025px untouched). Hero photo, output photo, hairlines (clipped per frame) and the cyan edge strip are
 * exported from the Figma file (assets/lab, assets/about/edge-strip.png). The hairline overlay is one SVG centred on
 * the page so it stays anchored to the vertical centre line at every width.
 */
.bh-lab-copy { display: none; }
.beheshti-lab-pillars__item > p.bh-r { display: none; }

@media (max-width: 1024px) {
  :root { --lb-cyan: var(--e-global-color-accent, #99f1ff); --lb-navy: var(--e-global-color-secondary, #021a51); }
  html:not(#lb):not(#lb) body.page-id-13 { overflow-x: clip; background: #000; }
  html:not(#lb):not(#lb) body.page-id-13 .elementor.elementor-13 { position: relative; overflow-x: clip; background: #000; }
  html:not(#lb):not(#lb) body.page-id-13 .elementor.elementor-13::after {
    content: ""; position: absolute; right: 0; top: 0; width: 100%; height: var(--lb-lines-h); z-index: 6; pointer-events: none;
    background: var(--lb-lines) 50% 0 / auto no-repeat;
  }

  /* shared reset for the Elementor wrappers inside the lab sections */
  html:not(#lb):not(#lb) body.page-id-13 .beheshti-lab-hero > .elementor-container,
  html:not(#lb):not(#lb) body.page-id-13 .beheshti-lab-intro > .elementor-container,
  html:not(#lb):not(#lb) body.page-id-13 .beheshti-lab-pillars-wrap > .elementor-container,
  html:not(#lb):not(#lb) body.page-id-13 .beheshti-lab-blocks-wrap > .elementor-container { max-width: none !important; width: 100% !important; padding: 0 !important; margin: 0 !important; display: block !important; min-height: 0 !important; }
  html:not(#lb):not(#lb) body.page-id-13 .beheshti-lab-hero .elementor-column,
  html:not(#lb):not(#lb) body.page-id-13 .beheshti-lab-intro .elementor-column,
  html:not(#lb):not(#lb) body.page-id-13 .beheshti-lab-pillars-wrap .elementor-column,
  html:not(#lb):not(#lb) body.page-id-13 .beheshti-lab-blocks-wrap .elementor-column,
  html:not(#lb):not(#lb) body.page-id-13 .beheshti-lab-hero .elementor-widget-wrap,
  html:not(#lb):not(#lb) body.page-id-13 .beheshti-lab-intro .elementor-widget-wrap,
  html:not(#lb):not(#lb) body.page-id-13 .beheshti-lab-pillars-wrap .elementor-widget-wrap,
  html:not(#lb):not(#lb) body.page-id-13 .beheshti-lab-blocks-wrap .elementor-widget-wrap,
  html:not(#lb):not(#lb) body.page-id-13 .beheshti-lab-hero .elementor-widget,
  html:not(#lb):not(#lb) body.page-id-13 .beheshti-lab-intro .elementor-widget,
  html:not(#lb):not(#lb) body.page-id-13 .beheshti-lab-pillars-wrap .elementor-widget,
  html:not(#lb):not(#lb) body.page-id-13 .beheshti-lab-blocks-wrap .elementor-widget,
  html:not(#lb):not(#lb) body.page-id-13 .beheshti-lab-hero .elementor-widget-container,
  html:not(#lb):not(#lb) body.page-id-13 .beheshti-lab-intro .elementor-widget-container,
  html:not(#lb):not(#lb) body.page-id-13 .beheshti-lab-pillars-wrap .elementor-widget-container,
  html:not(#lb):not(#lb) body.page-id-13 .beheshti-lab-blocks-wrap .elementor-widget-container { width: 100% !important; max-width: none !important; padding: 0 !important; margin: 0 !important; min-height: 0 !important; display: block !important; }

  /* ---- Hero ---- */
  html:not(#lb):not(#lb) body.page-id-13 .beheshti-lab-hero {
    position: relative !important; box-sizing: border-box !important; width: 100% !important; overflow: hidden !important; padding: 0 !important; margin: 0 !important;
    height: var(--lb-hero-h) !important; min-height: var(--lb-hero-h) !important; max-height: var(--lb-hero-h) !important;
    background: #000 url("/wp-content/themes/beheshti-child/ltr/flipped/beheshti-child--assets--lab--hero.jpg?v=1791615300") center / cover no-repeat !important; background-blend-mode: normal !important; box-shadow: none !important;
  }
  html:not(#lb):not(#lb) body.page-id-13 .beheshti-lab-hero .elementor-background-overlay {
    position: absolute !important; inset: 0 !important; opacity: 1 !important; mix-blend-mode: normal !important;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.8) 73.6%, rgba(0, 0, 0, 0.8) 100%) !important;
  }
  html:not(#lb):not(#lb) body.page-id-13 .beheshti-lab-hero::before { display: none !important; }
  html:not(#lb):not(#lb) body.page-id-13 .beheshti-lab-hero::after {
    content: "" !important; position: absolute !important; display: block !important; top: 0 !important; bottom: 0 !important; left: 0 !important; right: auto !important; width: 87px !important; height: auto !important; opacity: 1 !important; pointer-events: none !important; z-index: 2 !important;
    -webkit-mask-image: none !important; mask-image: none !important;
    background: url("/wp-content/themes/beheshti-child/ltr/flipped/beheshti-child--assets--about--edge-strip.png?v=1791286869") 0 0 / 87px 100% no-repeat !important;
  }
  html:not(#lb):not(#lb) body.page-id-13 .beheshti-lab-hero > .elementor-container {
    position: relative !important; z-index: 3 !important; height: 100% !important; box-sizing: border-box !important;
    display: flex !important; flex-direction: column !important; padding: var(--lb-hero-pad) !important;
  }
  html:not(#lb):not(#lb) body.page-id-13 .beheshti-lab-hero .elementor-column,
  html:not(#lb):not(#lb) body.page-id-13 .beheshti-lab-hero .elementor-widget-wrap { display: flex !important; flex-direction: column !important; gap: var(--lb-hero-gap) !important; align-items: stretch !important; justify-content: var(--lb-hero-j) !important; height: auto !important; }
  html:not(#lb):not(#lb) body.page-id-13 .beheshti-lab-hero > .elementor-container > .elementor-column { flex: 1 1 auto !important; height: 100% !important; }
  html:not(#lb):not(#lb) body.page-id-13 .beheshti-lab-hero .elementor-element-6488157,
  html:not(#lb):not(#lb) body.page-id-13 .beheshti-lab-hero .elementor-element-2227884 { margin: 0 !important; width: 100% !important; flex: none !important; }
  html:not(#lb):not(#lb) body.page-id-13 .beheshti-lab-hero h1.elementor-heading-title {
    margin: 0 !important; padding: 0 !important; color: #fff !important; font-size: var(--lb-h1-fs) !important; line-height: var(--lb-h1-lh) !important; font-weight: 300 !important; text-align: var(--lb-hero-ta) !important;
  }
  html:not(#lb):not(#lb) body.page-id-13 .beheshti-lab-hero .elementor-element-2227884 p:not(.bh-lab-copy) { display: none !important; }
  html:not(#lb):not(#lb) body.page-id-13 .beheshti-lab-hero .bh-lab-copy { margin: 0 !important; padding: 0 !important; color: #fff !important; font-size: var(--lb-hero-fs) !important; line-height: var(--lb-hero-lh) !important; font-weight: 350 !important; text-align: var(--lb-hero-ta) !important; }

  /* ---- Intro + pillars (one navy frame in Figma) ---- */
  html:not(#lb):not(#lb) body.page-id-13 .beheshti-lab-intro { background: var(--lb-navy) !important; padding: var(--lb-intro-pt) var(--lb-pad-x) 60px !important; margin: 0 !important; border: 0 !important; overflow: hidden !important; position: relative !important; }
  html:not(#lb):not(#lb) body.page-id-13 .beheshti-lab-intro::before,
  html:not(#lb):not(#lb) body.page-id-13 .beheshti-lab-intro::after,
  html:not(#lb):not(#lb) body.page-id-13 .beheshti-lab-blocks-wrap::before,
  html:not(#lb):not(#lb) body.page-id-13 .beheshti-lab-blocks-wrap::after,
  html:not(#lb):not(#lb) body.page-id-13 .beheshti-lab-pillars::before,
  html:not(#lb):not(#lb) body.page-id-13 .beheshti-lab-blocks::before,
  html:not(#lb):not(#lb) body.page-id-13 .beheshti-lab-story-line,
  html:not(#lb):not(#lb) body.page-id-13 .beheshti-lab-star { display: none !important; }
  html:not(#lb):not(#lb) body.page-id-13 .beheshti-lab-intro__wrap { max-width: none !important; width: 100% !important; margin: 0 !important; padding: 0 !important; }
  html:not(#lb):not(#lb) body.page-id-13 .beheshti-lab-intro__wrap p {
    margin: 0 !important; padding: 0 !important; color: #fff !important; font-size: var(--lb-in-fs) !important; line-height: var(--lb-in-lh) !important; font-weight: 300 !important; text-align: left !important; max-width: none !important;
  }
  html:not(#lb):not(#lb) body.page-id-13 .beheshti-lab-intro__wrap p.beheshti-lab-intro__kicker { margin-top: var(--lb-in-lh) !important; }
  html:not(#lb):not(#lb) body.page-id-13 .beheshti-lab-pillars-wrap { background: var(--lb-navy) !important; padding: 0 var(--lb-pad-x) var(--lb-pill-pb) !important; margin: 0 !important; border: 0 !important; position: relative !important; }
  html:not(#lb):not(#lb) body.page-id-13 .beheshti-lab-pillars { display: flex !important; flex-direction: column !important; gap: 40px !important; width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; grid-template-columns: none !important; }
  html:not(#lb):not(#lb) body.page-id-13 .beheshti-lab-pillars__item { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; }
  html:not(#lb):not(#lb) body.page-id-13 .beheshti-lab-pillars__head { display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: flex-start !important; gap: 20px !important; height: 34px !important; margin: 0 0 10px !important; padding: 0 !important; }
  html:not(#lb):not(#lb) body.page-id-13 .beheshti-lab-pillars__head svg { width: 34px !important; height: 34px !important; flex: none !important; margin: 0 !important; }
  html:not(#lb):not(#lb) body.page-id-13 .beheshti-lab-pillars__head svg path:nth-of-type(2) { fill: #000 !important; }
  html:not(#lb):not(#lb) body.page-id-13 .beheshti-lab-pillars__item h3 { margin: 0 !important; padding: 0 !important; color: #fff !important; font-size: var(--lb-pt-fs) !important; line-height: var(--lb-pt-lh) !important; font-weight: var(--lb-pt-fw) !important; text-align: left !important; }
  html:not(#lb):not(#lb) body.page-id-13 .beheshti-lab-pillars__item > p.bh-d { display: none !important; }
  html:not(#lb):not(#lb) body.page-id-13 .beheshti-lab-pillars__item > p.bh-r { display: block !important; }
  html:not(#lb):not(#lb) body.page-id-13 .beheshti-lab-pillars__item > p { margin: 0 !important; padding: 0 0 0 54px !important; color: #fff !important; font-size: var(--lb-pd-fs) !important; line-height: var(--lb-pd-lh) !important; font-weight: 300 !important; text-align: left !important; max-width: none !important; }

  /* ---- Blocks (black frame) ---- */
  html:not(#lb):not(#lb) body.page-id-13 .beheshti-lab-blocks-wrap { background: #000 !important; padding: var(--lb-bl-pt) var(--lb-pad-x) var(--lb-bl-pb) !important; margin: 0 !important; border: 0 !important; position: relative !important; }
  html:not(#lb):not(#lb) body.page-id-13 .beheshti-lab-blocks { display: block !important; width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; min-height: 0 !important; height: auto !important; }
  html:not(#lb):not(#lb) body.page-id-13 .beheshti-lab-blocks__item { position: static !important; width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; transform: none !important; inset: auto !important; }
  html:not(#lb):not(#lb) body.page-id-13 .beheshti-lab-blocks__item--bottom { margin-top: var(--lb-bl-gap) !important; }
  html:not(#lb):not(#lb) body.page-id-13 .beheshti-lab-blocks__item h3 { margin: 0 0 8px !important; padding: 0 !important; color: #fff !important; font-size: 20px !important; line-height: 25px !important; font-weight: 350 !important; text-align: left !important; }
  html:not(#lb):not(#lb) body.page-id-13 .beheshti-lab-blocks__item p { margin: 0 !important; padding: 0 !important; color: #fff !important; font-size: 14px !important; line-height: 17px !important; font-weight: 300 !important; text-align: left !important; max-width: none !important; }

  /* ---- Output ---- */
  html:not(#lb):not(#lb) body.page-id-13 .beheshti-lab-output { background: var(--lb-navy) !important; max-width: none !important; width: 100% !important; margin: 0 !important; padding: 0 !important; min-height: 0 !important; border: 0 !important; --padding-top: 0px; --padding-right: 0px; --padding-bottom: 0px; --padding-left: 0px; }
  html:not(#lb):not(#lb) body.page-id-13 .beheshti-lab-output > .e-con-inner { display: flex !important; flex-direction: var(--lb-out-dir) !important; width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; gap: 0 !important; align-items: stretch !important; flex-wrap: nowrap !important; }
  html:not(#lb):not(#lb) body.page-id-13 .beheshti-lab-output__media { order: var(--lb-out-media-order) !important; flex: none !important; width: var(--lb-media-w) !important; height: var(--lb-media-h) !important; min-height: var(--lb-media-h) !important; padding: 0 !important; margin: 0 !important; overflow: hidden !important; position: relative !important; background: url("../assets/lab/output.jpg") var(--lb-media-pos) / var(--lb-media-size) no-repeat !important; }
  html:not(#lb):not(#lb) body.page-id-13 .beheshti-lab-output__media .elementor-widget,
  html:not(#lb):not(#lb) body.page-id-13 .beheshti-lab-output__media .elementor-widget-container,
  html:not(#lb):not(#lb) body.page-id-13 .beheshti-lab-output__spacer { min-height: 0 !important; height: 100% !important; padding: 0 !important; margin: 0 !important; background: none !important; }
  html:not(#lb):not(#lb) body.page-id-13 .beheshti-lab-output__media::before,
  html:not(#lb):not(#lb) body.page-id-13 .beheshti-lab-output__media::after,
  html:not(#lb):not(#lb) body.page-id-13 .beheshti-lab-output__copy::before,
  html:not(#lb):not(#lb) body.page-id-13 .beheshti-lab-output__copy::after { display: none !important; }
  html:not(#lb):not(#lb) body.page-id-13 .beheshti-lab-output__copy {
    order: 1 !important; flex: 1 1 auto !important; display: flex !important; flex-direction: column !important; box-sizing: border-box !important; width: var(--lb-copy-w) !important; max-width: none !important; min-height: 0 !important;
    height: var(--lb-copy-h) !important; padding: var(--lb-copy-pad) !important; margin: 0 !important; gap: var(--lb-copy-gap) !important; justify-content: var(--lb-copy-j) !important; align-items: stretch !important; background: transparent !important; position: relative !important; right: auto !important; left: auto !important;
  }
  html:not(#lb):not(#lb) body.page-id-13 .beheshti-lab-output__copy .elementor-element { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; }
  html:not(#lb):not(#lb) body.page-id-13 .beheshti-lab-output__copy h2.elementor-heading-title { margin: 0 !important; padding: 0 !important; color: #fff !important; font-size: 32px !important; line-height: 39px !important; font-weight: 200 !important; text-align: left !important; }
  html:not(#lb):not(#lb) body.page-id-13 .beheshti-lab-output__list { display: flex !important; flex-direction: column !important; gap: 8px !important; margin: 0 !important; padding: 0 !important; list-style: none !important; }
  html:not(#lb):not(#lb) body.page-id-13 .beheshti-lab-output__list li { position: relative !important; margin: 0 !important; padding: 0 0 0 19px !important; color: #fff !important; font-size: var(--lb-li-fs) !important; line-height: var(--lb-li-lh) !important; font-weight: 300 !important; text-align: left !important; }
  html:not(#lb):not(#lb) body.page-id-13 .beheshti-lab-output__list li::before { content: "" !important; position: absolute !important; left: 0 !important; right: auto !important; top: 5px !important; width: 7px !important; height: 7px !important; background: var(--lb-cyan) !important; }
  html:not(#lb):not(#lb) body.page-id-13 .beheshti-lab-output__copy .elementor-element-022eda0 { margin-top: var(--lb-btn-mt) !important; }
  html:not(#lb):not(#lb) body.page-id-13 .beheshti-lab-output__copy .elementor-button {
    display: flex !important; align-items: center !important; justify-content: center !important; box-sizing: border-box !important; width: 100% !important; height: var(--lb-btn-h) !important; min-height: var(--lb-btn-h) !important; margin: 0 !important; padding: 0 10px !important;
    background: #000 !important; border: 0.5px solid #fff !important; border-radius: 0 !important; color: #fff !important; font-size: var(--lb-btn-fs) !important; line-height: var(--lb-btn-lh) !important; font-weight: 400 !important; text-decoration: none !important;
  }
  html:not(#lb):not(#lb) body.page-id-13 .beheshti-lab-output__copy .elementor-button .elementor-button-content-wrapper { display: block !important; }
}

/* ---- Mobile: Figma 393 ---- */
@media (max-width: 743px) {
  html:not(#lb):not(#lb) body.page-id-13 .beheshti-lab-hero p.bh-lab-copy--m { display: block !important; }
  :root {
    --lb-lines: url("/wp-content/themes/beheshti-child/ltr/flipped/beheshti-child--assets--lab--lines-m.svg?v=1791286869"); --lb-lines-h: 2200px;
    --lb-hero-h: 792px; --lb-hero-pad: 260px 60px 0; --lb-hero-gap: 120px; --lb-hero-j: flex-start; --lb-hero-ta: right; --lb-h1-fs: 36px; --lb-h1-lh: 44px; --lb-hero-fs: 16px; --lb-hero-lh: 20px;
    --lb-pad-x: 28px; --lb-intro-pt: 120px; --lb-in-fs: 16px; --lb-in-lh: 20px; --lb-pill-pb: 80px; --lb-pt-fs: 20px; --lb-pt-lh: 24px; --lb-pt-fw: 300; --lb-pd-fs: 14px; --lb-pd-lh: 17px;
    --lb-bl-pt: 80px; --lb-bl-pb: 100px; --lb-bl-gap: 180px;
    --lb-out-dir: column; --lb-out-media-order: 0; --lb-media-w: 100%; --lb-media-h: 258px; --lb-media-pos: center; --lb-media-size: cover;
    --lb-copy-w: 100%; --lb-copy-h: auto; --lb-copy-pad: 60px 28px 80px; --lb-copy-gap: 60px; --lb-copy-j: flex-start; --lb-li-fs: 14px; --lb-li-lh: 17px; --lb-btn-mt: 0px; --lb-btn-h: 42px; --lb-btn-fs: 14px; --lb-btn-lh: 17px;
  }
  html:not(#lb):not(#lb) body.page-id-13 .beheshti-lab-output__list { gap: 8px !important; }
}

/* ---- Tablet: Figma 744 ---- */
@media (min-width: 744px) and (max-width: 1024px) {
  html:not(#lb):not(#lb) body.page-id-13 .beheshti-lab-hero p.bh-lab-copy--t { display: block !important; }
  :root {
    --lb-lines: url("/wp-content/themes/beheshti-child/ltr/flipped/beheshti-child--assets--lab--lines-t.svg?v=1791286869"); --lb-lines-h: 2437px;
    --lb-hero-h: 1073px; --lb-hero-pad: 80px 40px; --lb-hero-gap: 40px; --lb-hero-j: center; --lb-hero-ta: center; --lb-h1-fs: 40px; --lb-h1-lh: 49px; --lb-hero-fs: 18px; --lb-hero-lh: 22px;
    --lb-pad-x: 40px; --lb-intro-pt: 200px; --lb-in-fs: 18px; --lb-in-lh: 22px; --lb-pill-pb: 100px; --lb-pt-fs: 26px; --lb-pt-lh: 32px; --lb-pt-fw: 350; --lb-pd-fs: 16px; --lb-pd-lh: 20px;
    --lb-bl-pt: 120px; --lb-bl-pb: 120px; --lb-bl-gap: 200px;
    --lb-out-dir: row; --lb-out-media-order: 2; --lb-media-w: 50%; --lb-media-h: 600px; --lb-media-pos: 55.3% 0; --lb-media-size: auto 600px;
    --lb-copy-w: 50%; --lb-copy-h: 600px; --lb-copy-pad: 56px 40px; --lb-copy-gap: 0; --lb-copy-j: flex-start; --lb-li-fs: 15px; --lb-li-lh: 18px; --lb-btn-mt: 40px; --lb-btn-h: 45px; --lb-btn-fs: 18px; --lb-btn-lh: 22.43px;
  }
  html:not(#lb):not(#lb) body.page-id-13 .beheshti-lab-output__copy > .elementor-element { flex: none !important; }
  html:not(#lb):not(#lb) body.page-id-13 .beheshti-lab-output__copy > .elementor-element-6a211e9 { margin-top: auto !important; }
}