/* V95: FV01 grain family localized to COMPANY. Photos and motion unchanged. */
:where(body.um-v99-top) #company.ta-company-refined {
  --company-surface: #fff;
  --company-grain-opacity: .1;
  position: relative;
  isolation: isolate;
  padding: 96px 0 88px;
  background: var(--company-surface);
}
:where(body.um-v99-top) #company.ta-company-refined > .ts-wrap { position: relative; z-index: 1; }
:where(body.um-v99-top) #company.ta-company-refined > .ts-wrap > .ts-label { margin-bottom: 40px; }
:where(body.um-v99-top) #company.ta-company-refined .ta-intro { margin-bottom: 48px; }
/* Fixed-size seamless grains stay fine at every width. Intro stays white. */
:where(body.um-v99-top) #company.ta-company-refined::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background: url('./assets/company-matte-grain.svg') 0 0 / 256px 256px repeat;
  opacity: var(--company-grain-opacity);
  -webkit-mask-image: linear-gradient(to bottom, transparent 30%, #000 50%, #000 86%, transparent 100%);
  mask-image: linear-gradient(to bottom, transparent 30%, #000 50%, #000 86%, transparent 100%);
}
@media (min-width: 1900px) {
  :where(body.um-v99-top) #company.ta-company-refined { padding-top: 108px; }
}
@media (max-width: 800px) {
  :where(body.um-v99-top) #company.ta-company-refined { padding: 64px 0; }
  :where(body.um-v99-top) #company.ta-company-refined > .ts-wrap > .ts-label { margin-bottom: 28px; }
  :where(body.um-v99-top) #company.ta-company-refined .ta-intro { margin-bottom: 36px; }
  :where(body.um-v99-top) #company.ta-company-refined::before {
    -webkit-mask-image: linear-gradient(to bottom, transparent 40%, #000 58%, #000 86%, transparent 100%);
    mask-image: linear-gradient(to bottom, transparent 40%, #000 58%, #000 86%, transparent 100%);
  }
}