/* Mobile composition: preserve the opening aperture and encoded film.
   Reading glass follows the landed page on loops, posters and retained final
   frames. Active movies still disable it; decoder handoff never restyles copy. */
@media (max-width:760px), (max-width:1024px) and (hover:none) and (pointer:coarse) {
  #stage[data-mobile-reading="true"] #film-depth > div { display:none !important; }
  #stage[data-mobile-reading="true"] #shade .scene-grade:not([data-grade="0"]) {
    background:none !important;
  }
  #stage[data-mobile-reading="true"] #shade .scene-grade:not([data-grade="0"])::before,
  #stage[data-mobile-reading="true"] #shade .scene-grade:not([data-grade="0"])::after {
    content:none !important;
    background:none !important;
    -webkit-mask-image:none !important;mask-image:none !important;
    -webkit-backdrop-filter:none !important;backdrop-filter:none !important;
  }
  #stage[data-mobile-reading="true"] .copy[data-page],#stage[data-mobile-reading="true"] .copy[data-page] * {-webkit-backdrop-filter:none !important;backdrop-filter:none !important;}
  #stage[data-mobile-reading="true"][data-run-active="false"][data-run-kind="idle"]:not([data-departure-active="true"]):not([data-departure-bridge-held="true"]) .copy:not([aria-hidden="true"]) :is(.hero,.chapter-hero,.future-hero,.chapter-manifesto,.future-body,.contact-offices) {-webkit-backdrop-filter:blur(1.25px) !important;backdrop-filter:blur(1.25px) !important;}

}

/* Bright engine/ship footage needs glass only behind these two prose blocks. */
@media (max-width:760px), (max-width:1024px) and (hover:none) and (pointer:coarse) {
 #stage[data-mobile-reading="true"] :is(#vision-execution,#contact).copy .future-body::before,
 #stage[data-mobile-reading="true"] #vision.copy > [data-editorial-content]::before {-webkit-backdrop-filter:none;backdrop-filter:none;}
 #stage[data-mobile-reading="true"][data-run-active="false"][data-run-kind="idle"]:not([data-departure-active="true"]):not([data-departure-bridge-held="true"]) .copy:not([aria-hidden="true"]):is(#vision-execution,#contact) .future-body::before {-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);}
 #stage[data-mobile-reading="true"][data-run-active="false"][data-run-kind="idle"]:not([data-departure-active="true"]):not([data-departure-bridge-held="true"]) #vision.copy:not([aria-hidden="true"]) > [data-editorial-content]::before {-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);}
 #stage[data-mobile-reading="true"][data-run-active="false"][data-run-kind="idle"]:not([data-departure-active="true"]):not([data-departure-bridge-held="true"]) #vision-execution.copy:not([aria-hidden="true"]) .future-title {-webkit-backdrop-filter:blur(16px) !important;backdrop-filter:blur(16px) !important;}
}
@media (max-width:760px) {
  body.product-detail #stage #shade .scene-grade { background:none !important; }
  body.product-detail #stage #shade .scene-grade::before,
  body.product-detail #stage #shade .scene-grade::after {
    content:none !important;background:none !important;
    -webkit-mask-image:none !important;mask-image:none !important;
    -webkit-backdrop-filter:none !important;backdrop-filter:none !important;
  }
}

/* Revision10 — black glass uses the existing Business surface. The fixed
   edge fades frame chrome; the individual linear film grades are idle only. */
@media (max-width:760px), (max-width:1024px) and (hover:none) and (pointer:coarse) {
 body .header::before {content:none;}
 #stage::before,body.research-page::before {content:"";position:fixed;inset:0 0 auto;height:132px;z-index:-2;pointer-events:none;background:linear-gradient(180deg,#000 0%,rgb(0 0 0 / .88) 24%,rgb(0 0 0 / .34) 61%,transparent 100%);}
 body.research-page::before {z-index:0;}
 #stage::after {content:"";position:absolute;inset:auto 0 0;height:150px;z-index:-2;pointer-events:none;background:linear-gradient(0deg,#000 0%,rgb(0 0 0 / .8) 25%,rgb(0 0 0 / .26) 65%,transparent 100%);}
 body:is(.product-detail,.research-page) #detail-footer::before {display:none;}
 body.research-page::after {content:"";position:fixed;inset:auto 0 0;height:120px;z-index:0;pointer-events:none;background:linear-gradient(0deg,#000 0%,rgb(0 0 0 / .76) 30%,transparent 100%);}
 #stage[data-mobile-reading="true"] .scene-grade[data-grade="1"] {--mobile-grade:none;--mobile-dof:linear-gradient(90deg,#000 0%,rgb(0 0 0 / .45) 2%,transparent 15%);}
 #stage[data-mobile-reading="true"] .scene-grade[data-grade="2"] {--mobile-grade:linear-gradient(140deg,#000 0%,rgb(0 0 0 / .55) 8%,transparent 44%);--mobile-dof:linear-gradient(140deg,#000 0%,rgb(0 0 0 / .45) 10%,transparent 41%);}
 #stage[data-mobile-reading="true"] .scene-grade[data-grade="3"] {--mobile-grade:linear-gradient(100deg,#000 0%,rgb(0 0 0 / .55) 9%,transparent 48%);--mobile-dof:linear-gradient(100deg,#000 0%,rgb(0 0 0 / .45) 11%,transparent 45%);}
 #stage[data-mobile-reading="true"] .scene-grade[data-grade="4"] {--mobile-grade:linear-gradient(145deg,#000 0%,rgb(0 0 0 / .55) 10%,transparent 46%);--mobile-dof:linear-gradient(145deg,#000 0%,rgb(0 0 0 / .45) 12%,transparent 43%);}
 #stage[data-mobile-reading="true"] .scene-grade[data-grade="5"] {--mobile-grade:linear-gradient(135deg,#000 0%,rgb(0 0 0 / .55) 11%,transparent 49%);--mobile-dof:linear-gradient(135deg,#000 0%,rgb(0 0 0 / .45) 13%,transparent 46%);}
 #stage[data-mobile-reading="true"] .scene-grade[data-grade="6"] {--mobile-grade:linear-gradient(180deg,#000 0%,rgb(0 0 0 / .55) 9%,transparent 31%);--mobile-dof:linear-gradient(180deg,#000 0%,rgb(0 0 0 / .45) 11%,transparent 28%);}
 #stage[data-mobile-reading="true"] .scene-grade[data-grade="7"] {--mobile-grade:linear-gradient(140deg,#000 0%,rgb(0 0 0 / .55) 12%,transparent 49%);--mobile-dof:linear-gradient(140deg,#000 0%,rgb(0 0 0 / .45) 14%,transparent 46%);}
 #stage[data-mobile-reading="true"] .scene-grade[data-grade="8"] {--mobile-grade:linear-gradient(220deg,#000 0%,rgb(0 0 0 / .55) 7%,transparent 39%);--mobile-dof:linear-gradient(220deg,#000 0%,rgb(0 0 0 / .45) 9%,transparent 36%);}
 #stage[data-mobile-reading="true"] .scene-grade[data-grade="9"] {--mobile-grade:linear-gradient(140deg,#000 0%,rgb(0 0 0 / .55) 9%,transparent 43%);--mobile-dof:linear-gradient(140deg,#000 0%,rgb(0 0 0 / .45) 11%,transparent 40%);}
 #stage[data-mobile-reading="true"] .scene-grade[data-grade="10"] {--mobile-grade:linear-gradient(180deg,#000 0%,rgb(0 0 0 / .55) 10%,transparent 42%);--mobile-dof:linear-gradient(180deg,#000 0%,rgb(0 0 0 / .45) 12%,transparent 39%);}
 #stage[data-mobile-reading="true"] .scene-grade[data-grade="11"] {--mobile-grade:linear-gradient(170deg,#000 0%,rgb(0 0 0 / .55) 10%,transparent 42%);--mobile-dof:linear-gradient(170deg,#000 0%,rgb(0 0 0 / .45) 12%,transparent 39%);}
 #stage[data-mobile-reading="true"] .scene-grade[data-grade="12"] {--mobile-grade:linear-gradient(115deg,#000 0%,rgb(0 0 0 / .78) 5%,rgb(0 0 0 / .42) 14%,rgb(0 0 0 / .14) 26%,transparent 43%);--mobile-dof:linear-gradient(115deg,#000 0%,rgb(0 0 0 / .7) 8%,rgb(0 0 0 / .25) 22%,transparent 42%);}
 #stage[data-mobile-reading="true"] .scene-grade[data-grade="13"] {--mobile-grade:linear-gradient(145deg,#000 0%,rgb(0 0 0 / .55) 11%,transparent 44%);--mobile-dof:linear-gradient(145deg,#000 0%,rgb(0 0 0 / .45) 13%,transparent 41%);}
 #stage[data-mobile-reading="true"] .scene-grade[data-grade="14"] {--mobile-grade:linear-gradient(105deg,#000 0%,rgb(0 0 0 / .55) 10%,transparent 49%);--mobile-dof:linear-gradient(105deg,#000 0%,rgb(0 0 0 / .45) 12%,transparent 46%);}

 #stage[data-mobile-reading="true"][data-run-active="false"][data-run-kind="idle"]:not([data-departure-active="true"]):not([data-departure-bridge-held="true"]) #shade :is([data-page-index="1"] .scene-grade[data-grade="1"],[data-page-index="2"] .scene-grade[data-grade="2"],[data-page-index="3"] .scene-grade[data-grade="3"],[data-page-index="4"] .scene-grade[data-grade="4"],[data-page-index="5"] .scene-grade[data-grade="5"],[data-page-index="6"] .scene-grade[data-grade="6"],[data-page-index="7"] .scene-grade[data-grade="7"],[data-page-index="8"] .scene-grade[data-grade="8"],[data-page-index="9"] .scene-grade[data-grade="9"],[data-page-index="10"] .scene-grade[data-grade="10"],[data-page-index="11"] .scene-grade[data-grade="11"],[data-page-index="12"] .scene-grade[data-grade="12"],[data-page-index="13"] .scene-grade[data-grade="13"],[data-page-index="14"] .scene-grade[data-grade="14"]) {background:var(--mobile-grade,none) !important;}
 #stage[data-mobile-reading="true"][data-run-active="false"][data-run-kind="idle"]:not([data-departure-active="true"]):not([data-departure-bridge-held="true"]) #shade :is([data-page-index="1"] .scene-grade[data-grade="1"],[data-page-index="2"] .scene-grade[data-grade="2"],[data-page-index="3"] .scene-grade[data-grade="3"],[data-page-index="4"] .scene-grade[data-grade="4"],[data-page-index="5"] .scene-grade[data-grade="5"],[data-page-index="6"] .scene-grade[data-grade="6"],[data-page-index="7"] .scene-grade[data-grade="7"],[data-page-index="8"] .scene-grade[data-grade="8"],[data-page-index="9"] .scene-grade[data-grade="9"],[data-page-index="10"] .scene-grade[data-grade="10"],[data-page-index="11"] .scene-grade[data-grade="11"],[data-page-index="12"] .scene-grade[data-grade="12"],[data-page-index="13"] .scene-grade[data-grade="13"],[data-page-index="14"] .scene-grade[data-grade="14"])::after {content:"" !important;position:absolute;inset:0;pointer-events:none;background:none !important;-webkit-mask-image:var(--mobile-dof) !important;mask-image:var(--mobile-dof) !important;-webkit-backdrop-filter:blur(2px) !important;backdrop-filter:blur(2px) !important;}
 #stage[data-mobile-reading="true"] .copy[data-page] * {-webkit-backdrop-filter:none !important;backdrop-filter:none !important;}
 #stage[data-mobile-reading="true"][data-run-active="false"][data-run-kind="idle"]:not([data-departure-active="true"]):not([data-departure-bridge-held="true"]) :is(:is(#copy-two,#final-vision,#company-overview,#founder).copy > [data-editorial-content],#identity.copy .identity-name,#identity.copy > .chapter-prose[data-editorial-content],#business.copy [data-editorial-content] .business-introduction,#products.copy [data-editorial-content] > .product-track,#products.copy .chapter-layout :is(.business-area-title,.scene-subtitle),#research.copy [data-editorial-content] .research-feature,#research.copy .chapter-layout .scene-subtitle,#people.copy .future-body,#people.copy .person-card,#research.copy [data-editorial-content] > [data-narrative-figure]):not([aria-hidden="true"]):not(.copy[aria-hidden="true"] *) {-webkit-backdrop-filter:blur(12px) !important;backdrop-filter:blur(12px) !important;}
 #stage[data-mobile-reading="true"][data-run-active="false"][data-run-kind="idle"]:not([data-departure-active="true"]):not([data-departure-bridge-held="true"]) .copy:not([aria-hidden="true"]) :is(#copy-one .scene-subtitle,#company-overview .chapter-layout .scene-subtitle,#founder .chapter-layout .scene-subtitle,#identity .chapter-layout .scene-subtitle,#difference .future-title,#vision-learning .future-title,.business-portal,.new-scene-detail) {-webkit-backdrop-filter:blur(16px) !important;backdrop-filter:blur(16px) !important;}
}

/* Center the native1920px aperture, rather than cropping20px past it. */
@media (max-width:760px), (max-width:1024px) and (hover:none) and (pointer:coarse) {
 #stage[data-mobile-reading="true"] :is(.copy--opening,.copy--meeting) {--film-focus-x:.5;}
}

/* Compact vision prose now crosses bright paper in the filmed table. Keep the
   approved black glass local to these paragraphs, with unchanged line wraps. */
@media (max-width:760px), (max-width:1024px) and (hover:none) and (pointer:coarse) {
 #stage[data-mobile-reading="true"] :is(#difference,#vision-learning).copy .future-body {position:relative;isolation:isolate;}
 #stage[data-mobile-reading="true"] :is(#difference,#vision-learning).copy .future-body::before {content:"";position:absolute;inset:-12px -14px;z-index:-1;pointer-events:none;background:rgb(18 20 18 / .62);border:1px solid rgb(245 242 234 / .06);border-radius:2px;box-shadow:0 5px 18px rgb(0 0 0 / .16);-webkit-backdrop-filter:none;backdrop-filter:none;}
 #stage[data-mobile-reading="true"][data-run-active="false"][data-run-kind="idle"]:not([data-departure-active="true"]):not([data-departure-bridge-held="true"]) .copy:not([aria-hidden="true"]):is(#difference,#vision-learning) .future-body::before {-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);}
}
/* The two small branch captions stay legible as the workshop footage moves. */
@media (max-width:760px), (max-width:1024px) and (hover:none) and (pointer:coarse) {
 #stage[data-mobile-reading="true"] #business.copy .business-branch > p {text-shadow:0 1px 3px #000,0 0 6px rgb(0 0 0 / .8);}
}